Algolia Resource Center

<!DOCTYPE html> <html lang="en-US" dir="ltr" itemscope itemtype="https://schema.org/WebPage"> <head> <link href="https://content.cdntwrk.com/themes/vanilla/e883a46/public/css/template_sets_default_pages_hub_page.b43113d50d7e9ec1d28a.chunk.css" rel="stylesheet"> <meta charset="UTF-8" /> <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Algolia Resource Center</title> <meta name="title" content="Algolia Resource Center" /> <meta name="description" content="Learn how to build, power, and optimize digital experiences across platforms." /> <link rel="alternate" href="https://resources.algolia.com/fr" hreflang="fr-FR" /> <link rel="alternate" href="https://resources.algolia.com/de" hreflang="de-DE" /> <link rel="alternate" href="https://resources.algolia.com/pt" hreflang="pt-BR" /> <link rel="alternate" href="https://resources.algolia.com/es" hreflang="es-ES" /> <link rel="alternate" href="https://resources.algolia.com" hreflang="en-US" /> <link rel="canonical" href="https://resources.algolia.com" /> <meta itemprop="name" content="Algolia Resource Center"> <meta itemprop="description" content="Learn how to build, power, and optimize digital experiences across platforms."> <link href="https://uberflip.cdntwrk.com/css/google-fonts/lato.css?v=075928935a99" media="screen" rel="stylesheet" type="text/css" /> <style id="uf-hub-settings" type="text/css"> .uf-hub-page, .uf-stream-page, .uf-author-page, .uf-item-page, .uf-search-results-page, .uf-privacy-page, .uf-stream-login, .uf-hub-login, .uf-error-page, .uf-embed-tile-page { font-family: 'Lato', sans-serif; } .uf-gated-cta-wrapper .uf-gated-cta-close, .uf-item-page .uf-breadcrumbs a, .uf-item-page .uf-article .uf-article-header a, .uf-item-page .uf-article .cke-editor-content a:not(.uf-twitter-share-link), .uf-item-page .uf-return-home { color: #5bc0de; } .uf-menu-color { color: #333; } .is-active .uf-menu-background { background-color: #333; } .uf-search-form { background-color: #333; } .uf-hero-header { background-color: #5bc0de; } .uf-avatar { background-color: #4D4D4D; } .uf-article a, .uf-breadcrumbs a, .uf-return-home, button.uf-expand { color: #5bc0de; } .uf-link-cta-tile-477088 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTQ3NzA4OCZtb2RpZmllZD0yMDIyLTA4LTA5IDE0OjIwOjIxJnNpZz04OTM2NWM3OTBlMjM4NDk1MGQyYjQzMDNhODg0YTVhYg%253D%253D"); background-size: cover; } .uf-link-cta-tile-477088 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-477088 .uf-link-cta-tile-link { color: #ffffff; background: #5BC0DE; } .uf-link-cta-tile-511378 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTUxMTM3OCZtb2RpZmllZD0yMDI0LTA1LTIwIDEyOjMxOjUwJnNpZz02OTgwNDM4ZDkyNzk5NDU2YjY2ZjQ5YWI2YWM2M2NlNw%253D%253D"); background-size: cover; } .uf-link-cta-tile-511378 .uf-link-cta-tile-text { margin-top: 2rem; font-size: 2rem; color: #ffffff; } .uf-link-cta-tile-511378 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-link-cta-tile-521239 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTUyMTIzOSZtb2RpZmllZD0yMDI0LTA1LTIxIDEyOjI3OjU1JnNpZz03MjVhNzQ5ZjViOTk4NjAwZjVmOGViNGRjZDY0ZGEyOA%253D%253D"); background-size: cover; } .uf-link-cta-tile-521239 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-521239 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-link-cta-tile-494470 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTQ5NDQ3MCZtb2RpZmllZD0yMDIzLTA0LTExIDEzOjQzOjM3JnNpZz01ODU0ZThkM2EzYjAyODNlNmFkNDA1NzhjNjQ4NGFkZQ%253D%253D"); background-size: cover; } .uf-link-cta-tile-494470 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-494470 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-tile .uf-tile-content-label-text span { color: #5bc0de; } .uf-reco-panel:not(.uf-reco-is-mobile) { top: px; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:type" content="website"> <meta property="og:title" content="Algolia Resource Center "> <meta property="og:url" content="https://resources.algolia.com"> <meta property="og:description" content="Learn more about Search and Discovery trends and best practices. "> <meta property="og:image" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NjRlMzgyMjU0ODE0LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTNmZjg0MzhiMDMyYzk0NmI1ZjZkMmJlMjU1NzUwNmM1"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Algolia Resource Center "> <meta name="twitter:description" content="Learn more about Search and Discovery trends and best practices. "> <link rel="apple-touch-icon" type="image/png" sizes="57x57" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTU3JnNpZz03OTBlMzgxNTg5ZTg1YjE5YTA5MTQyNGQ2NGRlZWRjNw%253D%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="72x72" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTcyJnNpZz1mZjBhYTZkMTA4NDhhYTc2ODUxZDcyMjllNWJiNGIwNg%253D%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="114x114" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTExNCZzaWc9ZWU4NWI0MDRjMzZlMDM4MzZmMDhjMzY4ZWJlNjYwODU%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="144x144" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE0NCZzaWc9MDFmODM1YjQ4ZDNjMzg0YWYwZGE4OTY1YjdiNzJhOGY%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE4MCZzaWc9NDlmZjFkYzdhY2VmOWFjYjE1NDYzMjYxOGZkMGQ0N2Y%253D/favicon.png"><link rel="icon" type="image/png" sizes="16x16" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE2JnNpZz04MjNhNTc1ZjAxOTFlNjUzYmU0NmVjM2ZjMTQwNjAxNg%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="32x32" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTMyJnNpZz1hZjQ3NzcyYjdmOGI2YzA1YjY4Njk1MWRhYTk4MjcxYw%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="96x96" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTk2JnNpZz02YTdhOWU3MWE5OGU3NDFhOTFhYWU2Yjk1N2E4NWI3YQ%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="128x128" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTEyOCZzaWc9ZDUxNjI4NmJhNjg4MDRjY2Q0ZThiMWI2MTFjNzVjYmI%253D/favicon.png"><link rel="icon" type="image/png" sizes="195x195" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE5NSZzaWc9NTdjODVmZTExMWEyY2Q0NGNjYzNkMGRlYjAzMGM0MGI%253D/favicon.png"><meta name="msapplication-TileImage" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE0NCZzaWc9MDFmODM1YjQ4ZDNjMzg0YWYwZGE4OTY1YjdiNzJhOGY%253D/favicon.png"><meta name="msapplication-TileColor" content="#4D4D4D"> <meta name="google-site-verification" content="3aFFrt8rydw1aGF2nOKJW0c8cr9sdjDBfQiXGdCMvv8"/> <link href="https://fonts.googleapis.com/css?family=Sora" rel="stylesheet" type="text/css">  <link id="onbrand__styles-production" rel="stylesheet" href="//cihost.uberflip.com/algolia-tv2/master/build/en/en.css" /> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-Light.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-Regular.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-SemiBold.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-Regular.woff2') format('woff2'); } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-Medium.woff2') format('woff2'); } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-SemiBold.woff2') format('woff2'); } </style> <!DOCTYPE html> <html lang="en"> <meta charset="UTF-8" /> <style> *, ::backdrop, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .uil-pointer-events-none { pointer-events: none; } .uil-visible { visibility: visible; } .uil-invisible { visibility: hidden; } .uil-fixed { position: fixed; } .uil-absolute { position: absolute; } .uil-relative { position: relative; } .uil-sticky { position: sticky; } .uil--bottom-4 { bottom: -4px; } .uil-bottom-0 { bottom: 0; } .uil-left-0 { left: 0; } .uil-left-\[12px\] { left: 12px; } .uil-left-\[1px\] { left: 1px; } .uil-left-\[50\%\] { left: 50%; } .uil-right-0 { right: 0; } .uil-right-\[12px\] { right: 12px; } .uil-top-0 { top: 0; } .uil-top-\[50\%\] { top: 50%; } .-uil-z-1 { z-index: -1; } .uil-z-1 { z-index: 1; } .uil-z-2 { z-index: 2; } .uil-z-5 { z-index: 5; } .uil-z-max { z-index: 100; } .uil-col-start-1 { grid-column-start: 1; } .uil-col-start-2 { grid-column-start: 2; } .uil-col-start-7 { grid-column-start: 7; } .uil-col-end-13 { grid-column-end: 13; } .uil-col-end-2 { grid-column-end: 2; } .uil-col-end-3 { grid-column-end: 3; } .uil-row-start-1 { grid-row-start: 1; } .uil-row-end-2 { grid-row-end: 2; } .uil-m-0 { margin: 0; } .uil-m-8 { margin: 8px; } .uil-m-auto { margin: auto; } .uil-mx-16 { margin-left: 16px; margin-right: 16px; } .uil-mx-8 { margin-left: 8px; margin-right: 8px; } .uil-mx-auto { margin-left: auto; margin-right: auto; } .uil-my-0 { margin-top: 0; margin-bottom: 0; } .uil-my-32 { margin-top: 32px; margin-bottom: 32px; } .uil-mb-0 { margin-bottom: 0; } .uil-mb-16 { margin-bottom: 16px; } .uil-mb-24 { margin-bottom: 24px; } .uil-mb-32 { margin-bottom: 32px; } .uil-mb-8 { margin-bottom: 8px; } .uil-ml-12 { margin-left: 12px; } .uil-ml-16 { margin-left: 16px; } .uil-ml-4 { margin-left: 4px; } .uil-ml-40 { margin-left: 40px; } .uil-ml-8 { margin-left: 8px; } .uil-ml-\[0\.5em\] { margin-left: 0.5em; } .uil-ml-\[20px\] { margin-left: 20px; } .uil-ml-auto { margin-left: auto; } .uil-mr-12 { margin-right: 12px; } .uil-mr-16 { margin-right: 16px; } .uil-mr-24 { margin-right: 24px; } .uil-mr-4 { margin-right: 4px; } .uil-mr-8 { margin-right: 8px; } .uil-mt-0 { margin-top: 0; } .uil-mt-12 { margin-top: 12px; } .uil-mt-16 { margin-top: 16px; } .uil-mt-24 { margin-top: 24px; } .uil-mt-32 { margin-top: 32px; } .uil-mt-40 { margin-top: 40px; } .uil-mt-8 { margin-top: 8px; } .uil-mt-auto { margin-top: auto; } .uil-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .uil-block { display: block; } .uil-inline-block { display: inline-block; } .uil-flex { display: flex; } .uil-inline-flex { display: inline-flex; } .uil-grid { display: grid; } .uil-inline-grid { display: inline-grid; } .uil-hidden { display: none; } .uil-aspect-1 { aspect-ratio: 1; } .uil-aspect-16\/9 { aspect-ratio: 16/9; } .uil-aspect-4\/3 { aspect-ratio: 4/3; } .\!uil-h-24 { height: 24px !important; } .uil-h-0 { height: 0; } .uil-h-1 { height: 1px; } .uil-h-100p { height: 100%; } .uil-h-100vh { height: 100vh; } .uil-h-10p { height: 10%; } .uil-h-16 { height: 16px; } .uil-h-20 { height: 20px; } .uil-h-200 { height: 200px; } .uil-h-20p { height: 20%; } .uil-h-24 { height: 24px; } .uil-h-25p { height: 25%; } .uil-h-30 { height: 30px; } .uil-h-30p { height: 30%; } .uil-h-40p { height: 40%; } .uil-h-50p { height: 50%; } .uil-h-60p { height: 60%; } .uil-h-70p { height: 70%; } .uil-h-72 { height: 72px; } .uil-h-80 { height: 80px; } .uil-h-80p { height: 80%; } .uil-h-90p { height: 90%; } .uil-h-auto { height: auto; } .uil-h-fit { height: -moz-fit-content; height: fit-content; } .uil-max-h-\[100px\] { max-height: 100px; } .\!uil-w-24 { width: 24px !important; } .uil-w-100 { width: 100px; } .uil-w-100p { width: 100%; } .uil-w-150 { width: 150px; } .uil-w-16 { width: 16px; } .uil-w-20 { width: 20px; } .uil-w-24 { width: 24px; } .uil-w-240 { width: 240px; } .uil-w-25 { width: 25px; } .uil-w-25p { width: 25%; } .uil-w-30 { width: 30px; } .uil-w-500 { width: 500px; } .uil-w-72 { width: 72px; } .uil-w-80 { width: 80px; } .uil-w-80p { width: 80%; } .uil-w-\[12\.5\%\] { width: 12.5%; } .uil-w-\[15\%\] { width: 15%; } .uil-w-\[18\.75\%\] { width: 18.75%; } .uil-w-\[25\%\] { width: 25%; } .uil-w-\[37\.5\%\] { width: 37.5%; } .uil-w-auto { width: auto; } .uil-w-fit { width: -moz-fit-content; width: fit-content; } .uil-w-max { width: -moz-max-content; width: max-content; } .uil-min-w-200 { min-width: 200px; } .uil-min-w-\[150px\] { min-width: 150px; } .uil-max-w-1000 { max-width: 1000px; } .uil-max-w-100p { max-width: 100%; } .uil-max-w-1440 { max-width: 1440px; } .uil-max-w-800 { max-width: 800px; } .uil-max-w-\[280px\] { max-width: 280px; } .uil-shrink-0 { flex-shrink: 0; } .uil-shrink-1 { flex-shrink: 1; } .uil-grow-1 { flex-grow: 1; } .uil-basis-0 { flex-basis: 0; } .uil-border-spacing-0 { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .uil-translate-x-0 { --tw-translate-x: 0; } .uil-translate-x-0, .uil-translate-x-\[-100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-x-\[-100\%\] { --tw-translate-x: -100%; } .uil-translate-x-\[-50\%\] { --tw-translate-x: -50%; } .uil-translate-x-\[-50\%\], .uil-translate-x-\[100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-x-\[100\%\] { --tw-translate-x: 100%; } .uil-translate-y-\[-100\%\] { --tw-translate-y: -100%; } .uil-translate-y-\[-100\%\], .uil-translate-y-\[-50\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-y-\[-50\%\] { --tw-translate-y: -50%; } .uil-translate-y-\[100\%\] { --tw-translate-y: 100%; } .-uil-rotate-90, .uil-translate-y-\[100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-uil-rotate-90 { --tw-rotate: -90deg; } .uil-rotate-0 { --tw-rotate: 0deg; } .uil-rotate-0, .uil-rotate-180 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-rotate-180 { --tw-rotate: 180deg; } .uil-rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-cursor-default { cursor: default; } .uil-cursor-pointer { cursor: pointer; } .uil-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .uil-list-none { list-style-type: none; } .uil-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .uil-flex-row { flex-direction: row; } .uil-flex-col { flex-direction: column; } .uil-flex-col-reverse { flex-direction: column-reverse; } .uil-flex-wrap { flex-wrap: wrap; } .uil-items-start { align-items: flex-start; } .uil-items-end { align-items: flex-end; } .uil-items-center { align-items: center; } .uil-justify-start { justify-content: flex-start; } .uil-justify-end { justify-content: flex-end; } .uil-justify-center { justify-content: center; } .uil-justify-between { justify-content: space-between; } .uil-gap-12 { gap: 12px; } .uil-gap-16 { gap: 16px; } .uil-gap-24 { gap: 24px; } .uil-gap-32 { gap: 32px; } .uil-gap-4 { gap: 4px; } .uil-gap-40 { gap: 40px; } .uil-gap-8 { gap: 8px; } .uil-gap-\[10px\] { gap: 10px; } .uil-gap-x-32 { -moz-column-gap: 32px; column-gap: 32px; } .uil-gap-x-8 { -moz-column-gap: 8px; column-gap: 8px; } .uil-gap-y-16 { row-gap: 16px; } .uil-self-stretch { align-self: stretch; } .uil-overflow-auto { overflow: auto; } .uil-overflow-hidden { overflow: hidden; } .uil-overflow-x-hidden { overflow-x: hidden; } .uil-overflow-y-scroll { overflow-y: scroll; } .uil-overflow-ellipsis, .uil-text-ellipsis { text-overflow: ellipsis; } .uil-whitespace-pre-wrap { white-space: pre-wrap; } .uil-break-words { overflow-wrap: break-word; } .uil-rounded-0 { border-radius: 0; } .uil-rounded-16 { border-radius: 16px; } .uil-rounded-4 { border-radius: 4px; } .uil-rounded-8 { border-radius: 8px; } .uil-rounded-max { border-radius: 9999px; } .uil-rounded-bl-8 { border-bottom-left-radius: 8px; } .uil-rounded-tl-8 { border-top-left-radius: 8px; } .\!uil-border-0 { border-width: 0 !important; } .uil-border-0 { border-width: 0; } .uil-border-1 { border-width: 1px; } .uil-border-2 { border-width: 2px; } .uil-border-b-1 { border-bottom-width: 1px; } .uil-border-b-2 { border-bottom-width: 2px; } .uil-border-l-1 { border-left-width: 1px; } .uil-border-r-1 { border-right-width: 1px; } .uil-border-t-1 { border-top-width: 1px; } .uil-border-solid { border-style: solid; } .uil-border-none { border-style: none; } .uil-border-grey-200 { --tw-border-opacity: 1; border-color: rgb(214 214 231 / var(--tw-border-opacity)); } .uil-border-grey-300 { --tw-border-opacity: 1; border-color: rgb(182 183 213 / var(--tw-border-opacity)); } .uil-border-grey-500 { --tw-border-opacity: 1; border-color: rgb(119 122 175 / var(--tw-border-opacity)); } .uil-border-grey-700 { --tw-border-opacity: 1; border-color: rgb(72 76 122 / var(--tw-border-opacity)); } .uil-border-grey-800 { --tw-border-opacity: 1; border-color: rgb(54 57 90 / var(--tw-border-opacity)); } .uil-border-transparent { border-color: #0000; } .uil-border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uil-border-xenon-400 { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .uil-border-xenon-600 { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .uil-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .uil-bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(232 250 255 / var(--tw-bg-opacity)); } .uil-bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(229 253 228 / var(--tw-bg-opacity)); } .uil-bg-grey-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 250 / var(--tw-bg-opacity)); } .uil-bg-grey-700 { --tw-bg-opacity: 1; background-color: rgb(72 76 122 / var(--tw-bg-opacity)); } .uil-bg-grey-800 { --tw-bg-opacity: 1; background-color: rgb(54 57 90 / var(--tw-bg-opacity)); } .uil-bg-grey-900 { --tw-bg-opacity: 1; background-color: rgb(35 38 59 / var(--tw-bg-opacity)); } .uil-bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 249 236 / var(--tw-bg-opacity)); } .uil-bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(255 234 246 / var(--tw-bg-opacity)); } .uil-bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(252 244 255 / var(--tw-bg-opacity)); } .uil-bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(233 18 44 / var(--tw-bg-opacity)); } .uil-bg-transparent { background-color: initial; } .uil-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-100 { --tw-bg-opacity: 1; background-color: rgb(242 244 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-200 { --tw-bg-opacity: 1; background-color: rgb(187 209 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-600 { --tw-bg-opacity: 1; background-color: rgb(0 61 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-800 { --tw-bg-opacity: 1; background-color: rgb(4 32 119 / var(--tw-bg-opacity)); } .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .uil-bg-no-repeat { background-repeat: no-repeat; } .uil-stroke-1\.5 { stroke-width: 1.5; } .uil-object-contain { -o-object-fit: contain; object-fit: contain; } .uil-object-cover { -o-object-fit: cover; object-fit: cover; } .uil-p-0 { padding: 0; } .uil-p-16 { padding: 16px; } .uil-p-24 { padding: 24px; } .uil-p-4 { padding: 4px; } .uil-p-\[20px\] { padding: 20px; } .uil-px-0 { padding-left: 0; padding-right: 0; } .uil-px-12 { padding-left: 12px; padding-right: 12px; } .uil-px-16 { padding-left: 16px; padding-right: 16px; } .uil-px-4 { padding-left: 4px; padding-right: 4px; } .uil-py-12 { padding-top: 12px; padding-bottom: 12px; } .uil-py-16 { padding-top: 16px; padding-bottom: 16px; } .uil-py-4 { padding-top: 4px; padding-bottom: 4px; } .uil-py-8 { padding-top: 8px; padding-bottom: 8px; } .uil-py-\[20px\] { padding-top: 20px; padding-bottom: 20px; } .uil-py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .uil-pb-0 { padding-bottom: 0; } .uil-pb-12 { padding-bottom: 12px; } .uil-pb-16 { padding-bottom: 16px; } .uil-pb-8 { padding-bottom: 8px; } .uil-pl-12 { padding-left: 12px; } .uil-pl-16 { padding-left: 16px; } .uil-pl-24 { padding-left: 24px; } .uil-pl-8 { padding-left: 8px; } .uil-pr-12 { padding-right: 12px; } .uil-pr-16 { padding-right: 16px; } .uil-pr-32 { padding-right: 32px; } .uil-pt-0 { padding-top: 0; } .uil-pt-16 { padding-top: 16px; } .uil-pt-24 { padding-top: 24px; } .uil-pt-32 { padding-top: 32px; } .uil-text-left { text-align: left; } .uil-text-center { text-align: center; } .uil-align-middle { vertical-align: middle; } .uil-font-inter { font-family: Inter, sans-serif; } .uil-font-sora { font-family: Sora, Arial, sans-serif; } .\!uil-text-12 { font-size: 12px !important; } .uil-text-14 { font-size: 14px; } .uil-text-16 { font-size: 16px; } .uil-text-24 { font-size: 24px; } .uil-text-\[0\.8em\] { font-size: 0.8em; } .uil-font-300 { font-weight: 300; } .uil-font-400 { font-weight: 400; } .uil-font-500 { font-weight: 500; } .uil-font-600 { font-weight: 600; } .uil-uppercase { text-transform: uppercase; } .uil-capitalize { text-transform: capitalize; } .uil-leading-120p { line-height: 1.2; } .uil-leading-130p { line-height: 1.3; } .uil-leading-150p { line-height: 1.5; } .-uil-tracking-2p { letter-spacing: -0.02em; } .uil-tracking-5p { letter-spacing: 0.05em; } .uil-tracking-\[0\.28px\] { letter-spacing: 0.28px; } .uil-tracking-\[0\.7px\] { letter-spacing: 0.7px; } .\!uil-text-xenon-400 { --tw-text-opacity: 1 !important; color: rgb(69 122 255 / var(--tw-text-opacity)) !important; } .\!uil-text-xenon-600 { --tw-text-opacity: 1 !important; color: rgb(0 61 255 / var(--tw-text-opacity)) !important; } .uil-text-cyan-700 { --tw-text-opacity: 1; color: rgb(0 155 203 / var(--tw-text-opacity)); } .uil-text-green-700 { --tw-text-opacity: 1; color: rgb(0 139 74 / var(--tw-text-opacity)); } .uil-text-grey-100 { --tw-text-opacity: 1; color: rgb(245 245 250 / var(--tw-text-opacity)); } .uil-text-grey-200 { --tw-text-opacity: 1; color: rgb(214 214 231 / var(--tw-text-opacity)); } .uil-text-grey-300 { --tw-text-opacity: 1; color: rgb(182 183 213 / var(--tw-text-opacity)); } .uil-text-grey-400 { --tw-text-opacity: 1; color: rgb(150 152 195 / var(--tw-text-opacity)); } .uil-text-grey-500 { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .uil-text-grey-700 { --tw-text-opacity: 1; color: rgb(72 76 122 / var(--tw-text-opacity)); } .uil-text-grey-800 { --tw-text-opacity: 1; color: rgb(54 57 90 / var(--tw-text-opacity)); } .uil-text-grey-900 { --tw-text-opacity: 1; color: rgb(35 38 59 / var(--tw-text-opacity)); } .uil-text-orange-700 { --tw-text-opacity: 1; color: rgb(232 96 10 / var(--tw-text-opacity)); } .uil-text-pink-600 { --tw-text-opacity: 1; color: rgb(233 10 150 / var(--tw-text-opacity)); } .uil-text-pink-700 { --tw-text-opacity: 1; color: rgb(184 9 121 / var(--tw-text-opacity)); } .uil-text-purple-700 { --tw-text-opacity: 1; color: rgb(115 26 219 / var(--tw-text-opacity)); } .uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uil-text-white { color: #fff; } .uil-text-xenon-200 { --tw-text-opacity: 1; color: rgb(187 209 255 / var(--tw-text-opacity)); } .uil-text-xenon-400 { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .uil-text-xenon-500 { --tw-text-opacity: 1; color: rgb(30 89 255 / var(--tw-text-opacity)); } .uil-text-xenon-600 { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-text-xenon-700 { --tw-text-opacity: 1; color: rgb(2 46 185 / var(--tw-text-opacity)); } .uil-text-xenon-900 { --tw-text-opacity: 1; color: rgb(0 0 51 / var(--tw-text-opacity)); } .uil-no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; } .uil-opacity-0 { opacity: 0; } .uil-opacity-100 { opacity: 1; } .uil-opacity-50 { opacity: 0.5; } .uil-shadow-large-light { --tw-shadow: 0px 6px 18px 0px #003dff29; --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color); } .uil-shadow-large-light, .uil-shadow-medium-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uil-shadow-medium-light { --tw-shadow: 0px 4px 12px 0px #003dff29; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .uil-shadow-small-dark { --tw-shadow: 0px 2px 6px 0px #003dff52; --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color); } .uil-shadow-small-dark, .uil-shadow-small-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uil-shadow-small-light { --tw-shadow: 0px 2px 6px 0px #003dff29; --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color); } .uil-shadow-transparent { --tw-shadow-color: #0000; --tw-shadow: var(--tw-shadow-colored); } .uil-transition-\[width\,height\] { transition-property: width, height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-duration-100 { transition-duration: 0.1s; } .uil-duration-200 { transition-duration: 0.2s; } .uil-duration-400 { transition-duration: 0.4s; } .uil-duration-\[250ms\] { transition-duration: 0.25s; } .uil-will-change-\[opacity\] { will-change: opacity; } .uil-will-change-transform { will-change: transform; } .uil-text-12-14 { font-size: calc( 12px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } .uil-text-14-16 { font-size: calc( 14px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } .uil-text-16-18 { font-size: calc( 16px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } @media all and (min-width: 1440px) { [data-nav-search-bar='true'] .uil-text-16-18 { font-size: 18px; line-height: 27px; font-family: Inter, sans-serif; } } .uil-text-16-24 { font-size: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-text-18-24 { font-size: calc( 18px + min(6px, max(0px, (100vw - 500px) * 0.008571428571428572)) ); } .uil-text-26-32 { font-size: calc( 26px + min(6px, max(0px, (100vw - 500px) * 0.008571428571428572)) ); } .uil-text-34-42 { font-size: calc( 34px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-text-45-56 { font-size: calc( 45px + min(11px, max(0px, (100vw - 500px) * 0.015714285714285715)) ); } .uil-p-4-8 { padding: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mr-4-8 { margin-right: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-ml-4-8 { margin-left: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mt-4-8 { margin-top: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mb-4-8 { margin-bottom: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-py-8-12 { padding-top: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); padding-bottom: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mt-8-12 { margin-top: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mb-8-12 { margin-bottom: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-px-8-16 { padding-right: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-left: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mr-8-16 { margin-right: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mb-8-16 { margin-bottom: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-8-16 { grid-gap: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-p-8-24 { padding: calc( 8px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-gap-x-8-32 { -moz-column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-mb-12-24 { margin-bottom: calc( 12px + min(12px, max(0px, (100vw - 500px) * 0.017142857142857144)) ); } .uil-p-16-24 { padding: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pb-16-24 { padding-bottom: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-px-16-24 { padding-right: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-left: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-py-16-24 { padding-top: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-bottom: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-16-24 { grid-gap: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-p-16-32 { padding: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-px-16-32 { padding-right: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); padding-left: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-py-16-32 { padding-top: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); padding-bottom: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-mb-16-32 { margin-bottom: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-gap-16-40 { grid-gap: calc( 16px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-px-16-112 { padding-right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); padding-left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .uil-py-24-32 { padding-top: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-24-32 { margin-top: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mb-24-32 { margin-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-24-32 { grid-gap: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-y-24-32 { row-gap: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-24-40 { margin-top: calc( 24px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-pb-24-56 { padding-bottom: calc( 24px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } .uil-pb-32-40 { padding-bottom: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-32-40 { margin-top: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-y-32-40 { row-gap: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pt-32-48 { padding-top: calc( 32px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-mt-32-48 { margin-top: calc( 32px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-pb-32-64 { padding-bottom: calc( 32px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } .uil-pt-32-72, .uil-py-32-72 { padding-top: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-py-32-72 { padding-bottom: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-pb-40-64 { padding-bottom: calc( 40px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-mt-48-96 { margin-top: calc( 48px + min(48px, max(0px, (100vw - 500px) * 0.06857142857142857)) ); } .uil-pl-56-64 { padding-left: calc( 56px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pt-56-112 { padding-top: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-pb-56-112, .uil-py-56-112 { padding-bottom: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-py-56-112 { padding-top: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-stroke-1\.5-2 { stroke-width: calc( 1.5px + min(0.5px, max(0px, (100vw - 500px) * 0.0007142857142857143)) ); } .uil-w-20-24 { width: calc( 20px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-h-20-24 { height: calc( 20px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-w-24-32 { width: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-h-24-32 { height: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-w-40-56 { width: calc( 40px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-h-40-56 { height: calc( 40px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-w-48-56 { width: calc( 48px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-min-h-48-56 { min-height: calc( 48px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-h-50-100 { height: calc( 50px + min(50px, max(0px, (100vw - 500px) * 0.07142857142857142)) ); } .uil-min-w-70-200 { min-width: calc( 70px + min(130px, max(0px, (100vw - 500px) * 0.18571428571428572)) ); } .uil-w-100-200 { width: calc( 100px + min(100px, max(0px, (100vw - 500px) * 0.14285714285714285)) ); } .uil-min-w-100-300 { min-width: calc( 100px + min(200px, max(0px, (100vw - 500px) * 0.2857142857142857)) ); } .uil-w-240-280 { width: calc( 240px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-divider-dark { position: relative; overflow: hidden; &:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #484c7a; } } .uil-divider-dark-hover { position: relative; overflow: hidden; &:after { width: 100%; background-color: #484c7a; } &:after, &:before { content: ''; position: absolute; bottom: 0; height: 1px; } &:before { left: 0; transform: translateX(-100%); z-index: 1; width: 88px; background-color: #d6d6e7; transition: left 0.7s ease-out; will-change: left; } &:hover { &:before { left: 100%; transform: translateX(0); } } } .uil-divider-light { position: relative; overflow: hidden; &:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #d6d6e7; } } .uil-divider-light-hover { position: relative; overflow: hidden; &:after { width: 100%; background-color: #d6d6e7; } &:after, &:before { content: ''; position: absolute; bottom: 0; height: 1px; } &:before { left: 0; transform: translateX(-100%); z-index: 1; width: 88px; background-color: #003dff; transition: left 0.7s ease-out; will-change: left; } &:hover { &:before { left: 100%; transform: translateX(0); } } } .placeholder\:uil-text-grey-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .placeholder\:uil-text-grey-500::placeholder { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .backdrop\:uil-bg-xenon-900::backdrop { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .backdrop\:uil-bg-opacity-50::backdrop { --tw-bg-opacity: 0.5; } .before\:uil-absolute:before { content: var(--tw-content); position: absolute; } .before\:uil-left-0:before { content: var(--tw-content); left: 0; } .before\:uil-left-\[-8px\]:before { content: var(--tw-content); left: -8px; } .before\:uil-right-0:before { content: var(--tw-content); right: 0; } .before\:uil-top-0:before { content: var(--tw-content); top: 0; } .before\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } .before\:uil-mx-auto:before { content: var(--tw-content); margin-left: auto; margin-right: auto; } .before\:uil-block:before { content: var(--tw-content); display: block; } .before\:uil-h-50p:before { content: var(--tw-content); height: 50%; } .before\:uil-h-\[1px\]:before { content: var(--tw-content); height: 1px; } .before\:uil-w-1:before { content: var(--tw-content); width: 1px; } .before\:uil-max-w-1440:before { content: var(--tw-content); max-width: 1440px; } .before\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:uil-bg-white:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .before\:uil-bg-gradient-to-r:before { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .before\:uil-from-grey-100:before { content: var(--tw-content); --tw-gradient-from: #f5f5fa var(--tw-gradient-from-position); --tw-gradient-to: #f5f5fa00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-white:before { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-xenon-600:before { content: var(--tw-content); --tw-gradient-from: #003dff var(--tw-gradient-from-position); --tw-gradient-to: #003dff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-xenon-900:before { content: var(--tw-content); --tw-gradient-from: #003 var(--tw-gradient-from-position); --tw-gradient-to: #0030 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-via-grey-200:before { content: var(--tw-content); --tw-gradient-to: #d6d6e700 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d6e7 var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-grey-300:before { content: var(--tw-content); --tw-gradient-to: #b6b7d500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b6b7d5 var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-grey-700:before { content: var(--tw-content); --tw-gradient-to: #484c7a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #484c7a var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-xenon-400:before { content: var(--tw-content); --tw-gradient-to: #457aff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #457aff var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-to-grey-100:before { content: var(--tw-content); --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position); } .before\:uil-to-white:before { content: var(--tw-content); --tw-gradient-to: #fff var(--tw-gradient-to-position); } .before\:uil-to-xenon-600:before { content: var(--tw-content); --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .before\:uil-to-xenon-900:before { content: var(--tw-content); --tw-gradient-to: #003 var(--tw-gradient-to-position); } .before\:uil-content-\[\"\"\]:before, .before\:uil-content-\[\'\'\]:before { --tw-content: ''; content: var(--tw-content); } .before\:uil-left-16-112:before { content: var(--tw-content); left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .before\:uil-right-16-112:before { content: var(--tw-content); right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .after\:uil-absolute:after { content: var(--tw-content); position: absolute; } .after\:uil-bottom-0:after { content: var(--tw-content); bottom: 0; } .after\:uil-left-0:after { content: var(--tw-content); left: 0; } .after\:uil-right-0:after { content: var(--tw-content); right: 0; } .after\:uil-right-\[-8px\]:after { content: var(--tw-content); right: -8px; } .after\:uil-top-\[50\%\]:after { content: var(--tw-content); top: 50%; } .after\:uil-mx-auto:after { content: var(--tw-content); margin-left: auto; margin-right: auto; } .after\:uil-block:after { content: var(--tw-content); display: block; } .after\:uil-h-50p:after { content: var(--tw-content); height: 50%; } .after\:uil-h-\[1px\]:after { content: var(--tw-content); height: 1px; } .after\:uil-w-1:after { content: var(--tw-content); width: 1px; } .after\:uil-max-w-1440:after { content: var(--tw-content); max-width: 1440px; } .after\:uil-translate-y-\[-50\%\]:after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:uil-bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .after\:uil-bg-gradient-to-r:after { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .after\:uil-from-grey-100:after { content: var(--tw-content); --tw-gradient-from: #f5f5fa var(--tw-gradient-from-position); --tw-gradient-to: #f5f5fa00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-white:after { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-xenon-600:after { content: var(--tw-content); --tw-gradient-from: #003dff var(--tw-gradient-from-position); --tw-gradient-to: #003dff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-xenon-900:after { content: var(--tw-content); --tw-gradient-from: #003 var(--tw-gradient-from-position); --tw-gradient-to: #0030 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-via-grey-200:after { content: var(--tw-content); --tw-gradient-to: #d6d6e700 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d6e7 var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-grey-300:after { content: var(--tw-content); --tw-gradient-to: #b6b7d500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b6b7d5 var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-grey-700:after { content: var(--tw-content); --tw-gradient-to: #484c7a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #484c7a var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-xenon-400:after { content: var(--tw-content); --tw-gradient-to: #457aff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #457aff var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-to-grey-100:after { content: var(--tw-content); --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position); } .after\:uil-to-white:after { content: var(--tw-content); --tw-gradient-to: #fff var(--tw-gradient-to-position); } .after\:uil-to-xenon-600:after { content: var(--tw-content); --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .after\:uil-to-xenon-900:after { content: var(--tw-content); --tw-gradient-to: #003 var(--tw-gradient-to-position); } .after\:uil-content-\[\"\"\]:after, .after\:uil-content-\[\'\'\]:after { --tw-content: ''; content: var(--tw-content); } .after\:uil-left-16-112:after { content: var(--tw-content); left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .after\:uil-right-16-112:after { content: var(--tw-content); right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .focus-within\:uil-border-xenon-600:focus-within { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .hover\:uil-border-grey-300:hover { --tw-border-opacity: 1; border-color: rgb(182 183 213 / var(--tw-border-opacity)); } .hover\:uil-border-grey-600:hover { --tw-border-opacity: 1; border-color: rgb(90 94 154 / var(--tw-border-opacity)); } .hover\:uil-border-xenon-400:hover { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .hover\:uil-border-xenon-600:hover { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .hover\:uil-bg-grey-100:hover { --tw-bg-opacity: 1; background-color: rgb(245 245 250 / var(--tw-bg-opacity)); } .hover\:uil-bg-grey-200:hover { --tw-bg-opacity: 1; background-color: rgb(214 214 231 / var(--tw-bg-opacity)); } .hover\:uil-bg-white\/10:hover { background-color: #ffffff1a; } .hover\:uil-bg-xenon-100:hover { --tw-bg-opacity: 1; background-color: rgb(242 244 255 / var(--tw-bg-opacity)); } .hover\:uil-bg-xenon-800:hover { --tw-bg-opacity: 1; background-color: rgb(4 32 119 / var(--tw-bg-opacity)); } .hover\:uil-stroke-2:hover { stroke-width: 2; } .hover\:uil-text-grey-200:hover { --tw-text-opacity: 1; color: rgb(214 214 231 / var(--tw-text-opacity)); } .hover\:uil-text-grey-700:hover { --tw-text-opacity: 1; color: rgb(72 76 122 / var(--tw-text-opacity)); } .hover\:uil-text-grey-900:hover { --tw-text-opacity: 1; color: rgb(35 38 59 / var(--tw-text-opacity)); } .hover\:uil-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:uil-text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .hover\:uil-text-xenon-600:hover { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .focus\:uil-border-xenon-400:focus { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .focus\:uil-border-xenon-600:focus { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .focus\:uil-text-xenon-400:focus { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .focus\:uil-text-xenon-600:focus { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-scale-\[1\.1\] { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-group\/cta:hover .group-hover\/cta\:uil-fill-xenon-400 { fill: #457aff; } .uil-group\/cta:hover .group-hover\/cta\:uil-fill-xenon-600 { fill: #003dff; } .uil-group\/cta:hover .group-hover\/cta\:uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-400 { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-600 { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-900 { --tw-text-opacity: 1; color: rgb(0 0 51 / var(--tw-text-opacity)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:uil-translate-x-\[-20px\] { --tw-translate-x: -20px; } .motion-safe\:uil-translate-x-\[-20px\], .motion-safe\:uil-translate-x-\[20px\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .motion-safe\:uil-translate-x-\[20px\] { --tw-translate-x: 20px; } } @media (min-width: 768px) { .sm\:uil-mb-0 { margin-bottom: 0; } .sm\:uil-ml-12 { margin-left: 12px; } .sm\:uil-mr-24 { margin-right: 24px; } .sm\:uil-mt-0 { margin-top: 0; } .sm\:uil-w-350 { width: 350px; } .sm\:uil-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:uil-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:uil-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:uil-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:uil-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:uil-grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .sm\:uil-flex-row { flex-direction: row; } .sm\:uil-justify-end { justify-content: flex-end; } .sm\:uil-justify-between { justify-content: space-between; } .sm\:uil-gap-x-32 { -moz-column-gap: 32px; column-gap: 32px; } .sm\:uil-gap-y-0 { row-gap: 0; } .sm\:uil-py-12 { padding-top: 12px; padding-bottom: 12px; } .sm\:uil-pl-24 { padding-left: 24px; } .sm\:uil-pr-32 { padding-right: 32px; } .sm\:uil-text-left { text-align: left; } } @media (min-width: 960px) { .md\:uil-pointer-events-none { pointer-events: none; } .md\:uil-fixed { position: fixed; } .md\:uil-absolute { position: absolute; } .md\:uil-relative { position: relative; } .md\:uil-sticky { position: sticky; } .md\:uil-left-0 { left: 0; } .md\:uil-right-0 { right: 0; } .md\:uil-top-0 { top: 0; } .md\:uil-top-\[45px\] { top: 45px; } .md\:uil-z-1 { z-index: 1; } .md\:uil-z-3 { z-index: 3; } .md\:uil-z-5 { z-index: 5; } .md\:uil-z-\[101\] { z-index: 101; } .md\:uil-z-max { z-index: 100; } .md\:uil-col-start-1 { grid-column-start: 1; } .md\:uil-col-start-10 { grid-column-start: 10; } .md\:uil-col-start-2 { grid-column-start: 2; } .md\:uil-col-start-4 { grid-column-start: 4; } .md\:uil-col-start-6 { grid-column-start: 6; } .md\:uil-col-start-8 { grid-column-start: 8; } .md\:uil-col-end-10 { grid-column-end: 10; } .md\:uil-col-end-12 { grid-column-end: 12; } .md\:uil-col-end-13 { grid-column-end: 13; } .md\:uil-col-end-4 { grid-column-end: 4; } .md\:uil-col-end-6 { grid-column-end: 6; } .md\:uil-col-end-7 { grid-column-end: 7; } .md\:uil-col-end-8 { grid-column-end: 8; } .md\:uil-row-start-1 { grid-row-start: 1; } .md\:uil-row-end-1 { grid-row-end: 1; } .md\:uil-m-0 { margin: 0; } .md\:uil-mx-auto { margin-left: auto; margin-right: auto; } .md\:uil-mb-0 { margin-bottom: 0; } .md\:uil-ml-16 { margin-left: 16px; } .md\:uil-ml-8 { margin-left: 8px; } .md\:uil-mr-16 { margin-right: 16px; } .md\:uil-mr-32 { margin-right: 32px; } .md\:uil-mt-0 { margin-top: 0; } .md\:uil-mt-\[80px\] { margin-top: 80px; } .md\:uil-mt-\[90px\] { margin-top: 90px; } .md\:uil-block { display: block; } .md\:uil-flex { display: flex; } .md\:uil-grid { display: grid; } .md\:uil-hidden { display: none; } .md\:uil-h-120 { height: 120px; } .md\:uil-h-80 { height: 81.5px; } .md\:uil-h-auto { height: auto; } .md\:uil-w-100p { width: 100%; } .md\:uil-w-500 { width: 500px; } .md\:uil-w-50p { width: 50%; } .md\:uil-w-auto { width: auto; } .md\:uil-max-w-1440 { max-width: 1440px; } .md\:uil-shrink-0 { flex-shrink: 0; } .md\:uil-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .md\:uil-list-none { list-style-type: none; } .md\:uil-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .md\:uil-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:uil-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:uil-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:uil-flex-row { flex-direction: row; } .md\:uil-flex-row-reverse { flex-direction: row-reverse; } .md\:uil-flex-col { flex-direction: column; } .md\:uil-items-start { align-items: flex-start; } .md\:uil-items-center { align-items: center; } .md\:uil-justify-start { justify-content: flex-start; } .md\:uil-justify-end { justify-content: flex-end; } .md\:uil-justify-center { justify-content: center; } .md\:uil-justify-between { justify-content: space-between; } .md\:uil-gap-40 { gap: 40px; } .md\:uil-gap-8 { gap: 8px; } .md\:uil-self-center { align-self: center; } .md\:uil-whitespace-nowrap { white-space: nowrap; } .md\:uil-rounded-4 { border-radius: 4px; } .md\:uil-rounded-bl-0 { border-bottom-left-radius: 0; } .md\:uil-rounded-tl-0 { border-top-left-radius: 0; } .md\:uil-border-0 { border-width: 0; } .md\:uil-border-2 { border-width: 2px; } .md\:uil-border-b-1 { border-bottom-width: 1px; } .md\:uil-border-solid { border-style: solid; } .md\:uil-border-grey-200 { --tw-border-opacity: 1; border-color: rgb(214 214 231 / var(--tw-border-opacity)); } .md\:uil-border-grey-700 { --tw-border-opacity: 1; border-color: rgb(72 76 122 / var(--tw-border-opacity)); } .md\:uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .md\:uil-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .md\:uil-from-xenon-700 { --tw-gradient-from: #022eb9 var(--tw-gradient-from-position); --tw-gradient-to: #022eb900 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .md\:uil-to-xenon-600 { --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .md\:uil-p-16 { padding: 16px; } .md\:uil-px-4 { padding-left: 4px; padding-right: 4px; } .md\:uil-px-8 { padding-right: 8px; } .md\:uil-pl-8, .md\:uil-px-8 { padding-left: 8px; } .md\:uil-pr-8 { padding-right: 8px; } .md\:uil-text-left { text-align: left; } .md\:uil-normal-case { text-transform: none; } .md\:uil-tracking-\[0\.32px\] { letter-spacing: 0.32px; } .md\:uil-shadow-medium-dark { --tw-shadow: 0px 4px 12px 0px #003dff52; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .md\:uil-shadow-medium-dark, .md\:uil-shadow-medium-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:uil-shadow-medium-light { --tw-shadow: 0px 4px 12px 0px #003dff29; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .md\:uil-shadow-transparent { --tw-shadow-color: #0000; --tw-shadow: var(--tw-shadow-colored); } .before\:md\:uil-absolute:before { content: var(--tw-content); position: absolute; } .before\:md\:uil-left-0:before { content: var(--tw-content); left: 0; } .before\:md\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } .before\:md\:uil-h-80:before { content: var(--tw-content); height: 80px; } .before\:md\:uil-w-\[1px\]:before { content: var(--tw-content); width: 1px; } .before\:md\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:md\:uil-bg-grey-200:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(214 214 231 / var(--tw-bg-opacity)); } .before\:md\:uil-bg-grey-700:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(72 76 122 / var(--tw-bg-opacity)); } .before\:md\:uil-content-\[\"\"\]:before { --tw-content: ''; content: var(--tw-content); } } @media (min-width: 1200px) { .lg\:uil-ml-16 { margin-left: 16px; } .lg\:uil-block { display: block; } .lg\:uil-hidden { display: none; } .lg\:uil-h-\[25px\] { height: 25px; } .lg\:uil-w-auto { width: auto; } .lg\:uil-max-w-1440 { max-width: 1440px; } .lg\:uil-leading-140p { line-height: 1.4; } } @media (min-width: 1440px) { .xl\:uil-block { display: block; } .xl\:uil-flex { display: flex; } .xl\:uil-w-100p { width: 100%; } .xl\:uil-max-w-300 { max-width: 300px; } .xl\:uil-flex-col { flex-direction: column; } .xl\:uil-justify-center { justify-content: center; } .xl\:uil-pr-56 { padding-right: 56px; } } .\[\&_\*\]\:hover\:\!uil-text-xenon-400:hover * { --tw-text-opacity: 1 !important; color: rgb(69 122 255 / var(--tw-text-opacity)) !important; } .\[\&_\*\]\:hover\:\!uil-text-xenon-600:hover * { --tw-text-opacity: 1 !important; color: rgb(0 61 255 / var(--tw-text-opacity)) !important; } </style> <style> .nav-component-1qxq5nb-Nav { -webkit-transition: -webkit-transform 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: transform 0.3s ease-in-out, box-shadow 0.2s ease-in-out; } @media (min-width: 960px) { .nav-component-1qxq5nb-Nav { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .nav-component-8zpgq7-Auth [data-cta-hover] { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .nav-component-8zpgq7-Auth:hover [data-cta-hover], .nav-component-8zpgq7-Auth:focus [data-cta-hover] { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .nav-component-kl3lxk { background: transparent; will-change: background; box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-kl3lxk:hover { background: linear-gradient( 138deg, rgba(187, 209, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 25.08%, rgba(226, 167, 255, 0.2) 56.38%, rgba(187, 209, 255, 0.2) 100% ); color: #fff; } .nav-component-kl3lxk:active { background: linear-gradient( 0deg, rgba(118, 160, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 100% ), linear-gradient( 138deg, rgba(187, 209, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 25.08%, rgba(226, 167, 255, 0.2) 56.38%, rgba(187, 209, 255, 0.2) 100% ); } .nav-component-kl3lxk:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-kl3lxk:hover:after { opacity: 0.2; } .nav-component-ayc9r2 { background: linear-gradient(220deg, #457aff 0%, #1e59ff 60.16%); will-change: background; box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-ayc9r2:hover { background: linear-gradient( 138deg, rgba(118, 160, 255, 0.7) 0%, rgba(0, 61, 255, 0.7) 25.08%, rgba(151, 71, 255, 0.7) 56.38%, rgba(118, 160, 255, 0.7) 100% ), #003dff; } .nav-component-ayc9r2:active { background: linear-gradient( 0deg, rgba(0, 0, 51, 0.2) 0%, rgba(0, 0, 51, 0.2) 100% ), linear-gradient( 138deg, rgba(118, 160, 255, 0.7) 0%, rgba(0, 61, 255, 0.7) 25.08%, rgba(151, 71, 255, 0.7) 56.38%, rgba(118, 160, 255, 0.7) 100% ), #003dff; } .nav-component-ayc9r2:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-ayc9r2:hover:after { opacity: 0.2; } .nav-component-6au8e-HintAssets { -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.8, 0.5, 0.2, 1.2), visibility 0.3s linear, opacity 0.3s linear; transition: transform 0.55s cubic-bezier(0.8, 0.5, 0.2, 1.2), visibility 0.3s linear, opacity 0.3s linear; will-change: transform; -webkit-transform: translateX(-450px); -moz-transform: translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); } .nav-component-1wxdr6p { box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-1wxdr6p:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-1wxdr6p:hover:after { opacity: 0.2; } @media (min-width: 960px) { .nav-component-iivyr2-Nav:after { content: ''; position: absolute; top: 41px; height: 1px; background:#484C7A; width: 100%; } } .nav-component-z7m2jv-TopNav { height: 43px; } .nav-component-cdvctx-TopNavLink:focus p, .nav-component-cdvctx-TopNavLink:hover p { font-weight: bold; } .nav-component-j6tmw9-TopNavLink:before { display: block; content: attr(data-title); height: 0px; font-weight: bold; overflow: hidden; visibility: hidden; width: 100%; } @media (min-width: 960px) { .nav-component-wxlbtx-Menu:hover button[data-nav='nav-item-button'] { border-bottom-width: 2px; } .nav-component-wxlbtx-Menu:hover nav[data-sub-nav='sub-nav-container'] { visibility: visible; opacity: 1; } .nav-component-wxlbtx-Menu:hover nav[data-sub-nav='sub-nav-container'] div[data-sub-nav='sub-nav-content'] { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } @media (max-width: 960px) { .nav-component-bttj3a-NavItem { width: 100%; } } @media (min-width: 960px) { .sign-in { width: 147px; } .nav-component-bttj3a-NavItem:focus span[data-title-weight='normal'] { visibility: hidden; } .nav-component-bttj3a-NavItem:focus span[data-title-weight='bold'] { visibility: visible; } .nav-component-bttj3a-NavItem:focus + nav[data-sub-nav='sub-nav-container'] { visibility: visible; opacity: 1; } .nav-component-bttj3a-NavItem:focus + nav[data-sub-nav='sub-nav-container'] div[data-sub-nav='sub-nav-content'] { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } @media (min-width: 960px) { .nav-component-1xggm4h-MenuItems { top: calc(100% - 16px); } } </style> <style> body { margin: 0; } a { box-sizing: border-box; } .uil-gcstart-12 { grid-column-start: 12; } .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } </style> <nav data-nav-main="true" aria-label="main navigation" class="nav-component-1qxq5nb-Nav uil-fixed uil-sticky uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-z-max uil-flex uil-w-100p uil-bg-xenon-900 uil-shadow-medium-light md:uil-m-0 md:uil-h-120 md:uil-border-0 md:uil-border-b-1 md:uil-border-solid md:uil-border-grey-200 md:uil-shadow-transparent md:uil-shadow-transparent" > <div class="uil-flex uil-h-fit uil-w-100p uil-flex-col uil-px-16 md:uil-hidden" > <div data-nav-logo-container="true" class="uil-flex uil-h-80 uil-w-100p uil-shrink-0 uil-items-center md:uil-h-auto md:uil-w-auto md:uil-pl-8" > <a href="https://www.algolia.com/" data-gtm="true" class="uil-mr-12 uil-no-underline" data-uil-nav-internal-link="false" ><svg class="uil-block uil-h-24 uil-w-24 lg:uil-hidden" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia mark blue</title> <path d="M250.926.11c-136.62 0-248 110.16-249.97 246.32-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.51l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.57c0-5.24-4.25-9.49-9.49-9.49h-240.51l-.01.03Z" fill="#fff" ></path></svg ><svg class="uil-hidden lg:uil-block lg:uil-h-[25px] lg:uil-w-auto" width="2197" height="501" viewBox="0 0 2197 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia logo blue</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M1070.38 275.57V6.18c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02Z" fill="#fff" ></path> <path d="M1902.56 105.01h-50.78a5.9 5.9 0 0 0-5.9 5.9v266.1a5.9 5.9 0 0 0 5.9 5.9h50.78c3.25 0 5.9-2.642 5.9-5.9v-266.1c0-3.258-2.65-5.9-5.9-5.9Z" fill="#fff" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1851.78 71.65h50.77c3.26 0 5.9-2.64 5.9-5.9V6.18c0-3.62-3.24-6.39-6.82-5.83l-50.77 7.95a5.902 5.902 0 0 0-4.99 5.83v51.62c0 3.26 2.64 5.9 5.9 5.9h.01ZM1764.03 275.57V6.18c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02ZM1631.95 143c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78 0-36.15 3.17-51.92 9.85-15.59 6.66-29.29 16.05-40.76 28.31-11.47 12.23-20.38 26.87-26.76 44.03-6.38 17.17-9.24 37.37-9.24 58.36 0 20.99 3.19 36.87 9.55 54.21 6.38 17.32 15.14 32.11 26.45 44.36 11.29 12.23 24.83 21.62 40.6 28.46 15.77 6.83 40.12 10.33 52.4 10.48 12.25 0 36.78-3.82 52.7-10.48 15.92-6.68 29.46-16.23 40.78-28.46 11.29-12.25 20.05-27.04 26.25-44.36 6.22-17.34 9.24-33.22 9.24-54.21 0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03h.02Zm-44.43 163.75c-11.47 15.75-27.56 23.7-48.09 23.7-20.55 0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2 0-26.89 5.59-49.14 17.06-64.87 11.45-15.75 27.54-23.52 48.07-23.52 20.55 0 36.63 7.78 48.09 23.52 11.47 15.57 17.36 37.98 17.36 64.87 0 27.19-5.72 45.3-17.19 61.2h.01ZM894.416 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.91c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM2133.97 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.91c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM1314.05 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-11.79 18.34-19.6 39.64-22.11 62.59a148.518 148.518 0 0 0 .05 32.73c4.28 38.09 23.14 71.61 50.66 94.52 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 17.99 0 34.61-5.93 48.16-15.97 16.29-11.58 28.88-28.54 34.48-47.75v50.26h-.11v11.08c0 21.84-5.71 38.27-17.34 49.36-11.61 11.08-31.04 16.63-58.25 16.63-11.12 0-28.79-.59-46.6-2.41-2.83-.29-5.46 1.5-6.27 4.22l-12.78 43.11c-1.02 3.46 1.27 7.02 4.83 7.53 21.52 3.08 42.52 4.68 54.65 4.68 48.91 0 85.16-10.75 108.89-32.21 21.48-19.41 33.15-48.89 35.2-88.52V110.93c0-3.26-2.64-5.9-5.9-5.9h-56.32l.01-.02Zm0 64.1s.65 139.13 0 143.36c-12.08 9.77-27.11 13.59-43.49 14.7-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-1.32 0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33-.01Z" fill="#fff" ></path> <path d="M249.826.28C113.296.28 1.996 110.36.026 246.43c-2 138.19 110.12 252.7 248.33 253.5 42.68.25 83.79-10.19 120.3-30.03 3.56-1.93 4.11-6.83 1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48 10.84-53.17 16.38-81.71 16.03-111.68-1.37-201.91-94.29-200.13-205.96 1.76-110.26 92-199.41 202.67-199.41h202.69v360.27l-115-102.18c-3.72-3.31-9.42-2.66-12.42 1.31-18.46 24.44-48.53 39.64-81.93 37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24 39.63-101.52 94-101.52 49.18 0 89.68 37.85 93.91 85.95.38 4.28 2.31 8.27 5.52 11.12l29.95 26.55c3.4 3.01 8.79 1.17 9.63-3.3 2.16-11.55 2.92-23.58 2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13 58.14-150.27 137.25-2.09 77.1 61.08 143.56 138.19 145.26 32.19.71 62.03-9.41 86.14-26.95l150.26 133.2c6.44 5.71 16.61 1.14 16.61-7.47V9.74c0-5.24-4.24-9.48-9.48-9.48h-240.36v.02Z" fill="#003DFF" ></path></svg></a ><button data-mobile-menu-button="true" class="uil-flex uil-cursor-pointer uil-appearance-none uil-items-center uil-gap-8 uil-border-0 uil-bg-transparent uil-p-0 md:uil-hidden" > <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-block uil-h-20 uil-w-20 uil-text-white" > <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="3" y1="6" x2="21" y2="6"></line> <line x1="3" y1="18" x2="21" y2="18"></line></svg ><span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-white uil-text-14-16" >Menu</span > </button> <div class="uil-ml-auto md:uil-hidden"> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-700 uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-relative uil-block uil-h-20 uil-w-20 uil-text-xenon-400" > <circle cx="11" cy="11" r="8"></circle> <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg ><span class="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> </div> </div> <div data-mobile-menu-items="true" class="uil-hidden"> <button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Solutions</span ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/products/ai-search/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ai-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Search</span > </div>   </a> <a tabindex="0" href="https://www.algolia.com/products/ai-browse/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/browse-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Browse</span > </div>    </a> <a tabindex="0" href="https://www.algolia.com/products/ai-recommendations/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/recommendations-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Recommendations</span > </div>   </a> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/merchandising-studio/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Studio</span > </div>   </a> </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/products/features/analytics/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/pie-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Analytics</span > </div>  </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/developers/search-ui/"><div class="uil-flex uil-items-center uil-gap-4"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661428531/ui-library/nav/rebrand-2022/ui-components-white.svg" width="16" height="16" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">UI Components</span></div></a> <a tabindex="0" href="https://www.algolia.com/products/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-400 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line></svg></span ></a> </div> </li> <li class="uil-flex uil-flex-col uil-gap-8 uil-pb-12"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >integrations</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648030908/ui-library/icons/adobe.svg" width="35" height="31" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Adobe Commerce</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/bigcommerce/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1698748633/ui-library/icons/bigcommerce-icon_2.svg" width="64" height="64" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">BigCommerce</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/commercetools/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1706635486/ui-library/icons/commercetools-symbol.svg" width="298" height="333" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Commercetools</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648030908/ui-library/icons/salesforce.svg" width="48" height="34" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Salesforce CC</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/shopify/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648038540/ui-library/icons/shopify.svg" width="34" height="40" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Shopify</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px]" data-uil-nav-internal-link="true" href="https://www.algolia.com/developers/integrations/"> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-flex uil-items-center hover:uil-text-xenon-400"> See all integrations <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 uil-ease uil-ml-12 uil-shrink-0 uil-transition-all uil-duration-400 group-hover/cta:uil-scale-[1.1] uil-text-xenon-400 group-hover/cta:uil-fill-xenon-400 group-hover/cta:uil-text-xenon-900"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> </span> </a> </div> </li> </ul> </button> <button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Industries</span ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/retail-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Retail Ecommerce</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/b2b-ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/b2b-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >B2B Ecommerce </span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/marketplaces/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/marketplaces-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Markeplace</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/media/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/media-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Media</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/saas/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/saas-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >SaaS</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-400 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line></svg></span ></a> </div> </li> </ul></button ><a href="https://www.algolia.com/pricing/" data-gtm="true" class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Pricing</span > </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" ></ul></a ><button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Developers</span ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Get Started</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/developers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/desktop-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Developer Hub</span > </div></a ><a tabindex="0" href="https://www.algolia.com/doc/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/documentation-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Documentation</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/integrations-white.svg" width="18" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Integrations</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ui-components-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div></a ><a tabindex="0" href="https://www.algolia.com/products/features/search-autocomplete/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/autocomplete-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Autocomplete</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Resources</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/developers/code-exchange/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/codex-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Code Exchange</span > </div></a ><a tabindex="0" href="https://www.algolia.com/blog/engineering/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/eng-blog-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Engineering Blog</span > </div></a ><a tabindex="0" href="https://community.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/community-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >community</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Webinars & Events</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Quick Links</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/quickstart-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Quick Search Guide</span > </div></a ><a tabindex="0" href="https://www.algolia.com/for-open-source/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/opensource-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >For Open Source</span > </div></a ><a tabindex="0" href="https://status.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/api-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >API Status</span > </div></a ><a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/support-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </div> </li> </ul></button ><button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Resources</span ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Inspiration</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/blog/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/blog-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Blog</span > </div></a ><a tabindex="0" href="https://resources.algolia.com/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/resource-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Resource Center</span > </div></a ><a tabindex="0" href="https://www.algolia.com/customers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/customer-stories-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Stories</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Learn</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/customer-onboarding/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/onboarding-white.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Hub</span > </div></a > <a tabindex="0" href="https://academy.algolia.com/trainings" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/academy-white.svg" width="18" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Academy</span > </div></a > <a tabindex="0" href="https://www.algolia.com/ecommerce-merchandising-playbook/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-white.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Playbook</span > </div></a > <a tabindex="0" href="https://www.algolia.com/about/news/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/newsroom-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Newsroom</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Eventos</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Tools</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/profit-simulator/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/profit-sim-white.svg" width="20" height="20" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Profit Simulator</span > </div></a ><a tabindex="0" href="https://grader.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/grader-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Search Grader</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-audit/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/search-audit-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Ecommerce Search Audit</span > </div></a > </div> </li> </ul> </button> <div class="uil-hidden md:uil-hidden" data-quick-links="true"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-white" >Quick Access</span > <ul class="uil-col-start-1 uil-col-end-3 uil-grid uil-list-none uil-grid-cols-2 uil-gap-8 uil-p-0" > <li> <a tabindex="0" href="https://www.algolia.com/about/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663079961/ui-library/nav/rebrand-2022/company-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Company</span > </div></a > </li> <li> <a tabindex="0" href="https://partners.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663080013/ui-library/nav/rebrand-2022/partners-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Partners</span > </div></a > </li> <li> <a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661429507/ui-library/nav/rebrand-2022/support-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </li> <li> <a tabindex="0" href="https://dashboard.algolia.com/users/sign_in" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663077300/ui-library/nav/rebrand-2022/login-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Login</span > </div></a > </li> </ul> </div> <ul data-nav-user-buttons="true" class="nav-component-8zpgq7-Auth uil-m-0 uil-flex uil-shrink-0 uil-list-none uil-p-0 md:uil-pr-8" > <li class="uil-hidden uil-mr-8-16 md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/demorequest/" class="nav-component-kl3lxk uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Request Demo</span > </div></a > </li>  </ul> </div> </div> <div class="uil-op-0 nav-component-6au8e-HintAssets uil-invisible uil-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-bg-white uil-p-8-24 md:uil-fixed md:uil-left-0 md:uil-top-0 md:uil-z-[101] md:uil-mt-[90px] md:uil-block md:uil-w-500 md:uil-rounded-4 md:uil-bg-gradient-to-r md:uil-from-xenon-700 md:uil-to-xenon-600" > <button class="uil-absolute uil-right-0 uil-top-0 uil-m-8 uil-cursor-pointer uil-appearance-none uil-border-0 uil-bg-transparent uil-p-0 uil-align-middle" > <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-label="Close logo modal" class="uil-text-white hover:uil-text-white" > <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> <header class="uil-text-center"> <svg class="uil-mx-auto uil-my-32 uil-h-80 uil-w-80" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia mark white</title> <path d="M250.926 0C114.306 0 2.926 110.16.956 246.32c-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.53l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.49c0-5.24-4.25-9.49-9.49-9.49H250.926Z" fill="#fff" ></path> </svg> <p class="uil-mb-0 uil-font-sora uil-font-300 uil-leading-130p uil-text-white uil-text-26-32" > Looking for our logo? </p> <p class="uil-mt-8 uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" > We got you covered! </p> </header> <div class="uil-mx-auto uil-mt-24 uil-flex uil-w-80p uil-flex-col"> <a href="https://algolia.frontify.com/" class="nav-component-1wxdr6p uil-relative uil-mb-16 uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-bg-white uil-py-[6px] uil-text-white uil-no-underline uil-px-16-24 uil-min-h-48-56 hover:uil-text-white" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Brand guidelines</span > </div></a ><a href="/algolia-logo-pack.zip" download="" class="nav-component-1wxdr6p uil-relative uil-mb-16 uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-bg-white uil-py-[6px] uil-text-white uil-no-underline uil-px-16-24 uil-min-h-48-56 hover:uil-text-white" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Download logo pack</span > </div></a > </div> </div> <div class="nav-component-iivyr2-Nav uil-hidden md:uil-relative md:uil-z-max md:uil-mx-auto md:uil-flex md:uil-w-100p md:uil-flex-col" > <div class="nav-component-z7m2jv-TopNav uil-hidden md:uil-z-1 md:uil-mx-auto md:uil-flex md:uil-w-100p md:uil-max-w-1440 md:uil-justify-end" data-top-nav-ref="true" > <ul class="uil-hidden md:uil-m-0 md:uil-flex md:uil-list-none md:uil-items-center md:uil-pr-8" > <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://www.algolia.com/about/" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Company" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Company </p></a > </li> <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://partners.algolia.com" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Partners" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Partners </p></a > </li> <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://support.algolia.com/hc/en-us" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Support" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Support </p></a > </li> <li class=""> <a href="https://dashboard.algolia.com/users/sign_in" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline hooked sign-in" data-uil-nav-internal-link="false" ><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" width="24" height="24" stroke-width="2" class="uil-mr-8 uil-h-16 uil-w-16 uil-text-white" > <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <p data-title="Login" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Login </p></a > </li> </ul> </div> <div class="uil-mx-auto uil-flex uil-w-100p uil-max-w-1440" data-bottom-nav-ref="true" > <div data-nav-logo-container="true" class="uil-flex uil-h-80 uil-w-100p uil-shrink-0 uil-items-center md:uil-h-auto md:uil-w-auto md:uil-pl-8" > <a href="https://www.algolia.com/" data-gtm="true" class="uil-mr-12 uil-no-underline" data-uil-nav-internal-link="false" ><svg class="uil-block uil-h-24 uil-w-24 lg:uil-hidden" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia mark blue</title> <path d="M250.926.11c-136.62 0-248 110.16-249.97 246.32-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.51l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.57c0-5.24-4.25-9.49-9.49-9.49h-240.51l-.01.03Z" fill="#fff" ></path></svg ><svg class="uil-hidden lg:uil-block lg:uil-h-[25px] lg:uil-w-auto" width="2197" height="501" viewBox="0 0 2197 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia logo blue</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M1070.38 275.57V6.18c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02Z" fill="#fff" ></path> <path d="M1902.56 105.01h-50.78a5.9 5.9 0 0 0-5.9 5.9v266.1a5.9 5.9 0 0 0 5.9 5.9h50.78c3.25 0 5.9-2.642 5.9-5.9v-266.1c0-3.258-2.65-5.9-5.9-5.9Z" fill="#fff" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1851.78 71.65h50.77c3.26 0 5.9-2.64 5.9-5.9V6.18c0-3.62-3.24-6.39-6.82-5.83l-50.77 7.95a5.902 5.902 0 0 0-4.99 5.83v51.62c0 3.26 2.64 5.9 5.9 5.9h.01ZM1764.03 275.57V6.18c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02ZM1631.95 143c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78 0-36.15 3.17-51.92 9.85-15.59 6.66-29.29 16.05-40.76 28.31-11.47 12.23-20.38 26.87-26.76 44.03-6.38 17.17-9.24 37.37-9.24 58.36 0 20.99 3.19 36.87 9.55 54.21 6.38 17.32 15.14 32.11 26.45 44.36 11.29 12.23 24.83 21.62 40.6 28.46 15.77 6.83 40.12 10.33 52.4 10.48 12.25 0 36.78-3.82 52.7-10.48 15.92-6.68 29.46-16.23 40.78-28.46 11.29-12.25 20.05-27.04 26.25-44.36 6.22-17.34 9.24-33.22 9.24-54.21 0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03h.02Zm-44.43 163.75c-11.47 15.75-27.56 23.7-48.09 23.7-20.55 0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2 0-26.89 5.59-49.14 17.06-64.87 11.45-15.75 27.54-23.52 48.07-23.52 20.55 0 36.63 7.78 48.09 23.52 11.47 15.57 17.36 37.98 17.36 64.87 0 27.19-5.72 45.3-17.19 61.2h.01ZM894.416 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.91c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM2133.97 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.91c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM1314.05 105.01h-49.33c-48.36 0-90.91 25.48-115.75 64.1-11.79 18.34-19.6 39.64-22.11 62.59a148.518 148.518 0 0 0 .05 32.73c4.28 38.09 23.14 71.61 50.66 94.52 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 17.99 0 34.61-5.93 48.16-15.97 16.29-11.58 28.88-28.54 34.48-47.75v50.26h-.11v11.08c0 21.84-5.71 38.27-17.34 49.36-11.61 11.08-31.04 16.63-58.25 16.63-11.12 0-28.79-.59-46.6-2.41-2.83-.29-5.46 1.5-6.27 4.22l-12.78 43.11c-1.02 3.46 1.27 7.02 4.83 7.53 21.52 3.08 42.52 4.68 54.65 4.68 48.91 0 85.16-10.75 108.89-32.21 21.48-19.41 33.15-48.89 35.2-88.52V110.93c0-3.26-2.64-5.9-5.9-5.9h-56.32l.01-.02Zm0 64.1s.65 139.13 0 143.36c-12.08 9.77-27.11 13.59-43.49 14.7-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-1.32 0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33-.01Z" fill="#fff" ></path> <path d="M249.826.28C113.296.28 1.996 110.36.026 246.43c-2 138.19 110.12 252.7 248.33 253.5 42.68.25 83.79-10.19 120.3-30.03 3.56-1.93 4.11-6.83 1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48 10.84-53.17 16.38-81.71 16.03-111.68-1.37-201.91-94.29-200.13-205.96 1.76-110.26 92-199.41 202.67-199.41h202.69v360.27l-115-102.18c-3.72-3.31-9.42-2.66-12.42 1.31-18.46 24.44-48.53 39.64-81.93 37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24 39.63-101.52 94-101.52 49.18 0 89.68 37.85 93.91 85.95.38 4.28 2.31 8.27 5.52 11.12l29.95 26.55c3.4 3.01 8.79 1.17 9.63-3.3 2.16-11.55 2.92-23.58 2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13 58.14-150.27 137.25-2.09 77.1 61.08 143.56 138.19 145.26 32.19.71 62.03-9.41 86.14-26.95l150.26 133.2c6.44 5.71 16.61 1.14 16.61-7.47V9.74c0-5.24-4.24-9.48-9.48-9.48h-240.36v.02Z" fill="#fff" ></path></svg></a ><button data-mobile-menu-button="true" class="uil-flex uil-cursor-pointer uil-appearance-none uil-items-center uil-gap-8 uil-border-0 uil-bg-transparent uil-p-0 md:uil-hidden" > <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-block uil-h-20 uil-w-20 uil-text-white" > <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="3" y1="6" x2="21" y2="6"></line> <line x1="3" y1="18" x2="21" y2="18"></line></svg ><span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-white uil-text-14-16" >Menu</span > </button> <div class="uil-ml-auto md:uil-hidden"> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-200 uil-bg-white uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-relative uil-block uil-h-20 uil-w-20 uil-text-xenon-400" > <circle cx="11" cy="11" r="8"></circle> <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg ><span class="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> </div> </div> <ul data-nav-item-list="true" class="uil-my-0 uil-ml-40 uil-flex uil-w-100p uil-list-none uil-p-0" > <li title="Solutions" data-title="Solutions" class="nav-component-wxlbtx-Menu uil-relative" > <button aria-label="Solutions" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Solutions" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Solutions</span > </button> </li> <li title="Industries" data-title="Industries" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Industries" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Industries" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Industries</span > </button> </li> <li title="Pricing" data-title="Pricing" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <a data-nav="nav-item-button" aria-label="Pricing" tabindex="0" href="https://www.algolia.com/pricing/" data-gtm="true" class="uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-2 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline uil-no-underline hover:uil-border-xenon-400 hover:uil-text-xenon-400 focus:uil-border-xenon-400 focus:uil-text-xenon-400 md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" data-uil-nav-internal-link="false" ><span data-nav-item-ref="Pricing" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Pricing</span ></a > </li> <li title="Developers" data-title="Developers" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Developers" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Developers" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Developers</span > </button> </li> <li title="Resources" data-title="Resources" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Resources" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Resources" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Resources</span > </button> </li> </ul> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-700 uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-relative uil-block uil-h-20 uil-w-20 uil-text-xenon-400" > <circle cx="11" cy="11" r="8"></circle> <line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg ><span class="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> <ul data-nav-user-buttons="true" class="nav-component-8zpgq7-Auth uil-m-0 uil-flex uil-shrink-0 uil-list-none uil-p-0 md:uil-pr-8" > <li class="uil-hidden uil-mr-8-16 md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/demorequest/" class="nav-component-kl3lxk hover:uil-text-white uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Request Demo</span > </div></a > </li> <li class="uil-hidden md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/users/sign_up" class="nav-component-ayc9r2 uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" style="color: white;" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Get Started</span > </div></a > </li> </ul> </div> </div> <div class="nav-component-1xggm4h-MenuItems uil-pointer-events-none uil-absolute -uil-z-1 uil-hidden uil-w-auto uil-opacity-0 uil-transition-all uil-duration-[250ms] md:uil-block" data-menu-items-container="true" > <div class="uil-relative uil-mt-24 uil-max-w-1440 uil-overflow-hidden uil-rounded-8 uil-bg-white uil-shadow-large-light uil-transition-[width,height] uil-duration-[250ms]" id="menu-card" > <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Solutions" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <a tabindex="0" href="https://www.algolia.com/products/ai-search/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ai-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600"> AI Search</span> </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/ai-browse/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/browse-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600">AI Browse</span> </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/ai-recommendations/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/recommendations-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Recommendations</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/merchandising-studio/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Studio</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/features/analytics/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/pie-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Analytics</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661428489/ui-library/nav/rebrand-2022/ui-components-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line></svg></span ></a> </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> </div> </div> <div class="uil-flex uil-items-start uil-gap-32"> <div class="uil-self-stretch uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" ></div> <div class="uil-flex uil-flex-col uil-gap-8 uil-pb-12"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Integrations</span > <a tabindex="0" href="https://www.algolia.com/search-solutions/adobe/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/adobe.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Adobe Commerce</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/bigcommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/bigcommerce-icon_1.svg" width="64" height="64" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >BigCommerce</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/commercetools/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/commercetools-symbol.svg" width="298" height="333" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Commercetools</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/salesforce.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Salesforce CC</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-solutions/shopify/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/shopify.svg" width="18" height="18" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Shopify</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >See all integrations <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line></svg></span ></a> </div> </div> </div> </div> <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Industries" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/retail-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Retail Ecommerce</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/b2b-ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/b2b-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >B2B Ecommerce </span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/marketplaces/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/marketplaces-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Markeplace</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/media/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/media-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Media</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/saas/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/saas-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >SaaS</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" title="ArrowRightCircle" class="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <circle cx="12" cy="12" r="10"></circle> <polyline points="12 16 16 12 12 8"></polyline> <line x1="8" y1="12" x2="16" y2="12"></line></svg></span ></a> </div> </div> </div> </div> <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Developers" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Get Started</span ><a tabindex="0" href="https://www.algolia.com/developers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/desktop-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Developer Hub</span > </div></a ><a tabindex="0" href="https://www.algolia.com/doc/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/documentation-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Documentation</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/integrations-blue.svg" width="18" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Integrations</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ui-components-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div></a ><a tabindex="0" href="https://www.algolia.com/products/features/search-autocomplete/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/autocomplete-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Autocomplete</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Resources</span ><a tabindex="0" href="https://www.algolia.com/developers/code-exchange/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/codex-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Code Exchange</span > </div></a ><a tabindex="0" href="https://www.algolia.com/blog/engineering/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/eng-blog-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Engineering Blog</span > </div></a ><a tabindex="0" href="https://discord.com/invite/ytbZuTQukV" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/community-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Discord</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Webinars & Events</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Quick Links</span ><a tabindex="0" href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/quickstart-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Quick Search Guide</span > </div></a ><a tabindex="0" href="https://www.algolia.com/for-open-source/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/opensource-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >For Open Source</span > </div></a ><a tabindex="0" href="https://status.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/api-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >API Status</span > </div></a ><a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/support-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </div> </div> </div> </div> <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Resources" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Inspiration</span ><a tabindex="0" href="https://www.algolia.com/blog/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/blog-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Blog</span > </div></a ><a tabindex="0" href="https://resources.algolia.com/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/resource-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Resource Center</span > </div></a ><a tabindex="0" href="https://www.algolia.com/customers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/customer-stories-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Stories</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Learn</span ><a tabindex="0" href="https://www.algolia.com/customer-onboarding/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/onboarding-blue.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Hub</span > </div></a > <a tabindex="0" href="https://academy.algolia.com/trainings" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/academy-blue.svg" width="18" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Academy</span > </div></a > <a tabindex="0" href="https://www.algolia.com/ecommerce-merchandising-playbook/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661433860/ui-library/nav/rebrand-2022/merch-blue.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Playbook</span > </div></a > <a tabindex="0" href="https://www.algolia.com/about/news/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/newsroom-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Newsroom</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Events</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Tools</span ><a tabindex="0" href="https://www.algolia.com/profit-simulator/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/profit-sim-blue.svg" width="20" height="20" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Profit Simulator</span > </div></a ><a tabindex="0" href="https://grader.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/grader-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Search Grader</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-audit/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/search-audit-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Ecommerce Search Audit</span > </div></a > </div> </div> </div> </div> </div> </div> </nav> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="nav.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/on/index.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/on/onclose.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/keyboard.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/misc.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/physics.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="helpers/index.js"></script> </html><script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> window.featureTileStreams = ["5382840", "6071418", "5377701", "5382849", "5393097", "8895911", "5382777", "5435722", "10423250", "5382786", "5382783", "5377704", "5393094", "5382843", "5393115", "5382837", "5382774", "7405984", "5377707", "5382780", "7405450", "10588427", "5382846", "5393121", "6264795", "5382771", "9525396", "5382789", "7394033", "10191523", "5393106", "7405447", "11013797", "10987065", "11173992", "11024979", "11208038"]; </script><script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0"; analytics.load("eEj3ERCjH7KxK1jEMjQF7uzmtZGALFHn"); analytics.page(); }}(); </script><style> /*369814*/ #hub-cta-369814, .uf-link-cta-tile-369814 { background: url('https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MDJmYmU0YmU1NTIwLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWZiZmMyYzNiMDNmZDViYjhlZjhmYzk2ODQxOWRiNmU2') !important; background-color: inherit !important; background-repeat: no-repeat !important; background-origin: padding-box !important; background-size: cover !important; } </style> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1686978,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"type="text/javascript" src="https://cdn.cookielaw.org/consent/5e9f5149-bde8-4a13-b973-b7a9385e8ebb/OtAutoBlock.js"></script>  <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="5e9f5149-bde8-4a13-b973-b7a9385e8ebb"></script>  <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"type="text/javascript">function OptanonWrapper() {}</script>   <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> window.addEventListener('load', function() { var equivalentCodes = { 'C0001': 607914, // Strictly Necessary; 'C0002': 607915, // Performance Cookies; 'C0003': 607916, // Functional Cookies; 'C0004': 607917, // Targeting Cookies; 'C0005': 607918 // Social media cookies } function retrieveCode(code) { return equivalentCodes[code]; } window.OneTrust.OnConsentChanged( function(e) { // console.log(e.detail); e.detail.map(d => { const code = retrieveCode(d) // console.log(code); uberflip.Privacy.acceptById(code) }) }) document.querySelector('footer li button').addEventListener('click', function() { window.OneTrust.ToggleInfoDisplay(); }) }); </script><style> /* Put Drift below the Cookie banner */ #drift-frame-chat, #drift-frame-controller { z-index: 10 !important; } #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo { margin-left: 0; @media (min-width: 960px) { margin-left: 20px; } } </style> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> window.bannerText = 'Resources'; </script> </head> <body id="uf-hub-page" class="uf-hub-page uf-tiles-page" data-hub-id="103949" data-hub-primaryColor="#4D4D4D" data-hub-secondaryColor="#5bc0de" data-hub-backgroundColor="#a9a9a9" data-hub-embedded="false" data-hub-hideHero="true" data-hub-hideBanner="false" data-hub-hideFooter="false" data-hub-hidePrimaryNav="false" data-hub-hideSecondaryNav="false" data-hub-linkBreakOut="false" data-hub-flipbookBreakOut="false" data-hub-inPreview="false" data-hub-searchAction="https://resources.algolia.com/search" data-stream-id="6071418" data-stream-externalService="custom" data-domain-www="https://resources.algolia.com/" data-domain-theme="vanilla" data-page-bookmark="#ufh"> <a id="uf-skip-to-main" class="uf-skip-to-main" href="#main-content" data-internal="self">Skip to main content</a> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> window.uberflip = window.uberflip || {}; window.uberflip.knownUser = {"Marketo":0}; window.uberflip.integrationsToTrackViews = []; window.uberflip.serverTimestamp = 1732448620; window.uberflip.privacyGroups = {"607914":{"id":607914,"name":"Strictly necessary Cookies","description":"These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.","version":1670851300,"isAccepted":0,"functionalities":[{"id":5,"code":"MARKETO","name":"Marketo"}]},"607915":{"id":607915,"name":"Performance Cookies","description":"These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. If you do not allow these cookies we will not know when you have visited our site.","version":1670851315,"isAccepted":0,"functionalities":[]},"607916":{"id":607916,"name":"Functional Cookies","description":"These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.","version":1670851332,"isAccepted":0,"functionalities":[{"id":1,"code":"UBERFLIP","name":"Uberflip"},{"id":8,"code":"BOMBORA","name":"Bombora"}]},"607917":{"id":607917,"name":"Targeting Cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.","version":1670851345,"isAccepted":0,"functionalities":[{"id":16,"code":"YOUTUBE","name":"YouTube"}]}}; </script>  <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"data-functionality-name="CPTV2"> /** if we don't have the Hubs object, polyfill */ if( typeof Hubs !== 'object' ){ window.Hubs = {}; Hubs.Config = { isMobile : (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) ? true : false, isIFrame : ( window.location !== window.parent.location ) ? true : false, isEmbedded : ( document.location.href.indexOf('?embedded=1') > 0 ) ? true : false, externalService : (document.body.dataset.streamExternalservice ) ? document.body.dataset.streamExternalservice : false, hubBaseUrl : (document.body.dataset) ? document.body.dataset.domainWww : '/' }; Hubs.pageTypeMap = { 'uf-stream-page' : 'collection', 'uf-item-page' : 'item', 'uf-embed-tile-page' : 'cta' }; Hubs.streamTypeMap = { 'blogpost' : 'blogs', 'uberflip' : 'docs' }; Hubs.getQueryStringJson = function(){ var qd = {}; if (location.search) location.search.substr(1).split("&").forEach(function(item) { var s = item.split("="), k = s[0], v = s[1] && decodeURIComponent(s[1]); qd[k] = v; }); return qd; }; Hubs.appInstance = { pageType: (document.body.id) ? Hubs.pageTypeMap[ document.body.id ] : ( document.location.href.indexOf('/authors/') > 0 ? 'author' : 'hub' ), collectionType: (Hubs.Config.externalService && Hubs.streamTypeMap[ Hubs.Config.externalService ]) ? Hubs.streamTypeMap [ Hubs.Config.externalService ] : Hubs.Config.externalService, currentCollectionId: document.body.dataset.streamId ? parseInt(document.body.dataset.streamId) : 'recent', currentItemId: document.body.dataset.itemId ? parseInt(document.body.dataset.itemId) : 0, currentItemTags: document.body.dataset.tags ? document.body.dataset.tags : undefined, queryString : location.search ? Hubs.getQueryStringJson() : {} }; Hubs.Events = { on : function(method, callback) { window.addEventListener('uberflip.' + method, function(){ callback(); } ) } }; } </script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"src="https://cihost.uberflip.com/jquery/master/scripts/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script> <div id="uf-top-nav-container" class="uf-top-nav-container"> <div class="container"> <nav id="uf-hub-nav" class="navbar" aria-label="Sitewide menu" role="navigation"> <div class="navbar-brand uf-menu-background"> <button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="uf-navbar-menu" class="navbar-burger navbar-start" > <span aria-hidden="true" class="hamburger-bar"></span> <span aria-hidden="true" class="hamburger-bar"></span> <span aria-hidden="true" class="hamburger-bar"></span> <span class="sr-only">Toggle menubar</span> <i aria-hidden="true" class="uf-exit-icon fas fa-times uf-menu-color"></i> </button> <p class="mobile-menu-title"> Algolia Resource Center </p> </div> <ul id="uf-navbar-menu" class="navbar-menu is-vcentered" role="menubar"> <li role="presentation" class="navbar-item uf-menu-parent-list-item stream uf-selected" > <a role="menuitem" class="uf-menu-parent-link is-focusable inline uf-menu-item" href="https://resources.algolia.com" data-internal="stream" aria-current="page" > Home </a> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-2" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Type </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-2" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Type" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ebooks" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Ebooks </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/reports" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Reports </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/customer-stories" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Customer stories </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/partner-stories" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Partner resources </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/webinars" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Webinars </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/videos" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Videos / Demos </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/infographics" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Infographics </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/guides" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Guides </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-3" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Use Case </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-3" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Use Case" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/site-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Site search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/mobile-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Mobile search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/voice-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Voice search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/federated-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Federated search </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-4" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Industry </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-4" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Industry" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/b2b-ecommerce" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > B2B Ecommerce </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ecommerce" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > B2C Ecommerce </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/marketplaces" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Marketplaces </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/media" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Media </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/technology" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > SaaS & Technology </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-5" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Algolia Products </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-5" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Algolia Products" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/product-demos" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Product Demos </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ai-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > AI Search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/recommendations" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Recommendations </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/a-b-testing" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > A/B testing </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/analytics" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Analytics </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/crawler" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Crawler </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/merchandising" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Merchandising </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/personalization" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Personalization </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-6" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> For Devs </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-6" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="For Devs" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/build-101" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Build 101 </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/shopify" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Shopify </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/algolia-for-magento-2" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Adobe / Magento 2 </a> </li> </ul> </li> </ul> </nav> <div class="uf-search-share-container"> <div id="uf-search-container" class="uf-search-container dropdown is-right">  <div class="uf-dropdown-trigger"> <button type="button" id="uf-search-open" class="uf-button uf-search-open" aria-controls="uf-search-dropdown-menu" aria-expanded="false" aria-haspopup="true" title="Open Search Box" > <i class="fas fa-search" aria-hidden="true"></i> <span class="sr-only">Open search box</span> </button> </div>  <div id="uf-search-dropdown-menu" class="uf-search-dropdown-menu" role="dialog"> <form id="uf-search-form" class="uf-search-form" role="search" aria-label="Sitewide" action="https://resources.algolia.com/search" > <input type="search" name="ufq" id="uf-search-input" class="uf-search-input uf-input" placeholder="Search" aria-label="Search" /> <input type="hidden" name="ufs" value="6071418"> <button type="submit" id="uf-search-submit" class="uf-search-submit" title="Search sitewide"> <i class="fas fa-search" aria-hidden="true"></i> <span class="sr-only">Search sitewide</span> </button> <button type="button" id="uf-search-close" class="uf-search-close" title="Close Search Box"> <i class="fas fa-times" aria-hidden="true"></i> <span class="sr-only">Close search box</span> </button> </form>  <aside id="uf-recent-searches" class="uf-recent-searches" role="dialog"> <h2 class="uf-recent-searches-header">Recent Searches</h2> <ul id="uf-recent-search-list" class="uf-recent-search-list"></ul> </aside> </div> </div> <section id="uf-locale-selector" class="uf-locale-selector dropdown is-right">  <div class="uf-dropdown-trigger"> <button type="button" id="uf-locale-selector-open" class="uf-button uf-locale-selector-open" aria-controls="uf-locale-selector-dropdown" aria-expanded="false" aria-haspopup="true" title="Open Locale Selector Menu" aria-labelledby=".uf-locale-selector-current-locale-name" > <span class="uf-locale-selector-desktop-only"> <span class="uf-locale-selector-current-locale" data-locale-id="225"> <span class="sr-only">Current Locale:</span> <span class="uf-locale-selector-current-locale-name">English (US)</span> </span> <span class="fas fa-angle-down" aria-hidden="true"></span> </span> <i class="uf-locale-selector-mobile-only fas fa-globe-americas" aria-hidden="true"></i> </button> </div>  <nav role="navigation" id="uf-locale-selector-dropdown" class="uf-locale-selector-dropdown" > <div id="uf-locale-selector-dropdown-content" class="uf-locale-selector-dropdown-content" >  <h2 class="uf-locale-selector-mobile-header uf-locale-selector-mobile-only uf-menu-background"> <span class="uf-locale-selector-mobile-title" data-locale-id="225"> <i class="fas fa-globe-americas" aria-hidden="true"></i> <span class="sr-only">Current Locale:</span> <span class="uf-locale-selector-current-locale-name">English (US)</span> </span> <button type="button" id="uf-locale-selector-close" class="uf-locale-selector-close" title="Close Locale Selector List" > <i class="fas fa-times uf-menu-color" aria-hidden="true"></i> <span class="sr-only">Close Locale Selector Menu</span> </button> </h2>  <ul role="list" class="uf-locale-selector-list" aria-label="locales"> <li role="listitem" class="uf-locale-selector-list-item"> <a href="https://resources.algolia.com/fr" class="uf-locale-selector-link" data-locale-id="301" data-internal="locales" > Français (France) </a> </li> <li role="listitem" class="uf-locale-selector-list-item"> <a href="https://resources.algolia.com/de" class="uf-locale-selector-link" data-locale-id="107" data-internal="locales" > Deutsch (Deutschland) </a> </li> <li role="listitem" class="uf-locale-selector-list-item"> <a href="https://resources.algolia.com/pt" class="uf-locale-selector-link" data-locale-id="545" data-internal="locales" > Português (Brasil) </a> </li> <li role="listitem" class="uf-locale-selector-list-item"> <a href="https://resources.algolia.com/es" class="uf-locale-selector-link" data-locale-id="249" data-internal="locales" > Español (España) </a> </li> </ul> </div> </nav> </section> </div> </div> </div> <main id="main-content" class="uf-main-content container"> <hgroup class="uf-description-block"> <h2 class="title is-size-3 has-margin-bottom-20">Latest Content</h2> <h3 class="subtitle is-size-5">Learn more about Search and Discovery trends and best practices. </h3> </hgroup> <div id="uf-lazy-loader" class="uf-lazy-loader" data-type="collection" data-target-id="6071418" data-load-limit="20" data-has-more-items="true" data-total-item-count="357" data-stream-sections-beta-flag="false" > <ul id="uf-tile-container" class="uf-tile-container is-clearfix" > <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="687630825" data-source-stream-id="10983232" data-tags="Infographics,Stage: Awareness,Site search,Business Decision Makers,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-gartnermagicquadrant" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NjRlMzgyMjU0ODE0LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTNmZjg0MzhiMDMyYzk0NmI1ZjZkMmJlMjU1NzUwNmM1" alt="Algolia named as a leader in the Gartner Magic Quadrant for Search and Product Discovery" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia named as a leader in the Gartner Magic Quadrant for Search and Product Discovery </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">See how Algolia was evaluated in Gartner's new research report and why this matters.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689437034" data-source-stream-id="10624902" data-tags="Webinar,Algolia AI,B2B,Tech Decision Makers,Business Decision Makers,bombora.pg.Business Professional,bombora.pg.IT Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/home/webinar-masterb2bunwebinar-genai" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1732142466%2FThumbnail_unmasterb2b_genAI_zb2miy.png&size=1&version=1732142646&sig=9ede79fbe3e673b2b831fbdb500ecdef&default=hubs%2Ftilebg-videos.jpg" alt="Who should own Gen AI in B2B…IT or the Business?" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 59:45"> 59:45 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Who should own Gen AI in B2B…IT or the Business? </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Discover who should own generative AI in B2B: IT or business units? Watch Master B2B’s Andy Hoar and Brian Beck debate its role, risks, and ownership strategies.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689409017" data-source-stream-id="10983232" data-tags="Infographics,Algolia AI,BigCommerce,Business Decision Makers,B2C E-commerce,Stage: Active Intent,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-bigcommerce" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1731952529/BigCommerce_Info_Thumbnail_cjsbdt.png" alt="Amplify your BigCommerce store with Algolia" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Amplify your BigCommerce store with Algolia </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Easily integrate Algolia’s advanced AI-search into the "Big" ecosystem.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689384437" data-source-stream-id="10983232" data-tags="Stage: Awareness,Site search,Infographics,Business Decision Makers,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-algolia-versus-google" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1731598486/Google_Retail_Thumbnail_x1kiez.png" alt="Choosing the best search solution: Algolia versus Google" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Google </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Both Algolia and Google Vertex AI Search offer advanced search technologies designed to enhance the user experience and drive conversions. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-521239 " data-id="521239" > <p class="uf-link-cta-tile-text">Algolia named a Leader in the Gartner® Magic Quadrant™ for Search and Product Discovery</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/lp/gartner-mq-2024/" target="_blank" rel="noopener" data-internal="false" > Get the report </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689362124" data-source-stream-id="10983232" data-tags="Infographics,Site search,B2C E-commerce,Business Decision Makers,Stage: Awareness,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-algolia-vs-constructor" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1731413342/Constructor_Thumbnail_kayryc.png" alt="Choosing the best search solution: Algolia versus Constructor" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Constructor </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia and Constructor both offer site search technologies, but have different capabilities. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689273192" data-source-stream-id="10983232" data-tags="Infographics,Site search,Business Decision Makers,Tech Decision Makers,Stage: Active Intent,B2C E-commerce,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-algolia-versus-bloomreach" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1730482723/CT-Bloomreach_Thumbnail_ri1dxi.png" alt="Choosing the best search solution: Algolia versus Bloomreach" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Bloomreach </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia and Bloomreach both provide site search capabilities that improve user experience and drive conversions. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689254854" data-source-stream-id="10624902" data-tags="Stage: Awareness,Stage: Engagement,Stage: Qualified,Video,Site search,AI Search,B2C E-commerce,Dynamic Re-Ranking,Tech Decision Makers,Business Decision Makers,Developer,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/home/video-dynamic-re-ranking" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1730748523%2FUF_Thumbnail_1_oisgen.png&size=1&version=1730748543&sig=f15826aa398c2406f9a3c64a6694808b&default=hubs%2Ftilebg-videos.jpg" alt="Feature Demo: Dynamic Re-ranking" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 13:14"> 13:14 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Feature Demo: Dynamic Re-ranking </h1> <p class="subtitle is-5 uf-tile-description ">Learn more about Algolia’s Dynamic Re-ranking - a powerful feature that uses AI to boost the most performant search results, improving conversions and the customer experience.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689201552" data-source-stream-id="10983232" data-tags="Infographics,Site search,Business Decision Makers,Stage: Awareness,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-algoliavselasticsearch" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1729832453/Infographic_thumbnail_icmmtj.png" alt="Choosing the best search solution: Algolia versus Elasticsearch" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Elasticsearch </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia and Elasticsearch are both industry leaders in search, but follow different playbooks. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-511378 " data-id="511378" > <p class="uf-link-cta-tile-text">Monetize every query with Algolia AI Search</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/products/ai-search/" target="_blank" rel="noopener" data-internal="false" > Tell me more </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689185296" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Site search,NeuralSearch,Business Decision Makers,Tech Decision Makers,bombora.pg.IT Professional,bombora.pg.Business Professional,Stage: Engagement" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-b2bsearchaudit" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1729715629/B2B_Search_Audit_UF_Thumbnail_frlxco.png" alt="The B2B search audit handbook: criteria search tools need to meet" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> The B2B search audit handbook: criteria search tools need to meet </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This guide explains why it’s important to conduct a search audit in B2B ecommerce.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689161740" data-source-stream-id="5435722" data-tags="Algolia AI,Ebook - 1st party,Tech Decision Makers,Business Decision Makers,bombora.pg.IT Professional,bombora.pg.Business Professional,Stage: Awareness" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-genai" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1729611660/UF_Thumbnail_bv5lkw.png" alt="Revolutionize ecommerce with generative AI and LLMs" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Revolutionize ecommerce with generative AI and LLMs </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This eBook provides a comprehensive overview of genAI and LLMs, clarifies their differences and synergies, and explores their profound effect on the ecommerce industry.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689066745" data-source-stream-id="10624902" data-tags="Video,Site search,AI Search,Personalization,B2C E-commerce,Stage: Active Intent,Stage: Awareness,Business Decision Makers,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/home/video-5-strategies-responsible-personalization" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1728599512%2FUF_video_5stratsresponsibleperso_szv2kd.png&size=1&version=1729591130&sig=b73cd1d1affdcae3ed02852189177774&default=hubs%2Ftilebg-videos.jpg" alt="5 strategies for responsible personalization" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 2:30"> 2:30 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> 5 strategies for responsible personalization </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In today’s digital landscape, responsible personalization is key for online retailers. But how can businesses ensure they're respecting customer privacy while still enhancing the shopping experience?</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689008310" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Mobile search,B2C E-commerce,Personalization,Tech Decision Makers,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-mobile-ecommerce-experience" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1728038018/Mobile_ecommerce_experience_s8gy3x.png" alt="Mobile ecommerce experience: pitfalls, tradeoffs, and solutions" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Mobile ecommerce experience: pitfalls, tradeoffs, and solutions </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this eBook, we’ll look at some common problems that search on mobile will pose and the best ways to approach them.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-494470 " data-id="494470" > <p class="uf-link-cta-tile-text">How Walgreens boosted its “Buy Online, Pick Up In Store” shopping experience</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/dg/customer-stories-walgreens/p/1" target="_blank" rel="noopener" data-internal="false" > Read the story </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689008200" data-source-stream-id="5435722" data-tags="Stage: Awareness,Ebook - 1st party,AI Search,B2C E-commerce,Algolia AI,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-evaluatinggenai" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1728037872/Screen_Shot_2024-10-03_at_11.47.31_AM_ohuksy.png" alt="Evaluating GenAI content for the optimum search experience" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Evaluating GenAI content for the optimum search experience </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This paper is highly relevant to product teams, engineers, and decision-makers who are instrumental in shaping user experiences and optimizing search systems.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689003655" data-source-stream-id="5425086" data-tags="Report - 3rd party,Site search,Business Decision Makers,Stage: Engagement,Stage: Qualified,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/report-g2enterprisesearch-fall2024" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NjE3YmM3ZDZiYWVjLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWE2YzUyNjkwZTYxMWM2YjFjYmI5YzdlY2YzYTBkZTg4" alt="G2 Grid Report for Enterprise Search Software | Fall 2024" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> G2 Grid Report for Enterprise Search Software | Fall 2024 </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">G2 is a third-party peer-to-peer review site that helps inform buyer decisions with clear market positioning and benchmarking.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read report</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688991092" data-source-stream-id="10624902" data-tags="Video,AI Search,B2C E-commerce,Personalization,Stage: Active Intent,Stage: Awareness,bombora.tp.eCommerce Site Search" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/home/video-personalized-search-experiences" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1703290454%2Fitemeditorimage_6418bbfcb8aaa-1834918.png&size=1&version=1729103538&sig=10ab0bb7f9ec62f9c900a3f4b45d184c&default=hubs%2Ftilebg-videos.jpg" alt="Delivering personalized search experiences in the era of heightened privacy" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 7:01"> 7:01 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Delivering personalized search experiences in the era of heightened privacy </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Laura Hamilton - Sr Vice President of Marketing - explores the delicate balance between personalization and privacy in online shopping.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688950347" data-source-stream-id="10983232" data-tags="Infographics,AI Search,Business Decision Makers,Stage: Active Intent,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/infographic-gen-ai" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1727469763/Gen_AI_Terms_Info_Uberflip-Thumbnail_ltfpym.png" alt="Want to sound really smart about Gen AI?" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Want to sound really smart about Gen AI? </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Gen AI is the latest tech buzzword, but what is it and how does it work? Here are twenty of the most important terms you need to know to better understand Gen AI.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-477088 " data-id="477088" > <p class="uf-link-cta-tile-text">Co-op saw 6% bigger baskets from product recommendations </p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/dg/customer-stories-coop/p/1" target="_blank" rel="noopener" data-internal="false" > Read their story ▷ </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688930297" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Site search,NeuralSearch,Tech Decision Makers,Business Decision Makers,B2B,Stage: Awareness,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-optimizing-b2b-personalization" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1727373094/ebook_optimizingB2Bperso_au6ak0.png" alt="Optimizing B2B personalization: 5 KPIs you’ll improve with AI search and discovery" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Optimizing B2B personalization: 5 KPIs you’ll improve with AI search and discovery </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This ebook outlines optimizations that help you meet your B2B ecommerce business goals faster through AI personalization, and drive five important KPIs for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688823445" data-source-stream-id="5435722" data-tags="Stage: Engagement,Ebook - 1st party,Site search,B2C E-commerce,NeuralSearch,Personalization,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-build-marketplace-search" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1726848366/UF_Thumbnail_1_chuay6.png" alt="What it takes to build marketplace search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> What it takes to build marketplace search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this guide, we cover the requirements for a great marketplace experience and what it takes to build one.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688662638" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Personalization,Tech Decision Makers,Developer,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,Stage: Engagement,Stage: Qualified" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/casestudy-sellpy" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1725354046/Sellpy-Card_yluyq9.png" alt="Algolia helps Sellpy narrow searches with AI Personalization and blazingly fast results" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia helps Sellpy narrow searches with AI Personalization and blazingly fast results </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how today Sellpy takes advantage of Algolia innovation through features like AI Personalization to improve conversions and demonstrate customer understanding.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688619207" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Site search,Adobe Commerce/Magento,Business Decision Makers,B2C E-commerce,Stage: Engagement,bombora.tp.eCommerce Site Search,bombora.tp.Magento 2,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/home/ebook-advanced-search-adobe-commerce" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1724879226/UF_ebook_advsearchadobecommerce_glbpjq.png" alt="Advanced search growth value for Adobe Commerce retailers" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Advanced search growth value for Adobe Commerce retailers </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Read about what advanced search is, how it brings uplift to Adobe Commerce stores and why it’s a worthwhile investment in terms of performance, customer experience, and ROI.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li id="uf-loading-spinner-tile-wrapper" class="uf-tile-wrapper uf-loading-spinner-tile-wrapper " role="alert" > <div class="uf-tile uf-loading-spinner-tile box"> <i class="uf-spinner-icon" aria-hidden="true"></i> <p class="uf-loading-spinner-tile-text">Loading More...</p> </div> </li> </ul> <button id="uf-lazy-loader-load-more" type="button" class="uf-lazy-loader-load-more uf-button is-primary is-margin-centered" > See more </button> </div> </main> <button type="button" id="uf-back-to-top" class="uf-back-to-top uf-invisible uf-button" aria-label="Scroll to Top" > <i class="fas fa-arrow-up" aria-hidden="true"></i> </button> <footer id="uf-footer" class="uf-footer"> <div class="container"> © Algolia Inc </div> </footer> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> if (!window.uberflip) { window.uberflip = {}; } window.uberflip.custom_labels = {"latest-items":"Latest Content","collections":"Streams","home":"Resources","move-back":"Back","loading-more":"Loading More...","return-to-hub":"Return to Hub","show-more":"Show More","show-less":"Show Less","continue-reading":"Continue Reading...","view-hub":"See more","custom-more-content":"Related resources","see-more":"See more","author-about":"About the Author","author-follow-google":"Follow on Google Plus","author-follow-twitter":"Follow on Twitter","author-linkedin":"Follow on Linkedin","author-website":"Visit Website","author-calendly":"Visit Calendly","author-more-content":"More Content by ","creator-about":"About the Creator","videos":"Videos","blogs":"Blogs","docs":"Docs","social":"Social","custom":"Marketing","watch-video":"Watch video","read-article":"Read Article","view-tweet":"View Tweet","read-flipbook":"Read ebook","view-photo":"View Photo","view-item":"View Item","view-presentation":"View Presentation","view-post":"View Post","read-more":"Read more...","download-pdf":"Download PDF","expand-fullscreen":"Expand fullscreen","previous-video":"Previous Video","previous-article":"Previous Article","previous-tweet":"Previous Tweet","previous-photo":"Previous Photo","previous-flipbook":"Previous Flipbook","previous-presentation":"Previous Presentation","previous-post":"Previous Post","no-previous-video":"No Previous Videos","no-previous-article":"No Previous Articles","no-previous-tweet":"No Previous Tweets","no-previous-photo":"No Previous Photos","no-previous-flipbook":"No Previous Flipbooks","no-previous-presentation":"No Previous Presentation","no-previous-post":"No Previous Post","next-video":"Next Video","next-article":"Next Article","next-tweet":"Next Tweet","next-photo":"Next Photo","next-flipbook":"Next Flipbook","next-presentation":"Next Presentation","next-post":"Next Post","no-next-video":"No More Videos","no-next-article":"No More Articles","no-next-tweet":"No More Tweets","no-next-photo":"No More Photos","no-next-flipbook":"No More Flipbooks","no-next-presentation":"No More Presentations","no-next-post":"No More Posts","search-recent":"Recent Searches","search-recommended":"Recommended Searches","no-items":"No Items Found","no-items-stream":"No Items Found in this Stream","search-entire-hub":"Search the rest of the Hub","search-placeholder":"Search","search-all-content":"All Content","empty-hub":"This Hub is empty!","empty-collection":"This Stream is empty!","working-on-it":"The owner is working on it.","check-back":"Check back shortly.","share-hub":"Share this Hub","share":"Share","share-photo":"Share this Photo","share-video":"Share this Video","share-article":"Share this Article","share-presentation":"Share this Presentation","share-post":"Share this Post","share-flipbook":"Share this Flipbook","share-coln":"Share this Stream","reply":"Reply","retweet":"Retweet","favorite":"Like","Email":"Email","share-email-subject1":"{{company}} Hub has been shared with you","share-email-subject2":"Content from my Hub!","share-email-subject3":"{{collectiontitle}} has been shared with you from {{company}} Hub","share-collection-message-short":"Check out {{collectiontitle}} from {{company}} Hub!","share-collection-message-long":"Check out {{collectiontitle}} from {{company}} Hub!\n\n{{description}}","email":"Email","first-name":"First Name","last-name":"Last Name","cta-first-select":"Select","cta-please-wait":"Please wait...","no-thanks":"No thanks","required-field":"Required","optional-field-label":"- optional","hubs-sec-login-msg":"Please enter a valid password to enter this Hub","hubs-sec-passphrase":"enter password","hubs-sec-submit":"submit","hubs-sec-auth":"authenticating...","hubs-sec-auth-failed":"Failed to authenticate:","hubs-sec-auth-invalid":"Invalid Password","hubs-sec-auth-redirect":"Entering the Hub...","more-content-articles":"Most Recent Articles","more-content-flipbooks":"Most Recent Flipbooks","more-content-posts":"Most Recent Posts","more-content-presentations":"Most Recent Presentations","more-content-tweets":"Most Recent Tweets","more-content-videos":"Most Recent Videos","streams-sec-login-msg":"Enter Valid Stream Passphrase","streams-sec-passphrase":"Passphrase","streams-sec-auth-invalid":"Invalid Passphrase","streams-sec-submit":"submit","streams-sec-auth":"authenticating...","streams-sec-auth-failed":"Failed to authenticate:","streams-sec-auth-redirect":"Entering Stream","hubs-sec-auth-exceeded-failed-attempts":"Exceeded maximum login attempts","streams-sec-auth-exceeded-failed-attempts":"Exceeded maximum login attempts"} </script> <style> .uil-mt-40 { margin-top: 40px; } @media screen and (max-width: 720px) { #injected-footer footer { text-align: left; } } #injected-footer .uil-m-0 { margin: 0; } #injected-footer .uil-m-auto { margin: auto; } #injected-footer .uil-ml-16 { margin-left: 16px; } #injected-footer .uil-mt-0 { margin-top: 0; } #injected-footer .uil-mt-16 { margin-top: 16px; } #injected-footer .uil-mt-32 { margin-top: 32px; } @media (min-width: 768px) { #injected-footer .sm\:uil-mt-0 { margin-top: 0; } } #injected-footer .uil-mr-16 { margin-right: 16px; } #injected-footer .uil-p-0 { padding: 0; } #injected-footer .uil-h-1 { height: 1px; } #injected-footer .uil-h-20 { height: 20px; } #injected-footer .uil-h-auto { height: auto; } #injected-footer .uil-w-20 { width: 20px; } #injected-footer *, #injected-footer :after, #injected-footer :before { box-sizing: border-box; border: 0 solid; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { height: 0; color: inherit; border-top-width: 1px; } #injected-footer h4 { font-size: inherit; font-weight: inherit; } #injected-footer a { color: inherit; text-decoration: inherit; } #injected-footer button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } #injected-footer button { text-transform: none; } #injected-footer button { -webkit-appearance: button; background-color: transparent; background-image: none; } #injected-footer h4, #injected-footer hr { margin: 0; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .no-underline { text-decoration-line: none; } #injected-footer .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .duration-200 { transition-duration: 0.2s; } #injected-footer .hover\:text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } #injected-footer button { background-color: initial; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .uil-relative { position: relative; } #injected-footer .uil-m-0 { margin: 0; } #injected-footer .uil-m-auto { margin: auto; } #injected-footer .uil-block { display: block; } #injected-footer .uil-flex { display: flex; } #injected-footer .uil-grid { display: grid; } #injected-footer .uil-hidden { display: none; } #injected-footer .uil-h-1 { height: 1px; } #injected-footer .uil-h-20 { height: 20px; } #injected-footer .uil-h-auto { height: auto; } #injected-footer .uil-w-20 { width: 20px; } #injected-footer .uil-max-w-1440 { max-width: 1440px; } #injected-footer .uil-list-none { list-style-type: none; } #injected-footer .uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #injected-footer .uil-flex-col { flex-direction: column; } #injected-footer .uil-flex-wrap { flex-wrap: wrap; } #injected-footer .uil-items-center { align-items: center; } #injected-footer .uil-justify-center { justify-content: center; } #injected-footer .uil-border-0 { border-width: 0; } #injected-footer .uil-bg-grey-700 { --tw-bg-opacity: 1; background-color: rgb(72 76 122/var(--tw-bg-opacity)); } #injected-footer .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51/var(--tw-bg-opacity)); } #injected-footer .uil-p-0 { padding: 0; } #injected-footer .uil-py-8 { padding-top: 8px; padding-bottom: 8px; } #injected-footer .uil-text-left { text-align: left; } #injected-footer .uil-font-inter { font-family: Inter, sans-serif; } #injected-footer .uil-text-14 { font-size: 14px; } #injected-footer .uil-font-400 { font-weight: 400; } #injected-footer .uil-leading-150p { line-height: 1.5; } #injected-footer .uil-text-grey-400 { --tw-text-opacity: 1; color: rgb(150 152 195/var(--tw-text-opacity)); } #injected-footer .uil-text-grey-900 { --tw-text-opacity: 1; color: rgb(35 38 59/var(--tw-text-opacity)); } #injected-footer .uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } #injected-footer .uil-no-underline { text-decoration-line: none; } #injected-footer .uil-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .uil-duration-200 { transition-duration: 0.2s; } #injected-footer .uil-text-12-14 { font-size: calc( 12px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } #injected-footer .uil-text-16-18 { font-size: calc( 16px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } #injected-footer .uil-mb-8-16 { margin-bottom: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-gap-x-8-32 { -moz-column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } #injected-footer .uil-px-16-56 { padding-left: calc( 16px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .uil-px-16-56 { padding-right: calc( 16px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .uil-mb-24-32 { margin-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-pb-24-56 { padding-bottom: calc( 24px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } #injected-footer .uil-pb-32-40 { padding-bottom: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-pt-32-72 { padding-top: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .before\:uil-absolute:before { content: var(--tw-content); position: absolute; } #injected-footer .before\:uil-left-\[-8px\]:before { content: var(--tw-content); left: -8px; } #injected-footer .before\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } #injected-footer .before\:uil-block:before { content: var(--tw-content); display: block; } #injected-footer .before\:uil-h-50p:before { content: var(--tw-content); height: 50%; } #injected-footer .before\:uil-w-1:before { content: var(--tw-content); width: 1px; } #injected-footer .before\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #injected-footer .before\:uil-bg-white:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } #injected-footer .before\:uil-content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } #injected-footer .after\:uil-absolute:after { content: var(--tw-content); position: absolute; } #injected-footer .after\:uil-right-\[-8px\]:after { content: var(--tw-content); right: -8px; } #injected-footer .after\:uil-top-\[50\%\]:after { content: var(--tw-content); top: 50%; } #injected-footer .after\:uil-block:after { content: var(--tw-content); display: block; } #injected-footer .after\:uil-h-50p:after { content: var(--tw-content); height: 50%; } #injected-footer .after\:uil-w-1:after { content: var(--tw-content); width: 1px; } #injected-footer .after\:uil-translate-y-\[-50\%\]:after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #injected-footer .after\:uil-bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } #injected-footer .after\:uil-content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } #injected-footer .hover\:uil-text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } @media (min-width: 768px) { #injected-footer .sm\:uil-mt-0 { margin-top: 0; } #injected-footer .sm\:uil-flex-row { flex-direction: row; } #injected-footer .sm\:uil-justify-end { justify-content: flex-end; } #injected-footer .sm\:uil-justify-between { justify-content: space-between; } } @media (min-width: 960px) { #injected-footer .md\:uil-col-start-1 { grid-column-start: 1; } #injected-footer .md\:uil-col-start-3 { grid-column-start: 3; } #injected-footer .md\:uil-col-start-5 { grid-column-start: 5; } #injected-footer .md\:uil-col-start-7 { grid-column-start: 7; } #injected-footer .md\:uil-col-start-9 { grid-column-start: 9; } #injected-footer .md\:uil-col-end-11 { grid-column-end: 11; } #injected-footer .md\:uil-col-end-3 { grid-column-end: 3; } #injected-footer .md\:uil-col-end-5 { grid-column-end: 5; } #injected-footer .md\:uil-col-end-7 { grid-column-end: 7; } #injected-footer .md\:uil-col-end-9 { grid-column-end: 9; } #injected-footer .md\:uil-block { display: block; } #injected-footer .md\:uil-hidden { display: none; } #injected-footer .md\:uil-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } #injected-footer *, #injected-footer :after, #injected-footer :before { box-sizing: border-box; border: 0 solid; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { height: 0; color: inherit; border-top-width: 1px; } #injected-footer button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } #injected-footer button { text-transform: none; } #injected-footer button { -webkit-appearance: button; background-color: transparent; background-image: none; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .no-underline { text-decoration-line: none; } #injected-footer .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .duration-200 { transition-duration: 0.2s; } #injected-footer .hover\:text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } #injected-footer *, #injected-footer :after, #injected-footer :before { border: 0 solid; box-sizing: border-box; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { border-top-width: 1px; color: inherit; height: 0; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer ::-webkit-scrollbar { display: none; scrollbar-gutter: stable both-edges; } #injected-footer * { box-sizing: border-box; } #injected-footer ::selection { background: #003dff; color: #fff; } #injected-footer .no-outlines *:focus { outline: 0; } /*! CSS Used fontfaces */ @font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-Regular.woff2) format("woff2"); } @font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-Medium.woff2) format("woff2"); } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-SemiBold.woff2) format("woff2"); } </style> <div id="injected-footer"> <footer class="uil-bg-xenon-900"> <div class="uil-m-auto uil-grid uil-max-w-1440 uil-grid-cols-2 uil-gap-x-8-32 uil-px-16-56 uil-pb-24-56 uil-pt-32-72 md:uil-grid-cols-10"> <div class="uil-hidden md:uil-block md:uil-col-start-1 md:uil-col-end-3"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Solutions</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-search/">AI Search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-browse/">AI Browse</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/recommendations/">AI Recommendations</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/pricing/">Pricing</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Use cases</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/use-cases/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/enterprise/">Enterprise search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/headless-commerce/">Headless commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/mobile-search/">Mobile & app search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/voice-search/">Voice search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/search-and-discovery/image-search/">Image search</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-3 md:uil-col-end-5"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Developers</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/">Developer Hub</a><a tag="a" href="https://www.algolia.com/doc/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Documentation</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/integrations/">Integrations</a><a tag="a" href="https://www.algolia.com/blog/engineering/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Engineering blog</a><a tag="a" href="https://alg.li/discord" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Discord community</a><a tag="a" href="https://status.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">API status</a><a tag="a" href="https://docsearch.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">DocSearch</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/for-open-source/">For Open Source</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Live demos</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a tag="a" href="https://gdpr.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">GDPR</a><a tag="a" href="https://aiact.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">AI Act</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-5 md:uil-col-end-7"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Integrations</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/">Salesforce Commerce Cloud</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/shopify/">Shopify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/">Adobe Commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/netlify/">Netlify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/commercetools/">Commercetools</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/bigcommerce/">BigCommerce</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Distributed & secure</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/global-infrastructure/">Global infrastructure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/security-compliance/">Security & compliance</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-azure/">Azure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-aws/">AWS</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-7 md:uil-col-end-9"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Industries</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/ecommerce/">B2C ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/b2b-ecommerce/">B2B ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/marketplaces/">Marketplaces</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/saas/">SaaS</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/media/">Media</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/startups/">Startups</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-9 md:uil-col-end-11"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Company</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/">About Algolia</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/careers/">Careers</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/news/">Newsroom</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/events/">Events</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/leadership/">Leadership</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/social-impact/">Social impact</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/contact/">Contact us</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Social networks</h4> <ul class="uil-font-inter uil-font-400 uil-leading-150p uil-text-14 uil-text-grey-900 uil-m-0 uil-flex uil-list-none uil-p-0"> <li class=""> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.linkedin.com/company/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>LinkedIn</title> <g clip-path="url(#linkedin-svg)"> <path fill="currentColor" d="M0 2.668c0-.643.225-1.174.676-1.593.45-.418 1.036-.627 1.756-.627.708 0 1.281.206 1.719.618.45.424.675.978.675 1.66 0 .618-.219 1.133-.656 1.544-.45.425-1.043.637-1.776.637h-.02c-.707 0-1.28-.212-1.718-.637C.22 3.846 0 3.312 0 2.668ZM.251 19.56V6.664h4.286V19.56H.25Zm6.66 0h4.286v-7.2c0-.451.051-.799.154-1.043.18-.438.454-.808.82-1.11.368-.303.828-.454 1.381-.454 1.442 0 2.162.972 2.162 2.915v6.892H20v-7.394c0-1.905-.45-3.35-1.351-4.334-.901-.984-2.092-1.477-3.572-1.477-1.66 0-2.953.715-3.88 2.143v.039h-.02l.02-.039V6.664H6.91c.026.412.039 1.693.039 3.842 0 2.15-.013 5.167-.039 9.054Z"></path> </g> <defs> <clipPath id="linkedin-svg"> <path fill="#fff" d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://twitter.com/algolia"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>X (ex-Twitter)</title> <g clip-path="url(#a)"> <path fill="currentColor" d="m11.546 8.704 6.05-7.142h-1.434l-5.253 6.202-4.195-6.202H1.875l6.344 9.378-6.344 7.489h1.434l5.547-6.549 4.43 6.549h4.839l-6.58-9.725h.001Zm-1.964 2.318-.642-.934-5.115-7.43h2.202l4.128 5.997.642.934 5.366 7.794H13.96l-4.379-6.36Z"></path> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M1.875 1.563h16.25v16.875H1.875z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.facebook.com/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Facebook</title> <path fill="currentColor" d="m14.345 11.107.518-3.413h-3.242V5.481c0-.934.452-1.845 1.904-1.845H15V.73S13.662.5 12.384.5C9.712.5 7.968 2.135 7.968 5.093v2.601H5v3.413h2.968v8.25a11.639 11.639 0 0 0 3.653 0v-8.25h2.724Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.instagram.com/algolia.search/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Instagram</title> <path fill="currentColor" d="M19.944 5.877c-.048-1.065-.22-1.794-.464-2.43a4.877 4.877 0 0 0-1.152-1.77A4.906 4.906 0 0 0 16.559.524C15.923.276 15.195.108 14.131.06 13.063.012 12.722 0 10.01 0 7.293 0 6.953.012 5.89.06 4.824.108 4.096.28 3.46.524c-.66.257-1.22.597-1.772 1.153a4.91 4.91 0 0 0-1.152 1.77C.292 4.083.12 4.812.072 5.877.024 6.946.012 7.286.012 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.556 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153 4.91 4.91 0 0 0 1.152-1.77c.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.714-.008-3.058-.056-4.123Zm-1.796 8.166c-.044.977-.208 1.51-.345 1.858-.18.464-.4.8-.752 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.368.06-4.041.06s-2.989-.012-4.04-.06c-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752A3.182 3.182 0 0 1 2.2 15.9c-.136-.353-.3-.885-.344-1.858-.048-1.053-.06-1.369-.06-4.043 0-2.674.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.565.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.016 2.99-.06 4.043Z"></path> <path fill="currentColor" d="M10.002 4.86A5.137 5.137 0 0 0 4.865 10a5.137 5.137 0 1 0 10.274 0 5.134 5.134 0 0 0-5.137-5.14Zm0 8.475a3.334 3.334 0 0 1 0-6.67 3.334 3.334 0 0 1 0 6.67ZM15.34 5.86a1.2 1.2 0 1 0-.002-2.4 1.2 1.2 0 0 0 .001 2.4Z"></path> <path fill="currentColor" d="M0 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.552 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153c.552-.553.9-1.113 1.152-1.77.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.718-.012-3.058-.06-4.123-.048-1.065-.22-1.794-.464-2.43a4.876 4.876 0 0 0-1.152-1.77A4.775 4.775 0 0 0 16.547.524C15.911.276 15.183.108 14.12.06 13.05.012 12.71 0 9.998 0c-2.717 0-3.057.012-4.12.06-1.065.048-1.793.22-2.43.464A4.872 4.872 0 0 0 1.68 1.677a4.91 4.91 0 0 0-1.152 1.77C.28 4.083.108 4.812.06 5.877.012 6.942 0 7.282 0 10Zm1.804 0c0-2.67.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.564.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.012 2.99-.06 4.043-.044.977-.208 1.51-.344 1.858-.18.464-.4.8-.753 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.369.06-4.041.06-2.673 0-2.989-.012-4.04-.06-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752a3.182 3.182 0 0 1-.753-1.153c-.136-.353-.3-.885-.344-1.858-.052-1.053-.06-1.373-.06-4.043Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.youtube.com/channel/UCTNkiq-SO8hay1PRx-it9Cw"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>YouTube</title> <g clip-path="url(#youtube-svg)"> <path fill="currentColor" fill-rule="evenodd" d="M18.325 3.428c.857.231 1.532.906 1.763 1.763.428 1.565.412 4.827.412 4.827s0 3.245-.412 4.81a2.506 2.506 0 0 1-1.763 1.763c-1.565.412-7.825.412-7.825.412s-6.244 0-7.825-.428a2.506 2.506 0 0 1-1.763-1.763C.5 13.264.5 10.002.5 10.002s0-3.246.412-4.81a2.557 2.557 0 0 1 1.763-1.78C4.24 3 10.5 3 10.5 3s6.26 0 7.825.428Zm-4.612 6.574L8.506 13V7.003l5.206 2.999Z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="youtube-svg"> <rect width="20" height="20" x=".5" fill="#fff" rx="6"></rect> </clipPath> </defs> </svg> </a> </li> </ul> </div> </div> <div class="md:uil-hidden"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Use cases</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/use-cases/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/enterprise/">Enterprise search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/headless-commerce/">Headless commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/mobile-search/">Mobile & app search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/voice-search/">Voice search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/search-and-discovery/image-search/">Image search</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Integrations</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/">Salesforce Commerce Cloud B2C</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/shopify/">Shopify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/">Adobe Commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/netlify/">Netlify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/commercetools/">Commercetools</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/bigcommerce/">BigCommerce</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Industries</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/ecommerce/">B2C ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/b2b-ecommerce/">B2B ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/marketplaces/">Marketplaces</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/saas/">SaaS</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/media/">Media</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/startups/">Startups</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Live demos</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a tag="a" href="https://gdpr.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">GDPR</a><a tag="a" href="https://aiact.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">AI Act</a></ul> </div> </div> <div class="md:uil-hidden"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Solutions</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-search/">AI Search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-browse/">AI Browse</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/recommendations/">AI Recommendations</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/pricing/">Pricing</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Developers</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/">Developer Hub</a><a tag="a" href="https://www.algolia.com/doc/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Documentation</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/integrations/">Integrations</a><a tag="a" href="https://www.algolia.com/blog/engineering/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Engineering blog</a><a tag="a" href="https://alg.li/discord" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Discord community</a><a tag="a" href="https://status.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">API status</a><a tag="a" href="https://docsearch.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">DocSearch</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/for-open-source/">For Open Source</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Distributed & secure</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/global-infrastructure/">Global infrastructure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/security-compliance/">Security & compliance</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-azure/">Azure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-aws/">AWS</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Company</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/">About Algolia</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/careers/">Careers</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/news/">Newsroom</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/events/">Events</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/leadership/">Leadership</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/social-impact/">Social impact</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/contact/">Contact us</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Social networks</h4> <ul class="uil-font-inter uil-font-400 uil-leading-150p uil-text-14 uil-text-grey-900 uil-m-0 uil-flex uil-list-none uil-p-0"> <li class=""> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.linkedin.com/company/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>LinkedIn</title> <g clip-path="url(#linkedin-svg)"> <path fill="currentColor" d="M0 2.668c0-.643.225-1.174.676-1.593.45-.418 1.036-.627 1.756-.627.708 0 1.281.206 1.719.618.45.424.675.978.675 1.66 0 .618-.219 1.133-.656 1.544-.45.425-1.043.637-1.776.637h-.02c-.707 0-1.28-.212-1.718-.637C.22 3.846 0 3.312 0 2.668ZM.251 19.56V6.664h4.286V19.56H.25Zm6.66 0h4.286v-7.2c0-.451.051-.799.154-1.043.18-.438.454-.808.82-1.11.368-.303.828-.454 1.381-.454 1.442 0 2.162.972 2.162 2.915v6.892H20v-7.394c0-1.905-.45-3.35-1.351-4.334-.901-.984-2.092-1.477-3.572-1.477-1.66 0-2.953.715-3.88 2.143v.039h-.02l.02-.039V6.664H6.91c.026.412.039 1.693.039 3.842 0 2.15-.013 5.167-.039 9.054Z"></path> </g> <defs> <clipPath id="linkedin-svg"> <path fill="#fff" d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://twitter.com/algolia"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>X (ex-Twitter)</title> <g clip-path="url(#a)"> <path fill="currentColor" d="m11.546 8.704 6.05-7.142h-1.434l-5.253 6.202-4.195-6.202H1.875l6.344 9.378-6.344 7.489h1.434l5.547-6.549 4.43 6.549h4.839l-6.58-9.725h.001Zm-1.964 2.318-.642-.934-5.115-7.43h2.202l4.128 5.997.642.934 5.366 7.794H13.96l-4.379-6.36Z"></path> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M1.875 1.563h16.25v16.875H1.875z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.facebook.com/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Facebook</title> <path fill="currentColor" d="m14.345 11.107.518-3.413h-3.242V5.481c0-.934.452-1.845 1.904-1.845H15V.73S13.662.5 12.384.5C9.712.5 7.968 2.135 7.968 5.093v2.601H5v3.413h2.968v8.25a11.639 11.639 0 0 0 3.653 0v-8.25h2.724Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.instagram.com/algolia.search/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Instagram</title> <path fill="currentColor" d="M19.944 5.877c-.048-1.065-.22-1.794-.464-2.43a4.877 4.877 0 0 0-1.152-1.77A4.906 4.906 0 0 0 16.559.524C15.923.276 15.195.108 14.131.06 13.063.012 12.722 0 10.01 0 7.293 0 6.953.012 5.89.06 4.824.108 4.096.28 3.46.524c-.66.257-1.22.597-1.772 1.153a4.91 4.91 0 0 0-1.152 1.77C.292 4.083.12 4.812.072 5.877.024 6.946.012 7.286.012 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.556 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153 4.91 4.91 0 0 0 1.152-1.77c.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.714-.008-3.058-.056-4.123Zm-1.796 8.166c-.044.977-.208 1.51-.345 1.858-.18.464-.4.8-.752 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.368.06-4.041.06s-2.989-.012-4.04-.06c-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752A3.182 3.182 0 0 1 2.2 15.9c-.136-.353-.3-.885-.344-1.858-.048-1.053-.06-1.369-.06-4.043 0-2.674.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.565.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.016 2.99-.06 4.043Z"></path> <path fill="currentColor" d="M10.002 4.86A5.137 5.137 0 0 0 4.865 10a5.137 5.137 0 1 0 10.274 0 5.134 5.134 0 0 0-5.137-5.14Zm0 8.475a3.334 3.334 0 0 1 0-6.67 3.334 3.334 0 0 1 0 6.67ZM15.34 5.86a1.2 1.2 0 1 0-.002-2.4 1.2 1.2 0 0 0 .001 2.4Z"></path> <path fill="currentColor" d="M0 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.552 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153c.552-.553.9-1.113 1.152-1.77.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.718-.012-3.058-.06-4.123-.048-1.065-.22-1.794-.464-2.43a4.876 4.876 0 0 0-1.152-1.77A4.775 4.775 0 0 0 16.547.524C15.911.276 15.183.108 14.12.06 13.05.012 12.71 0 9.998 0c-2.717 0-3.057.012-4.12.06-1.065.048-1.793.22-2.43.464A4.872 4.872 0 0 0 1.68 1.677a4.91 4.91 0 0 0-1.152 1.77C.28 4.083.108 4.812.06 5.877.012 6.942 0 7.282 0 10Zm1.804 0c0-2.67.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.564.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.012 2.99-.06 4.043-.044.977-.208 1.51-.344 1.858-.18.464-.4.8-.753 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.369.06-4.041.06-2.673 0-2.989-.012-4.04-.06-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752a3.182 3.182 0 0 1-.753-1.153c-.136-.353-.3-.885-.344-1.858-.052-1.053-.06-1.373-.06-4.043Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.youtube.com/channel/UCTNkiq-SO8hay1PRx-it9Cw"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>YouTube</title> <g clip-path="url(#youtube-svg)"> <path fill="currentColor" fill-rule="evenodd" d="M18.325 3.428c.857.231 1.532.906 1.763 1.763.428 1.565.412 4.827.412 4.827s0 3.245-.412 4.81a2.506 2.506 0 0 1-1.763 1.763c-1.565.412-7.825.412-7.825.412s-6.244 0-7.825-.428a2.506 2.506 0 0 1-1.763-1.763C.5 13.264.5 10.002.5 10.002s0-3.246.412-4.81a2.557 2.557 0 0 1 1.763-1.78C4.24 3 10.5 3 10.5 3s6.26 0 7.825.428Zm-4.612 6.574L8.506 13V7.003l5.206 2.999Z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="youtube-svg"> <rect width="20" height="20" x=".5" fill="#fff" rx="6"></rect> </clipPath> </defs> </svg> </a> </li> </ul> </div> </div> </div> <div class="uil-m-auto uil-max-w-1440 uil-px-16-56 uil-pb-32-40"> <hr class="uil-m-0 uil-h-1 uil-border-0 uil-bg-grey-700 uil-mb-24-32"> <div class="uil-flex uil-flex-col uil-items-center sm:uil-flex-row sm:uil-justify-between"> <div class="uil-flex uil-items-center"> <svg class="uil-mr-16 uil-h-auto uil-w-20" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Algolia mark white</title> <path d="M250.926 0C114.306 0 2.926 110.16.956 246.32c-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.53l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.49c0-5.24-4.25-9.49-9.49-9.49H250.926Z" fill="#fff"></path> </svg> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white"> ©2024 Algolia - All rights reserved. </span> </div> <ul class="uil-m-0 uil-mt-16 uil-flex uil-list-none uil-flex-wrap uil-justify-center uil-p-0 sm:uil-mt-0 sm:uil-justify-end"> <li><button class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white no-underline transition-colors duration-200 hover:text-xenon-400">Cookie settings</button></li> <a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-ml-16 before:uil-absolute before:uil-left-[-8px] before:uil-top-[50%] before:uil-block before:uil-h-50p before:uil-w-1 before:uil-translate-y-[-50%] before:uil-bg-white before:uil-content-[''] uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/privacy/">Privacy policy</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/terms/">Terms of service</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/acceptable-use/">Acceptable use policy</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative" href="https://www.algolia.com/policies/anti-modern-slavery-statement/">Anti-Modern Slavery Statement</a> </ul> </div> </div> </footer> </div> <script src="https://uberflip.cdntwrk.com/js/themes/themes_app.bcee1f69d7c9bd0ecc0e.js" ></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> frontEndPage.init({ window: window, ufaCallerOptions: {"ufaUrl":"https:\/\/ufa.uberflip.com","accountId":"554297","hubId":"103949","pageType":"hub","streamId":null,"itemId":null,"authorId":null,"pardotCookie":null,"connectedMAPs":["Marketo"],"requireOptIn":true}, }) </script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> window.uberflip.eloquaFirstPartyCookies = false; window.uberflip.eloquaConnected = false; </script>  <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"id="onbrand__scripts-production" src="//cihost.uberflip.com/algolia-tv2/master/build/en/en.bundle.js"></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> const activeClassNames = (isDark) => isDark ? ['uil-text-xenon-400', 'uil-border-xenon-400'] : ['uil-text-xenon-400', 'uil-border-xenon-400']; const focusElement = (query, parent = document) => { const focusableElement = parent.querySelector(query); if (!focusableElement) return; focusableElement.focus(); }; const getOpenedMenuTitle = () => { const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const title = menuItemsContainer.getAttribute('data-open-title'); return title; }; const findFirstParentWithId = (element) => { let currentElement = element; while (currentElement) { if (currentElement.id && currentElement.id !== 'root') { return currentElement; } currentElement = currentElement.parentElement; } return null; }; const onCloseMenuItems = ({ title, isDark }) => { const menuItems = document.getElementById(title); if (!menuItems) return; menuItems.classList.add('uil-opacity-0'); menuItems.classList.remove('uil-z-1'); const navItem = document.querySelector(`*[aria-label='${title}']`); if (!navItem) return; navItem.classList.remove(...activeClassNames(isDark)); }; const onCloseMenuItemsContainer = () => { const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); const ariaHover = menuItemsContainer.getAttribute('aria-hover'); if (ariaHidden === 'false' && ariaHover === 'true') return; menuItemsContainer.setAttribute('aria-hidden', 'true'); menuItemsContainer.removeAttribute('data-open-title'); menuItemsContainer.classList.add( 'uil-opacity-0', '-uil-z-1', 'uil-pointer-events-none' ); menuItemsContainer.classList.remove('uil-z-5'); }; const onOpen = ({ title, isDark = false }) => { const menuItems = document.getElementById(title); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); const navLiElement = document.querySelector(`li[data-title='${title}']`); const navItem = document.querySelector(`*[aria-label='${title}']`); if (!menuItemsContainer || !menuItems || !navItem || !navLiElement) return; const menuItemsToClose = menuItemsContainer.querySelectorAll( `div[id]:not([id="${title}"]):not([id="menu-card"])` ); menuItemsToClose.forEach(function (menuToClose) { const id = menuToClose.id; onCloseMenuItems({ title: id, isDark }); }); menuItemsContainer.setAttribute('aria-hidden', 'false'); menuItemsContainer.setAttribute('data-open-title', title); menuItemsContainer.classList.remove( 'uil-opacity-0', '-uil-z-1', 'uil-pointer-events-none' ); menuItemsContainer.classList.add('uil-z-5'); menuItems.classList.remove('uil-opacity-0'); menuItems.classList.add('uil-z-1'); navLiElement.setAttribute('aria-li-hover', 'true'); navItem.classList.add(...activeClassNames(isDark)); adjustSizes(menuItems); adjustPositions(navLiElement, menuItemsContainer); focusElement(`#${title}`); }; const onClose = ({ title, isDark }) => { const navLiElement = document.querySelector(`li[data-title='${title}']`); if (!navLiElement) return; navLiElement.setAttribute('aria-li-hover', 'false'); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); const ariaHover = menuItemsContainer.getAttribute('aria-hover'); if (ariaHidden === 'false' && ariaHover === 'true') return; onCloseMenuItems({ title, isDark }); onCloseMenuItemsContainer(); }; const onFocus = ({ title, isDark }) => { onOpen({ title, isDark }); const menuItems = document.getElementById(title); if (!menuItems) return; focusElement('[tabIndex="0"]', menuItems); }; const adjustSizes = (parentSourceElement) => { const sourceDiv = parentSourceElement.querySelector(':first-child'); const targetDiv = document.getElementById('menu-card'); if (!sourceDiv || !targetDiv) return; const sourceWidth = sourceDiv.offsetWidth; const sourceHeight = sourceDiv.offsetHeight; targetDiv.setAttribute('data-width', sourceWidth.toString()); targetDiv.style.width = `${sourceWidth}px`; targetDiv.style.height = `${sourceHeight}px`; }; const adjustPositions = (sourceElement, targetElement, offSet = 40) => { const rect = sourceElement.getBoundingClientRect(); const position = { left: rect.left + window.scrollX - offSet, }; // We need to do those checks in case the menu-card overflows on X-axis const witnessElement = document.getElementById('menu-card'); if (!witnessElement) return; const dataWidth = witnessElement.getAttribute('data-width'); if (!dataWidth) return; const width = parseInt(dataWidth, 10); const viewportWidth = window.innerWidth || document.documentElement.clientWidth; const isInViewport = position.left + width < viewportWidth; // Only transform if it doesn't overflow if (isInViewport) { targetElement.style.transform = `translateX(${position.left}px)`; } else { targetElement.style.transform = 'translateX(0)'; } }; const initialPlacement = (offSet = 100) => { const menuItems = document.getElementById('Solutions'); const navLiElement = document.querySelector(`li[data-title='Solutions']`); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (menuItems && navLiElement && menuItemsContainer) { adjustSizes(menuItems); adjustPositions(navLiElement, menuItemsContainer, offSet); } }; const collideWithMenuItems = (event, isDark = false) => { const mouseX = event.clientX; const mouseY = event.clientY; const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); if (!ariaHidden || ariaHidden === 'true') return; const divRect = menuItemsContainer.getBoundingClientRect(); const isInside = mouseX >= divRect.left && mouseX <= divRect.right && mouseY >= divRect.top && mouseY <= divRect.bottom; if (isInside) { menuItemsContainer.setAttribute('aria-hover', 'true'); } else { menuItemsContainer.setAttribute('aria-hover', 'false'); const title = getOpenedMenuTitle(); if (!title) return; // Intersect avec un navLiElement? On fait rien. Sinon, on set aria-hidden a true const navLiElement = document.querySelector(`*[aria-li-hover='true']`); // // On intersecte avec cet element donc on laisse ouvert if (navLiElement) return; const navItem = document.querySelector(`*[aria-label='${title}']`); if (!navItem) return; onClose({ title, isDark }); } }; const onTab = ({ title, nextTitle, hasNextLinks, isDark }) => { if (nextTitle) { if (hasNextLinks) { onFocus({ title: nextTitle, isDark }); } else { onClose({ title, isDark }); focusElement(`a[aria-label=${nextTitle}]`); } } else { onClose({ title, isDark }); focusElement('div[data-nav-search-bar] > a:last-of-type'); } }; const onShiftTab = ({ title, previousTitle, hasPreviousLinks, isDark }) => { if (previousTitle) { if (hasPreviousLinks) { onOpen({ title: previousTitle, isDark }); focusElement( `#${previousTitle} > div div:last-child div:last-child a:last-of-type` ); } else { onClose({ title, isDark }); focusElement(`a[aria-label=${previousTitle}]`); } } else { onClose({ title, isDark }); focusElement('div[data-nav-logo-container] > a:first-child'); } }; const isOtherMenuItemsHovered = (e, isDark) => { const title = getOpenedMenuTitle(); const menuItems = findFirstParentWithId(e.target); if (!menuItems) return false; const menuItemsTitle = menuItems?.id; // We have focus on an menuItems element but the container is closed if (!title) { e.preventDefault(); onOpen({ title: menuItemsTitle, isDark }); return true; } // Typical use-case if when we hover another nav item if (menuItemsTitle !== title) { const menuItems = document.getElementById(title); if (!menuItems) return false; e.preventDefault(); focusElement('[tabIndex="0"]', menuItems); return true; } return false; }; const onKeyDown = ({ e, onTab, onShiftTab, isDark }) => { if (e.key !== 'Tab') return; if (e.target !== document.activeElement) return; if (isOtherMenuItemsHovered(e, isDark)) return; if (!onShiftTab && !onTab) { return; } // If we go next on the first element if (onShiftTab && !e.shiftKey) { return; } // If we go back on the last element if (onTab && e.shiftKey) { return; } e.preventDefault(); // Going to previous NavLiElement if (onShiftTab && e.shiftKey) { return onShiftTab(); } // Going to next NavLiElement if (onTab && !e.shiftKey) { return onTab(); } }; const MOBILE_MENU = { open: { icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-w-20 uil-h-20 uil-d-block uil-text-white"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>`, label: `<span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-14-16">Menu</span>`, }, close: { icon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-w-20 uil-h-20 uil-d-block uil-text-white"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`, label: `<span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-14-16 uil-text-white">Close</span>`, }, }; const CHEVRON_ICON = { up: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white"><polyline points="18 15 12 9 6 15"></polyline></svg>`, down: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="uil-text-white"><polyline points="6 9 12 15 18 9"></polyline></svg>`, }; const [mobileMenuButton] = document.querySelectorAll( '[data-mobile-menu-button]' ); const mobileMenuItems = document.querySelector('[data-mobile-menu-items]'); const [navElement] = document.querySelectorAll('[data-nav-main]'); const [logoContainer] = document.querySelectorAll('[data-nav-logo-container]'); const [navItemList] = document.querySelectorAll('ul[data-nav-item-list]'); const [searchBarContainer] = document.querySelectorAll('[data-nav-search-bar]'); const [userButtonsContainer] = document.querySelectorAll( '[data-nav-user-buttons]' ); const quickLinks = document.querySelector('[data-quick-links]'); const toggleClassNames = (element, classNames) => { classNames.forEach((className) => { element.classList.toggle(className); }); }; window.addEventListener('load', () => { initialPlacement(); document.addEventListener('mousemove', (e) => collideWithMenuItems(e)); document.addEventListener('resize', () => initialPlacement()); }); Array.from(navItemList.children).forEach((itemElement) => { const title = itemElement.getAttribute('data-title'); itemElement.addEventListener('mouseenter', () => { onOpen({ title, isDark: false }); }); itemElement.addEventListener('mouseleave', () => { onClose({ title, isDark: false }); }); itemElement.addEventListener('click', () => { onFocus({ title, isDark: false }); }); }); // Open mobile nav mobileMenuButton.addEventListener('click', () => { toggleClassNames(document.body, ['uil-overflow-hidden']); toggleClassNames(mobileMenuItems, ['uil-hidden']); toggleClassNames(navElement, [ 'uil-h-100vh', 'uil-w-100vw', 'uil-overflow-y-scroll', 'uil-sticky', ]); toggleClassNames(quickLinks, [ 'uil-hidden', 'uil-z-1', 'uil-mt-16', 'uil-grid', 'uil-grid-cols-2', 'uil-pr-32', ]); toggleClassNames(userButtonsContainer, [ 'uil-mt-auto', 'uil-justify-center', 'uil-pb-12', 'uil-pt-24', ]); Array.from(userButtonsContainer.children).forEach((userButton) => { userButton.classList.toggle('uil-hidden'); }); const trimmedText = mobileMenuButton.textContent.trim(''); if (trimmedText === 'Menu') { mobileMenuButton.innerHTML = `${MOBILE_MENU.close.icon}${MOBILE_MENU.close.label}`; } else if (trimmedText === 'Close') { mobileMenuButton.innerHTML = `${MOBILE_MENU.open.icon}${MOBILE_MENU.open.label}`; } Array.from(mobileMenuItems.children).forEach((itemElement) => { itemElement.addEventListener('click', () => { const [accordionButton, accordionContent] = itemElement.children; toggleClassNames(accordionContent, ['uil-hidden']); // Remove chevron icon const [chevronSvg] = accordionButton.getElementsByTagName('svg'); accordionButton.removeChild(chevronSvg); const isExpanded = !accordionContent.classList.contains('uil-hidden'); accordionButton.innerHTML += CHEVRON_ICON[isExpanded ? 'up' : 'down']; }); }); }); </script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB" src="https://cdn.jsdelivr.net/npm/algoliasearch@3.35.1/dist/algoliasearchLite.min.js" integrity="sha256-5rOQwvvJdM9oDYQYCGzaJuuTy6SUALjma3OtzEGyJM0=" crossorigin="anonymous" ></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB" src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.0.0/dist/instantsearch.production.min.js" integrity="sha256-6S7q0JJs/Kx4kb/fv0oMjS855QTz5Rc2hh9AkIUjUsk=" crossorigin="anonymous" ></script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> if (!document.body.classList.contains("uf-item-page")) { // Instantiate Analytics var ALGOLIA_INSIGHTS_SRC = "//cdn.jsdelivr.net/npm/search-insights@1.3.1"; !(function(e, a, t, n, s, i, c) { (e.AlgoliaAnalyticsObject = s), (e[s] = e[s] || function() { (e[s].queue = e[s].queue || []).push(arguments); }), (i = a.createElement(t)), (c = a.getElementsByTagName(t)[0]), (i.async = 1), (i.src = n), c.parentNode.insertBefore(i, c); })(window, document, "script", ALGOLIA_INSIGHTS_SRC, "aa"); /* aa("init", { appId: "latency", apiKey: "af044fb0788d6bb15f807e4420592bc5" }); var searchClient = algoliasearch( "latency", "af044fb0788d6bb15f807e4420592bc5" ); var search = instantsearch({ indexName: "PROD_algolia_com_site_resources-heroku", searchClient: searchClient, insightsClient: window.aa }); */ var currentAppId = "1QDAWL72TQ"; var currentApiKey = "47700f55d95d23f5a57744b9a027ea83"; aa("init", { appId: currentAppId, apiKey: currentApiKey, }); var searchClient = algoliasearch( currentAppId, currentApiKey ); var search = instantsearch({ indexName: "PROD_algolia_com_site_resources-ubf", searchClient: searchClient, insightsClient: window.aa, }); var searchBoxElementContainer = "div#q"; // var mobileSearchBoxElementContainer = "div#mq"; var aisHits = document.createElement("div"); aisHits.id = "ais-hits"; aisHits.classList.add("is-clearfix"); document.querySelector("#uf-tile-container").insertAdjacentElement("afterend", aisHits); var replaceSearchbox = document.createElement("div"); replaceSearchbox.id = "q"; var initialSearcBox = document.querySelector("#uf-search-form"); var parentSearchboxDiv = initialSearcBox.parentNode; parentSearchboxDiv.replaceChild(replaceSearchbox, initialSearcBox); var buttonMaker = function buttonMaker(type) { switch (type) { case "docs": return "Read more"; break; case "blogs": return "Read Article"; break; case "videos": return "Watch video"; break; default: return "Access resource"; break; } }; search.addWidgets([ instantsearch.widgets.searchBox({ container: searchBoxElementContainer, placeholder: " " }), // instantsearch.widgets.searchBox({ // container: mobileSearchBoxElementContainer, // placeholder: "Search for products" // }), instantsearch.widgets.configure({ hitsPerPage: 40, clickAnalytics: true, attributesToSnippet: ['description'], /* default to description:10 */ snippetEllipsisText: '…' }), instantsearch.widgets.hits({ container: "#ais-hits", transformItems: function transformItems(items) { return items.map(function(item) { return { ...item, thumbnail_url: item.thumbnail_url.replace(" ", ""), button_text: buttonMaker(item.type), type: item.type, stream: item.streams_included, isVideo: item.service === "vidyard" || item.service === "youtube" }; }); }, cssClasses: { list: "d-grid g-1 md:g-2 lg:g-3 ggap-0" }, templates: { item(hit) { if (hit.hidden === false) { return( '<li data-is-video="'+ hit.isVideo +'" class="uf-tile-wrapper uf-item-tile ' + hit.type + ' ' + hit.stream +' with-img ">' + '\n<article>' + '\n<a class="uf-tile box uberflip uf-docs" href="' + hit.url + '" ' + 'onclick="window.location=this.href" ' + instantsearch.insights("clickedObjectIDsAfterSearch", { eventName: "Clicked result", objectIDs: [hit.objectID] }) + '>' + '\n<figure class="uf-tile-thumbnail flex-centered" aria-hidden="true">' + '\n<img src="' + hit.thumbnail_url + '"' + 'alt="' + hit.title + '"' + 'class="' + (hit.type === "docs" ? "taller" : "shorter") + '">' + '\n</figure>' + '\n<header class="uf-tile-copy">' + '\n<h1 class="uf-tile-title title">' + instantsearch.highlight({ hit: hit, attribute: "title" }) + '</h1>' + '\n<p class="subtitle uf-tile-description">' + instantsearch.snippet({ hit: hit, attribute: "description" }) + '</p>' + '\n</header>' + '\n<div class="uf-tile-content-label">' + '\n<p class="uf-tile-content-label-text">' + '<span>' + hit.button_text + '</span></p>' + '\n<i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i>' + '\n</div>' + '\n</div>' + '\n</a>' + '\n</article>' + '\n</li>'); } }, empty: '<div class="ais-no-results-found"> There are no results for this query. Go back to the <a href="https://resources.algolia.com" class="td-none color-nebula">Resources Homepage</a></div>', } }) ]); function init() { // document.getElementById("loading-overlay").remove(); // [".search-results-overlay", ".search-results-backdrop"].forEach(function( // element // ) { // document.querySelector(element).remove(); // }); var container = document.getElementById("uf-lazy-loader"); document.querySelector("#ais-hits").classList.add("d-none"); document.querySelector(searchBoxElementContainer).addEventListener("input", function(e) { if (!e.target.value) { document.querySelector("#uf-tile-container").classList.add("d-block"); document.querySelector("#uf-tile-container").classList.remove("d-none"); document.querySelector("#ais-hits").classList.add("d-none"); document.querySelector("#ais-hits").classList.remove("d-block"); } else { document.querySelector("#uf-tile-container").classList.add("d-none"); document.querySelector("#uf-tile-container").classList.remove("d-block"); document.querySelector("#ais-hits").classList.add("d-block"); document.querySelector("#ais-hits").classList.remove("d-none"); } }); document .querySelector(searchBoxElementContainer) .addEventListener("click", function(e) { search.helper.clearRefinements("streams_included"); // removeNoscroll(); }); // Nav to queries // Focus search box when "search" button at bottom of tiles is clicked const loadMoreSearchButton = document.querySelector("button.uf-load-more-search"); if (loadMoreSearchButton) { loadMoreSearchButton.addEventListener("click", () => { document.querySelector(".ais-SearchBox-input").focus(); }); } } init(); search.start(); } </script> <script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"> function setCookie(value) { var cookie = [ ['algolia_website_original_location', value], ['Path', '/'], ['Domain', '.algolia.com'], ['SameSite', 'Strict'], ]; var serializedCookie = cookie.map(function(values) { return values.join('='); }).join('; '); document.cookie = serializedCookie; } function getCookie(key) { var split = document.cookie.split('; '); if (!split.length) return false; var cookieForKey = split.find(function(e) { return e.startsWith(key); }); if (!cookieForKey) return false; var cookieData = cookieForKey.split(/[=](.*)/); if (cookieData.length !== 3) return false; return true; } if (!getCookie('algolia_website_original_location')) { var originalLocation = document.location.protocol + '//' + document.location.hostname + document.location.pathname; setCookie(originalLocation); } </script><script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"type="text/javascript" charset="utf-8"> function getDomainFromUrl(url) { var a = document.createElement('a'); a.setAttribute('href', url); var domain = a.hostname.split('.').at(-2); if (domain) return domain; return ''; } function getValueInCookie(key) { if (!document || !key) return ''; // Each cookie is separated from the next one by "; " var split = document.cookie.split('; '); if (!split.length) return ''; var cookieForKey = split.find(function (e) { return e.startsWith(key); }); if (!cookieForKey) return ''; // Format of a cookie: bar=foo, but `foo` can contains '=' aswell, we only split at 1st occurence var cookieData = cookieForKey.split(/[=](.*)/); // There will be an empty element at index 2 due to the regex if (cookieData.length !== 3) return ''; // Key is at index 0, value at index 1 return cookieData[1]; } function getUtmsFromReferrer() { if (!document) return null; var referrer = document.referrer; // user likely typed in the URL or used a bookmark if (!referrer) { return { source: 'direct', medium: 'direct' }; } var searchEngines = [ 'google', 'yahoo', 'bing', 'yandex', 'duckduckgo', 'baidu', 'msn', 'ask', 'teoma', 'slurp', 'crawler', 'spider', 'robot', 'crawling', ]; // user came from an external source var isSearchEngine = new RegExp(searchEngines.join('|')).test(referrer); var captureSource = getDomainFromUrl(referrer); // We don't want to catpure utms from algolia domain if (captureSource && captureSource !== 'algolia') { return { source: captureSource, medium: isSearchEngine ? 'organic' : 'referral', }; } return null; } function setValueInCookie(props) { var cookieData = [ [props.key, props.value], ['Path', '/'], ['Domain', '.algolia.com'], ['SameSite', 'Strict'], ]; var serializedCookieData = cookieData .map(function (values) { return values.join('='); }) .join('; '); document.cookie = serializedCookieData; } var cookieName = 'algolia_website_utm_params'; // We don't want to reset the cookie if it exists if (!getValueInCookie(cookieName)) { var queryString = window.location.search; var params = queryString.match(/(utm_|tf_|gclid)([^&]*)/g); var utmData = {}; if (params) { params.forEach(function (param) { var split = param.split('='); var key = split[0].toLowerCase(); var value = split[1]; utmData[key] = value; }); } if (!utmData.utm_source && !utmData.utm_medium) { var utmsFromReferrer = getUtmsFromReferrer(); if (utmsFromReferrer) { utmData.utm_source = utmsFromReferrer.source; utmData.utm_medium = utmsFromReferrer.medium; } } // If there's no data, there's no need to set a cookie if (Object.keys(utmData).length) { setValueInCookie({ key: cookieName, value: encodeURIComponent(JSON.stringify(utmData)) }); } } </script><script nonce="ST24wEbdSu4u1Kgeiu8_rwxB"data-ot-ignore="" strategy="lazyOnload"> /* Import drift */ !function() { var t = window.driftt = window.drift = window.driftt || []; if (!t.init) { if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], t.factory = function(e) { return function() { var n = Array.prototype.slice.call(arguments); return n.unshift(e), t.push(n), t; }; }, t.methods.forEach(function(e) { t[e] = t.factory(e); }), t.load = function(t) { var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); o.type = "text/javascript", o.defer = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js"; document.body.appendChild(o); }; } }(); drift.SNIPPET_VERSION = '0.3.1'; window.drift_init_options = {loadType: 'ON_INTERACTIVE'}; drift.load('akbbnskvekg7'); typeof window.driftIdentifyUser === 'function' && window.driftIdentifyUser(); </script>  <script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/e883a46/public/js/0.55b5e7e9a04fba3dcb06.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/e883a46/public/js/1.55b5e7e9a04fba3dcb06.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/e883a46/public/js/runtime~template_sets_default_pages_hub_page.55b5e7e9a04fba3dcb06.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/e883a46/public/js/template_sets_default_pages_hub_page.55b5e7e9a04fba3dcb06.chunk.js"></script></body> </html>

CINXE.COM

Algolia Resource Center