Algolia Recommend

<!DOCTYPE html> <html lang="en-US" dir="ltr" itemscope itemtype="https://schema.org/WebPage"> <head> <link href="https://content.cdntwrk.com/themes/vanilla/a159155/public/css/template_sets_default_pages_stream_page.b43113d50d7e9ec1d28a.chunk.css" rel="stylesheet"> <meta charset="UTF-8" /> <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Algolia Recommend</title> <meta name="title" content="Algolia Recommend" /> <meta name="description" content="Build a unique, AI-powered product recommendation engine for personalized experiences." /> <meta itemprop="name" content="Algolia Recommend"> <meta itemprop="description" content="Build a unique, AI-powered product recommendation engine for personalized experiences."> <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-475214 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTQ3NTIxNCZtb2RpZmllZD0yMDIyLTA3LTIwIDE0OjI5OjUyJnNpZz02YjM2MDE5N2RmZDZlYWNiN2M2NTljYTFkN2VhMjM4Mw%253D%253D"); background-size: cover; } .uf-link-cta-tile-475214 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-475214 .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="Recommendations"> <meta property="og:url" content="https://resources.algolia.com/recommendations"> <meta property="og:image" content="https://res.cloudinary.com/uf-554297/image/upload/v1720550663/UF_ebook_power_up_prod_recs_q4fiqd.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Recommendations"> <meta name="twitter:image" content="https://res.cloudinary.com/uf-554297/image/upload/v1720550663/UF_ebook_power_up_prod_recs_q4fiqd.png"> <meta name="robots" content="noindex, follow"> <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="7Ozoc1ie7C4HELGm2K5Epp6C"src="nav.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/on/index.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/on/onclose.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/keyboard.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/misc.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/physics.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"src="helpers/index.js"></script> </html><script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> 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="7Ozoc1ie7C4HELGm2K5Epp6C"> !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="7Ozoc1ie7C4HELGm2K5Epp6C"> (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="7Ozoc1ie7C4HELGm2K5Epp6C"type="text/javascript" src="https://cdn.cookielaw.org/consent/5e9f5149-bde8-4a13-b973-b7a9385e8ebb/OtAutoBlock.js"></script>  <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"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="7Ozoc1ie7C4HELGm2K5Epp6C"type="text/javascript">function OptanonWrapper() {}</script>   <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> 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="7Ozoc1ie7C4HELGm2K5Epp6C"> window.bannerText = 'Resources'; </script> </head> <body id="uf-stream-page" class="uf-stream-page uf-tiles-page uf-marketing-stream uf-default-template " data-hub-id="103949" data-hub-primaryColor="#4D4D4D" data-hub-secondaryColor="#5bc0de" data-hub-backgroundColor="#a9a9a9" data-hub-embedded="false" data-hub-hideHero="false" 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="9525396" data-stream-externalService="custom" data-domain-www="https://resources.algolia.com/" data-domain-theme="vanilla" data-page-bookmark="#ufh-c-9525396-recommendations" > <a id="uf-skip-to-main" class="uf-skip-to-main" href="#main-content" data-internal="self">Skip to main content</a> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> window.uberflip = window.uberflip || {}; window.uberflip.knownUser = {"Marketo":0}; window.uberflip.integrationsToTrackViews = []; window.uberflip.serverTimestamp = 1732778284; 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="7Ozoc1ie7C4HELGm2K5Epp6C"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="7Ozoc1ie7C4HELGm2K5Epp6C"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 " > <a role="menuitem" class="uf-menu-parent-link is-focusable inline uf-menu-item" href="https://resources.algolia.com" data-internal="stream" > 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 uf-selected" > <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 uf-selected uf-selected-child" > <a role="menuitem" href="https://resources.algolia.com/recommendations" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" aria-current="page" > 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="9525396"> <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> </div> </div> </div> <main class="container uf-main-content" id="main-content"> <div class="container-align"> <div class="uf-description-block "> <hgroup> <h2 class="title is-size-3 has-margin-bottom-20">Recommendations</h2> </hgroup> </div> <div id="uf-lazy-loader" class="uf-lazy-loader" data-type="collection" data-target-id="9525396" data-load-limit="20" data-has-more-items="true" data-total-item-count="21" data-stream-sections-beta-flag="true" > <div id="uf-tile-container" class="uf-tile-container is-clearfix" > <div class="stream-section-container stream-section-link section-index-0" id="stream-section-"> <div class="stream-section-link section-index-link" id="section-index-0"></div> <div class="stream-section-items"> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688106041" data-source-stream-id="5435722" data-tags="AI Search,Recommend,Algolia AI,B2C E-commerce,Stage: Active Intent,bombora.tp.eCommerce Site Search,bombora.tp.Algolia Recommend,Business Decision Makers,bombora.pg.Business Professional,Ebook - 1st party" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/ebook-power-up-product-recommendations" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1720550663/UF_ebook_power_up_prod_recs_q4fiqd.png" alt="Power up product recommendations with AI" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Power up product recommendations with AI </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this eBook, we provide an overview of AI-powered recommendations and explain how they generate personalized content predictions.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="687292195" data-source-stream-id="5435722" data-tags="Site search,B2C E-commerce,Recommend,Developer,bombora.tp.eCommerce Site Search,bombora.tp.Algolia Recommend,bombora.pg.IT Professional,Ebook - 1st party" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/ebook-image-recommendation-api" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NjI2Y2VlMzc5ODFiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTU5OWU5YmQ4OGM2OTRhZjdjOWU1NzNkYWEzZjBhNDcy" alt="Image Recommendation API for Business-Contextual Search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Image Recommendation API for Business-Contextual Search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Our latest challenge has been to move beyond text and keyword search to make your customer experience multimodal. We've spent the last twelve months building a high-performing image retrieval API.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="676996867" data-source-stream-id="6212739" data-tags="Video,B2C E-commerce,Recommend,Demo,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search" > <article> <a class="uf-tile box youtube uf-videos " href="https://resources.algolia.com/recommendations/video-recommendationsdemo-retail" data-internal="youtube" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NjMyYWY2M2I1ZmNmLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTJkNDdjMDEzYjUyM2ZiOTk2OGQ5MTBiN2YxZjc0ZDhh&size=1&version=1714597895&sig=b30f38974e48c34897bda8bbd5301a87&default=hubs%2Ftilebg-videos.jpg" alt="Algolia recommendations for ecommerce" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 3:47"> 3:47 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia recommendations for ecommerce </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">With Algolia Recommend, developers can use a simple and flexible API to build machine learning-powered recommendations on their company’s digital storefronts using as few as 6 lines of code.</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> </div> <div class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-475214 " data-id="475214" > <p class="uf-link-cta-tile-text">Noski Noski boosted their online store in 1 month</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/dg/customer-stories-noskinoski/p/1" target="_blank" rel="noopener" data-internal="false" > See their story ▷ </a> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="677249032" data-source-stream-id="5450496" data-tags="Webinar,B2C E-commerce,Recommend,Business Decision Makers,Tech Decision Makers,Developer,AI Search,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.show" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/recommendations/webinar-recommendproductshowcase" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MmQwNmRkYWJmNGY3LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTQ4NmFmZDFmZTkzY2FjOTgyN2Q0NTM4MTBkYWZmMDJm&size=1&version=1705083746&sig=e2f628f0db5792f47066a5f4bd093ad8&default=hubs%2Ftilebg-videos.jpg" alt="Algolia Recommend: Spring release showcase" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 25:51"> 25:51 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia Recommend: Spring release showcase </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Webinar showcasing Algolia Recommend’s latest product updates that connect users with the most relevant, actionable recommendations.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="671491893" data-source-stream-id="5450496" data-tags="Video,B2C E-commerce,Recommend,Developer,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/recommendations/video-addrecommendationsecommerce-expansion" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fplay.vidyard.com%2Ffh6dmgzqy35fKgqbAGhrSV.jpg&size=1&version=1702507776&sig=f1949833f6df7c74442a209230547d91&default=hubs%2Ftilebg-videos.jpg" alt="How to add 'Recommendations' to an e-commerce site" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 11:26"> 11:26 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How to add 'Recommendations' to an e-commerce site </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">With Algolia Recommend, developers can use a simple and flexible API to build machine learning powered recommendations on your company’s digital storefronts using as few as 6 lines of code.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="675419882" data-source-stream-id="5450496" data-tags="Webinar,Site search,B2C E-commerce,Recommend,Business Decision Makers,Tech Decision Makers,bombora.show,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/recommendations/webinar-blackfridaygymshark-retail" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjQ1Zjk3N2U0ZjcyLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWNlZmI3OThhNmEwNDY2NjI1NjM2MmI1OTViOTU2MGEw&size=1&version=1702507776&sig=cdefe3c0c6384a9d0a51c0e31038de09&default=hubs%2Ftilebg-videos.jpg" alt="Retail innovations: Real-time peak season agility" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 41:44"> 41:44 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Retail innovations: Real-time peak season agility </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This webinar focuses on Gymshark's challenges to be ready for peak seasons and their experiment with Algolia Recommend during during Black Friday '21.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="656471125" data-source-stream-id="5867752" data-tags="Blog,Recommend,API,bombora.tp.Algolia Recommend" > <article> <a class="uf-tile box blogpost uf-blogs " href="https://resources.algolia.com/recommendations/beyond-the-search-box-how-digital-shopping-got-smarter-with-an-api-first-approach" data-internal="blogpost" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fhilnmyskv%2Fimage%2Fupload%2Fq_auto%2Cf_auto%2Fv1621615895%2FAlgolia_com_Blog_assets%2FFeatured_images%2Falgolia%2Fbeyond-the-search-box-how-digital-shopping-got-smarter-with-an-api-first-approach%2Fstltwbmrgvjutznv21tq.jpg&size=1&version=1665679078&sig=f929d001295f1e48b9fc9a994ea528c0&default=hubs%2Ftilebg-blogs.jpg" alt="Beyond the search box: How digital shopping got smarter with an API-first approach" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Beyond the search box: How digital shopping got smarter with an API-first approach </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Today we have an ability to search smarter with API-driven machine intelligence designed to fill our carts and warm our hearts.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read Article</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="669358451" data-source-stream-id="5450496" data-tags="Webinar,BOF,MOF,Recommend,API,Merchandizing,B2C E-commerce,Retail,Business Decision Makers,bombora.tp.Algolia Recommend,bombora.tp.Online Merchandising,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/recommendations/webinar-recommendlaunch-dg-retail" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fplay.vidyard.com%2Ff2PXmjgzGPJAc97Qd2VMJ8.jpg&size=1&version=1702507776&sig=bf47f14d44f09bd20f6554521e88632f&default=hubs%2Ftilebg-videos.jpg" alt="Algolia Recommend: The next best way to increase revenue" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 22:26"> 22:26 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia Recommend: The next best way to increase revenue </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia has added a Recommendations API to the developer’s toolkit, giving them the ability to optimize across the entire product catalog.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch webinar</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </div> </div> </div> <div class="stream-section-container stream-section-link section-index-1" id="stream-section-17567"> <div class="stream-section-link section-index-link" id="section-index-1"></div> <div class="stream-section-header stream-section-link" id="section-customers-that-use-algolia-recommend"> Customers that use Algolia Recommend <hr> </div> <div class="stream-section-items"> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="672431766" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,Business Decision Makers,Tech Decision Makers,AI Search,bombora.tp.Algolia Recommend,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/recommendations/casestudy-gymshark-recommend" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWVlZmM3ZTlmMWE3LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWE1Nzc2YmFhYTEyMzExMDRmMGY1NWI5YTU3NzUyZjFk" alt="Gymshark adds Algolia Recommend to handle crucial Black Friday period" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Gymshark adds Algolia Recommend to handle crucial Black Friday period </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Gymshark turned to Algolia to improve product recommendations on its site - driving clicks and conversions from new and old customers while handling extreme Black Friday traffic.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="674617566" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,Rules,Instantsearch,Search API,Analytics,Business Decision Makers,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-noskinoski" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjI3ODQ1OWEzN2RlLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWU2Zjc3ZWU0M2MzNTAxMWI1YzQ4NTY5YTI1ZTljZDhk" alt="Polish toy store enhances customer experience with Algolia Recommend" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Polish toy store enhances customer experience with Algolia Recommend </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Wanting to give its customers a bricks-and-mortar-like shopping experience and help them more easily explore its products, Polish toy store Noski Noski turned to Algolia Recommend.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="681088227" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2B,Recommend,Rules,Dynamic Re-Ranking,AI Search,Business Decision Makers,Tech Decision Makers,bombora.tp.Algolia Recommend,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-hanos" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82M2RkNDIxY2JhZmFkLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWVlNTA3NDliOWQ0YzIzOTA1NjA3ZmM1M2E0ZTg5MjA5" alt="HANOS SHOP provides fast, relevant B2B search & recommendations with Algolia" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> HANOS SHOP provides fast, relevant B2B search & recommendations with Algolia </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out why they chose Algolia for search and recommendations, and how the platform’s feature richness started to quickly pay off for the popular Dutch wholesaler.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="679398853" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,API,Personalization,Dynamic Re-Ranking,AI Search,Search API,Business Decision Makers,Developer,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.tp.Algolia Recommend,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-vapesuperstore" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MzZhNzcyOWI0Y2E5LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTQ4ZWI0OTBmNzJhZjVhMGUyZjFiZDJhZWJjNmVmZWU5" alt="Vape Superstore improves customer journeys with Algolia Search, Personalization and Recommend" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Vape Superstore improves customer journeys with Algolia Search, Personalization and Recommend </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Vape Superstore needs to engage with consumers on a personal level. Algolia Search, Recommend, Personalization and AI Reranking has helped them do that, increasing relevancy and ultimately revenue.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="675360301" data-source-stream-id="5397813" data-tags="Customer stories,Site search,UX,B2C E-commerce,Recommend,Rules,Personalization,Visual Editor,Dynamic Re-Ranking,AI Search,Instantsearch,Search API,Analytics,Business Decision Makers,Tech Decision Makers,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Retail,bombora.tp.Search Results Page Design" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-automercado" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjQxZjE2ZTU4MmJiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWNjYTEwOWViYjhjMGQ2NDZlNjk4ZmVjYWMyZDNkZTVi" alt="Auto Mercado boosts ROI through better online shopping experience" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Auto Mercado boosts ROI through better online shopping experience </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Auto Mercado looked to improve the quality and speed of its omnichannel e-commerce experience with the help of Algolia.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="680192585" data-source-stream-id="5397813" data-tags="Customer stories,Site search,UX,B2C E-commerce,Headless Commerce,Recommend,Personalization,A/B testing,Search API,Shopify,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.tp.Algolia Recommend,bombora.tp.Online Merchandising,bombora.tp.Search Results Page Design,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-gobi" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MzljYjc3MDZhNTg5LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTg2NDkxODA2ODk3MWMzZGIzYzhkZDFjNWRiMDg1Zjll" alt="GOBI Cashmere improves customer experience, goes headless with Algolia and Shopify" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> GOBI Cashmere improves customer experience, goes headless with Algolia and Shopify </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">After adopting headless e-commerce, GOBI Cashmere's web dev team knew they needed a more robust search solution that not only integrated with Shopify Plus but also brought benefits above and beyond.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="670701681" data-source-stream-id="5397813" data-tags="Customer stories,B2C E-commerce,Business Decision Makers,C-level,Tech Decision Makers,Search API,Recommend,Rules,Personalization,Dynamic Re-Ranking,Visual Editor,bombora.tp.Algolia Recommend,Headless Commerce,bombora.tp.Headless BI,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-gymshark-headless" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWJhNGUxNDkzYzE0LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTRkYTk4YTI3NjVhMDEzNDE0ZTMxMGQ0NTdlYWM4N2M1" alt="How Gymshark used headless commerce and Algolia to transform their website & increase revenue" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How Gymshark used headless commerce and Algolia to transform their website & increase revenue </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">As one of the fastest growing fashion businesses, Gymshark made the move to headless commerce and best-in-class solutions like Algolia to avoid downtime and give customers what they’re looking for.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="683428461" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Search API,Tech Decision Makers,B2B,Dynamic Re-Ranking,Rules,Visual Editor,Recommend,bombora.tp.Algolia Recommend,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-plieger-groep" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NDhiMjE4ZDA4ZmMzLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTljZGZkMWRmNjZjOGM4YjllZjhlOTk2MGIzZTM0MWE1" alt="Century-old wholesaler in digital transition uses Algolia to improve search and discovery" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Century-old wholesaler in digital transition uses Algolia to improve search and discovery </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how Algolia has improved the customer experience at Plieger Groep through better search relevance, and backend through greater visibility into search data.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="678979236" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,API,Rules,Personalization,Dynamic Re-Ranking,AI Search,A/B testing,Search API,Adobe Commerce/Magento,Business Decision Makers,Tech Decision Makers,Developer,bombora.tp.eCommerce Site Search,bombora.tp.Magento 2,bombora.tp.Algolia Recommend,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-jomashop" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MzUwMGUxODQxYjNiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTFmM2FkYTk1MzJlOWUxYzY0MjA5NGMxMDY3NTYyMmI4" alt="How Jomashop improved customer experience with shift to Magento 2 PWA and Algolia" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How Jomashop improved customer experience with shift to Magento 2 PWA and Algolia </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">During a migration for their site, Jomashop adopted Algolia, building a unique set of tools leveraging the platform and its Magento integration. The result: enhanced experiences and increased sales.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="681629565" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,Rules,Dynamic Re-Ranking,Merchandizing,Search API,Business Decision Makers,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.tp.Online Merchandising,bombora.tp.Algolia Recommend,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-zeeman" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82M2ZmYjk1NjUyYzYzLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTBmYjFmOGZiOWMzYjI3ZDQyMmMwOTBkY2U5YmE1ZmQ0" alt="Zeeman improves Search performance & gives customers a 'remarkably simple' experience" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Zeeman improves Search performance & gives customers a 'remarkably simple' experience </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Zeeman deployed Algolia in record time and hasn’t looked back, iterating, and improving on Search to the benefit of its customers, its e-commerce and merchandising teams — and its revenue.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="683392401" data-source-stream-id="5397813" data-tags="Merchandizing,A/B testing,Recommend,Customer stories,Site search,Search API,Business Decision Makers,bombora.tp.Online Merchandising,bombora.tp.Algolia Recommend,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-culturekings" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NDg4YzIzZjJiMjI3LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTI1MGZiZGYwYzQwODNmMjRkYWE0OGJhOGE4YWY0YjRl" alt="Keeping it fast and cool: Culture Kings speeds up search experience with Algolia" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Keeping it fast and cool: Culture Kings speeds up search experience with Algolia </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Giving users a top-notch experience demands fast and full-featured search. Culture Kinds turned to Algolia to fix their experience and create a blazing-fast search that satisfies its customers.</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> </div> <div class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="681968910" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Recommend,API,Tech Decision Makers,Dynamic Re-Ranking,Rules,Personalization,Visual Editor,A/B testing,bombora.tp.Algolia Recommend,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/recommendations/casestudy-sary" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NDFiMTFlYjllZTAwLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTE3NWU2MzI3MTY4M2Y3YWJlMjQyYzdjNjRiNTQ2MDdm" alt="How Sary used Algolia to improve search & better understand its customers" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How Sary used Algolia to improve search & better understand its customers </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how in addition to improving performance, Algolia has helped change Sary’s ability to understand and better serve its customers.</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> </div> </div> </div> <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> </div> <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> </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="7Ozoc1ie7C4HELGm2K5Epp6C"> 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":"Related resources","more-content-posts":"Most Recent Posts","more-content-presentations":"Most Recent Presentations","more-content-tweets":"Most Recent Tweets","more-content-videos":"Related resources","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.6822ef790a01c57d9efe.js" ></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> frontEndPage.init({ window: window, ufaCallerOptions: {"ufaUrl":"https:\/\/ufa.uberflip.com","accountId":"554297","hubId":"103949","pageType":"stream","streamId":9525396,"itemId":null,"authorId":null,"pardotCookie":null,"connectedMAPs":["Marketo"],"requireOptIn":true}, }) </script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> window.uberflip.eloquaFirstPartyCookies = false; window.uberflip.eloquaConnected = false; </script>  <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"id="onbrand__scripts-production" src="//cihost.uberflip.com/algolia-tv2/master/build/en/en.bundle.js"></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C"> 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="7Ozoc1ie7C4HELGm2K5Epp6C" src="https://cdn.jsdelivr.net/npm/algoliasearch@3.35.1/dist/algoliasearchLite.min.js" integrity="sha256-5rOQwvvJdM9oDYQYCGzaJuuTy6SUALjma3OtzEGyJM0=" crossorigin="anonymous" ></script> <script nonce="7Ozoc1ie7C4HELGm2K5Epp6C" 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="7Ozoc1ie7C4HELGm2K5Epp6C"> 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="7Ozoc1ie7C4HELGm2K5Epp6C"> 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="7Ozoc1ie7C4HELGm2K5Epp6C"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="7Ozoc1ie7C4HELGm2K5Epp6C"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/a159155/public/js/0.323036d9dde25445134a.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/1.323036d9dde25445134a.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/runtime~template_sets_default_pages_stream_page.323036d9dde25445134a.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/template_sets_default_pages_stream_page.323036d9dde25445134a.chunk.js"></script></body> </html>

CINXE.COM

Algolia Recommend