1<!DOCTYPE html><html lang="en" class="sui-theme inter_5901b7c6-module__ec5Qua__variable figtree_2bb140a6-module__3rHI9G__variable roboto_67300c36-module__aT3fja__variable outfit_8778cd42-module__wRojWG__variable guton_6c4e7822-module__ytpLrG__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/_next/static/immutable/media/sidebar.2bn2mboli2m4-.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/sidebar-dark.1gff05g1muno0.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/navbars.0ly9kig6d6n8l.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/navbars-dark.3aud83d4f63a7.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/cards.1yx2bxt5ikufd.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/cards-dark.08xjgk-t-1xm3.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/kpicards.3a8jdjmgmwfni.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/kpicards-dark.0hkqg9__z0749.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/files.19w_0bk888q-9.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/files-dark.297r256qo-f9l.svg"/><link rel="stylesheet" href="/_next/static/immutable/chunks/03tj8nen0qpvs.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/immutable/chunks/21zjhudut5l4-.js"/>
1<script src="/_next/static/immutable/chunks/11zm_upnavm_d.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0jng2zwnx_vzh.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2741ip-34fjyy.js" async=""></script>
1<script src="/_next/static/immutable/chunks/turbopack-3a-dxfpknragg.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0q3s23mi-g-66.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/3oap9xpnlnx4t.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/0o_ordlf0b1n6.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/41z9rorsmd0hp.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/33ti64z2lgeal.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/0268fh5bgs_ri.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/16yyq12owk360.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/3y-notzpw94xj.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/1_drjv3eos9sa.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/1jhl_frj4mlep.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/0z3z-7eefdgmx.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/2k50g3m_p9x2q.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/05y75qa7glzhh.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/16h_-8dyxyjwi.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/3rd9ce45vvmh1.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/2dclel4zwlgsg.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/37vd411zqhjqf.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/17gg38mw96fcn.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/1y4lyje-5v8k-.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/0hosd84793uhc.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/18uid1jlax43h.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/09flj6u5d0975.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/0ruov95k36994.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/2hw1k4j1sub83.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/2lfwjjo10vq46.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/1l35-jdr_6nks.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/2gmzez2yplpqa.js" async="" crossorigin=""></script>
1<script src="/_next/static/immutable/chunks/27pxp7_83q4_2.js" async=""></script>
1<link rel="preload" href="https://widget.productlane.com/latest.productlane-widget.min.js" as="script" crossorigin=""/><link rel="preload" href="https://api.pirsch.io/pirsch.js" as="script"/><link rel="preload" href="https://api.pirsch.io/pirsch-events.js" as="script"/><link rel="preload" href="https://app.lemonsqueezy.com/js/lemon.js" as="script"/><link rel="preload" href="https://lmsqueezy.com/affiliate.js" as="script"/><link rel="preload" as="image" href="/_next/static/immutable/media/drawers.27zq_rfcde5f1.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/drawers-dark.364vml_rouncn.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/emptystates.3p2pd8rond7pr.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/emptystates-dark.0x19rc2xmyuyu.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/tables.2-ms8pm_8gj7e.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/tables-dark.3ntpx8rf-gtzq.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/modals.3exrz-t70ndod.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/modals-dark.200ohlmjeasy9.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/menus.36-z2yg0y0w9j.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/menus-dark.340io039ysb7t.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/settings.1upqpnxuykcce.svg"/><link rel="preload" as="image" href="/_next/static/immutable/media/settings-dark.1e-cuioo06idv.svg"/><title>Saas UI</title><meta name="description" content="The React component library for startups."/><link rel="manifest" href="/favicons/site.webmanifest"/><link rel="canonical" href="https://saas-ui.dev/blocks"/><meta property="og:title" content="Saas UI"/><meta property="og:description" content="The React component library for startups."/><meta property="og:site_name" content="Saas UI"/><meta property="og:image" content="https://saas-ui.dev/og?site=sui"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Saas UI"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@saas-ui"/><meta name="twitter:title" content="Saas UI"/><meta name="twitter:description" content="The React component library for startups."/><meta name="twitter:image" content="https://saas-ui.dev/og?site=sui"/><meta name="twitter:image:alt" content="Saas UI"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="shortcut icon" href="/favicons/favicon.ico"/><link rel="icon" href="/favicon.ico?favicon.2697_21ps8jm-.ico" sizes="16x16" type="image/x-icon"/><link rel="icon" href="/favicons/favicon.svg"/><link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png"/><meta name="next-size-adjust" content=""/>
1<script src="/_next/static/immutable/chunks/0c0hxoamwjsbw.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){try{var s=null;var c=document.cookie.split('; ');for(var i=0;i\u003cc.length;i++){if(c[i].indexOf('sui-theme=')===0){s=JSON.parse(decodeURIComponent(c[i].slice(10)));break}}if(!s){var r=localStorage.getItem('sui-theme');if(r)s=JSON.parse(r).state}if(s\u0026\u0026s.state\u0026\u0026s.state.base)s=s.state;if(!s||!s.base||!s.accent)return;var el=document.documentElement;el.classList.add('sui-theme');function o(l,c,h){return 'oklch('+l+' '+c+' '+h+')'}el.style.setProperty('--sui-base',o(0.5,s.base.c,s.base.h));el.style.setProperty('--sui-accent',o(s.accent.l,s.accent.c,s.accent.h));if(s.scaleFactor!=null)el.style.setProperty('--scale-factor',String(s.scaleFactor));if(s.controlRadius!=null)el.style.setProperty('--radius-control-factor',String(s.controlRadius));if(s.panelRadius!=null)el.style.setProperty('--radius-panel-factor',String(s.panelRadius));if(s.indicatorRadius!=null)el.style.setProperty('--radius-indicator-factor',String(s.indicatorRadius));if(s.overlayEffect)el.style.setProperty('--overlay-effect',s.overlayEffect);if(s.base.contrast==='soft'||s.base.contrast==='strong')el.setAttribute('data-base-contrast',s.base.contrast);else el.removeAttribute('data-base-contrast');if(s.accent.foreground==='dark')el.setAttribute('data-accent-foreground','dark');else el.removeAttribute('data-accent-foreground');var sb=s.sidebar||{};if(sb.type==='tonal'){el.style.setProperty('--sui-sidebar',o(0.5,sb.c,sb.h));el.style.removeProperty('--sui-sidebar-solid');el.removeAttribute('data-sidebar');el.removeAttribute('data-sidebar-foreground');if(sb.contrast==='soft'||sb.contrast==='strong')el.setAttribute('data-sidebar-contrast',sb.contrast);else el.removeAttribute('data-sidebar-contrast')}else if(sb.type==='solid'){el.style.setProperty('--sui-sidebar-solid',o(sb.l,sb.c,sb.h));el.style.removeProperty('--sui-sidebar');el.setAttribute('data-sidebar','solid');if(sb.foreground==='dark')el.setAttribute('data-sidebar-foreground','dark');else el.removeAttribute('data-sidebar-foreground');el.removeAttribute('data-sidebar-contrast')}else{el.style.removeProperty('--sui-sidebar');el.style.removeProperty('--sui-sidebar-solid');el.removeAttribute('data-sidebar');el.removeAttribute('data-sidebar-foreground');el.removeAttribute('data-sidebar-contrast')}var fonts={\"geist\":\"'Geist', sans-serif\",\"inter\":\"'Inter', sans-serif\",\"noto-sans\":\"'Noto Sans', sans-serif\",\"nunito-sans\":\"'Nunito Sans', sans-serif\",\"figtree\":\"'Figtree', sans-serif\",\"roboto\":\"'Roboto', sans-serif\",\"raleway\":\"'Raleway', sans-serif\",\"dm-sans\":\"'DM Sans', sans-serif\",\"public-sans\":\"'Public Sans', sans-serif\",\"outfit\":\"'Outfit', sans-serif\",\"oxanium\":\"'Oxanium', sans-serif\",\"manrope\":\"'Manrope', sans-serif\",\"space-grotesk\":\"'Space Grotesk', sans-serif\",\"montserrat\":\"'Montserrat', sans-serif\",\"ibm-plex-sans\":\"'IBM Plex Sans', sans-serif\",\"source-sans-3\":\"'Source Sans 3', sans-serif\",\"instrument-sans\":\"'Instrument Sans', sans-serif\",\"noto-serif\":\"'Noto Serif', serif\",\"roboto-slab\":\"'Roboto Slab', serif\",\"merriweather\":\"'Merriweather', serif\",\"lora\":\"'Lora', serif\",\"playfair-display\":\"'Playfair Display', serif\",\"eb-garamond\":\"'EB Garamond', serif\",\"instrument-serif\":\"'Instrument Serif', serif\"};if(s.headingFont\u0026\u0026fonts[s.headingFont])el.style.setProperty('--font-heading',fonts[s.headingFont]);if(s.bodyFont\u0026\u0026fonts[s.bodyFont])el.style.setProperty('--font-body',fonts[s.bodyFont]);document.cookie='sui-theme='+encodeURIComponent(JSON.stringify({scaleFactor:s.scaleFactor,overlayEffect:s.overlayEffect,controlRadius:s.controlRadius,panelRadius:s.panelRadius,indicatorRadius:s.indicatorRadius,base:s.base,accent:s.accent,sidebar:s.sidebar,preset:s.preset||null,accentPalette:s.accentPalette||null,headingFont:s.headingFont||null,bodyFont:s.bodyFont||null}))+'; Path=/; Max-Age=31536000; SameSite=Lax'}catch(e){}})()","id":"sui-theme-init"}])</script>
1<style data-emotion="css-global ad1llf">@layer reset,base,tokens,recipes;</style><style data-emotion="css-global 5uc89q">@layer reset{html{line-height:1.5;--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));}*{margin:0px;padding:0px;font:inherit;word-wrap:break-word;-webkit-tap-highlight-color:transparent;}*,*::before,*::after,*::backdrop{box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor);}hr{height:0px;color:inherit;border-top-width:1px;}body{min-height:100dvh;position:relative;}img{border-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}iframe{border:none;}img,video{max-width:100%;height:auto;}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}ol,ul{list-style:none;}code,kbd,pre,samp{font-size:1em;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;}button,input,optgroup,select,textarea{color:inherit;}button,select{text-transform:none;}table{text-indent:0px;border-color:inherit;border-collapse:collapse;}*::-webkit-input-placeholder{opacity:unset;color:#9ca3af;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}*::-moz-placeholder{opacity:unset;color:#9ca3af;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}*:-ms-input-placeholder{opacity:unset;color:#9ca3af;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}*::placeholder{opacity:unset;color:#9ca3af;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}textarea{resize:vertical;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}dialog{padding:0px;}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-size:1em;--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-family:var(--global-font-mono, var(--font-mono-fallback));}input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;}input[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type='number']{-moz-appearance:textfield;}:-moz-ui-invalid{box-shadow:none;}:-moz-focusring{outline:auto;}[hidden]:where(:not([hidden='until-found'])){display:none!important;}}@layer base{@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes pulse{50%{opacity:0.5;}}@keyframes pulse{50%{opacity:0.5;}}@-webkit-keyframes ping{75%,100%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}}@keyframes ping{75%,100%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);animation-timing-function:cubic-bezier(0.8,0,1,1);}50%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);animation-timing-function:cubic-bezier(0,0,0.2,1);}}@keyframes bounce{0%,100%{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);animation-timing-function:cubic-bezier(0.8,0,1,1);}50%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);animation-timing-function:cubic-bezier(0,0,0.2,1);}}@-webkit-keyframes bg-position{from{-webkit-background-position:var(--animate-from, 1rem) 0;background-position:var(--animate-from, 1rem) 0;}to{-webkit-background-position:var(--animate-to, 0) 0;background-position:var(--animate-to, 0) 0;}}@keyframes bg-position{from{-webkit-background-position:var(--animate-from, 1rem) 0;background-position:var(--animate-from, 1rem) 0;}to{-webkit-background-position:var(--animate-to, 0) 0;background-position:var(--animate-to, 0) 0;}}@-webkit-keyframes position{from{inset-inline-start:var(--animate-from-x);inset-block-start:var(--animate-from-y);}to{inset-inline-start:var(--animate-to-x);inset-block-start:var(--animate-to-y);}}@keyframes position{from{inset-inline-start:var(--animate-from-x);inset-block-start:var(--animate-from-y);}to{inset-inline-start:var(--animate-to-x);inset-block-start:var(--animate-to-y);}}@-webkit-keyframes circular-progress{0%{stroke-dasharray:1,400;stroke-dashoffset:0;}50%{stroke-dasharray:400,400;stroke-dashoffset:-100%;}100%{stroke-dasharray:400,400;stroke-dashoffset:-260%;}}@keyframes circular-progress{0%{stroke-dasharray:1,400;stroke-dashoffset:0;}50%{stroke-dasharray:400,400;stroke-dashoffset:-100%;}100%{stroke-dasharray:400,400;stroke-dashoffset:-260%;}}@-webkit-keyframes expand-height{from{height:0;}to{height:var(--height);}}@keyframes expand-height{from{height:0;}to{height:var(--height);}}@-webkit-keyframes collapse-height{from{height:var(--height);}to{height:0;}}@keyframes collapse-height{from{height:var(--height);}to{height:0;}}@-webkit-keyframes expand-width{from{width:0;}to{width:var(--width);}}@keyframes expand-width{from{width:0;}to{width:var(--width);}}@-webkit-keyframes collapse-width{from{height:var(--width);}to{height:0;}}@keyframes collapse-width{from{height:var(--width);}to{height:0;}}@-webkit-keyframes fade-in{from{opacity:0;}to{opacity:1;}}@keyframes fade-in{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fade-out{from{opacity:1;}to{opacity:0;}}@keyframes fade-out{from{opacity:1;}to{opacity:0;}}@-webkit-keyframes slide-from-left-full{from{-webkit-translate:-100% 0;-moz-translate:-100% 0;-ms-translate:-100% 0;translate:-100% 0;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@keyframes slide-from-left-full{from{-webkit-translate:-100% 0;-moz-translate:-100% 0;-ms-translate:-100% 0;translate:-100% 0;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@-webkit-keyframes slide-from-right-full{from{-webkit-translate:100% 0;-moz-translate:100% 0;-ms-translate:100% 0;translate:100% 0;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@keyframes slide-from-right-full{from{-webkit-translate:100% 0;-moz-translate:100% 0;-ms-translate:100% 0;translate:100% 0;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@-webkit-keyframes slide-from-top-full{from{-webkit-translate:0 -100%;-moz-translate:0 -100%;-ms-translate:0 -100%;translate:0 -100%;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@keyframes slide-from-top-full{from{-webkit-translate:0 -100%;-moz-translate:0 -100%;-ms-translate:0 -100%;translate:0 -100%;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@-webkit-keyframes slide-from-bottom-full{from{-webkit-translate:0 100%;-moz-translate:0 100%;-ms-translate:0 100%;translate:0 100%;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@keyframes slide-from-bottom-full{from{-webkit-translate:0 100%;-moz-translate:0 100%;-ms-translate:0 100%;translate:0 100%;}to{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}}@-webkit-keyframes slide-to-left-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:-100% 0;-moz-translate:-100% 0;-ms-translate:-100% 0;translate:-100% 0;}}@keyframes slide-to-left-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:-100% 0;-moz-translate:-100% 0;-ms-translate:-100% 0;translate:-100% 0;}}@-webkit-keyframes slide-to-right-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:100% 0;-moz-translate:100% 0;-ms-translate:100% 0;translate:100% 0;}}@keyframes slide-to-right-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:100% 0;-moz-translate:100% 0;-ms-translate:100% 0;translate:100% 0;}}@-webkit-keyframes slide-to-top-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:0 -100%;-moz-translate:0 -100%;-ms-translate:0 -100%;translate:0 -100%;}}@keyframes slide-to-top-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:0 -100%;-moz-translate:0 -100%;-ms-translate:0 -100%;translate:0 -100%;}}@-webkit-keyframes slide-to-bottom-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:0 100%;-moz-translate:0 100%;-ms-translate:0 100%;translate:0 100%;}}@keyframes slide-to-bottom-full{from{-webkit-translate:0 0;-moz-translate:0 0;-ms-translate:0 0;translate:0 0;}to{-webkit-translate:0 100%;-moz-translate:0 100%;-ms-translate:0 100%;translate:0 100%;}}@-webkit-keyframes slide-from-top{0%{-webkit-translate:0 -0.5rem;-moz-translate:0 -0.5rem;-ms-translate:0 -0.5rem;translate:0 -0.5rem;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@keyframes slide-from-top{0%{-webkit-translate:0 -0.5rem;-moz-translate:0 -0.5rem;-ms-translate:0 -0.5rem;translate:0 -0.5rem;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@-webkit-keyframes slide-from-bottom{0%{-webkit-translate:0 0.5rem;-moz-translate:0 0.5rem;-ms-translate:0 0.5rem;translate:0 0.5rem;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@keyframes slide-from-bottom{0%{-webkit-translate:0 0.5rem;-moz-translate:0 0.5rem;-ms-translate:0 0.5rem;translate:0 0.5rem;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@-webkit-keyframes slide-from-left{0%{-webkit-translate:-0.5rem 0;-moz-translate:-0.5rem 0;-ms-translate:-0.5rem 0;translate:-0.5rem 0;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@keyframes slide-from-left{0%{-webkit-translate:-0.5rem 0;-moz-translate:-0.5rem 0;-ms-translate:-0.5rem 0;translate:-0.5rem 0;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@-webkit-keyframes slide-from-right{0%{-webkit-translate:0.5rem 0;-moz-translate:0.5rem 0;-ms-translate:0.5rem 0;translate:0.5rem 0;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@keyframes slide-from-right{0%{-webkit-translate:0.5rem 0;-moz-translate:0.5rem 0;-ms-translate:0.5rem 0;translate:0.5rem 0;}to{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}}@-webkit-keyframes slide-to-top{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0 -0.5rem;-moz-translate:0 -0.5rem;-ms-translate:0 -0.5rem;translate:0 -0.5rem;}}@keyframes slide-to-top{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0 -0.5rem;-moz-translate:0 -0.5rem;-ms-translate:0 -0.5rem;translate:0 -0.5rem;}}@-webkit-keyframes slide-to-bottom{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0 0.5rem;-moz-translate:0 0.5rem;-ms-translate:0 0.5rem;translate:0 0.5rem;}}@keyframes slide-to-bottom{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0 0.5rem;-moz-translate:0 0.5rem;-ms-translate:0 0.5rem;translate:0 0.5rem;}}@-webkit-keyframes slide-to-left{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:-0.5rem 0;-moz-translate:-0.5rem 0;-ms-translate:-0.5rem 0;translate:-0.5rem 0;}}@keyframes slide-to-left{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:-0.5rem 0;-moz-translate:-0.5rem 0;-ms-translate:-0.5rem 0;translate:-0.5rem 0;}}@-webkit-keyframes slide-to-right{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0.5rem 0;-moz-translate:0.5rem 0;-ms-translate:0.5rem 0;translate:0.5rem 0;}}@keyframes slide-to-right{0%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0;}to{-webkit-translate:0.5rem 0;-moz-translate:0.5rem 0;-ms-translate:0.5rem 0;translate:0.5rem 0;}}@-webkit-keyframes scale-in{from{scale:0.95;}to{scale:1;}}@keyframes scale-in{from{scale:0.95;}to{scale:1;}}@-webkit-keyframes scale-out{from{scale:1;}to{scale:0.95;}}@keyframes scale-out{from{scale:1;}to{scale:0.95;}}@-webkit-keyframes marqueeX{from{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}to{-webkit-transform:translateX(var(--marquee-translate));-moz-transform:translateX(var(--marquee-translate));-ms-transform:translateX(var(--marquee-translate));transform:translateX(var(--marquee-translate));}}@keyframes marqueeX{from{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}to{-webkit-transform:translateX(var(--marquee-translate));-moz-transform:translateX(var(--marquee-translate));-ms-transform:translateX(var(--marquee-translate));transform:translateX(var(--marquee-translate));}}@-webkit-keyframes marqueeY{from{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}to{-webkit-transform:translateY(var(--marquee-translate));-moz-transform:translateY(var(--marquee-translate));-ms-transform:translateY(var(--marquee-translate));transform:translateY(var(--marquee-translate));}}@keyframes marqueeY{from{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}to{-webkit-transform:translateY(var(--marquee-translate));-moz-transform:translateY(var(--marquee-translate));-ms-transform:translateY(var(--marquee-translate));transform:translateY(var(--marquee-translate));}}:where(html, .sui-theme){-webkit-print-color-scheme:light;color-scheme:light;--sui-base:oklch(0.5 0.012 260);--sui-accent:oklch(0.511 0.262 276.966);--sui-sidebar:var(--sui-base);--sui-sidebar-solid:var(--sui-accent);--sui-contrast:0;--sui-sidebar-contrast:var(--sui-contrast);--sui-accent-foreground-tone:1;--sui-sidebar-foreground-tone:1;--sui-color-sidebar-bg:light-dark(oklch(from var(--sui-sidebar) calc(0.965 + 0.01 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) - 0.015 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.35) h / 1), oklch(from var(--sui-sidebar) calc(0.12 + 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) - 0.02 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.5) h / 1));--sui-color-sidebar-fg:light-dark(oklch(from var(--sui-sidebar) calc(0.2 + 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) - 0.02 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / 1), oklch(from var(--sui-sidebar) calc(0.92 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.03 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / 1));--sui-color-s
1idebar-border:light-dark(oklch(from var(--sui-sidebar) calc(0.2 + 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) - 0.02 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / calc(0.09 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.03 * max(var(--sui-sidebar-contrast), 0))), oklch(from var(--sui-sidebar) calc(0.92 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.03 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / calc(0.11 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.04 * max(var(--sui-sidebar-contrast), 0))));--sui-color-sidebar-accent-bg:light-dark(oklch(from var(--sui-sidebar) calc(0.2 + 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) - 0.02 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / calc(0.06 - 0.01 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.02 * max(var(--sui-sidebar-contrast), 0))), oklch(from var(--sui-sidebar) calc(0.92 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.03 * max(var(--sui-sidebar-contrast), 0)) calc(c * 0.3) h / calc(0.08 - 0.02 * max(calc(-1 * var(--sui-sidebar-contrast)), 0) + 0.03 * max(var(--sui-sidebar-contrast), 0))));--sui-color-sidebar-accent-fg:var(--sui-color-sidebar-fg);}:where(html.dark, html[data-color-mode='dark'], .sui-theme.dark, .sui-theme[data-color-mode='dark'], .dark .sui-theme:not(.light):not([data-color-mode='light'])){-webkit-print-color-scheme:dark;color-scheme:dark;}:where(html.light, html[data-color-mode='light'], .sui-theme.light, .sui-theme[data-color-mode='light'], .light .sui-theme:not(.dark):not([data-color-mode='dark'])){-webkit-print-color-scheme:light;color-scheme:light;}:where(.sui-theme[data-base-contrast='soft']){--sui-contrast:-1;}:where(.sui-theme[data-base-contrast='strong']){--sui-contrast:1;}:where(.sui-theme[data-sidebar-contrast='soft']){--sui-sidebar-contrast:-1;}:where(.sui-theme[data-sidebar-contrast='strong']){--sui-sidebar-contrast:1;}:where(.sui-theme[data-accent-foreground='dark']){--sui-accent-foreground-tone:0;}:where(.sui-theme[data-sidebar-foreground='dark']){--sui-sidebar-foreground-tone:0;}:where(.sui-theme[data-sidebar='solid']){--sui-color-sidebar-bg:oklch(from var(--sui-sidebar-solid) l c h / 1);--sui-color-sidebar-fg:oklch(from var(--sui-sidebar-solid) calc(0.16 + 0.825 * var(--sui-sidebar-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-sidebar-foreground-tone))), calc(0.025 - 0.01 * var(--sui-sidebar-foreground-tone))) h / 1);--sui-color-sidebar-border:oklch(from var(--sui-sidebar-solid) calc(0.16 + 0.825 * var(--sui-sidebar-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-sidebar-foreground-tone))), calc(0.025 - 0.01 * var(--sui-sidebar-foreground-tone))) h / 0.22);--sui-color-sidebar-accent-bg:oklch(from var(--sui-sidebar-solid) calc(0.16 + 0.825 * var(--sui-sidebar-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-sidebar-foreground-tone))), calc(0.025 - 0.01 * var(--sui-sidebar-foreground-tone))) h / 0.14);--sui-color-sidebar-accent-fg:var(--sui-color-sidebar-fg);}*{--ring-inset:var(--chakra-empty,/**/ /*!*/)!important;--ring-offset-width:0px;--ring-offset-color:#fff;--ring-color:rgba(66, 153, 225, 0.6);--ring-offset-shadow:0 0 #0000;--ring-shadow:0 0 #0000;--brightness:var(--chakra-empty,/**/ /*!*/)!important;--contrast:var(--chakra-empty,/**/ /*!*/)!important;--grayscale:var(--chakra-empty,/**/ /*!*/)!important;--hue-rotate:var(--chakra-empty,/**/ /*!*/)!important;--invert:var(--chakra-empty,/**/ /*!*/)!important;--saturate:var(--chakra-empty,/**/ /*!*/)!important;--sepia:var(--chakra-empty,/**/ /*!*/)!important;--drop-shadow:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-blur:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-brightness:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-contrast:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-grayscale:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-hue-rotate:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-invert:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-opacity:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-saturate:var(--chakra-empty,/**/ /*!*/)!important;--backdrop-sepia:var(--chakra-empty,/**/ /*!*/)!important;--global-font-mono:var(--chakra-fonts-mono);--global-font-body:var(--chakra-fonts-body);--global-color-border:var(--chakra-colors-border);--cursor-button:default;--radius-full:9999px;--scale-factor:1;--radius-factor:1;--radius-control-factor:1;--radius-panel-factor:1;--radius-indicator-factor:1;--focus-ring-width:1px;--focus-ring-style:solid;--focus-ring-offset:1px;--focus-ring-color:var(--chakra-colors-accent-solid);--color-shadow:var(--chakra-colors-shadow);--motion-fast:150ms;--motion-medium:200ms;--motion-slow:400ms;--motion-ratio:0.75;--ease-standard:cubic-bezier(0.24, 1, 0.4, 1);--overlay-effect:blur(var(--chakra-blurs-lg));--backdrop-effect:none;--scrollbar-color:var(--chakra-colors-border-emphasized);scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) transparent;}body{color:var(--chakra-colors-fg);background:var(--chakra-colors-bg);--bg-currentcolor:var(--chakra-colors-bg);line-height:1.5;--chakra-colors-color-palette-contrast:var(--chakra-colors-accent-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-accent-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-accent-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-accent-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-accent-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-accent-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-accent-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-accent-border);}*::-webkit-input-placeholder{--mix-color:color-mix(in srgb, var(--chakra-colors-fg-muted) 90%, transparent);
1color:var(--mix-color, var(--chakra-colors-fg-muted));}*::-moz-placeholder{--mix-color:color-mix(in srgb, var(--chakra-colors-fg-muted) 90%, transparent);color:var(--mix-color, var(--chakra-colors-fg-muted));}*:-ms-input-placeholder{--mix-color:color-mix(in srgb, var(--chakra-colors-fg-muted) 90%, transparent);color:var(--mix-color, var(--chakra-colors-fg-muted));}*::placeholder,*[data-placeholder]{--mix-color:color-mix(in srgb, var(--chakra-colors-fg-muted) 90%, transparent);color:var(--mix-color, var(--chakra-colors-fg-muted));}*::selection{--mix-background:color-mix(in srgb, var(--chakra-colors-color-palette-solid) 20%, transparent);background:var(--mix-background, var(--chakra-colors-color-palette-solid));--bg-currentcolor:var(--mix-background, var(--chakra-colors-color-palette-solid));}:root{--header-height:54px;--content-height:calc(100dvh - var(--header-height));}}@layer tokens{:where(html, .chakra-theme){--chakra-animations-spin:spin 1s linear infinite;--chakra-animations-ping:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--chakra-animations-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--chakra-animations-bounce:bounce 1s infinite;--chakra-aspect-ratios-square:1/1;--chakra-aspect-ratios-landscape:4/3;--chakra-aspect-ratios-portrait:3/4;--chakra-aspect-ratios-wide:16/9;--chakra-aspect-ratios-ultrawide:18/5;--chakra-aspect-ratios-golden:1.618/1;--chakra-blurs-sm:4px;--chakra-blurs-md:8px;--chakra-blurs-lg:12px;--chakra-blurs-xl:16px;--chakra-blurs-2xl:24px;--chakra-blurs-3xl:40px;--chakra-blurs-4xl:64px;--chakra-borders-xs:0.5px solid;--chakra-borders-sm:1px solid;--chakra-borders-md:2px solid;--chakra-borders-lg:4px solid;--chakra-borders-xl:8px solid;--chakra-colors-transparent:transparent;--chakra-colors-current:currentColor;--chakra-colors-black:oklch(0.05 0.030 261.692);--chakra-colors-white:oklch(1 0 0);--chakra-colors-base-contrast:light-dark(oklch(from var(--sui-base) 0.985 calc(c * 0.08) h / 1), oklch(from var(--sui-base) 0.16 calc(c * 0.4) h / 1));--chakra-colors-base-fg:light-dark(oklch(from var(--sui-base) 0.28 calc(c * 0.65) h / 1), oklch(from var(--sui-base) 0.84 calc(c * 0.5) h / 1));--chakra-colors-base-muted:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.05), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.08));--chakra-colors-base-subtle:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.08), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.13));--chakra-colors-base-emphasized:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.14), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.2));--chakra-colors-base-solid:light-dark(oklch(from var(--sui-base) 0.2 calc(c * 0.5) h / 1), oklch(from var(--sui-base) 0.92 calc(c * 0.25) h / 1));--chakra-colors-base-focus-ring:light-dark(oklch(from var(--sui-base) 0.48 calc(c * 0.8) h / 1), oklch(from var(--sui-base) 0.68 calc(c * 0.8) h / 1));--chakra-colors-base-border:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.12), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 0.18));--chakra-colors-white-alpha-50:oklch(1 0 0 / 0.04);--chakra-colors-white-alpha-100:oklch(1 0 0 / 0.06);--chakra-colors-white-alpha-200:oklch(1 0 0 / 0.08);--chakra-colors-white-alpha-300:oklch(1 0 0 / 0.16);--chakra-colors-white-alpha-400:oklch(1 0 0 / 0.24);--chakra-colors-white-alpha-500:oklch(1 0 0 / 0.36);--chakra-colors-white-alpha-600:oklch(1 0 0 / 0.48);--chakra-colors-white-alpha-700:oklch(1 0 0 / 0.64);--chakra-colors-white-alpha-800:oklch(1 0 0 / 0.80);--chakra-colors-white-alpha-900:oklch(1 0 0 / 0.92);--chakra-colors-white-alpha-950:oklch(1 0 0 / 0.95);--chakra-colors-black-alpha-50:oklch(0 0 0 / 0.04);--chakra-colors-black-alpha-100:oklch(0 0 0 / 0.06);--chakra-colors-black-alpha-200:oklch(0 0 0 / 0.08);--chakra-colors-black-alpha-300:oklch(0 0 0 / 0.16);--chakra-colors-black-alpha-400:oklch(0 0 0 / 0.24);--chakra-colors-black-alpha-500:oklch(0 0 0 / 0.36);--chakra-colors-black-alpha-600:oklch(0 0 0 / 0.48);--chakra-colors-black-alpha-700:oklch(0 0 0 / 0.64);--chakra-colors-black-alpha-800:oklch(0 0 0 / 0.80);--chakra-colors-black-alpha-900:oklch(0 0 0 / 0.92);--chakra-colors-black-alpha-950:oklch(0 0 0 / 0.95);--chakra-durations-fastest:50ms;--chakra-durations-faster:100ms;--chakra-durations-fast:var(--motion-fast);--chakra-durations-moderate:var(--motion-medium);--chakra-durations-slow:300ms;--chakra-durations-slower:var(--motion-slow);--chakra-durations-slowest:500ms;--chakra-durations-motion-fast-min:calc(var(--motion-fast) * var(--motion-ratio));--chakra-durations-motion-fast:var(--motion-fast);--chakra-durations-motion-fast-max:calc(var(--motion-fast) / var(--motion-ratio));--chakra-durations-motion-medium-min:calc(var(--motion-medium) * var(--motion-ratio));
1--chakra-durations-motion-medium:var(--motion-medium);--chakra-durations-motion-medium-max:calc(var(--motion-medium) / var(--motion-ratio));--chakra-durations-motion-slow-min:calc(var(--motion-slow) * var(--motion-ratio));--chakra-durations-motion-slow:var(--motion-slow);--chakra-durations-motion-slow-max:calc(var(--motion-slow) / var(--motion-ratio));--chakra-easings-standard:var(--ease-standard);--chakra-easings-ease-in:cubic-bezier(0.42, 0, 1, 1);--chakra-easings-ease-out:cubic-bezier(0, 0, 0.58, 1);--chakra-easings-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1);--chakra-easings-ease-in-smooth:cubic-bezier(0.32, 0.72, 0, 1);--chakra-easings-bounce-in:cubic-bezier(0.34, 1.24, 0.64, 1);--chakra-easings-bounce-out:cubic-bezier(0.34, 1.16, 0.64, 1);--chakra-fonts-heading:var(--font-heading, var(--font-inter));--chakra-fonts-body:var(--font-body, var(--font-inter));--chakra-fonts-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--chakra-font-sizes-2xs:calc(0.675rem * var(--scale-factor));--chakra-font-sizes-xs:calc(0.75rem * var(--scale-factor));--chakra-font-sizes-sm:calc(0.8125rem * var(--scale-factor));--chakra-font-sizes-md:calc(0.875rem * var(--scale-factor));--chakra-font-sizes-lg:calc(1rem * var(--scale-factor));--chakra-font-sizes-xl:calc(1.125rem * var(--scale-factor));--chakra-font-sizes-2xl:calc(1.25rem * var(--scale-factor));--chakra-font-sizes-3xl:calc(1.5rem * var(--scale-factor));--chakra-font-sizes-4xl:calc(1.875rem * var(--scale-factor));--chakra-font-sizes-5xl:calc(2.25rem * var(--scale-factor));--chakra-font-sizes-6xl:calc(3rem * var(--scale-factor));--chakra-font-sizes-7xl:calc(3.75rem * var(--scale-factor));--chakra-font-sizes-8xl:calc(4.5rem * var(--scale-factor));--chakra-font-sizes-9xl:calc(6rem * var(--scale-factor));--chakra-font-weights-thin:100;--chakra-font-weights-extralight:200;--chakra-font-weights-light:300;--chakra-font-weights-normal:400;--chakra-font-weights-medium:500;--chakra-font-weights-semibold:600;--chakra-font-weights-bold:700;--chakra-font-weights-extrabold:800;--chakra-font-weights-black:900;--chakra-letter-spacings-tightest:-0.05em;--chakra-letter-spacings-tighter:-0.025em;--chakra-letter-spacings-tight:-0.0125em;--chakra-letter-spacings-normal:0;--chakra-letter-spacings-wide:0.0125em;--chakra-letter-spacings-wider:0.025em;--chakra-letter-spacings-widest:0.05em;--chakra-letter-spacings-heading\.xs:0.0025em;--chakra-letter-spacings-heading\.sm:0;--chakra-letter-spacings-heading\.md:0;--chakra-letter-spacings-heading\.lg:-0.0025em;--chakra-letter-spacings-heading\.xl:-0.005;--chakra-letter-spacings-heading\.2xl:-0.00625em;--chakra-letter-spacings-heading\.3xl:-0.0075em;--chakra-letter-spacings-heading\.4xl:-0.01em;--chakra-letter-spacings-heading\.5xl:-0.025em;--chakra-letter-spacings-heading\.6xl:-0.03em;--chakra-letter-spacings-heading\.7xl:-0.035em;--chakra-line-heights-2xs:calc(0.845rem * var(--scale-factor));--chakra-line-heights-xs:calc(1rem * var(--scale-factor));--chakra-line-heights-sm:calc(1.1375rem * var(--scale-factor));--chakra-line-heights-md:calc(1.26rem * var(--scale-factor));--chakra-line-heights-lg:calc(1.5rem * var(--scale-factor));--chakra-line-heights-xl:calc(1.62rem * var(--scale-factor));--chakra-line-heights-2xl:calc(1.75rem * var(--scale-factor));--chakra-line-heights-3xl:calc(1.95rem * var(--scale-factor));--chakra-line-heights-4xl:calc(2.345rem * var(--scale-factor));--chakra-line-heights-5xl:calc(2.7rem * var(--scale-factor));--chakra-line-heights-6xl:calc(3.45rem * var(--scale-factor));--chakra-line-heights-7xl:calc(4.125rem * var(--scale-factor));--chakra-line-heights-8xl:calc(4.5rem * var(--scale-factor));--chakra-line-heights-9xl:calc(6rem * var(--scale-factor));--chakra-line-heights-heading\.xs:calc(0.95rem * var(--scale-factor));--chakra-line-heights-heading\.sm:calc(1rem * var(--scale-factor));--chakra-line-heights-heading\.md:calc(1.20rem * var(--scale-factor));--chakra-line-heights-heading\.lg:calc(1.33rem * var(--scale-factor));--chakra-line-heights-heading\.xl:calc(1.46rem * var(--scale-factor));--chakra-line-heights-heading\.2xl:calc(1.55rem * var(--scale-factor));--chakra-line-heights-heading\.3xl:calc(1.8rem * var(--scale-factor));--chakra-line-heights-heading\.4xl:calc(2.15rem * var(--scale-factor));--chakra-line-heights-heading\.5xl:calc(2.475rem * var(--scale-factor));--chakra-line-heights-heading\.6xl:calc(3rem * var(--scale-factor));
1--chakra-line-heights-heading\.7xl:calc(3.75rem * var(--scale-factor));--chakra-radii-2xs:0.15rem;--chakra-radii-xs:0.2rem;--chakra-radii-sm:0.25rem;--chakra-radii-md:0.375rem;--chakra-radii-lg:0.5rem;--chakra-radii-xl:0.75rem;--chakra-radii-2xl:1rem;--chakra-radii-3xl:1.5rem;--chakra-radii-4xl:2rem;--chakra-radii-full:9999px;--chakra-spacing-1:calc(0.25rem * var(--scale-factor));--chakra-spacing-2:calc(0.5rem * var(--scale-factor));--chakra-spacing-3:calc(0.75rem * var(--scale-factor));--chakra-spacing-4:calc(1rem * var(--scale-factor));--chakra-spacing-5:calc(1.25rem * var(--scale-factor));--chakra-spacing-6:calc(1.5rem * var(--scale-factor));--chakra-spacing-7:calc(1.75rem * var(--scale-factor));--chakra-spacing-8:calc(2rem * var(--scale-factor));--chakra-spacing-9:calc(2.25rem * var(--scale-factor));--chakra-spacing-10:calc(2.5rem * var(--scale-factor));--chakra-spacing-12:calc(3rem * var(--scale-factor));--chakra-spacing-14:calc(3.5rem * var(--scale-factor));--chakra-spacing-16:calc(4rem * var(--scale-factor));--chakra-spacing-20:calc(5rem * var(--scale-factor));--chakra-spacing-24:calc(6rem * var(--scale-factor));--chakra-spacing-28:calc(7rem * var(--scale-factor));--chakra-spacing-32:calc(8rem * var(--scale-factor));--chakra-spacing-36:calc(9rem * var(--scale-factor));--chakra-spacing-40:calc(10rem * var(--scale-factor));--chakra-spacing-44:calc(11rem * var(--scale-factor));--chakra-spacing-48:calc(12rem * var(--scale-factor));--chakra-spacing-52:calc(13rem * var(--scale-factor));--chakra-spacing-56:calc(14rem * var(--scale-factor));--chakra-spacing-60:calc(15rem * var(--scale-factor));--chakra-spacing-64:calc(16rem * var(--scale-factor));--chakra-spacing-72:calc(18rem * var(--scale-factor));--chakra-spacing-80:calc(20rem * var(--scale-factor));--chakra-spacing-96:calc(24rem * var(--scale-factor));--chakra-spacing-0\.5:calc(0.125rem * var(--scale-factor));--chakra-spacing-1\.5:calc(0.375rem * var(--scale-factor));--chakra-spacing-2\.5:calc(0.625rem * var(--scale-factor));--chakra-spacing-3\.5:calc(0.875rem * var(--scale-factor));--chakra-spacing-4\.5:calc(1.125rem * var(--scale-factor));--chakra-sizes-1:calc(0.25rem * var(--scale-factor));--chakra-sizes-2:calc(0.5rem * var(--scale-factor));--chakra-sizes-3:calc(0.75rem * var(--scale-factor));--chakra-sizes-4:calc(1rem * var(--scale-factor));--chakra-sizes-5:calc(1.25rem * var(--scale-factor));--chakra-sizes-6:calc(1.5rem * var(--scale-factor));--chakra-sizes-7:calc(1.75rem * var(--scale-factor));--chakra-sizes-8:calc(2rem * var(--scale-factor));--chakra-sizes-9:calc(2.25rem * var(--scale-factor));--chakra-sizes-10:calc(2.5rem * var(--scale-factor));--chakra-sizes-12:calc(3rem * var(--scale-factor));--chakra-sizes-14:calc(3.5rem * var(--scale-factor));--chakra-sizes-16:calc(4rem * var(--scale-factor));--chakra-sizes-20:calc(5rem * var(--scale-factor));--chakra-sizes-24:calc(6rem * var(--scale-factor));--chakra-sizes-28:calc(7rem * var(--scale-factor));--chakra-sizes-32:calc(8rem * var(--scale-factor));--chakra-sizes-36:calc(9rem * var(--scale-factor));--chakra-sizes-40:calc(10rem * var(--scale-factor));--chakra-sizes-44:calc(11rem * var(--scale-factor));--chakra-sizes-48:calc(12rem * var(--scale-factor));--chakra-sizes-52:calc(13rem * var(--scale-factor));--chakra-sizes-56:calc(14rem * var(--scale-factor));--chakra-sizes-60:calc(15rem * var(--scale-factor));--chakra-sizes-64:calc(16rem * var(--scale-factor));--chakra-sizes-72:calc(18rem * var(--scale-factor));--chakra-sizes-80:calc(20rem * var(--scale-factor));--chakra-sizes-96:calc(24rem * var(--scale-factor));--chakra-sizes-3xs:14rem;--chakra-sizes-2xs:16rem;--chakra-sizes-xs:20rem;--chakra-sizes-sm:24rem;--chakra-sizes-md:28rem;--chakra-sizes-lg:32rem;--chakra-sizes-xl:36rem;--chakra-sizes-2xl:42rem;--chakra-sizes-3xl:48rem;--chakra-sizes-4xl:56rem;--chakra-sizes-5xl:64rem;--chakra-sizes-6xl:72rem;--chakra-sizes-7xl:80rem;--chakra-sizes-8xl:90rem;--chakra-sizes-0\.5:calc(0.125rem * var(--scale-factor));--chakra-sizes-1\.5:calc(0.375rem * var(--scale-factor));--chakra-sizes-2\.5:calc(0.625rem * var(--scale-factor));--chakra-sizes-3\.5:calc(0.875rem * var(--scale-factor));--chakra-sizes-4\.5:calc(1.125rem * var(--scale-factor));--chakra-sizes-1\/2:50%;--chakra-sizes-1\/3:33.333333%;
1--chakra-sizes-2\/3:66.666667%;--chakra-sizes-1\/4:25%;--chakra-sizes-3\/4:75%;--chakra-sizes-1\/5:20%;--chakra-sizes-2\/5:40%;--chakra-sizes-3\/5:60%;--chakra-sizes-4\/5:80%;--chakra-sizes-1\/6:16.666667%;--chakra-sizes-2\/6:33.333333%;--chakra-sizes-3\/6:50%;--chakra-sizes-4\/6:66.666667%;--chakra-sizes-5\/6:83.333333%;--chakra-sizes-1\/12:8.333333%;--chakra-sizes-2\/12:16.666667%;--chakra-sizes-3\/12:25%;--chakra-sizes-4\/12:33.333333%;--chakra-sizes-5\/12:41.666667%;--chakra-sizes-6\/12:50%;--chakra-sizes-7\/12:58.333333%;--chakra-sizes-8\/12:66.666667%;--chakra-sizes-9\/12:75%;--chakra-sizes-10\/12:83.333333%;--chakra-sizes-11\/12:91.666667%;--chakra-sizes-max:max-content;--chakra-sizes-min:min-content;--chakra-sizes-fit:fit-content;--chakra-sizes-prose:60ch;--chakra-sizes-full:100%;--chakra-sizes-dvh:100dvh;--chakra-sizes-svh:100svh;--chakra-sizes-lvh:100lvh;--chakra-sizes-dvw:100dvw;--chakra-sizes-svw:100svw;--chakra-sizes-lvw:100lvw;--chakra-sizes-vw:100vw;--chakra-sizes-vh:100vh;--chakra-sizes-control-xs:var(--chakra-sizes-6);--chakra-sizes-control-sm:var(--chakra-sizes-7);--chakra-sizes-control-md:var(--chakra-sizes-8);--chakra-sizes-control-lg:var(--chakra-sizes-10);--chakra-sizes-control-xl:var(--chakra-sizes-12);--chakra-sizes-breakpoint-sm:480pxpx;--chakra-sizes-breakpoint-md:768pxpx;--chakra-sizes-breakpoint-lg:1024pxpx;--chakra-sizes-breakpoint-xl:1280pxpx;--chakra-sizes-breakpoint-2xl:1536pxpx;--chakra-z-index-layer-1:1;--chakra-z-index-layer-2:10;--chakra-z-index-layer-3:100;--chakra-z-index-layer-4:1000;--chakra-z-index-hide:-1;--chakra-z-index-base:0;--chakra-z-index-docked:10;--chakra-z-index-dropdown:1000;--chakra-z-index-sticky:1100;--chakra-z-index-banner:1200;--chakra-z-index-overlay:1300;--chakra-z-index-modal:1400;--chakra-z-index-popover:1500;--chakra-z-index-skip-nav:1600;--chakra-z-index-toast:1700;--chakra-z-index-tooltip:1800;--chakra-z-index-max:2147483647;--chakra-cursor-button:pointer;--chakra-cursor-checkbox:default;--chakra-cursor-disabled:not-allowed;--chakra-cursor-menuitem:default;--chakra-cursor-option:default;--chakra-cursor-radio:default;--chakra-cursor-slider:default;--chakra-cursor-swittch:pointer;--chakra-breakpoints-sm:480pxpx;--chakra-breakpoints-md:768pxpx;--chakra-breakpoints-lg:1024pxpx;--chakra-breakpoints-xl:1280pxpx;--chakra-breakpoints-2xl:1536pxpx;--chakra-colors-presence-online:var(--chakra-colors-success-solid);--chakra-colors-presence-offline:var(--chakra-colors-gray-solid);--chakra-colors-presence-busy:var(--chakra-colors-warning-solid);--chakra-colors-presence-dnd:var(--chakra-colors-destructive-solid);--chakra-colors-presence-away:var(--chakra-colors-gray-solid);--chakra-colors-status-success:var(--chakra-colors-success-solid);--chakra-colors-status-error:var(--chakra-colors-destructive-solid);--chakra-colors-status-warning:var(--chakra-colors-warning-solid);--chakra-colors-status-info:var(--chakra-colors-info-solid);--chakra-colors-sidebar-bg:var(--sui-color-sidebar-bg);--chakra-colors-sidebar-fg:var(--sui-color-sidebar-fg);--chakra-colors-sidebar-border:var(--sui-color-sidebar-border);--chakra-colors-sidebar-accent-bg:var(--sui-color-sidebar-accent-bg);--chakra-colors-sidebar-accent-fg:var(--chakra-colors-sidebar-fg);--chakra-colors-bg:light-dark(oklch(from var(--sui-base) calc(0.985 + 0.005 * max(calc(-1 * var(--sui-contrast)), 0) - 0.005 * max(var(--sui-contrast), 0)) calc(c * 0.2) h / 1), oklch(from var(--sui-base) calc(0.14 + 0.005 * max(calc(-1 * var(--sui-contrast)), 0) - 0.015 * max(var(--sui-contrast), 0)) calc(c * 0.2) h / 1));--chakra-colors-bg-surface:light-dark(oklch(from var(--sui-base) 0.995 calc(c * 0.2) h / 1), oklch(from var(--sui-base) calc(0.17 - 0.005 * max(calc(-1 * var(--sui-contrast)), 0) + 0.005 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 1));--chakra-colors-bg-elevated:light-dark(oklch(from var(--sui-base) 0.995 calc(c * 0.2) h / 1), oklch(from var(--sui-base) calc(0.2 - 0.015 * max(calc(-1 * var(--sui-contrast)), 0) + 0.025 * max(var(--sui-contrast), 0)) calc(c * 0.45) h / 1));--chakra-colors-bg-inset:light-dark(oklch(from var(--sui-base) calc(0.965 + 0.01 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.35) h / 1), oklch(from var(--sui-base) calc(0.11 + 0.01 * max(calc(-1 * var(--sui-contrast)), 0) - 0.025 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 1));--chakra-colors-bg-overlay:light-dark(oklch(from var(--sui-base) 0.995 calc(c * 0.2) h / 0.95), oklch(from var(--sui-base) calc(0.2 - 0.015 * max(calc(-1 * var(--sui-contrast)), 0) + 0.025 * max(var(--sui-contrast), 0)) calc(c * 0.45) h / 0.9));--chakra-colors-bg-backdrop:oklch(0 0 0 / 0.3);--chakra-colors-bg-inverted:light-dark(oklch(from var(--sui-base) 0.16 calc(c * 0.4) h / 1), oklch(from var(--sui-base) 0.985 calc(c * 0.08) h / 1));--chakra-colors-bg-muted:var(--chakra-colors-bg-inset);--chakra-colors-bg-subtle:var(--chakra-colors-interaction-hover);--chakra-colors-bg-emphasized:var(--chakra-colors-interaction-pressed);--chakra-colors-bg-content:var(--chakra-colors-bg);--chakra-colors-bg-panel:var(--chakra-colors-bg-surface);--chakra-colors-bg-error:var(--chakra-colors-destructive-muted);--chakra-colors-bg-warning:var(--chakra-colors-warning-muted);--chakra-colors-bg-success:var(--chakra-colors-success-muted);--chakra-colors-bg-info:var(--chakra-colors-info-muted);--chakra-colors-bg-destructive:var(--chakra-colors-destructive-muted);--chakra-colors-fg:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 1), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / 1));--chakra-colors-fg-muted:light-dark(oklch(from var(--sui-base) calc(0.42 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.55) h / 1), oklch(from var(--sui-base) calc(0.72 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.03 * max(var(--sui-contrast), 0)) calc(c * 0.55) h / 1));--chakra-colors-fg-subtle:light-dark(oklch(from var(--sui-base) calc(0.52 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.03 * max(var(--sui-contrast), 0)) calc(c * 0.5) h / 1), oklch(from var(--sui-base) calc(0.6 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.03 * max(var(--sui-contrast), 0)) calc(c * 0.5) h / 1));--chakra-colors-fg-emphasized:light-dark(oklch(from var(--sui-base) calc(0.26 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.03 * max(var(--sui-contrast), 0)) calc(c * 0.4) h / 1), oklch(from var(--sui-base) calc(0.84 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.03 * max(var(--sui-contrast), 0)) calc(c * 0.4) h / 1));--chakra-colors-fg-inverted:light-dark(oklch(from var(--sui-base) 0.985 calc(c * 0.08) h / 1), oklch(from var(--sui-base) 0.16 calc(c * 0.4) h / 1));--chakra-colors-fg-error:var(--chakra-colors-destructive-fg);--chakra-colors-fg-warning:var(--chakra-colors-warning-fg);--chakra-colors-fg-success:var(--chakra-colors-success-fg);--chakra-colors-fg-info:var(--chakra-colors-info-fg);--chakra-colors-fg-destructive:var(--chakra-colors-destructive-fg);--chakra-colors-border:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.1 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.12 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.03 * max(var(--sui-contrast), 0))));--chakra-colors-border-muted:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.055 - 0.011 * max(calc(-1 * var(--sui-contrast)), 0) + 0.011 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.066 - 0.011 * max(calc(-1 * var(--sui-contrast)), 0) + 0.0165 * max(var(--sui-contrast), 0))));--chakra-colors-border-subtle:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.075 - 0.015 * max(calc(-1 * var(--sui-contrast)), 0) + 0.015 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.09 - 0.015 * max(calc(-1 * var(--sui-contrast)), 0) + 0.0225 * max(var(--sui-contrast), 0))));--chakra-colors-border-emphasized:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.17 - 0.03 * max(calc(-1 * var(--sui-contrast)), 0) + 0.05 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.21 - 0.04 * max(calc(-1 * var(--sui-contrast)), 0) + 0.05 * max(var(--sui-contrast), 0))));--chakra-colors-border-inverted:light-dark(oklch(from var(--sui-base) 0.985 calc(c * 0.2) h / 0.8), oklch(from var(--sui-base) 0.16 calc(c * 0.2) h / 0.8));--chakra-colors-border-error:var(--chakra-colors-destructive-border);--chakra-colors-border-warning:var(--chakra-colors-warning-border);--chakra-colors-border-success:var(--chakra-colors-success-border);--chakra-colors-border-info:var(--chakra-colors-info-border);--chakra-colors-border-destructive:var(--chakra-colors-destructive-border);--chakra-colors-interaction-hover:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.05 - 0.01 * max(calc(-1 * var(--sui-contrast)), 0) + 0.01 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.07 - 0.01 * max(calc(-1 * var(--sui-contrast)), 0) + 0.01 * max(var(--sui-contrast), 0))));--chakra-colors-interaction-pressed:light-dark(oklch(from var(--sui-base) calc(0.18 + 0.02 * max(calc(-1 * var(--sui-contrast)), 0) - 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.08 - 0.01 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0))), oklch(from var(--sui-base) calc(0.94 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.02 * max(var(--sui-contrast), 0)) calc(c * 0.3) h / calc(0.11 - 0.02 * max(calc(-1 * var(--sui-contrast)), 0) + 0.03 * max(var(--sui-contrast), 0))));--chakra-colors-interaction-selected:var(--chakra-colors-accent-subtle);--chakra-colors-accent-contrast:oklch(from var(--sui-accent) calc(0.16 + 0.825 * var(--sui-accent-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-accent-foreground-tone))), calc(0.025 - 0.01 * var(--sui-accent-foreground-tone))) h / 1);--chakra-colors-accent-fg:light-dark(oklch(from var(--sui-accent) min(l, 0.44) min(calc(c * 0.65), 0.18) h / 1), oklch(from var(--sui-accent) max(l, 0.78) min(calc(c * 0.65), 0.18) h / 1));--chakra-colors-accent-muted:light-dark(oklch(from var(--sui-accent) l c h / 0.07), oklch(from var(--sui-accent) l c h / 0.1));--chakra-colors-accent-subtle:light-dark(oklch(from var(--sui-accent) l c h / 0.11), oklch(from var(--sui-accent) l c h / 0.16));--chakra-colors-accent-emphasized:light-dark(oklch(from var(--sui-accent) l c h / 0.18), oklch(from var(--sui-accent) l c h / 0.24));--chakra-colors-accent-solid:oklch(from var(--sui-accent) l c h / 1);--chakra-colors-accent-focus-ring:var(--chakra-colors-accent-solid);--chakra-colors-accent-border:light-dark(oklch(from var(--sui-accent) l c h / 0.32), oklch(from var(--sui-accent) l c h / 0.44));--chakra-colors-info-contrast:oklch(from var(--sui-accent) calc(0.16 + 0.825 * var(--sui-accent-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-accent-foreground-tone))), calc(0.025 - 0.01 * var(--sui-accent-foreground-tone))) 260 / 1);--chakra-colors-info-fg:light-dark(oklch(from var(--sui-accent) min(l, 0.44) min(calc(c * 0.65), 0.18) 260 / 1), oklch(from var(--sui-accent) max(l, 0.78) min(calc(c * 0.65), 0.18) 260 / 1));--chakra-colors-info-muted:light-dark(oklch(from var(--sui-accent) l c 260 / 0.07), oklch(from var(--sui-accent) l c 260 / 0.1));--chakra-colors-info-subtle:light-dark(oklch(from var(--sui-accent) l c 260 / 0.11), oklch(from var(--sui-accent) l c 260 / 0.16));--chakra-colors-info-emphasized:light-dark(oklch(from var(--sui-accent) l c 260 / 0.18), oklch(from var(--sui-accent) l c 260 / 0.24));--chakra-colors-info-solid:oklch(from var(--sui-accent) l c 260 / 1);--chakra-colors-info-focus-ring:oklch(from var(--sui-accent) l c 260 / 1);--chakra-colors-info-border:light-dark(oklch(from var(--sui-accent) l c 260 / 0.32), oklch(from var(--sui-accent) l c 260 / 0.44));--chakra-colors-success-contrast:oklch(from var(--sui-accent) calc(0.16 + 0.825 * var(--sui-accent-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-accent-foreground-tone))), calc(0.025 - 0.01 * var(--sui-accent-foreground-tone))) 150 / 1);--chakra-colors-success-fg:light-dark(oklch(from var(--sui-accent) min(l, 0.44) min(calc(c * 0.65), 0.18) 150 / 1), oklch(from var(--sui-accent) max(l, 0.78) min(calc(c * 0.65), 0.18) 150 / 1));--chakra-colors-success-muted:light-dark(oklch(from var(--sui-accent) l c 150 / 0.07), oklch(from var(--sui-accent) l c 150 / 0.1));--chakra-colors-success-subtle:light-dark(oklch(from var(--sui-accent) l c 150 / 0.11), oklch(from var(--sui-accent) l c 150 / 0.16));--chakra-colors-success-emphasized:light-dark(oklch(from var(--sui-accent) l c 150 / 0.18), oklch(from var(--sui-accent) l c 150 / 0.24));--chakra-colors-success-solid:oklch(from var(--sui-accent) l c 150 / 1);--chakra-colors-success-focus-ring:oklch(from var(--sui-accent) l c 150 / 1);--chakra-colors-success-border:light-dark(oklch(from var(--sui-accent) l c 150 / 0.32), oklch(from var(--sui-accent) l c 150 / 0.44));--chakra-colors-warning-contrast:oklch(from var(--sui-accent) calc(0.16 + 0.825 * var(--sui-accent-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-accent-foreground-tone))), calc(0.025 - 0.01 * var(--sui-accent-foreground-tone))) 50 / 1);--chakra-colors-warning-fg:light-dark(oklch(from var(--sui-accent) min(l, 0.44) min(calc(c * 0.65), 0.18) 50 / 1), oklch(from var(--sui-accent) max(l, 0.78) min(calc(c * 0.65), 0.18) 50 / 1));--chakra-colors-warning-muted:light-dark(oklch(from var(--sui-accent) l c 50 / 0.07), oklch(from var(--sui-accent) l c 50 / 0.1));--chakra-colors-warning-subtle:light-dark(oklch(from var(--sui-accent) l c 50 / 0.11), oklch(from var(--sui-accent) l c 50 / 0.16));--chakra-colors-warning-emphasized:light-dark(oklch(from var(--sui-accent) l c 50 / 0.18), oklch(from var(--sui-accent) l c 50 / 0.24));--chakra-colors-warning-solid:oklch(from var(--sui-accent) l c 50 / 1);--chakra-colors-warning-focus-ring:oklch(from var(--sui-accent) l c 50 / 1);--chakra-colors-warning-border:light-dark(oklch(from var(--sui-accent) l c 50 / 0.32), oklch(from var(--sui-accent) l c 50 / 0.44));--chakra-colors-destructive-contrast:oklch(from var(--sui-accent) calc(0.16 + 0.825 * var(--sui-accent-foreground-tone)) min(calc(c * calc(0.1 - 0.04 * var(--sui-accent-foreground-tone))), calc(0.025 - 0.01 * var(--sui-accent-foreground-tone))) 25 / 1);--chakra-colors-destructive-fg:light-dark(oklch(from var(--sui-accent) min(l, 0.44) min(calc(c * 0.65), 0.18) 25 / 1), oklch(from var(--sui-accent) max(l, 0.78) min(calc(c * 0.65), 0.18) 25 / 1));--chakra-colors-destructive-muted:light-dark(oklch(from var(--sui-accent) l c 25 / 0.07), oklch(from var(--sui-accent) l c 25 / 0.1));--chakra-colors-destructive-subtle:light-dark(oklch(from var(--sui-accent) l c 25 / 0.11), oklch(from var(--sui-accent) l c 25 / 0.16));--chakra-colors-destructive-emphasized:light-dark(oklch(from var(--sui-accent) l c 25 / 0.18), oklch(from var(--sui-accent) l c 25 / 0.24));--chakra-colors-destructive-solid:oklch(from var(--sui-accent) l c 25 / 1);--chakra-colors-destructive-focus-ring:oklch(from var(--sui-accent) l c 25 / 1);--chakra-colors-destructive-border:light-da
1rk(oklch(from var(--sui-accent) l c 25 / 0.32), oklch(from var(--sui-accent) l c 25 / 0.44));--chakra-radii-l1:var(--chakra-radii-xs);--chakra-radii-l2:var(--chakra-radii-sm);--chakra-radii-l3:var(--chakra-radii-md);--chakra-radii-control:calc(var(--chakra-radii-sm) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-control-factor, 1));--chakra-radii-control-sm:calc(var(--chakra-radii-xs) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-control-factor, 1));--chakra-radii-control-md:calc(var(--chakra-radii-sm) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-control-factor, 1));--chakra-radii-control-lg:calc(var(--chakra-radii-md) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-control-factor, 1));--chakra-radii-panel:calc(var(--chakra-radii-md) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-panel-factor, 1));--chakra-radii-panel-sm:calc(var(--chakra-radii-sm) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-panel-factor, 1));--chakra-radii-panel-md:calc(var(--chakra-radii-md) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-panel-factor, 1));--chakra-radii-panel-lg:calc(var(--chakra-radii-lg) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-panel-factor, 1));--chakra-radii-indicator:calc(var(--chakra-radii-sm) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-indicator-factor, 1));--chakra-radii-indicator-sm:calc(var(--chakra-radii-xs) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-indicator-factor, 1));--chakra-radii-indicator-md:calc(var(--chakra-radii-sm) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-indicator-factor, 1));--chakra-radii-indicator-lg:calc(var(--chakra-radii-md) * var(--scale-factor, 1) * var(--radius-factor, 1) * var(--radius-indicator-factor, 1));}:root,.light{--chakra-colors-shadow:var(--chakra-colors-black);--chakra-colors-gray-contrast:oklch(0.985 0.001 260);--chakra-colors-gray-fg:oklch(0.44 0.008 260);--chakra-colors-gray-muted:oklch(0.45 0.012 260 / 0.07);--chakra-colors-gray-subtle:oklch(0.45 0.012 260 / 0.11);--chakra-colors-gray-emphasized:oklch(0.45 0.012 260 / 0.18);--chakra-colors-gray-solid:oklch(0.45 0.012 260);--chakra-colors-gray-focus-ring:oklch(0.45 0.012 260);--chakra-colors-gray-border:oklch(0.45 0.012 260 / 0.32);--chakra-colors-zinc-contrast:oklch(0.985 0.001 286);--chakra-colors-zinc-fg:oklch(0.44 0.007 286);--chakra-colors-zinc-muted:oklch(0.45 0.01 286 / 0.07);--chakra-colors-zinc-subtle:oklch(0.45 0.01 286 / 0.11);--chakra-colors-zinc-emphasized:oklch(0.45 0.01 286 / 0.18);--chakra-colors-zinc-solid:oklch(0.45 0.01 286);--chakra-colors-zinc-focus-ring:oklch(0.45 0.01 286);--chakra-colors-zinc-border:oklch(0.45 0.01 286 / 0.32);--chakra-colors-neutral-contrast:var(--chakra-colors-white);--chakra-colors-neutral-fg:var(--chakra-colors-black);--chakra-colors-neutral-muted:color-mix(in srgb, var(--chakra-colors-black) 5%, transparent);--chakra-colors-neutral-subtle:color-mix(in srgb, var(--chakra-colors-black) 8%, transparent);--chakra-colors-neutral-emphasized:color-mix(in srgb, var(--chakra-colors-black) 14%, transparent);--chakra-colors-neutral-solid:var(--chakra-colors-black);--chakra-colors-neutral-focus-ring:var(--chakra-colors-black);--chakra-colors-neutral-border:color-mix(in srgb, var(--chakra-colors-black) 12%, transparent);--chakra-colors-stone-contrast:oklch(0.985 0.001 56);--chakra-colors-stone-fg:oklch(0.44 0.007 56);--chakra-colors-stone-muted:oklch(0.45 0.01 56 / 0.07);--chakra-colors-stone-subtle:oklch(0.45 0.01 56 / 0.11);--chakra-colors-stone-emphasized:oklch(0.45 0.01 56 / 0.18);--chakra-colors-stone-solid:oklch(0.45 0.01 56);--chakra-colors-stone-focus-ring:oklch(0.45 0.01 56);--chakra-colors-stone-border:oklch(0.45 0.01 56 / 0.32);--chakra-colors-red-contrast:oklch(0.985 0.013 25);--chakra-colors-red-fg:oklch(0.44 0.143 25);--chakra-colors-red-muted:oklch(0.55 0.22 25 / 0.07);--chakra-colors-red-subtle:oklch(0.55 0.22 25 / 0.11);--chakra-colors-red-emphasized:oklch(0.55 0.22 25 / 0.18);--chakra-colors-red-solid:oklch(0.55 0.22 25);--chakra-colors-red-focus-ring:oklch(0.55 0.22 25);--chakra-colors-red-border:oklch(0.55 0.22 25 / 0.32);--chakra-colors-orange-contrast:oklch(0.985 0.013 50);--chakra-colors-orange-fg:oklch(0.44 0.143 50);--chakra-colors-orange-muted:oklch(0.58 0.22 50 / 0.07);--chakra-colors-orange-subtle:oklch(0.58 0.22 50 / 0.11);--chakra-colors-orange-emphasized:oklch(0.58 0.22 50 / 0.18);--chakra-colors-orange-solid:oklch(0.58 0.22 50);--chakra-colors-orange-focus-ring:oklch(0.58 0.22 50);--chakra-colors-orange-border:oklch(0.58 0.22 50 / 0.32);--chakra-colors-amber-contrast:oklch(0.16 0.022 80);--chakra-colors-amber-fg:oklch(0.44 0.143 80);--chakra-colors-amber-muted:oklch(0.8 0.22 80 / 0.07);--chakra-colors-amber-subtle:oklch(0.8 0.22 80 / 0.11);--chakra-colors-amber-emphasized:oklch(0.8 0.22 80 / 0.18);--chakra-colors-amber-solid:oklch(0.8 0.22 80);--chakra-colors-amber-focus-ring:oklch(0.8 0.22 80);--chakra-colors-amber-border:oklch(0.8 0.22 80 / 0.32);--chakra-colors-yellow-contrast:oklch(0.16 0.022 95);--chakra-colors-yellow-fg:oklch(0.44 0.143 95);--chakra-colors-yellow-muted:oklch(0.84 0.22 95 / 0.07);--chakra-colors-yellow-subtle:oklch(0.84 0.22 95 / 0.11);--chakra-colors-yellow-emphasized:oklch(0.84 0.22 95 / 0.18);--chakra-colors-yellow-solid:oklch(0.84 0.22 95);--chakra-colors-yellow-focus-ring:oklch(0.84 0.22 95);--chakra-colors-yellow-border:oklch(0.84 0.22 95 / 0.32);--chakra-colors-lime-contrast:oklch(0.16 0.022 128);--chakra-colors-lime-fg:oklch(0.44 0.143 128);--chakra-colors-lime-muted:oklch(0.8 0.22 128 / 0.07);--chakra-colors-lime-subtle:oklch(0.8 0.22 128 / 0.11);--chakra-colors-lime-emphasized:oklch(0.8 0.22 128 / 0.18);--chakra-colors-lime-solid:oklch(0.8 0.22 128);--chakra-colors-lime-focus-ring:oklch(0.8 0.22 128);--chakra-colors-lime-border:oklch(0.8 0.22 128 / 0.32);--chakra-colors-green-contrast:oklch(0.985 0.013 150);--chakra-colors-green-fg:oklch(0.44 0.143 150);--chakra-colors-green-muted:oklch(0.55 0.22 150 / 0.07);--chakra-colors-green-subtle:oklch(0.55 0.22 150 / 0.11);--chakra-colors-green-emphasized:oklch(0.55 0.22 150 / 0.18);--chakra-colors-green-solid:oklch(0.55 0.22 150);--chakra-colors-green-focus-ring:oklch(0.55 0.22 150);--chakra-colors-green-border:oklch(0.55 0.22 150 / 0.32);--chakra-colors-emerald-contrast:oklch(0.985 0.013 163);
1--chakra-colors-emerald-fg:oklch(0.44 0.143 163);--chakra-colors-emerald-muted:oklch(0.55 0.22 163 / 0.07);--chakra-colors-emerald-subtle:oklch(0.55 0.22 163 / 0.11);--chakra-colors-emerald-emphasized:oklch(0.55 0.22 163 / 0.18);--chakra-colors-emerald-solid:oklch(0.55 0.22 163);--chakra-colors-emerald-focus-ring:oklch(0.55 0.22 163);--chakra-colors-emerald-border:oklch(0.55 0.22 163 / 0.32);--chakra-colors-teal-contrast:oklch(0.985 0.013 182);--chakra-colors-teal-fg:oklch(0.44 0.143 182);--chakra-colors-teal-muted:oklch(0.55 0.22 182 / 0.07);--chakra-colors-teal-subtle:oklch(0.55 0.22 182 / 0.11);--chakra-colors-teal-emphasized:oklch(0.55 0.22 182 / 0.18);--chakra-colors-teal-solid:oklch(0.55 0.22 182);--chakra-colors-teal-focus-ring:oklch(0.55 0.22 182);--chakra-colors-teal-border:oklch(0.55 0.22 182 / 0.32);--chakra-colors-cyan-contrast:oklch(0.985 0.013 215);--chakra-colors-cyan-fg:oklch(0.44 0.143 215);--chakra-colors-cyan-muted:oklch(0.56 0.22 215 / 0.07);--chakra-colors-cyan-subtle:oklch(0.56 0.22 215 / 0.11);--chakra-colors-cyan-emphasized:oklch(0.56 0.22 215 / 0.18);--chakra-colors-cyan-solid:oklch(0.56 0.22 215);--chakra-colors-cyan-focus-ring:oklch(0.56 0.22 215);--chakra-colors-cyan-border:oklch(0.56 0.22 215 / 0.32);--chakra-colors-sky-contrast:oklch(0.985 0.013 237);--chakra-colors-sky-fg:oklch(0.44 0.143 237);--chakra-colors-sky-muted:oklch(0.56 0.22 237 / 0.07);--chakra-colors-sky-subtle:oklch(0.56 0.22 237 / 0.11);--chakra-colors-sky-emphasized:oklch(0.56 0.22 237 / 0.18);--chakra-colors-sky-solid:oklch(0.56 0.22 237);--chakra-colors-sky-focus-ring:oklch(0.56 0.22 237);--chakra-colors-sky-border:oklch(0.56 0.22 237 / 0.32);--chakra-colors-blue-contrast:oklch(0.985 0.013 260);--chakra-colors-blue-fg:oklch(0.44 0.143 260);--chakra-colors-blue-muted:oklch(0.54 0.22 260 / 0.07);--chakra-colors-blue-subtle:oklch(0.54 0.22 260 / 0.11);--chakra-colors-blue-emphasized:oklch(0.54 0.22 260 / 0.18);--chakra-colors-blue-solid:oklch(0.54 0.22 260);--chakra-colors-blue-focus-ring:oklch(0.54 0.22 260);--chakra-colors-blue-border:oklch(0.54 0.22 260 / 0.32);--chakra-colors-indigo-contrast:oklch(0.985 0.013 277);--chakra-colors-indigo-fg:oklch(0.44 0.143 277);--chakra-colors-indigo-muted:oklch(0.52 0.22 277 / 0.07);--chakra-colors-indigo-subtle:oklch(0.52 0.22 277 / 0.11);--chakra-colors-indigo-emphasized:oklch(0.52 0.22 277 / 0.18);--chakra-colors-indigo-solid:oklch(0.52 0.22 277);--chakra-colors-indigo-focus-ring:oklch(0.52 0.22 277);--chakra-colors-indigo-border:oklch(0.52 0.22 277 / 0.32);--chakra-colors-violet-contrast:oklch(0.985 0.013 293);--chakra-colors-violet-fg:oklch(0.44 0.143 293);--chakra-colors-violet-muted:oklch(0.52 0.22 293 / 0.07);--chakra-colors-violet-subtle:oklch(0.52 0.22 293 / 0.11);--chakra-colors-violet-emphasized:oklch(0.52 0.22 293 / 0.18);--chakra-colors-violet-solid:oklch(0.52 0.22 293);--chakra-colors-violet-focus-ring:oklch(0.52 0.22 293);--chakra-colors-violet-border:oklch(0.52 0.22 293 / 0.32);--chakra-colors-purple-contrast:oklch(0.985 0.013 304);--chakra-colors-purple-fg:oklch(0.44 0.143 304);--chakra-colors-purple-muted:oklch(0.54 0.22 304 / 0.07);--chakra-colors-purple-subtle:oklch(0.54 0.22 304 / 0.11);--chakra-colors-purple-emphasized:oklch(0.54 0.22 304 / 0.18);--chakra-colors-purple-solid:oklch(0.54 0.22 304);--chakra-colors-purple-focus-ring:oklch(0.54 0.22 304);--chakra-colors-purple-border:oklch(0.54 0.22 304 / 0.32);--chakra-colors-fuchsia-contrast:oklch(0.985 0.013 322);--chakra-colors-fuchsia-fg:oklch(0.44 0.143 322);--chakra-colors-fuchsia-muted:oklch(0.55 0.22 322 / 0.07);--chakra-colors-fuchsia-subtle:oklch(0.55 0.22 322 / 0.11);--chakra-colors-fuchsia-emphasized:oklch(0.55 0.22 322 / 0.18);--chakra-colors-fuchsia-solid:oklch(0.55 0.22 322);--chakra-colors-fuchsia-focus-ring:oklch(0.55 0.22 322);--chakra-colors-fuchsia-border:oklch(0.55 0.22 322 / 0.32);--chakra-colors-pink-contrast:oklch(0.985 0.013 350);--chakra-colors-pink-fg:oklch(0.44 0.143 350);--chakra-colors-pink-muted:oklch(0.56 0.22 350 / 0.07);--chakra-colors-pink-subtle:oklch(0.56 0.22 350 / 0.11);--chakra-colors-pink-emphasized:oklch(0.56 0.22 350 / 0.18);--chakra-colors-pink-solid:oklch(0.56 0.22 350);--chakra-colors-pink-focus-ring:oklch(0.56 0.22 350);--chakra-colors-pink-border:oklch(0.56 0.22 350 / 0.32);--chakra-colors-rose-contrast:oklch(0.985 0.013 16);--chakra-colors-rose-fg:oklch(0.44 0.143 16);--chakra-colors-rose-muted:oklch(0.55 0.22 16 / 0.07);--chakra-colors-rose-subtle:oklch(0.55 0.22 16 / 0.11);--chakra-colors-rose-emphasized:oklch(0.55 0.22 16 / 0.18);--chakra-colors-rose-solid:oklch(0.55 0.22 16);--chakra-colors-rose-focus-ring:oklch(0.55 0.22 16);--chakra-colors-rose-border:oklch(0.55 0.22 16 / 0.32);--chakra-shadows-xs:0px 1px 2px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),
10px 0px 1px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-sm:0px 2px 4px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 2px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-md:0px 4px 8px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 3px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-lg:0px 8px 16px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 4px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-xl:0px 16px 24px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 5px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-2xl:0px 24px 40px color-mix(in srgb, var(--chakra-colors-shadow) 10%, transparent),0px 0px 6px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-inner:inset 0 2px 4px 0 color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-inset:inset 0 1px 2px 0 color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent);--chakra-shadows-overlay:0px 8px 16px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 4px color-mix(in srgb, var(--chakra-colors-shadow) 5%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-shadow) 80%, transparent);}.dark,.dark .chakra-theme:not(.light){--chakra-colors-shadow:var(--chakra-colors-black);--chakra-colors-gray-contrast:oklch(0.985 0.001 260);--chakra-colors-gray-fg:oklch(0.78 0.008 260);--chakra-colors-gray-muted:oklch(0.45 0.012 260 / 0.1);--chakra-colors-gray-subtle:oklch(0.45 0.012 260 / 0.16);--chakra-colors-gray-emphasized:oklch(0.45 0.012 260 / 0.24);--chakra-colors-gray-solid:oklch(0.45 0.012 260);--chakra-colors-gray-focus-ring:oklch(0.45 0.012 260);--chakra-colors-gray-border:oklch(0.45 0.012 260 / 0.44);--chakra-colors-zinc-contrast:oklch(0.985 0.001 286);--chakra-colors-zinc-fg:oklch(0.78 0.007 286);--chakra-colors-zinc-muted:oklch(0.45 0.01 286 / 0.1);--chakra-colors-zinc-subtle:oklch(0.45 0.01 286 / 0.16);--chakra-colors-zinc-emphasized:oklch(0.45 0.01 286 / 0.24);--chakra-colors-zinc-solid:oklch(0.45 0.01 286);--chakra-colors-zinc-focus-ring:oklch(0.45 0.01 286);--chakra-colors-zinc-border:oklch(0.45 0.01 286 / 0.44);--chakra-colors-neutral-contrast:var(--chakra-colors-black);--chakra-colors-neutral-fg:var(--chakra-colors-white);--chakra-colors-neutral-muted:color-mix(in srgb, var(--chakra-colors-white) 8%, transparent);--chakra-colors-neutral-subtle:color-mix(in srgb, var(--chakra-colors-white) 13%, transparent);--chakra-colors-neutral-emphasized:color-mix(in srgb, var(--chakra-colors-white) 20%, transparent);--chakra-colors-neutral-solid:var(--chakra-colors-white);--chakra-colors-neutral-focus-ring:var(--chakra-colors-white);--chakra-colors-neutral-border:color-mix(in srgb, var(--chakra-colors-white) 18%, transparent);--chakra-colors-stone-contrast:oklch(0.985 0.001 56);--chakra-colors-stone-fg:oklch(0.78 0.007 56);--chakra-colors-stone-muted:oklch(0.45 0.01 56 / 0.1);--chakra-colors-stone-subtle:oklch(0.45 0.01 56 / 0.16);--chakra-colors-stone-emphasized:oklch(0.45 0.01 56 / 0.24);--chakra-colors-stone-solid:oklch(0.45 0.01 56);--chakra-colors-stone-focus-ring:oklch(0.45 0.01 56);--chakra-colors-stone-border:oklch(0.45 0.01 56 / 0.44);--chakra-colors-red-contrast:oklch(0.985 0.013 25);--chakra-colors-red-fg:oklch(0.78 0.143 25);--chakra-colors-red-muted:oklch(0.55 0.22 25 / 0.1);--chakra-colors-red-subtle:oklch(0.55 0.22 25 / 0.16);--chakra-colors-red-emphasized:oklch(0.55 0.22 25 / 0.24);--chakra-colors-red-solid:oklch(0.55 0.22 25);--chakra-colors-red-focus-ring:oklch(0.55 0.22 25);--chakra-colors-red-border:oklch(0.55 0.22 25 / 0.44);--chakra-colors-orange-contrast:oklch(0.985 0.013 50);--chakra-colors-orange-fg:oklch(0.78 0.143 50);--chakra-colors-orange-muted:oklch(0.58 0.22 50 / 0.1);--chakra-colors-orange-subtle:oklch(0.58 0.22 50 / 0.16);--chakra-colors-orange-emphasized:oklch(0.58 0.22 50 / 0.24);--chakra-colors-orange-solid:oklch(0.58 0.22 50);--chakra-colors-orange-focus-ring:oklch(0.58 0.22 50);--chakra-colors-orange-border:oklch(0.58 0.22 50 / 0.44);--chakra-colors-amber-contrast:oklch(0.16 0.022 80);--chakra-colors-amber-fg:oklch(0.8 0.143 80);--chakra-colors-amber-muted:oklch(0.8 0.22 80 / 0.1);--chakra-colors-amber-subtle:oklch(0.8 0.22 80 / 0.16);--chakra-colors-amber-emphasized:oklch(0.8 0.22 80 / 0.24);--chakra-colors-amber-solid:oklch(0.8 0.22 80);--chakra-colors-amber-focus-ring:oklch(0.8 0.22 80);--chakra-colors-amber-border:oklch(0.8 0.22 80 / 0.44);--chakra-colors-yellow-contrast:oklch(0.16 0.022 95);--chakra-colors-yellow-fg:oklch(0.84 0.143 95);--chakra-colors-yellow-muted:oklch(0.84 0.22 95 / 0.1);--chakra-colors-yellow-subtle:oklch(0.84 0.22 95 / 0.16);--chakra-colors-yellow-emphasized:oklch(0.84 0.22 95 / 0.24);--chakra-colors-yellow-solid:oklch(0.84 0.22 95);--chakra-colors-yellow-focus-ring:oklch(0.84 0.22 95);--chakra-colors-yellow-border:oklch(0.84 0.22 95 / 0.44);--chakra-colors-lime-contrast:oklch(0.16 0.022 128);--chakra-colors-lime-fg:oklch(0.8 0.143 128);--chakra-colors-lime-muted:oklch(0.8 0.22 128 / 0.1);--chakra-colors-lime-subtle:oklch(0.8 0.22 128 / 0.16);--chakra-colors-lime-emphasized:oklch(0.8 0.22 128 / 0.24);--chakra-colors-lime-solid:oklch(0.8 0.22 128);--chakra-colors-lime-focus-ring:oklch(0.8 0.22 128);--chakra-colors-lime-border:oklch(0.8 0.22 128 / 0.44);--chakra-colors-green-contrast:oklch(0.985 0.013 150);--chakra-colors-green-fg:oklch(0.78 0.143 150);--chakra-colors-green-muted:oklch(0.55 0.22 150 / 0.1);--chakra-colors-green-subtle:oklch(0.55 0.22 150 / 0.16);--chakra-colors-green-emphasized:oklch(0.55 0.22 150 / 0.24);--chakra-colors-green-solid:oklch(0.55 0.22 150);--chakra-colors-green-focus-ring:oklch(0.55 0.22 150);--chakra-colors-green-border:oklch(0.55 0.22 150 / 0.44);--chakra-colors-emerald-contrast:oklch(0.985 0.013 163);
1--chakra-colors-emerald-fg:oklch(0.78 0.143 163);--chakra-colors-emerald-muted:oklch(0.55 0.22 163 / 0.1);--chakra-colors-emerald-subtle:oklch(0.55 0.22 163 / 0.16);--chakra-colors-emerald-emphasized:oklch(0.55 0.22 163 / 0.24);--chakra-colors-emerald-solid:oklch(0.55 0.22 163);--chakra-colors-emerald-focus-ring:oklch(0.55 0.22 163);--chakra-colors-emerald-border:oklch(0.55 0.22 163 / 0.44);--chakra-colors-teal-contrast:oklch(0.985 0.013 182);--chakra-colors-teal-fg:oklch(0.78 0.143 182);--chakra-colors-teal-muted:oklch(0.55 0.22 182 / 0.1);--chakra-colors-teal-subtle:oklch(0.55 0.22 182 / 0.16);--chakra-colors-teal-emphasized:oklch(0.55 0.22 182 / 0.24);--chakra-colors-teal-solid:oklch(0.55 0.22 182);--chakra-colors-teal-focus-ring:oklch(0.55 0.22 182);--chakra-colors-teal-border:oklch(0.55 0.22 182 / 0.44);--chakra-colors-cyan-contrast:oklch(0.985 0.013 215);--chakra-colors-cyan-fg:oklch(0.78 0.143 215);--chakra-colors-cyan-muted:oklch(0.56 0.22 215 / 0.1);--chakra-colors-cyan-subtle:oklch(0.56 0.22 215 / 0.16);--chakra-colors-cyan-emphasized:oklch(0.56 0.22 215 / 0.24);--chakra-colors-cyan-solid:oklch(0.56 0.22 215);--chakra-colors-cyan-focus-ring:oklch(0.56 0.22 215);--chakra-colors-cyan-border:oklch(0.56 0.22 215 / 0.44);--chakra-colors-sky-contrast:oklch(0.985 0.013 237);--chakra-colors-sky-fg:oklch(0.78 0.143 237);--chakra-colors-sky-muted:oklch(0.56 0.22 237 / 0.1);--chakra-colors-sky-subtle:oklch(0.56 0.22 237 / 0.16);--chakra-colors-sky-emphasized:oklch(0.56 0.22 237 / 0.24);--chakra-colors-sky-solid:oklch(0.56 0.22 237);--chakra-colors-sky-focus-ring:oklch(0.56 0.22 237);--chakra-colors-sky-border:oklch(0.56 0.22 237 / 0.44);--chakra-colors-blue-contrast:oklch(0.985 0.013 260);--chakra-colors-blue-fg:oklch(0.78 0.143 260);--chakra-colors-blue-muted:oklch(0.54 0.22 260 / 0.1);--chakra-colors-blue-subtle:oklch(0.54 0.22 260 / 0.16);--chakra-colors-blue-emphasized:oklch(0.54 0.22 260 / 0.24);--chakra-colors-blue-solid:oklch(0.54 0.22 260);--chakra-colors-blue-focus-ring:oklch(0.54 0.22 260);--chakra-colors-blue-border:oklch(0.54 0.22 260 / 0.44);--chakra-colors-indigo-contrast:oklch(0.985 0.013 277);--chakra-colors-indigo-fg:oklch(0.78 0.143 277);--chakra-colors-indigo-muted:oklch(0.52 0.22 277 / 0.1);--chakra-colors-indigo-subtle:oklch(0.52 0.22 277 / 0.16);--chakra-colors-indigo-emphasized:oklch(0.52 0.22 277 / 0.24);--chakra-colors-indigo-solid:oklch(0.52 0.22 277);--chakra-colors-indigo-focus-ring:oklch(0.52 0.22 277);--chakra-colors-indigo-border:oklch(0.52 0.22 277 / 0.44);--chakra-colors-violet-contrast:oklch(0.985 0.013 293);--chakra-colors-violet-fg:oklch(0.78 0.143 293);--chakra-colors-violet-muted:oklch(0.52 0.22 293 / 0.1);--chakra-colors-violet-subtle:oklch(0.52 0.22 293 / 0.16);--chakra-colors-violet-emphasized:oklch(0.52 0.22 293 / 0.24);--chakra-colors-violet-solid:oklch(0.52 0.22 293);--chakra-colors-violet-focus-ring:oklch(0.52 0.22 293);--chakra-colors-violet-border:oklch(0.52 0.22 293 / 0.44);--chakra-colors-purple-contrast:oklch(0.985 0.013 304);--chakra-colors-purple-fg:oklch(0.78 0.143 304);--chakra-colors-purple-muted:oklch(0.54 0.22 304 / 0.1);--chakra-colors-purple-subtle:oklch(0.54 0.22 304 / 0.16);--chakra-colors-purple-emphasized:oklch(0.54 0.22 304 / 0.24);--chakra-colors-purple-solid:oklch(0.54 0.22 304);--chakra-colors-purple-focus-ring:oklch(0.54 0.22 304);--chakra-colors-purple-border:oklch(0.54 0.22 304 / 0.44);--chakra-colors-fuchsia-contrast:oklch(0.985 0.013 322);--chakra-colors-fuchsia-fg:oklch(0.78 0.143 322);--chakra-colors-fuchsia-muted:oklch(0.55 0.22 322 / 0.1);--chakra-colors-fuchsia-subtle:oklch(0.55 0.22 322 / 0.16);--chakra-colors-fuchsia-emphasized:oklch(0.55 0.22 322 / 0.24);--chakra-colors-fuchsia-solid:oklch(0.55 0.22 322);--chakra-colors-fuchsia-focus-ring:oklch(0.55 0.22 322);--chakra-colors-fuchsia-border:oklch(0.55 0.22 322 / 0.44);--chakra-colors-pink-contrast:oklch(0.985 0.013 350);--chakra-colors-pink-fg:oklch(0.78 0.143 350);--chakra-colors-pink-muted:oklch(0.56 0.22 350 / 0.1);--chakra-colors-pink-subtle:oklch(0.56 0.22 350 / 0.16);--chakra-colors-pink-emphasized:oklch(0.56 0.22 350 / 0.24);--chakra-colors-pink-solid:oklch(0.56 0.22 350);--chakra-colors-pink-focus-ring:oklch(0.56 0.22 350);--chakra-colors-pink-border:oklch(0.56 0.22 350 / 0.44);--chakra-colors-rose-contrast:oklch(0.985 0.013 16);--chakra-colors-rose-fg:oklch(0.78 0.143 16);--chakra-colors-rose-muted:oklch(0.55 0.22 16 / 0.1);--chakra-colors-rose-subtle:oklch(0.55 0.22 16 / 0.16);--chakra-colors-rose-emphasized:oklch(0.55 0.22 16 / 0.24);--chakra-colors-rose-solid:oklch(0.55 0.22 16);--chakra-colors-rose-focus-ring:oklch(0.55 0.22 16);--chakra-colors-rose-border:oklch(0.55 0.22 16 / 0.44);--chakra-shadows-xs:0px 1px 1px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),
10px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-sm:0px 2px 4px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-md:0px 4px 8px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-lg:0px 8px 16px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-xl:0px 16px 24px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-2xl:0px 24px 40px color-mix(in srgb, var(--chakra-colors-shadow) 30%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--chakra-shadows-inner:inset 0 2px 4px 0 var(--chakra-colors-shadow);--chakra-shadows-inset:inset 0 -1px 2px 0 color-mix(in srgb, var(--chakra-colors-white) 4%, transparent),inset 0 0 0 1px color-mix(in srgb, var(--chakra-colors-white) 4%, transparent);--chakra-shadows-overlay:0px 8px 16px color-mix(in srgb, var(--chakra-colors-shadow) 20%, transparent),0px 0px 3px color-mix(in srgb, var(--chakra-colors-shadow) 20%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-white) 80%, transparent);}}</style>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<style data-emotion="css d8ukb6">.css-d8ukb6{color:var(--chakra-colors-fg);--chakra-colors-color-palette-contrast:var(--chakra-colors-accent-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-accent-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-accent-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-accent-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-accent-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-accent-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-accent-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-accent-border);}</style><div class="chakra-theme css-d8ukb6"><style data-emotion="css flbftb">.css-flbftb{padding-top:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-spacing-8);min-height:100dvh;background:var(--chakra-colors-bg-muted);--bg-currentcolor:var(--chakra-colors-bg-muted);}.css-flbftb:has([data-announcement]){padding-top:105px;}.dark .css-flbftb,.dark .chakra-theme:not(.light) .css-flbftb{background:var(--chakra-colors-bg);--bg-currentcolor:var(--chakra-colors-bg);}</style><div class="chakra-stack css-flbftb"><style data-emotion="css 1fdy3ps">.css-1fdy3ps{background:var(--chakra-colors-bg-overlay);--bg-currentcolor:var(--chakra-colors-bg-overlay);position:fixed;z-index:var(--chakra-z-index-layer-4);top:var(--chakra-spacing-32);right:var(--chakra-spacing-4);color:var(--chakra-colors-accent-solid);}@layer recipes{.css-1fdy3ps{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-md);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-3);height:var(--chakra-sizes-control-lg);min-width:var(--chakra-sizes-control-lg);border-radius:var(--chakra-radii-control);font-size:var(--chakra-font-sizes-md);padding-inline:var(--chakra-spacing-4\.5);border-width:0.5px;border-color:var(--chakra-colors-color-palette-emphasized);color:var(--chakra-colors-color-palette-fg);}.css-1fdy3ps:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-1fdy3ps:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-1fdy3ps :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-1fdy3ps:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}@media (hover: hover){.css-1fdy3ps:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}}}</style><button type="button" data-scope="dialog" data-part="trigger" dir="ltr" id="dialog:_R_1l5ubtclb_:trigger" data-ownedby="_R_1l5ubtclb_" aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="chakra-button chakra-drawer__trigger css-1fdy3ps"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 2c5.498 0 10 4.002 10 9c0 1.351 -.6 2.64 -1.654 3.576c-1.03 .914 -2.412 1.424 -3.846 1.424h-2.516a1 1 0 0 0 -.5 1.875a1 1 0 0 1 .194 .14a2.3 2.3 0 0 1 -1.597 3.99l-.156 -.009l.068 .004l-.273 -.004c-5.3 -.146 -9.57 -4.416 -9.716 -9.716l-.004 -.28c0 -5.523 4.477 -10 10 -10m-3.5 6.5a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m8 0a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m-4 -3a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2"></path></svg></button><style data-emotion="css 1mghog3">.css-1mghog3{pointer-events:none;}@layer recipes{.css-1mghog3{--drawer-z-index:var(--chakra-z-index-layer-4);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100vw;height:100dvh;position:fixed;padding:var(--chakra-spacing-2);inset-inline-start:0;top:0;z-index:calc(var(--drawer-z-index) + var(--layer-index, 0));overscroll-behavior-y:none;-webkit-box-pack:end;-ms-flex-pack:end;
1-webkit-justify-content:flex-end;justify-content:flex-end;}}</style><style data-emotion="css 10rftfn">.css-10rftfn{position:fixed;top:0;width:var(--chakra-sizes-full);z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}</style><div class="css-10rftfn"><style data-emotion="css 1psffed">.css-1psffed{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.5rem;background:var(--chakra-colors-accent-subtle);--bg-currentcolor:var(--chakra-colors-accent-subtle);border-bottom-width:1px;--mix-borderColor:color-mix(in srgb, var(--chakra-colors-accent-solid) 20%, transparent);border-color:var(--mix-borderColor, var(--chakra-colors-accent-solid));color:var(--chakra-colors-accent-solid);padding-block:var(--chakra-spacing-2);font-size:var(--chakra-font-sizes-sm);line-height:var(--chakra-line-heights-sm);}</style><div class="chakra-stack css-1psffed" data-announcement="true"><style data-emotion="css sabuw6">.css-sabuw6{font-weight:var(--chakra-font-weights-medium);}</style><p class="css-sabuw6">Looking for our SaaS starter kits?</p><p>They're now available at<!-- --> <a href="https://www.saas-js.com">saas-js.com</a></p><style data-emotion="css 167co4e">.css-167co4e{--chakra-colors-color-palette-contrast:var(--chakra-colors-accent-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-accent-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-accent-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-accent-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-accent-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-accent-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-accent-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-accent-border);}@layer recipes{.css-167co4e{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-xs);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-1);height:var(--chakra-sizes-control-xs);min-width:var(--chakra-sizes-control-xs);font-size:var(--chakra-font-sizes-xs);border-radius:var(--chakra-radii-control);padding-inline:var(--chakra-spacing-2);border-width:0.5px;border-color:var(--chakra-colors-color-palette-emphasized);color:var(--chakra-colors-color-palette-fg);}.css-167co4e:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-167co4e:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-167co4e :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-167co4e:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}@media (hover: hover){.css-167co4e:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}}}</style><a type="button" class="chakra-button css-167co4e" href="https://www.saas-js.com">Learn more <style data-emotion="css 52xprn">.css-52xprn{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;}@layer recipes{.css-52xprn{display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentcolor;vertical-align:middle;width:var(--icon-size);height:var(--icon-size);--icon-size:1em;}}[data-group]:hover .css-52xprn{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}</style><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true" class="chakra-icon css-52xprn" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></div><style data-emotion="css 1grndxq">.css-1grndxq{padding-block:var(--chakra-spacing-2);}@layer recipes{.css-1grndxq{position:relative;max-width:var(--chakra-sizes-8xl);width:100%;margin-inline:auto;padding-inline:var(--chakra-spacing-4);}@media screen and (min-width: 48rem){.css-1grndxq{padding-inline:var(--chakra-spacing-6);}}@media screen and (min-width: 64rem){.css-1grndxq{padding-inline:var(--chakra-spacing-8);}}}</style><div class="chakra-container css-1grndxq"><style data-emotion="css wubxq4">.css-wubxq4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--chakra-spacing-6);}</style><nav class="chakra-stack css-wubxq4" aria-label="primary navigation"><style data-emotion="css 1igwmid">
1.css-1igwmid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.5rem;}</style><div class="chakra-stack css-1igwmid"><style data-emotion="css 1jom1fr">.css-1jom1fr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.5rem;--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);}.css-1jom1fr:is(:focus, [data-focus]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}</style><a class="chakra-stack css-1jom1fr" aria-label="Saas UI, Back to homepage" href="/"><style data-emotion="css 1s45fgi">.css-1s45fgi{fill:none;height:var(--chakra-sizes-5);color:var(--chakra-colors-fg);}</style><svg viewBox="0 0 774 166" xmlns="http://www.w3.org/2000/svg" class="css-1s45fgi"><path d="M771.476 20.8061L754.815 16.2246L754.604 0.225952L771.203 0.00788868L771.476 20.8061ZM755.027 32.4232L763.227 32.3155C768.626 32.2445 772.273 35.7969 772.344 41.1965L773.479 127.589L756.281 127.815L755.027 32.4232Z" fill="currentColor"></path><path d="M734.152 128.106L722.753 128.256C714.553 128.363 708.88 122.837 708.77 114.438L708.633 104.039C703.273 122.311 687.985 130.912 672.383 130.917C653.78 130.762 635.208 117.805 634.887 93.4067L634.107 34.0118L651.305 33.7859L652.091 93.5807C652.275 107.58 662.174 115.05 673.591 116.3C689.214 117.895 707.683 107.852 707.402 86.4535L706.701 33.0581L723.899 32.8322L724.968 114.225L733.968 114.107L734.152 128.106Z" fill="currentColor"></path><path d="M546.04 94.9739C547.632 109.554 559.071 112.404 570.47 112.254C576.269 112.178 590.665 111.789 590.15 102.995C589.824 93.3986 569.389 90.8669 557.953 88.2169C542.707 84.8168 524.819 78.2512 524.583 60.2528C524.252 35.055 551.197 30.7006 569.995 30.4537C590.793 30.1804 613.678 36.4804 615.44 64.0596L591.866 66.1694C590.495 53.1863 580.449 49.718 569.85 49.8573C564.05 49.9334 549.857 50.5199 550.38 59.9139C550.654 65.5108 558.29 68.2107 570.328 71.0528C587.377 74.6292 616.043 79.453 616.337 101.851C616.668 127.049 590.131 131.998 570.532 132.255C549.534 132.531 524.476 128.26 522.077 97.889L546.04 94.9739Z" fill="currentColor"></path><path d="M510.91 131.039L494.711 131.251C483.512 131.399 477.434 125.478 477.321 116.879L477.213 108.679C473.44 125.93 457.341 133.743 441.542 133.95C423.744 134.184 406.032 125.816 405.77 105.818C405.507 85.8193 423.8 77.5783 442.562 74.5316L476.696 69.2827L476.635 64.6831C476.501 54.484 464.674 52.4392 456.472 52.3469C444.873 52.4993 436.113 55.6147 435.078 68.2293L410.852 66.3474C410.742 42.7468 432.406 32.2613 455.404 31.9592C484.801 31.573 501.147 42.5592 501.431 64.1574L502.032 109.953L510.634 110.04L510.91 131.039ZM476.896 84.4814L448.958 89.4488C440.577 90.959 430.631 95.0901 431.541 103.479C432.244 111.27 441.674 113.547 449.858 112.239C462.446 111.274 476.956 104.282 476.967 89.8809L476.896 84.4814Z" fill="currentColor"></path><path d="M394.318 132.57L378.12 132.783C366.921 132.93 360.842 127.009 360.729 118.41L360.622 110.211C356.848 127.462 340.749 135.274 324.951 135.482C307.152 135.716 289.441 127.347 289.178 107.349C288.915 87.3509 307.208 79.1099 325.97 76.0632L360.104 70.8143L360.044 66.2147C359.91 56.0156 348.082 53.9708 339.88 53.8786C328.281 54.0309 319.521 57.1463 318.487 69.7609L294.26 67.879C294.15 44.2784 315.814 33.793 338.812 33.4908C368.209 33.1046 384.555 44.0908 384.839 65.689L385.441 111.485L394.042 111.572L394.318 132.57ZM360.304 86.013L332.367 90.9804C323.986 92.4907 314.039 96.6217 314.949 105.01C315.652 112.802 325.083 115.078 333.266 113.771C345.854 112.805 360.364 105.814 360.375 91.4126L360.304 86.013Z" fill="currentColor"></path><path d="M207.007 99.428C208.599 114.008 220.037 116.858 231.436 116.709C237.236 116.632 251.632 116.243 251.116 107.449C250.79 97.8527 230.355 95.321 218.92 92.671C203.674 89.2709 185.786 82.7053 185.549 64.7069C185.218 39.5091 212.163 35.1547 230.962 34.9078C251.76 34.6345 274.645 40.9345 276.407 68.5137L252.833 70.6236C251.462 57.6404 241.416 54.1721 230.817 54.3114C225.017 54.3875 210.824 54.974 211.347 64.3
168C211.621 69.9649 219.257 72.6648 231.295 75.5069C248.344 79.0833 277.009 83.9071 277.304 106.305C277.635 131.503 251.097 136.452 231.499 136.71C210.501 136.985 185.443 132.714 183.044 102.343L207.007 99.428Z" fill="currentColor"></path><path d="M49.2863 20.7945C50.6136 20.6653 51.5677 20.4939 52.5248 20.4909C71.8924 20.4759 91.26 20.545 110.625 20.4127C113.875 20.3917 114.7 21.5822 114.655 24.5883C114.516 33.697 114.477 42.8117 114.664 51.9204C114.733 55.3865 113.285 56.1561 110.152 56.1381C91.9071 56.0359 73.6651 56.081 55.4201 56.093C49.4428 56.096 46.7822 58.7595 46.7792 64.6876C46.7762 77.3045 46.6919 89.9214 46.8424 102.535C46.8815 105.815 45.8703 106.954 42.5204 106.909C30.4544 106.747 18.3794 106.729 6.31334 106.918C2.85817 106.972 2.03952 105.671 2.06962 102.508C2.19301 89.0527 2.19602 75.594 2.06661 62.1384C2.03651 59.0571 2.98758 57.9628 6.14178 58.0049C17.5065 58.1522 28.8773 58.0741 40.2451 58.053C45.8673 58.044 49.0335 54.9025 49.0425 49.3832C49.0546 41.3928 49.0335 33.4024 49.0576 25.412C49.0546 23.9119 49.199 22.4088 49.2863 20.7945Z" fill="currentColor"></path><path d="M34.7915 164.33C25.383 164.33 15.9716 164.18 6.5692 164.408C2.96655 164.495 1.98236 163.212 2.0546 159.803C2.23518 150.971 2.30139 142.127 2.03353 133.3C1.91615 129.444 3.33975 128.632 6.90027 128.662C24.8714 128.818 42.8455 128.74 60.8196 128.728C67.1822 128.725 69.9602 125.959 69.9602 119.667C69.9632 107.324 70.0535 94.9838 69.897 82.6434C69.8548 79.3366 70.5621 77.8937 74.2671 77.9568C86.3392 78.1672 98.4172 78.1131 110.492 77.9869C113.541 77.9538 114.7 78.8346 114.667 82.0392C114.522 95.5008 114.522 108.968 114.676 122.43C114.715 125.785 113.583 126.768 110.282 126.717C98.9108 126.543 87.534 126.633 76.1632 126.66C70.7818 126.672 67.7029 129.81 67.6908 135.212C67.6758 143.488 67.5644 151.764 67.739 160.034C67.8082 163.284 66.8391 164.471 63.4411 164.399C53.8912 164.198 44.3413 164.33 34.7915 164.33Z" fill="currentColor"></path></svg></a></div><style data-emotion="css 1w2xadq">.css-1w2xadq{display:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0;min-height:48px;-webkit-flex:1;-ms-flex:1;flex:1;}@media screen and (min-width: 48rem){.css-1w2xadq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack main-nav css-1w2xadq"><style data-emotion="css ujvizw">@layer recipes{.css-ujvizw{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;z-index:1;gap:var(--chakra-spacing-8);}.css-ujvizw>div{width:100%;}}</style><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="css-ujvizw"><style data-emotion="css 6033t2">@layer recipes{.css-6033t2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;padding:0;list-style:none;margin:0;gap:var(--chakra-spacing-4);}}</style><div style="position:relative"><ul data-orientation="horizontal" class="css-6033t2" dir="ltr"><style data-emotion="css v923er">.css-v923er{display:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:1px;}@media screen and (min-width: 48rem){.css-v923er{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack css-v923er"><style data-emotion="css d82rsv">@layer recipes{.css-d82rsv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}}</style><li class="css-d82rsv"><style data-emotion="css c60eu6">@layer recipes{.css-c60eu6{padding-inline:var(--chakra-spacing-3);padding-block:var(--chakra-spacing-2);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500;line-height:1;border-radius:var(--chakra-radii-md);font-size:var(--chakra-font-sizes-md);color:var(--chakra-colors-black-alpha-800);display:block;-webkit-text-decoration:none;text-decoration:none;text-wrap:nowrap;}.dark .css-c60eu6,.dark .chakra-theme:not(.light) .css-c60eu6{color:var(--chakra-colors-white-alpha-800);}.css-c60eu6:is(:focus, [data-focus]){box-shadow:outline;}.css-c60eu6[data-state="open"]{color:var(--chakra-colors-black);}.dark .css-c60eu6[data-state="open"],.dark .chakra-theme:not(.light) .css-c60eu6[data-state="open"]{color:var(--chakra-colors-white);}@media (hover: hover){.css-c60eu6:is(:hover, [data-hover]):not(:disabled, [data-disabled]){color:var(--chakra-colors-black);}.dark .css-c60eu6:is(:hover, [data-hover]):not(:disabled, [data-disabled]),.dark .chakra-theme:not(.light) .css-c60eu6:is(:hover, [data-hover]):not(:disabled, [data-disabled]){color:var(--chakra-colors-white);}}}</style><a href="/blocks" class="css-c60eu6" data-radix-collection-item="">Blocks</a></li><li class="css-d82rsv"><a href="/pricing" class="css-c60eu6" data-radix-collection-item="">Pricing</a></li><li class="css-d82rsv"><a href="/docs" class="css-c60eu6" data-radix-collection-item="">Docs</a></li><li class="css-d82rsv"><style data-emotion="css 6xf27q">@layer recipes{.css-6xf27q{all:unset;padding-inline:var(--chakra-spacing-3);padding-block:var(--chakra-spacing-2);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500;line-height:1;border-radius:var(--chakra-radii-md);font-size:var(--chakra-font-sizes-md);color:var(--chakra-colors-black-alpha-800);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;
1-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;}.dark .css-6xf27q,.dark .chakra-theme:not(.light) .css-6xf27q{color:var(--chakra-colors-white-alpha-800);}.css-6xf27q:is(:focus, [data-focus]){box-shadow:outline;}.css-6xf27q[data-state="open"]{color:var(--chakra-colors-black);}.dark .css-6xf27q[data-state="open"],.dark .chakra-theme:not(.light) .css-6xf27q[data-state="open"]{color:var(--chakra-colors-white);}@media (hover: hover){.css-6xf27q:is(:hover, [data-hover]):not(:disabled, [data-disabled]){color:var(--chakra-colors-black);}.dark .css-6xf27q:is(:hover, [data-hover]):not(:disabled, [data-disabled]),.dark .chakra-theme:not(.light) .css-6xf27q:is(:hover, [data-hover]):not(:disabled, [data-disabled]){color:var(--chakra-colors-white);}}}</style><button id="radix-_R_akqil5ubtclb_-trigger-radix-_R_54pqkqil5ubtclb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_akqil5ubtclb_-content-radix-_R_54pqkqil5ubtclb_" sx="[object Object]" class="css-6xf27q" data-radix-collection-item="">Resources</button><style data-emotion="css 7msxpw animation-m0rk6v animation-19yjnok animation-1utn9to animation-1w8xdq">@layer recipes{.css-7msxpw{position:absolute;top:0;left:0;width:100%;}.css-7msxpw[data-motion="from-start"]{-webkit-animation:animation-1w8xdq 250ms ease;animation:animation-1w8xdq 250ms ease;}.css-7msxpw[data-motion="from-end"]{-webkit-animation:animation-1utn9to 250ms ease;animation:animation-1utn9to 250ms ease;}.css-7msxpw[data-motion="to-start"]{-webkit-animation:animation-19yjnok 250ms ease;animation:animation-19yjnok 250ms ease;}.css-7msxpw[data-motion="to-end"]{-webkit-animation:animation-m0rk6v 250ms ease;animation:animation-m0rk6v 250ms ease;}@media only screen and (min-width: 600px){.css-7msxpw{width:auto;}}}@-webkit-keyframes animation-m0rk6v{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}to{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);opacity:0;}}@keyframes animation-m0rk6v{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}to{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);opacity:0;}}@-webkit-keyframes animation-19yjnok{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}to{-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);opacity:0;}}@keyframes animation-19yjnok{from{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}to{-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);opacity:0;}}@-webkit-keyframes animation-1utn9to{from{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);opacity:0;}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes animation-1utn9to{from{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px);opacity:0;}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes animation-1w8xdq{from{-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);opacity:0;}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes animation-1w8xdq{from{-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);opacity:0;}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}</style></li><li class="css-d82rsv"><a href="/showcase" class="css-c60eu6" data-radix-collection-item="">Showcase</a></li></div><style data-emotion="css 1aurn3j animation-k0lfw7 animation-5j8bii">@layer recipes{.css-1aurn3j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;height:10px;top:100%;overflow:hidden;z-index:1;-webkit-transition:width,-webkit-transform 250ms ease;transition:width,transform 250ms ease;}.css-1aurn3j[data-state="visible"]{-webkit-animation:animation-5j8bii 200ms ease;animation:animation-5j8bii 200ms ease;}.css-1aurn3j[data-state="hidden"]{-webkit-animation:animation-k0lfw7 200ms ease;animation:animation-k0lfw7 200ms ease;}}@-webkit-keyframes animation-k0lfw7{from{opacity:1;}to{opacity:0;}}@keyframes animation-k0lfw7{from{opacity:1;}to{opacity:0;}}@-webkit-keyframes animation-5j8bii{from{opacity:0;}to{opacity:1;}}@keyframes animation-5j8bii{from{opacity:0;}to{opacity:1;}}</style></ul></div><style data-emotion="css 3e7xqk">@layer recipes{.css-3e7xqk{display:content;position:absolute;margin-top:var(--chakra-spacing-2);-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%;top:100%;left:0;perspective:2000px;}}</style><div class="css-3e7xqk"><style data-emotion="css uksmzq animation-afwbgz animation-183xyj9">@layer recipes{.css-uksmzq{position:relative;transform-origin:top center;margin-top:0;width:100%;background:var(--chakra-colors-bg-panel);--bg-currentcolor:var(--chakra-colors-bg-panel);border-radius:var(--chakra-radii-panel-lg);overflow:hidden;border-width:1px;border-color:var(--chakra-colors-border);box-shadow:var(--chakra-shadows-lg);height:var(--radix-navigation-menu-viewport-height);-webkit-transition:width,height,300ms ease;transition:width,height,300ms ease;}.css-uksmzq[data-state="open"]{-webkit-animation:animation-183xyj9 200ms ease;animation:animation-183xyj9 200ms ease;}.css-uksmzq[data-state="closed"]{-webkit-animation:animation-afwbgz 200ms ease;animation:animation-afwbgz 200ms ease;}@media only screen and (min-width: 600px){.css-uksmzq{width:var(--radix-navigation-menu-viewport-width);}}}@-webkit-keyframes animation-afwbgz{from{-webkit-transform:rotateX(0deg) scale(1);-moz-transform:rotateX(0deg) scale(1);-ms-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);opacity:1;}to{-webkit-transform:rotateX(-10deg) scale(0.95);-moz-transform:rotateX(-10deg) scale(0.95);-ms-transform:rotateX(-10deg) scale(0.95);transform:rotateX(-10deg) scale(0.95);opacity:0;}}@keyframes animation-afwbgz{from{-webkit-transform:rotateX(0deg) scale(1);-moz-transform:rotateX(0deg) scale(1);-ms-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);opacity:1;}to{-webkit-transform:rotateX(-10deg) scale(0.95);-moz-transform:rotateX(-10deg) scale(0.95);-ms-transform:rotateX(-10deg) scale(0.95);transform:rotateX(-10deg) scale(0.95);opacity:0;}}@-webkit-keyframes animation-183xyj9{from{-webkit-transform:rotateX(-30deg) scale(0.9);-moz-transform:rotateX(-30deg) scale(0.9);-ms-transform:rotateX(-30deg) scale(0.9);transform:rotateX(-30deg) scale(0.9);opacity:0;}to{-webkit-transform:rotateX(0deg) scale(1);-moz-transform:rotateX(0deg) scale(1);-ms-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);opacity:1;}}@keyframes animation-183xyj9{from{-webkit-transform:rotateX(-30deg) scale(0.9);-moz-transform:rotateX(-30deg) scale(0.9);-ms-transform:rotateX(-30deg) scale(0.9);transform:rotateX(-30deg) scale(0.9);opacity:0;}to{-webkit-transform:rotateX(0deg) scale(1);-moz-transform:rotateX(0deg) scale(1);-ms-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);opacity:1;}}</style></div></nav></div><style data-emotion="css 1djjr9e">.css-1djjr9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0;}</style><div class="chakra-stack css-1djjr9e"><style data-emotion="css x4y730">.css-x4y730{color:var(--chakra-colors-fg-subtle)!important;width:160px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}@layer recipes{.css-x4y730{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-sm);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-2);height:var(--chakra-sizes-control-sm);min-width:var(--chakra-sizes-control-sm);font-size:var(--chakra-font-sizes-sm);border-radius:var(--chakra-radii-control);padding-inline:var(--chakra-spacing-2\.5);border-width:0.5px;border-color:var(--chakra-colors-color-palette-emphasized);color:var(--chakra-colors-color-palette-fg);}.css-x4y730:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-x4y730:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-x4y730 :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-x4y730:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}@media (hover: hover){.css-x4y730:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);}}}</style><button type="button" data-scope="dialog" data-part="trigger" dir="ltr" id="dialog:_R_6sqil5ubtclb_:trigger" data-ownedby="_R_6sqil5ubtclb_" aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="chakra-button chakra-dialog__trigger css-x4y730"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><style data-emotion="css 13dyw1c">.css-13dyw1c{-webkit-margin-start:var(--chakra-spacing-1);margin-inline-start:var(--chakra-spacing-1);font-weight:var(--chakra-font-weights-normal);-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;text-align:start;text-overflow:ellipsis;overflow:hidden;}</style><span class="css-13dyw1c">Search...</span><style data-emotion="css enfnfd">.css-enfnfd{background:var(--chakra-colors-bg);--bg-currentcolor:var(--chakra-colors-bg);font-size:0.8em;letter-spacing:var(--chakra-letter-spacings-widest);color:var(--chakra-colors-fg-subtle);-webkit-margin-end:calc(var(--chakra-spacing-1) * -1);margin-inline-end:calc(var(--chakra-spacing-1) * -1);}@layer recipes{.css-enfnfd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--chakra-font-weights-medium);font-family:var(--chakra-fonts-body);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;word-spacing:-0.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-inline:var(--chakra-spacing-1);border-radius:var(--chakra-radii-indicator-md);font-size:var(--chakra-font-sizes-sm);line-height:var(--chakra-line-heights-sm);height:var(--chakra-sizes-4\.5);border-width:1px;color:var(--chakra-colors-color-palette-fg);}}</style><kbd class="chakra-kbd css-enfnfd">⌘K</kbd></button><style data-emotion="css xlouh1">@layer recipes{.css-xlouh1{background:var(--chakra-colors-bg-backdrop);--bg-currentcolor:var(--chakra-colors-bg-backdrop);-webkit-backdrop-filter:var(--backdrop-effect);backdrop-filter:var(--backdrop-effect);position:fixed;left:0;top:0;width:100vw;height:100dvh;z-index:var(--chakra-z-index-layer-4);}.css-xlouh1:is([open], [data-open], [data-state=open]){-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:var(--chakra-durations-slow);animation-duration:var(--chakra-durations-slow);}.css-xlouh1:is([closed], [data-closed], [data-state=closed]){-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-duration:var(--chakra-durations-moderate);animation-duration:var(--chakra-durations-moderate);}}</style><style data-emotion="css 1xpyd77">@layer recipes{.css-1xpyd77{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100vw;height:100dvh;position:fixed;left:0;top:0;--dialog-z-index:var(--chakra-z-index-layer-4);z-index:calc(var(--dialog-z-index) + var(--layer-index, 0));-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;overscroll-behavior-y:none;overflow:auto;pointer-events:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}</style><style data-emotion="css 2trrpz">@layer recipes{.css-2trrpz{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-sm);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-2);height:var(--chakra-sizes-control-sm);min-width:var(--chakra-sizes-control-sm);font-size:var(--chakra-font-sizes-sm);border-radius:var(--chakra-radii-control);padding-inline:var(--chakra-spacing-2\.5);color:var(--chakra-colors-color-palette-fg);}.css-2trrpz:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-2trrpz:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-2trrpz :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-2trrpz:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-subtle);--bg-currentcolor:var(--chakra-colors-color-palette-subtle);}@media (hover: hover){.css-2trrpz:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-subtle);--bg-currentcolor:var(--chakra-colors-color-palette-subtle);}}}</style><a type="button" class="chakra-button css-2trrpz" target="_blank" href="https://github.com/saas-js/saas-ui"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg> 1.6k</a><style data-emotion="css d3lfbh">.css-d3lfbh{width:var(--chakra-sizes-8);height:var(--chakra-sizes-8);}@layer recipes{.css-d3lfbh{background:var(--chakra-colors-bg-emphasized);--bg-currentcolor:var(--chakra-colors-bg-emphasized);-webkit-animation:var(--chakra-animations-pulse);animation:var(--chakra-animations-pulse);-webkit-animation-duration:var(--duration, 1.2s);animation-duration:var(--duration, 1.2s);border-radius:var(--chakra-radii-panel);box-shadow:none;-webkit-background-clip:padding-box;background-clip:padding-box;
1cursor:default;color:var(--chakra-colors-transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-d3lfbh::before,.css-d3lfbh::after,.css-d3lfbh *{visibility:hidden;}}</style><div class="chakra-skeleton css-d3lfbh"></div><style data-emotion="css 1blkifl">.css-1blkifl{height:var(--chakra-sizes-4);margin-inline:var(--chakra-spacing-2);}@layer recipes{.css-1blkifl{display:block;border-color:var(--chakra-colors-border);--separator-thickness:1px;border-style:solid;height:100%;border-inline-start-width:var(--separator-thickness);}}</style><span role="separator" aria-orientation="vertical" class="chakra-separator css-1blkifl"></span><style data-emotion="css hb60mb">.css-hb60mb{--chakra-colors-color-palette-contrast:var(--chakra-colors-accent-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-accent-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-accent-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-accent-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-accent-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-accent-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-accent-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-accent-border);}@layer recipes{.css-hb60mb{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-sm);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-2);height:var(--chakra-sizes-control-sm);min-width:var(--chakra-sizes-control-sm);font-size:var(--chakra-font-sizes-sm);border-radius:var(--chakra-radii-control);padding-inline:var(--chakra-spacing-2\.5);background:var(--chakra-colors-color-palette-solid);--bg-currentcolor:var(--chakra-colors-color-palette-solid);color:var(--chakra-colors-color-palette-contrast);--btn-shadow:var(--chakra-shadows-sm);box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0px 2px 0px 0px rgba(255,255,255,0.2) inset,var(--btn-shadow);text-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:clip;}.css-hb60mb:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-hb60mb:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-hb60mb :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.dark .css-hb60mb,.dark .chakra-theme:not(.light) .css-hb60mb{box-shadow:0px 1px 0px 0px rgba(255,255,255,0.2) inset,var(--btn-shadow);}.css-hb60mb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, white 40%, rgba(0,0,0,0.2));--bg-currentcolor:linear-gradient(180deg, white 40%, rgba(0,0,0,0.2));opacity:0.2;transition-property:opacity;transition-duration:var(--chakra-durations-moderate);pointer-events:none;}.css-hb60mb:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-solid);--bg-currentcolor:var(--chakra-colors-color-palette-solid);}.css-hb60mb:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded])::after{background:linear-gradient(180deg, rgba(255,255,255,0.8) 40%, rgba(0,0,0,0.6));--bg-currentcolor:linear-gradient(180deg, rgba(255,255,255,0.8) 40%, rgba(0,0,0,0.6));}@media (hover: hover){.css-hb60mb:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-solid);--bg-currentcolor:var(--chakra-colors-color-palette-solid);}.css-hb60mb:is(:hover, [data-hover]):not(:disabled, [data-disabled])::after{background:linear-gradient(180deg, rgba(255,255,255,0.8) 40%, rgba(0,0,0,0.6));--bg-currentcolor:linear-gradient(180deg, rgba(255,255,255,0.8) 40%, rgba(0,0,0,0.6));}}}</style><a type="button" class="chakra-button css-hb60mb" href="/pricing">Get Pro</a></div></nav><style data-emotion="css krhoa5">.css-krhoa5{padding-inline:0;padding-block:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--chakra-font-sizes-md);color:var(--chakra-colors-fg);}@layer recipes{.css-krhoa5{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-sm);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-2);height:var(--chakra-sizes-control-md);min-width:var(--chakra-sizes-control-md);border-radius:var(--chakra-radii-control);font-size:var(--chakra-font-sizes-sm);padding-inline:var(--chakra-spacing-3);color:var(--chakra-colors-color-palette-fg);}.css-krhoa5:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-krhoa5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-krhoa5 :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-krhoa5:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-subtle);--bg-currentcolor:var(--chakra-colors-color-palette-subtle);}@media (hover: hover){.css-krhoa5:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-subtle);--bg-currentcolor:var(--chakra-colors-color-palette-subtle);}}}.css-krhoa5 :where(svg){font-size:1.2em;}@media screen and (min-width: 48rem){.css-krhoa5{display:none;}}</style><button type="button" aria-label="Open menu" data-scope="dialog" data-part="trigger" dir="ltr" id="dialog:_R_1ail5ubtclb_:trigger" data-ownedby="_R_1ail5ubtclb_" aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="chakra-button chakra-dialog__trigger css-krhoa5"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg></button></div></div><style data-emotion="css 1bt40os">.css-1bt40os{max-width:var(--chakra-sizes-8xl);padding-inline:var(--chakra-spacing-8);padding-block:var(--chakra-spacing-16);}@layer recipes{.css-1bt40os{position:relative;max-width:var(--chakra-sizes-8xl);width:100%;margin-inline:auto;padding-inline:var(--chakra-spacing-4);}@media screen and (min-width: 48rem){.css-1bt40os{padding-inline:var(--chakra-spacing-6);}}@media screen and (min-width: 64rem){.css-1bt40os{padding-inline:var(--chakra-spacing-8);}}}</style><div class="chakra-container css-1bt40os"><style data-emotion="css rqgsqp">.css-rqgsqp{position:relative;z-index:1;}</style><div class="css-rqgsqp"><style data-emotion="css 1bcrv76">.css-1bcrv76{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.5rem;}</style><div class="chakra-stack css-1bcrv76"><style data-emotion="css epfk7k">.css-epfk7k{margin-bottom:var(--chakra-spacing-12);-webkit-flex:1;-ms-flex:1;flex:1;}</style><div class="css-epfk7k"><style data-emotion="css 1tmnksf">.css-1tmnksf{font-size:var(--chakra-font-sizes-4xl);line-height:var(--chakra-line-heights-4xl);letter-spacing:var(--chakra-letter-spacings-tight);}@layer recipes{.css-1tmnksf{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-font-weights-medium);font-size:var(--chakra-font-sizes-xl);line-height:var(--chakra-line-heights-heading\.xl);letter-spacing:var(--chakra-letter-spacings-heading\.xl);}}</style><h2 class="chakra-heading css-1tmnksf">27<!-- --> blocks for Chakra UI v3</h2><style data-emotion="css 8dc6vw">.css-8dc6vw{font-size:var(--chakra-font-sizes-lg);color:var(--chakra-colors-fg-muted);}</style><p class="css-8dc6vw">Copy-paste our top tier B2B SaaS components and templates.</p></div><style data-emotion="css 1bfmi0f">.css-1bfmi0f{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;
1-webkit-justify-content:flex-start;justify-content:flex-start;}@layer recipes{.css-1bfmi0f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:var(--group-gap, 0.5rem);isolation:isolate;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.css-1bfmi0f [data-group-item]:is(:focus-visible, [data-focus-visible]){z-index:1;}}</style><div class="chakra-group css-1bfmi0f"><style data-emotion="css 1n7y619">.css-1n7y619{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);background:var(--chakra-colors-white);--bg-currentcolor:var(--chakra-colors-white);}@layer recipes{.css-1n7y619{--chakra-colors-color-palette-contrast:var(--chakra-colors-gray-contrast);--chakra-colors-color-palette-fg:var(--chakra-colors-gray-fg);--chakra-colors-color-palette-muted:var(--chakra-colors-gray-muted);--chakra-colors-color-palette-subtle:var(--chakra-colors-gray-subtle);--chakra-colors-color-palette-emphasized:var(--chakra-colors-gray-emphasized);--chakra-colors-color-palette-solid:var(--chakra-colors-gray-solid);--chakra-colors-color-palette-focus-ring:var(--chakra-colors-gray-focus-ring);--chakra-colors-color-palette-border:var(--chakra-colors-gray-border);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;line-height:var(--chakra-line-heights-md);isolation:isolate;font-weight:var(--chakra-font-weights-medium);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-moderate);--focus-ring-color:var(--chakra-colors-color-palette-focus-ring);gap:var(--chakra-spacing-3);height:var(--chakra-sizes-control-lg);min-width:var(--chakra-sizes-control-lg);border-radius:var(--chakra-radii-control);font-size:var(--chakra-font-sizes-md);padding-inline:var(--chakra-spacing-4\.5);background:var(--chakra-colors-bg);--bg-currentcolor:var(--chakra-colors-bg);border-width:1px;--mix-borderColor:color-mix(in srgb, var(--chakra-colors-color-palette-emphasized) 90%, transparent);border-color:var(--mix-borderColor, var(--chakra-colors-color-palette-emphasized));color:var(--chakra-colors-color-palette-fg);box-shadow:var(--chakra-shadows-sm);}.css-1n7y619:is(:focus-visible, [data-focus-visible]){outline-width:var(--focus-ring-width, 1px);outline-offset:var(--focus-ring-offset, 1px);outline-style:var(--focus-ring-style, solid);outline-color:var(--focus-ring-color);}.css-1n7y619:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]){opacity:0.5;cursor:not-allowed;}.css-1n7y619 :where(svg){font-size:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.css-1n7y619:is([aria-haspopup][aria-expanded=true], [aria-haspopup][data-expanded], [aria-haspopup][data-state=expanded]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);border-color:var(--chakra-colors-color-palette-emphasized);}@media (hover: hover){.css-1n7y619:is(:hover, [data-hover]):not(:disabled, [data-disabled]){background:var(--chakra-colors-color-palette-muted);--bg-currentcolor:var(--chakra-colors-color-palette-muted);border-color:var(--chakra-colors-color-palette-emphasized);}}}</style><a type="button" class="chakra-button css-1n7y619" href="/pricing"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z"></path><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8 11v-4a4 4 0 1 1 8 0v4"></path></svg> Unlock all</a></div></div><div><div><style data-emotion="css 1c9aa2j">.css-1c9aa2j{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:var(--chakra-spacing-8);}@media screen and (min-width: 48rem){.css-1c9aa2j{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media screen and (min-width: 80rem){.css-1c9aa2j{grid-template-columns:repeat(4, minmax(0, 1fr));}}</style><div id="cards-grid" class="css-1c9aa2j"><style data-emotion="css knrwzs">.css-knrwzs{position:relative;}.css-knrwzs a[href]:not(.chakra-linkbox__overlay),.css-knrwzs abbr[title]{position:relative;z-index:1;}</style><style data-emotion="css 32gr28">.css-32gr28{overflow:hidden;position:relative;}@layer recipes{.css-32gr28{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;min-width:0;word-wrap:break-word;border-radius:var(--chakra-radii-panel);--card-radius:var(--chakra-radii-panel);--card-concentric-radius:max(0px, calc(var(--card-radius) - var(--card-padding)));color:var(--chakra-colors-fg);text-align:start;background:var(--chakra-colors-bg-panel);--bg-currentcolor:var(--chakra-colors-bg-panel);border-width:1px;border-color:var(--chakra-colors-border);--card-padding:var(--chakra-spacing-4);}.css-32gr28:is(a, button, [role=button]){transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;transition-duration:var(--chakra-durations-fast);}@media (hover: hover){.css-32gr28:is(a, button, [role=button]):is(:hover, [data-hover]):not(:disabled, [data-disabled]){border-color:var(--chakra-colors-border-emphasized);}}}.css-32gr28 svg[data-dark]{display:none;}.dark .css-32gr28 svg[data-dark],.dark .chakra-theme:not(.light) .css-32gr28 svg[data-dark]{display:block;}.dark .css-32gr28 svg[data-light],.dark .chakra-theme:not(.light) .css-32gr28 svg[data-light]{display:none;}.css-32gr28 a[href]:not(.chakra-linkbox__overlay),.css-32gr28 abbr[title]{position:relative;z-index:1;}</style><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><style data-emotion="css jsk5u3">.css-jsk5u3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;--gradient-stops:var(--gradient-from),var(--gradient-to);
1--gradient:var(--gradient-via-stops, var(--gradient-stops));background-image:linear-gradient(to bottom left, var(--gradient));--gradient-from:var(--chakra-colors-white);--gradient-to:gray.50;overflow:hidden;padding-inline:var(--chakra-spacing-8);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;}.dark .css-jsk5u3,.dark .chakra-theme:not(.light) .css-jsk5u3{background:var(--chakra-colors-black);--bg-currentcolor:var(--chakra-colors-black);--gradient-from:var(--chakra-colors-transparent);--mix---gradient-to:color-mix(in srgb, var(--chakra-colors-white) 5%, transparent);--gradient-to:var(--mix---gradient-to, var(--chakra-colors-white));}</style><div class="css-jsk5u3"><style data-emotion="css 1mi6pne">.css-1mi6pne{object-fit:cover;}.dark .css-1mi6pne,.dark .chakra-theme:not(.light) .css-1mi6pne{display:none;}</style><img src="/_next/static/immutable/media/sidebar.2bn2mboli2m4-.svg" alt="light category image" class="chakra-image css-1mi6pne"/><style data-emotion="css 1xr8dy7">.css-1xr8dy7{object-fit:cover;}.css-1xr8dy7:root .css-1xr8dy7,.light .css-1xr8dy7{display:none;}</style><img src="/_next/static/immutable/media/sidebar-dark.1gff05g1muno0.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><style data-emotion="css wo20z8">.css-wo20z8{border-top-width:1px;border-color:var(--chakra-colors-border-subtle);}@layer recipes{.css-wo20z8{padding:var(--card-padding);-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-wo20z8:is(.chakra-card__header + .css-wo20z8){padding-top:calc(var(--card-padding) / 2);}.css-wo20z8:has(+ .chakra-card__footer){padding-bottom:calc(var(--card-padding) / 2);}}</style><div class="chakra-card__body css-wo20z8"><style data-emotion="css q8320y">.css-q8320y{font-weight:var(--chakra-font-weights-medium);}@layer recipes{.css-q8320y{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-font-weights-medium);font-size:var(--chakra-font-sizes-sm);line-height:var(--chakra-line-heights-heading\.sm);letter-spacing:var(--chakra-letter-spacings-heading\.sm);}}</style><h4 class="chakra-heading css-q8320y"><style data-emotion="css nzdyzb">.css-nzdyzb{position:static;}.css-nzdyzb::before{content:'';cursor:inherit;display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;}</style><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/sidebar-layouts">Sidebar layouts</a></h4><style data-emotion="css 1cxu1b1">.css-1cxu1b1{color:muted;font-size:var(--chakra-font-sizes-sm);}</style><p class="css-1cxu1b1">4<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/navbars.0ly9kig6d6n8l.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/navbars-dark.3aud83d4f63a7.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/stacked-layouts">Stacked layouts</a></h4><p class="css-1cxu1b1">2<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/cards.1yx2bxt5ikufd.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/cards-dark.08xjgk-t-1xm3.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/cards">Cards</a></h4><p class="css-1cxu1b1">2<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/kpicards.3a8jdjmgmwfni.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/kpicards-dark.0hkqg9__z0749.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y">
1<a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/kpi-cards">KPI cards</a></h4><p class="css-1cxu1b1">3<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/kpicards.3a8jdjmgmwfni.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/kpicards-dark.0hkqg9__z0749.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/communication">Communication</a></h4><p class="css-1cxu1b1">2<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/files.19w_0bk888q-9.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/files-dark.297r256qo-f9l.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/files">File management</a></h4><p class="css-1cxu1b1">2<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/drawers.27zq_rfcde5f1.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/drawers-dark.364vml_rouncn.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/drawers">Drawers</a></h4><p class="css-1cxu1b1">1<!-- --> <!-- -->component</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/emptystates.3p2pd8rond7pr.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/emptystates-dark.0x19rc2xmyuyu.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/emptystates">Empty states</a></h4><p class="css-1cxu1b1">No<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/tables.2-ms8pm_8gj7e.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/tables-dark.3ntpx8rf-gtzq.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/lists">Lists</a></h4><p class="css-1cxu1b1">1<!-- --> <!-- -->component</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/modals.3exrz-t70ndod.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/modals-dark.200ohlmjeasy9.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/modals">Modals</a></h4><p class="css-1cxu1b1">4<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3"><img src="/_next/static/immutable/media/menus.36-z2yg0y0w9j.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/menus-dark.340io039ysb7t.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/menus">Menus</a></h4><p class="css-1cxu1b1">3<!-- --> <!-- -->components</p></div></div><div class="chakra-linkbox chakra-card__root css-32gr28" role="button" tabindex="-1"><div class="css-jsk5u3">
1<img src="/_next/static/immutable/media/settings.1upqpnxuykcce.svg" alt="light category image" class="chakra-image css-1mi6pne"/><img src="/_next/static/immutable/media/settings-dark.1e-cuioo06idv.svg" alt="dark category image" class="chakra-image css-1xr8dy7"/></div><div class="chakra-card__body css-wo20z8"><h4 class="chakra-heading css-q8320y"><a class="chakra-linkbox__overlay css-nzdyzb" href="/blocks/settings">Settings sections</a></h4><p class="css-1cxu1b1">3<!-- --> <!-- -->components</p></div></div></div></div></div></div></div><!--$--><!--/$--><footer role="contentinfo"><style data-emotion="css 1wiopm">.css-1wiopm{padding-block:var(--chakra-spacing-8);font-size:var(--chakra-font-sizes-sm);}@layer recipes{.css-1wiopm{position:relative;max-width:var(--chakra-sizes-8xl);width:100%;margin-inline:auto;padding-inline:var(--chakra-spacing-4);}@media screen and (min-width: 48rem){.css-1wiopm{padding-inline:var(--chakra-spacing-6);}}@media screen and (min-width: 64rem){.css-1wiopm{padding-inline:var(--chakra-spacing-8);}}}</style><div class="chakra-container css-1wiopm"><style data-emotion="css yzst2x">.css-yzst2x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--chakra-spacing-8);}@media screen and (min-width: 48rem){.css-yzst2x{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style><div class="chakra-stack css-yzst2x"><style data-emotion="css psb25f">.css-psb25f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-spacing-4);}</style><div class="chakra-stack css-psb25f"><style data-emotion="css 1yet5ib">.css-1yet5ib{fill:none;height:var(--chakra-sizes-5);}</style><svg viewBox="0 0 774 166" xmlns="http://www.w3.org/2000/svg" class="css-1yet5ib"><path d="M771.476 20.8061L754.815 16.2246L754.604 0.225952L771.203 0.00788868L771.476 20.8061ZM755.027 32.4232L763.227 32.3155C768.626 32.2445 772.273 35.7969 772.344 41.1965L773.479 127.589L756.281 127.815L755.027 32.4232Z" fill="currentColor"></path><path d="M734.152 128.106L722.753 128.256C714.553 128.363 708.88 122.837 708.77 114.438L708.633 104.039C703.273 122.311 687.985 130.912 672.383 130.917C653.78 130.762 635.208 117.805 634.887 93.4067L634.107 34.0118L651.305 33.7859L652.091 93.5807C652.275 107.58 662.174 115.05 673.591 116.3C689.214 117.895 707.683 107.852 707.402 86.4535L706.701 33.0581L723.899 32.8322L724.968 114.225L733.968 114.107L734.152 128.106Z" fill="currentColor"></path><path d="M546.04 94.9739C547.632 109.554 559.071 112.404 570.47 112.254C576.269 112.178 590.665 111.789 590.15 102.995C589.824 93.3986 569.389 90.8669 557.953 88.2169C542.707 84.8168 524.819 78.2512 524.583 60.2528C524.252 35.055 551.197 30.7006 569.995 30.4537C590.793 30.1804 613.678 36.4804 615.44 64.0596L591.866 66.1694C590.495 53.1863 580.449 49.718 569.85 49.8573C564.05 49.9334 549.857 50.5199 550.38 59.9139C550.654 65.5108 558.29 68.2107 570.328 71.0528C587.377 74.6292 616.043 79.453 616.337 101.851C616.668 127.049 590.131 131.998 570.532 132.255C549.534 132.531 524.476 128.26 522.077 97.889L546.04 94.9739Z" fill="currentColor"></path><path d="M510.91 131.039L494.711 131.251C483.512 131.399 477.434 125.478 477.321 116.879L477.213 108.679C473.44 125.93 457.341 133.743 441.542 133.95C423.744 134.184 406.032 125.816 405.77 105.818C405.507 85.8193 423.8 77.5783 442.562 74.5316L476.696 69.2827L476.635 64.6831C476.501 54.484 464.674 52.4392 456.472 52.3469C444.873 52.4993 436.113 55.6147 435.078 68.2293L410.852 66.3474C410.742 42.7468 432.406 32.2613 455.404 31.9592C484.801 31.573 501.147 42.5592 501.431 64.1574L502.032 109.953L510.634 110.04L510.91 131.039ZM476.896 84.4814L448.958 89.4488C440.577 90.959 430.631 95.0901 431.541 103.479C432.244 111.27 441.674 113.547 449.858 112.239C462.446 111.274 476.956 104.282 476.967 89.8809L476.896 84.4814Z" fill="currentColor"></path><path d="M394.318 132.57L378.12 132.783C366.921 132.93 360.842 127.009 360.729 118.41L360.622 110.211C356.848 127.462 340.749 135.274 324.951 135.482C307.152 135.716 289.441 127.347 289.178 107.349
1C288.915 87.3509 307.208 79.1099 325.97 76.0632L360.104 70.8143L360.044 66.2147C359.91 56.0156 348.082 53.9708 339.88 53.8786C328.281 54.0309 319.521 57.1463 318.487 69.7609L294.26 67.879C294.15 44.2784 315.814 33.793 338.812 33.4908C368.209 33.1046 384.555 44.0908 384.839 65.689L385.441 111.485L394.042 111.572L394.318 132.57ZM360.304 86.013L332.367 90.9804C323.986 92.4907 314.039 96.6217 314.949 105.01C315.652 112.802 325.083 115.078 333.266 113.771C345.854 112.805 360.364 105.814 360.375 91.4126L360.304 86.013Z" fill="currentColor"></path><path d="M207.007 99.428C208.599 114.008 220.037 116.858 231.436 116.709C237.236 116.632 251.632 116.243 251.116 107.449C250.79 97.8527 230.355 95.321 218.92 92.671C203.674 89.2709 185.786 82.7053 185.549 64.7069C185.218 39.5091 212.163 35.1547 230.962 34.9078C251.76 34.6345 274.645 40.9345 276.407 68.5137L252.833 70.6236C251.462 57.6404 241.416 54.1721 230.817 54.3114C225.017 54.3875 210.824 54.974 211.347 64.368C211.621 69.9649 219.257 72.6648 231.295 75.5069C248.344 79.0833 277.009 83.9071 277.304 106.305C277.635 131.503 251.097 136.452 231.499 136.71C210.501 136.985 185.443 132.714 183.044 102.343L207.007 99.428Z" fill="currentColor"></path><path d="M49.2863 20.7945C50.6136 20.6653 51.5677 20.4939 52.5248 20.4909C71.8924 20.4759 91.26 20.545 110.625 20.4127C113.875 20.3917 114.7 21.5822 114.655 24.5883C114.516 33.697 114.477 42.8117 114.664 51.9204C114.733 55.3865 113.285 56.1561 110.152 56.1381C91.9071 56.0359 73.6651 56.081 55.4201 56.093C49.4428 56.096 46.7822 58.7595 46.7792 64.6876C46.7762 77.3045 46.6919 89.9214 46.8424 102.535C46.8815 105.815 45.8703 106.954 42.5204 106.909C30.4544 106.747 18.3794 106.729 6.31334 106.918C2.85817 106.972 2.03952 105.671 2.06962 102.508C2.19301 89.0527 2.19602 75.594 2.06661 62.1384C2.03651 59.0571 2.98758 57.9628 6.14178 58.0049C17.5065 58.1522 28.8773 58.0741 40.2451 58.053C45.8673 58.044 49.0335 54.9025 49.0425 49.3832C49.0546 41.3928 49.0335 33.4024 49.0576 25.412C49.0546 23.9119 49.199 22.4088 49.2863 20.7945Z" fill="currentColor"></path><path d="M34.7915 164.33C25.383 164.33 15.9716 164.18 6.5692 164.408C2.96655 164.495 1.98236 163.212 2.0546 159.803C2.23518 150.971 2.30139 142.127 2.03353 133.3C1.91615 129.444 3.33975 128.632 6.90027 128.662C24.8714 128.818 42.8455 128.74 60.8196 128.728C67.1822 128.725 69.9602 125.959 69.9602 119.667C69.9632 107.324 70.0535 94.9838 69.897 82.6434C69.8548 79.3366 70.5621 77.8937 74.2671 77.9568C86.3392 78.1672 98.4172 78.1131 110.492 77.9869C113.541 77.9538 114.7 78.8346 114.667 82.0392C114.522 95.5008 114.522 108.968 114.676 122.43C114.715 125.785 113.583 126.768 110.282 126.717C98.9108 126.543 87.534 126.633 76.1632 126.66C70.7818 126.672 67.7029 129.81 67.6908 135.212C67.6758 143.488 67.5644 151.764 67.739 160.034C67.8082 163.284 66.8391 164.471 63.4411 164.399C53.8912 164.198 44.3413 164.33 34.7915 164.33Z" fill="currentColor"></path></svg><style data-emotion="css 490z3p">.css-490z3p{color:var(--chakra-colors-fg-subtle);}</style><p class="css-490z3p">Crafted by Saas UI B.V. in the Netherlands ©<!-- --> <!-- -->2026</p></div><style data-emotion="css sr1kpj">.css-sr1kpj{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));width:var(--chakra-sizes-full);gap:var(--chakra-spacing-10);padding-bottom:var(--chakra-spacing-20);}@media screen and (min-width: 30rem){.css-sr1kpj{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media screen and (min-width: 48rem){.css-sr1kpj{max-width:var(--chakra-sizes-2xl);}}</style><div class="css-sr1kpj"><style data-emotion="css 1tjs4a4">.css-1tjs4a4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-spacing-2\.5);}</style><div class="chakra-stack css-1tjs4a4"><style data-emotion="css 13wdhcm">.css-13wdhcm{font-weight:var(--chakra-font-weights-medium);}@layer recipes{.css-13wdhcm{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-font-weights-medium);font-size:var(--chakra-font-sizes-md);line-height:var(--chakra-line-heights-heading\.md);letter-spacing:var(--chakra-letter-spacings-heading\.md);}}</style><h5 class="chakra-heading css-13wdhcm">Resources</h5><style data-emotion="css 4ddoq6">.css-4ddoq6{color:var(--chakra-colors-fg-subtle);}@media (hover: hover){.css-4ddoq6:is(:hover, [data-hover]):not(:disabled, [data-disabled]){color:var(--chakra-colors-fg);}}</style><a class="css-4ddoq6" href="https://saas-ui.lemonsqueezy.com/affiliates?aff_ref=nB1mj6rB">Affiliate program</a><a class="css-4ddoq6" href="/docs">Documentation</a><a class="css-4ddoq6" href="/blog">Blog</a><a class="css-4ddoq6" href="https://roadmap.saas-ui.dev">Roadmap</a><a class="css-4ddoq6" href="/changelog">Changelog</a></div><div class="chakra-stack css-1tjs4a4"><h5 class="chakra-heading css-13wdhcm">Products</h5><a class="css-4ddoq6" href="/docs/components">React components</a><a class="css-4ddoq6" href="/pro/blocks">Blocks</a><a class="css-4ddoq6" href="/pro/figma">Figma UI kit</a><a class="css-4ddoq6" href="https://www.saas-js.com/nextjs">Next.js starter kit</a><a class="css-4ddoq6" href="https://www.saas-js.com">Tanstack Start starter kit</a></div><div class="chakra-stack css-1tjs4a4"><h5 class="chakra-heading css-13wdhcm">Company</h5>
1<a class="css-4ddoq6" href="/license">License</a><a class="css-4ddoq6" href="/privacy">Privacy</a><a class="css-4ddoq6" href="/terms">Terms</a></div></div></div></div></footer></div></div><style data-emotion="css 1l30axn">@media screen and (max-width: 47.9975rem){.css-1l30axn{inset-inline:var(--chakra-spacing-4);}}</style><div data-scope="toast" data-part="group" dir="ltr" tabindex="-1" role="region" aria-label="Notifications, bottom-end (alt+T)" id="toast-group:bottom-end" data-placement="bottom-end" data-side="bottom" data-align="end" aria-live="polite" aria-relevant="additions text" aria-atomic="false" style="position:fixed;pointer-events:none;display:flex;flex-direction:column;--gap:16px;--first-height:0px;--viewport-offset-left:1rem;--viewport-offset-right:1rem;--viewport-offset-top:1rem;--viewport-offset-bottom:1rem;z-index:2147483647;align-items:flex-end;bottom:max(env(safe-area-inset-bottom, 0px), 1rem);inset-inline-end:calc(env(safe-area-inset-right, 0px) + 1rem)" class="css-1l30axn"></div>
1<script src="/_next/static/immutable/chunks/21zjhudut5l4-.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[193941,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"default\"]\n4:I[320532,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"default\"]\n5:I[471510,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/1jhl_frj4mlep.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/17gg38mw96fcn.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\"],\"default\"]\n6:I[856702,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"ClientSegmentRoot\"]\n7:I[755041,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\"],\"default\"]\n9:I[19706,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[19706,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"ViewportBoundary\"]\nf:I[19706,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"MetadataBoundary\"]\n11:I[636970,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"default\",1]\n:HL[\"/_next/static/immutable/chunks/03tj8nen0qpvs.css\",\"style\"]\n:HL[\"/_next/static/immutable/media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/Guton_Bold-s.p.28_dx1l9zihz9.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/Guton_ExtraBold-s.p.37l-gftxxcthu.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/Guton_Medium-s.p.37cwqi19wp8qm.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/Guton_Regular-s.p.1pdp9d7_iacz0.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/Guton_SemiBold-s.p.2_567a-h_sc2k.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/ce62453a442c7f35-s.p.3l4zvto3p0stf.w
1off2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/f7aa21714c1c53f8-s.p.0jgzmitmnoe6_.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nc:X\n0:{\"P\":null,\"c\":[\"\",\"blocks\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"ui\",{\"children\":[\"(landing)\",{\"children\":[\"blocks\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4112],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/03tj8nen0qpvs.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"async\":true,\"nonce\":\"$undefined\"}
1],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"Component\":\"$7\",\"slots\":{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"serverProvidedParams\":{\"params\":{},\"promises\":null}}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L8\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,\"$c\"]},null,false,null]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/03tj8nen0qpvs.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"y5n9LyFLiqhKFHBjrSTlR\"}\n12:I[466169,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"\"]\nc:C\n13:Tec8,(function(){try{var s=null;var c=document.cookie.split('; ');for(var i=0;i\u003cc.length;i++){if(c[i].indexOf('sui-theme=')===0){s=JSON.parse(decodeURIComponent(c[i].slice(10)));break}}if(!s){var r=localStorage.getItem('sui-theme');if(r)s=JSON.parse(r).state}if(s\u0026\u0026s.state\u0026\u0026s.state.base)s=s.state;if(!s||!s.base||!s.accent)return;var el=document.documentElement;el.classList.add('sui-theme');function o(l,c,h){return 'oklch('+l+' '+c+' '+h+')'}el.style.setProperty('--sui-base',o(0.5,s.base.c,s.base.h));el.style.setProperty('--sui-accent',o(s.accent.l,s.accent.c,s.accent.h));if(s.scaleFactor!=null)el.style.setProperty('--scale-factor',String(s.scaleFactor));if(s.controlRadius!=null)el.style.setProperty('--radius-control-factor',String(s.controlRadius));if(s.panelRadius!=null)el.style.setProperty('--radius-panel-factor',String(s.panelRadius));if(s.indicatorRadius!=null)el.style.setProperty('--radius-indicator-factor',String(s.indicatorRadius));if(s.overlayEffect)el.style.setProperty('--overlay-effect',s.overlayEffect);if(s.base.contrast==='soft'||s.base.contrast==='strong')el.setAttribute('data-base-contrast',s.base.contrast);else el.removeAttribute('data-base-contrast');if(s.accent.foreground==='dark')el.setAttribute('data-accent-foreground','dark');else el.removeAttribute('data-accent-foreground');var sb=s.sidebar||{};if(sb.type==='tonal'){el.style.setProperty('--sui-sidebar',o(0.5,sb.c,sb.h));el.style.removeProperty('--sui-sidebar-solid');el.removeAttribute('data-sidebar');el.removeAttribute('data-sidebar-foreground');if(sb.contrast==='soft'||sb.contrast==='strong')el.setAttribute('data-sidebar-contrast',sb.contrast);else el.removeAttribute('data-sidebar-contrast')}
1else if(sb.type==='solid'){el.style.setProperty('--sui-sidebar-solid',o(sb.l,sb.c,sb.h));el.style.removeProperty('--sui-sidebar');el.setAttribute('data-sidebar','solid');if(sb.foreground==='dark')el.setAttribute('data-sidebar-foreground','dark');else el.removeAttribute('data-sidebar-foreground');el.removeAttribute('data-sidebar-contrast')}else{el.style.removeProperty('--sui-sidebar');el.style.removeProperty('--sui-sidebar-solid');el.removeAttribute('data-sidebar');el.removeAttribute('data-sidebar-foreground');el.removeAttribute('data-sidebar-contrast')}var fonts={\"geist\":\"'Geist', sans-serif\",\"inter\":\"'Inter', sans-serif\",\"noto-sans\":\"'Noto Sans', sans-serif\",\"nunito-sans\":\"'Nunito Sans', sans-serif\",\"figtree\":\"'Figtree', sans-serif\",\"roboto\":\"'Roboto', sans-serif\",\"raleway\":\"'Raleway', sans-serif\",\"dm-sans\":\"'DM Sans', sans-serif\",\"public-sans\":\"'Public Sans', sans-serif\",\"outfit\":\"'Outfit', sans-serif\",\"oxanium\":\"'Oxanium', sans-serif\",\"manrope\":\"'Manrope', sans-serif\",\"space-grotesk\":\"'Space Grotesk', sans-serif\",\"montserrat\":\"'Montserrat', sans-serif\",\"ibm-plex-sans\":\"'IBM Plex Sans', sans-serif\",\"source-sans-3\":\"'Source Sans 3', sans-serif\",\"instrument-sans\":\"'Instrument Sans', sans-serif\",\"noto-serif\":\"'Noto Serif', serif\",\"roboto-slab\":\"'Roboto Slab', serif\",\"merriweather\":\"'Merriweather', serif\",\"lora\":\"'Lora', serif\",\"playfair-display\":\"'Playfair Display', serif\",\"eb-garamond\":\"'EB Garamond', serif\",\"instrument-serif\":\"'Instrument Serif', serif\"};if(s.headingFont\u0026\u0026fonts[s.headingFont])el.style.setProperty('--font-heading',fonts[s.headingFont]);if(s.bodyFont\u0026\u0026fonts[s.bodyFont])el.style.setProperty('--font-body',fonts[s.bodyFont]);document.cookie='sui-theme='+encodeURIComponent(JSON.stringify({scaleFactor:s.scaleFactor,overlayEffect:s.overlayEffect,controlRadius:s.controlRadius,panelRadius:s.panelRadius,indicatorRadius:s.indicatorRadius,base:s.base,accent:s.accent,sidebar:s.sidebar,preset:s.preset||null,accentPalette:s.accentPalette||null,headingFont:s.headingFont||null,bodyFont:s.bodyFont||null}))+'; Path=/; Max-Age=31536000; SameSite=Lax'}catch(e){}})()2:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"sui-theme inter_5901b7c6-module__ec5Qua__variable figtree_2bb140a6-module__3rHI9G__variable roboto_67300c36-module__aT3fja__variable outfit_8778cd42-module__wRojWG__variable guton_6c4e7822-module__ytpLrG__variable\",\"style\":\"$undefined\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L12\",null,{\"id\":\"sui-theme-init\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$13\"}}],\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\"]}]]}]\n1c:I[9397,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"Provider\"]\n1d:I[1690,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2lfwjjo10vq46.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/1l35-jdr_6nks.js\",\"/_next/static/immutable/chunks/2gmzez2yplpqa.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\"],\"default\"]\n14:[\"$\",\"$L1c\",null,{\"site\":\"sui\",\"theme\":null,\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1d\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n1e:T429,\n ;((w)=\u003e{const P=(w.Productlane={queue:{}});[\"set\",\"open\",\"close\",\"toggle\",\"on\",\"off\",\"init\"].forEach(m=\u003e{P[m]=(n=\u003efunction(){P.queue[n]={args:arguments}})(m)})})(window);\n\n Productlane.init({\n widgetKey: \"3f1be0cf-0681-439d-86b6-5826ed5dea8b\",\n theme: {\n \"--text-color-primary\": \"#111827\",\n \"--text-color-primary-dark\": \"#FFFFFF\",\n \"--text-color-secondary\": \"#9CA3AF\",\n \"--text-color-secondary-dark\": \"#9CA3AF\",\n \"--text-color-highlight\"
1: \"#1692A4\",\n \"--text-color-highlight-dark\": \"#1692A4\",\n \"--background-color-primary\": \"#FFFFFF\",\n \"--background-color-primary-dark\": \"#111827\",\n \"--background-color-secondary\": \"#F3F4F6\",\n \"--background-color-secondary-dark\": \"#1F2937\",\n \"--border-color-primary\": \"#E5E7EB\",\n \"--border-color-primary-dark\": \"#1F2937\",\n }\n })\n 15:[\"$\",\"$L12\",null,{\"id\":\"productlane-script\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1e\"}}]\n16:[\"$\",\"$L12\",null,{\"defer\":true,\"crossOrigin\":\"anonymous\",\"src\":\"https://widget.productlane.com/latest.productlane-widget.min.js\"}]\n17:[\"$\",\"$L12\",null,{\"id\":\"pirschjs\",\"strategy\":\"afterInteractive\",\"src\":\"https://api.pirsch.io/pirsch.js\",\"data-code\":\"6VI7VAQoe3eG33JAw0giyqequwucCiou\"}]\n18:[\"$\",\"$L12\",null,{\"id\":\"pirscheventsjs\",\"strategy\":\"afterInteractive\",\"src\":\"https://api.pirsch.io/pirsch-events.js\",\"data-code\":\"6VI7VAQoe3eG33JAw0giyqequwucCiou\"}]\n19:[\"$\",\"$L12\",null,{\"src\":\"https://app.lemonsqueezy.com/js/lemon.js\",\"defer\":true}]\n1a:[\"$\",\"$L12\",null,{\"id\":\"lemon-squeezy-affiliate-config\",\"dangerouslySetInnerHTML\":{\"__html\":\"window.lemonSqueezyAffiliate
1Config = { store: \\\"saas-ui\\\" };\"}}]\n1b:[\"$\",\"$L12\",null,{\"src\":\"https://lmsqueezy.com/affiliate.js\",\"defer\":true}]\ne:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n1f:I[811044,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\"],\"IconMark\"]\nb:null\n10:[[\"$\",\"title\",\"0\",{\"children\":\"Saas UI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"The React component library for startups.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/favicons/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://saas-ui.dev/blocks\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Saas UI\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"The React component library for startups.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"Saas UI\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://saas-ui.dev/og?site=sui\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Saas UI\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:site\",\"content\":\"@saas-ui\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Saas UI\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"The React component library for startups.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://saas-ui.dev/og?site=sui\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:alt\",\"content\":\"Saas UI\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"19\",{\"rel\":\"shortcut icon\",\"href\":\"/favicons/favicon.ico\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.2697_21ps8jm-.ico\",\"sizes\":\"16x16\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicons/favicon.svg\"}],[\"$\",\"link\",\"22\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicons/apple-touch-icon.png\"}],[\"$\",\"$L1f\",\"23\",{}]]\n20:I[26993,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Container\"]\n21:I[363887,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3
1y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Box\"]\n22:I[355985,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"HStack\"]\n23:I[808045,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Heading\"]\n24:I[254638,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Text\"]\n25:I[195088,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3
1y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"ButtonGroup\"]\n26:I[379913,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Button\"]\n27:I[199262,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"\"]\n28:I[544123,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"SimpleGrid\"]\n29:I[553106,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3
1y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"LinkBox\"]\n2a:I[645670,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"CardRoot\"]\n2b:I[691428,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Flex\"]\n2c:I[401772,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"Image\"]\n2d:I[645670,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3
1y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"CardBody\"]\n2e:I[553106,[\"/_next/static/immutable/chunks/0q3s23mi-g-66.js\",\"/_next/static/immutable/chunks/3oap9xpnlnx4t.js\",\"/_next/static/immutable/chunks/0o_ordlf0b1n6.js\",\"/_next/static/immutable/chunks/41z9rorsmd0hp.js\",\"/_next/static/immutable/chunks/33ti64z2lgeal.js\",\"/_next/static/immutable/chunks/0268fh5bgs_ri.js\",\"/_next/static/immutable/chunks/16yyq12owk360.js\",\"/_next/static/immutable/chunks/3y-notzpw94xj.js\",\"/_next/static/immutable/chunks/0hosd84793uhc.js\",\"/_next/static/immutable/chunks/18uid1jlax43h.js\",\"/_next/static/immutable/chunks/05y75qa7glzhh.js\",\"/_next/static/immutable/chunks/1_drjv3eos9sa.js\",\"/_next/static/immutable/chunks/2dclel4zwlgsg.js\",\"/_next/static/immutable/chunks/0z3z-7eefdgmx.js\",\"/_next/static/immutable/chunks/1y4lyje-5v8k-.js\",\"/_next/static/immutable/chunks/37vd411zqhjqf.js\",\"/_next/static/immutable/chunks/3rd9ce45vvmh1.js\",\"/_next/static/immutable/chunks/2k50g3m_p9x2q.js\",\"/_next/static/immutable/chunks/09flj6u5d0975.js\",\"/_next/static/immutable/chunks/0ruov95k36994.js\",\"/_next/static/immutable/chunks/16h_-8dyxyjwi.js\",\"/_next/static/immutable/chunks/2hw1k4j1sub83.js\",\"/_next/static/immutable/chunks/27pxp7_83q4_2.js\"],\"LinkOverlay\"]\n8:[\"$\",\"$L20\",null,{\"maxWidth\":\"8xl\",\"px\":\"8\",\"py\":\"16\",\"children\":[\"$\",\"$L21\",null,{\"position\":\"relative\",\"zIndex\":\"1\",\"children\":[[\"$\",\"$L22\",null,{\"alignItems\":\"start\",\"children\":[[\"$\",\"$L21\",null,{\"mb\":\"12\",\"flex\":\"1\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h2\",\"textStyle\":\"4xl\",\"children\":[27,\" blocks for Chakra UI v3\"]}],[\"$\",\"$L24\",null,{\"fontSize\":\"lg\",\"color\":\"fg.muted\",\"children\":\"Copy-paste our top tier B2B SaaS components and templates.\"}]]}],[\"$\",\"$L25\",null,{\"children\":[\"$\",\"$L26\",null,{\"asChild\":true,\"size\":\"lg\",\"variant\":\"surface\",\"bg\":\"white\",\"children\":[\"$\",\"$L27\",null,{\"ref\":\"$undefined\",\"href\":\"/pricing\",\"legacyBehavior\":\"$undefined\",\"locale\":\"$undefined\",\"prefetch\":\"$undefined\",\"passHref\":\"$undefined\",\"shallow\":\"$undefined\",\"scroll\":\"$undefined\",\"replace\":\"$undefined\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"download\":\"$undefined\",\"hrefLang\":\"$undefined\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z\",\"children\":[]}],[\"$\",\"path\",\"1\",{\"d\":\"M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0\",\"children\":[]}],[\"$\",\"path\",\"2\",{\"d\":\"M8 11v-4a4 4 0 1 1 8 0v4\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":\"16\",\"width\":\"16\",\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" Unlock all\"]}]}]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",\"Application UI\",{\"children\":[\"$\",\"$L28\",null,{\"id\":\"cards-grid\",\"columns\":{\"base\":1,\"md\":2,\"xl\":4},\"gap\":\"8\",\"children\":[[\"$\",\"$L29\",\"sidebar-layouts\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/sidebar.2bn2mboli2m4-.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/sidebar-dark.1gff05g1muno0.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/sidebar-layouts\",\"children\":\"Sidebar layouts\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[4,\" \",\"components\"]}]]}]]}]}],[\"$\",\"$L29\",\"stacked-layouts\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/navbars.0ly9kig6d6n8l.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/navbars-dark.3aud83d4f63a7.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/stacked-layouts\",\"children\":\"Stacked layouts\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[2,\" \",\"components\"]}]]}]]}]}],[\"$\",\"$L29\",\"cards\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/cards.1yx2bxt5ikufd.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/cards-dark.08xjgk-t-1xm3.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/cards\",\"children\":\"Cards\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[2,\" \",\"components\"]}]]}]]}]}],[\"$\",\"$L29\",\"kpi-cards\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[\"$L2f\",\"$L30\"]}]}],\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\"]}]}]]}]]}]}]\n2f:[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/kpicards.3a8jdjmgmwfni.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/kpicards-dark.0hkqg9__z0749.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}]\n30:[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/k
1pi-cards\",\"children\":\"KPI cards\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[3,\" \",\"components\"]}]]}]\n31:[\"$\",\"$L29\",\"communication\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/kpicards.3a8jdjmgmwfni.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/kpicards-dark.0hkqg9__z0749.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/communication\",\"children\":\"Communication\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[2,\" \",\"components\"]}]]}]]}]}]\n32:[\"$\",\"$L29\",\"files\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/files.19w_0bk888q-9.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/files-dark.297r256qo-f9l.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/files\",\"children\":\"File management\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[2,\" \",\"components\"]}]]}]]}]}]\n33:[\"$\",\"$L29\",\"drawers\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/drawers.27zq_rfcde5f1.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/drawers-dark.364vml_rouncn.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/drawers\",\"children\":\"Drawers\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[1,\" \",\"component\"]}]]}]]}]}]\n34:[\"$\",\"$L29\",\"emptystates\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/emptystates.3p2pd8rond7pr.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/emptystates-dark.0x19rc2xmyuyu.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/emptystates\",\"children\":\"Empty states\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[\"No\",\" \",\"components\"]}]]}]]}]}]\n35:[\"$\",\"$L29\",\"lists\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/tables.2-ms8pm_8gj7e.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/tables-dark.3ntpx8rf-gtzq.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/lists\",\"children\":\"Lists\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[1,\" \",\"component\"]}]]}]]}]}]\n36:[\"$\",\"$L29\",\"modals\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/modals.3exrz-t70ndod.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/modals-dark.200ohlmjeasy9.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/modals\",\"children\":\"Modals\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[4,\" \",\"components\"]}]]}]]}]}]\n37:[\"$\",\"$L29\",\"menus\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/menus.36-z2yg0y0w9j.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/menus-dark.340io039ysb7t.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/menus\",\"children\":\"Menus\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[3,\" \",\"components\"]}]]}]]}]}]\n38:[\"$\",\"$L29\",\"settings\",{\"asChild\":true,\"children\":[\"$\",\"$L2a\",null,{\"role\":\"button\",\"tabIndex\":-1,\"css\":{\"\u0026 svg[data-dark]\":{\"display\":\"none\",\"_dark\":{\"display\":\"block\"}},\"\u0026 svg[data-light]\":{\"_dark\":{\"display\":\"none\"}}},\"overflow\":\"hidden\",\"children\":[[\"$\",\"$L2b\",null,{\"flexDirection\":\"column\",\"bgGradient\":\"to-bl\",\"gradientFrom\":\"white\",\"gradientTo\":\"gray.50\",\"_dark\":{\"bg\":\"black\",\"gradientFrom\":\"transparent\",\"gradientTo\":\"white/5\"},\"overflow\":\"hidden\",\"px\":\"8\",\"alignItems\":\"center\",\"justifyItems\":\"center\",\"children\":[[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/sett
1ings.1upqpnxuykcce.svg\",\"alt\":\"light category image\",\"_dark\":{\"display\":\"none\"}}],[\"$\",\"$L2c\",null,{\"src\":\"/_next/static/immutable/media/settings-dark.1e-cuioo06idv.svg\",\"alt\":\"dark category image\",\"_light\":{\"display\":\"none\"}}]]}],[\"$\",\"$L2d\",null,{\"borderTopWidth\":\"1px\",\"borderColor\":\"border.subtle\",\"children\":[[\"$\",\"$L23\",null,{\"as\":\"h4\",\"size\":\"sm\",\"fontWeight\":\"medium\",\"children\":[\"$\",\"$L2e\",null,{\"asChild\":true,\"children\":[\"$\",\"$L27\",null,{\"href\":\"/blocks/settings\",\"children\":\"Settings sections\"}]}]}],[\"$\",\"$L24\",null,{\"color\":\"muted\",\"fontSize\":\"sm\",\"children\":[3,\" \",\"components\"]}]]}]]}]}]\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.