Resources for ecommerce businesses

<!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>Resources for ecommerce businesses</title> <meta name="title" content="Resources for ecommerce businesses" /> <meta name="description" content="Stay ahead of the competition with key resources specifically for retail & ecommerce." /> <meta itemprop="name" content="Resources for ecommerce businesses"> <meta itemprop="description" content="Stay ahead of the competition with key resources specifically for retail & ecommerce."> <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-486603 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTQ4NjYwMyZtb2RpZmllZD0yMDIzLTAxLTI2IDEzOjQ4OjQ1JnNpZz0xZTRkNTNhZDYxMTU1NDM0OGNjYWE3ODQzNmE1OTBiZA%253D%253D"); background-size: cover; } .uf-link-cta-tile-486603 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #163af0; } .uf-link-cta-tile-486603 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-link-cta-tile-494470 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTQ5NDQ3MCZtb2RpZmllZD0yMDIzLTA0LTExIDEzOjQzOjM3JnNpZz01ODU0ZThkM2EzYjAyODNlNmFkNDA1NzhjNjQ4NGFkZQ%253D%253D"); background-size: cover; } .uf-link-cta-tile-494470 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-494470 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-link-cta-tile-511378 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTUxMTM3OCZtb2RpZmllZD0yMDI0LTA1LTIwIDEyOjMxOjUwJnNpZz02OTgwNDM4ZDkyNzk5NDU2YjY2ZjQ5YWI2YWM2M2NlNw%253D%253D"); background-size: cover; } .uf-link-cta-tile-511378 .uf-link-cta-tile-text { margin-top: 2rem; font-size: 2rem; color: #ffffff; } .uf-link-cta-tile-511378 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-link-cta-tile-521239 { background-color: #4D4D4D; background-image: url("https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9Y3RhX2JhY2tncm91bmQmY3RhX2lkPTUyMTIzOSZtb2RpZmllZD0yMDI0LTA1LTIxIDEyOjI3OjU1JnNpZz03MjVhNzQ5ZjViOTk4NjAwZjVmOGViNGRjZDY0ZGEyOA%253D%253D"); background-size: cover; } .uf-link-cta-tile-521239 .uf-link-cta-tile-text { margin-top: 2.9rem; font-size: 2.9rem; color: #ffffff; } .uf-link-cta-tile-521239 .uf-link-cta-tile-link { color: #ffffff; background: #5bc0de; } .uf-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="Resources for ecommerce businesses"> <meta property="og:url" content="https://resources.algolia.com/ecommerce"> <meta property="og:description" content="Stay ahead of the competition with key resources specifically for retail & ecommerce."> <meta property="og:image" content="https://res.cloudinary.com/uf-554297/image/upload/v1732714490/UF_Thumbnail_pkjm1x.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Resources for ecommerce businesses"> <meta name="twitter:description" content="Stay ahead of the competition with key resources specifically for retail & ecommerce."> <meta name="twitter:image" content="https://res.cloudinary.com/uf-554297/image/upload/v1732714490/UF_Thumbnail_pkjm1x.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="xjUuizOrHPMP2wn797eXVIoU"src="nav.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/on/index.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/on/onclose.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/keyboard.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/misc.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/physics.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"src="helpers/index.js"></script> </html><script nonce="xjUuizOrHPMP2wn797eXVIoU"> 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="xjUuizOrHPMP2wn797eXVIoU"> !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="xjUuizOrHPMP2wn797eXVIoU"> (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="xjUuizOrHPMP2wn797eXVIoU"type="text/javascript" src="https://cdn.cookielaw.org/consent/5e9f5149-bde8-4a13-b973-b7a9385e8ebb/OtAutoBlock.js"></script>  <script nonce="xjUuizOrHPMP2wn797eXVIoU"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="xjUuizOrHPMP2wn797eXVIoU"type="text/javascript">function OptanonWrapper() {}</script>   <script nonce="xjUuizOrHPMP2wn797eXVIoU"> 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="xjUuizOrHPMP2wn797eXVIoU"> 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="5377701" data-stream-externalService="custom" data-domain-www="https://resources.algolia.com/" data-domain-theme="vanilla" data-page-bookmark="#ufh-c-5377701-ecommerce" > <a id="uf-skip-to-main" class="uf-skip-to-main" href="#main-content" data-internal="self">Skip to main content</a> <script nonce="xjUuizOrHPMP2wn797eXVIoU"> window.uberflip = window.uberflip || {}; window.uberflip.knownUser = {"Marketo":0}; window.uberflip.integrationsToTrackViews = []; window.uberflip.serverTimestamp = 1732786663; 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="xjUuizOrHPMP2wn797eXVIoU"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="xjUuizOrHPMP2wn797eXVIoU"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 uf-selected" > <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 uf-selected uf-selected-child" > <a role="menuitem" href="https://resources.algolia.com/ecommerce" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" aria-current="page" > B2C Ecommerce </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/marketplaces" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Marketplaces </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/media" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Media </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/technology" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > SaaS & Technology </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-5" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Algolia Products </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-5" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Algolia Products" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/product-demos" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Product Demos </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ai-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > AI Search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/recommendations" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Recommendations </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/a-b-testing" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > A/B testing </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/analytics" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Analytics </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/crawler" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Crawler </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/merchandising" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Merchandising </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/personalization" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Personalization </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-6" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> For Devs </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-6" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="For Devs" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/build-101" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Build 101 </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/shopify" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Shopify </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/algolia-for-magento-2" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Adobe / Magento 2 </a> </li> </ul> </li> </ul> </nav> <div class="uf-search-share-container"> <div id="uf-search-container" class="uf-search-container dropdown is-right">  <div class="uf-dropdown-trigger"> <button type="button" id="uf-search-open" class="uf-button uf-search-open" aria-controls="uf-search-dropdown-menu" aria-expanded="false" aria-haspopup="true" title="Open Search Box" > <i class="fas fa-search" aria-hidden="true"></i> <span class="sr-only">Open search box</span> </button> </div>  <div id="uf-search-dropdown-menu" class="uf-search-dropdown-menu" role="dialog"> <form id="uf-search-form" class="uf-search-form" role="search" aria-label="Sitewide" action="https://resources.algolia.com/search" > <input type="search" name="ufq" id="uf-search-input" class="uf-search-input uf-input" placeholder="Search" aria-label="Search" /> <input type="hidden" name="ufs" value="5377701"> <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">Resources for ecommerce businesses</h2> <h3 class="subtitle is-size-5">Stay ahead of the competition with key resources specifically for retail & ecommerce.</h3> </hgroup> </div> <div id="uf-lazy-loader" class="uf-lazy-loader" data-type="collection" data-target-id="5377701" data-load-limit="20" data-has-more-items="true" data-total-item-count="236" data-stream-sections-beta-flag="false" > <ul id="uf-tile-container" class="uf-tile-container is-clearfix" > <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="686904655" data-source-stream-id="5425086" data-tags="Report,Site search,AI Search,Business Decision Makers,B2C E-commerce,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional,Report - 1st party" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/report-ecommerce-site-search-trends-2024" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NWVmNzZjYTVhZDA2LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTMzODU1ZjcwM2JlOWI5MjczNzcyOTA1NjMzODhmY2U0" alt="Ecommerce Site Search Trends Report 2024" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Ecommerce Site Search Trends Report 2024 </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">We surveyed 1,100 leaders on the biggest challenges and the greatest opportunities around AI search that look set to revolutionize online retailing. Uncover trends shaping the future of ecommerce.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read report</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile uf-tile-featured " data-id="682108345" data-source-stream-id="5435722" data-tags="Site search,B2C E-commerce,AI Search,Tech Decision Makers,Business Decision Makers,NeuralSearch,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,Ebook - 1st party" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-aisearch" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NDI1ZTI1ZDA2NTU2LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTU5Yjg3ZTExNjQ1MTc1Y2M5NzY1OTgzMDc1MDc4NDUx" alt="AI-powered search: the next ecommerce growth driver" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> AI-powered search: the next ecommerce growth driver </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this ebook, you’ll get an in-depth look at how search and discovery has evolved and, more importantly, where it’s going straight from Algolia’s leading engineering and AI visionaries.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689493455" data-source-stream-id="5435722" data-tags="Stage: Active Intent,Ebook - 1st party,Site search,B2C E-commerce,Search API,Tech Decision Makers,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/technical-buyers-guide-to-site-search" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1732714490/UF_Thumbnail_pkjm1x.png" alt="Technical buyer's guide to site search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Technical buyer's guide to site search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Consumer-grade search is one of the hardest features to get right. It needs to be a top-notch tool for your users, your developers and your business managers.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689456078" data-source-stream-id="10624902" data-tags="Video,Site search,B2C E-commerce,Tech Decision Makers,Business Decision Makers,Stage: Active Intent,Stage: Awareness,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-search-queries" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1732623841%2FScreenshot_2024-11-22_at_3.25.06_PM_gj6kir.png&size=1&version=1732635072&sig=df8c11fc8d56a9ea74bd3789ed1c2021&default=hubs%2Ftilebg-videos.jpg" alt="Search Queries: eCommerce search and discovery" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 4:11"> 4:11 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Search Queries: eCommerce search and discovery </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Nate Barad, VP of Product Marketing, answers rapid-fire questions and discusses how search plays a crucial role in enhancing the customer experience and driving eCommerce sales.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689456079" data-source-stream-id="10624902" data-tags="Stage: Active Intent,Stage: Awareness,Video,Site search,B2C E-commerce,Algolia AI,Tech Decision Makers,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-search-queries-why-choose-algolia" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1732625950%2FScreenshot_2024-11-22_at_3.27.33_PM_omdbhb.png&size=1&version=1732635019&sig=5f90242969eee2bedbf9d81b71ada5b5&default=hubs%2Ftilebg-videos.jpg" alt="Search Queries: Why choose Algolia for search?" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 2:40"> 2:40 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Search Queries: Why choose Algolia for search? </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Discover how Algolia’s combination of speed, relevancy, and scalability can transform the way businesses deliver personalized shopping experiences.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-521239 " data-id="521239" > <p class="uf-link-cta-tile-text">Algolia named a Leader in the Gartner® Magic Quadrant™ for Search and Product Discovery</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/lp/gartner-mq-2024/" target="_blank" rel="noopener" data-internal="false" > Get the report </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689409017" data-source-stream-id="10983232" data-tags="Infographics,Algolia AI,BigCommerce,Business Decision Makers,B2C E-commerce,Stage: Active Intent,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/infographic-bigcommerce" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1731952529/BigCommerce_Info_Thumbnail_cjsbdt.png" alt="Amplify your BigCommerce store with Algolia" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Amplify your BigCommerce store with Algolia </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Easily integrate Algolia’s advanced AI-search into the "Big" ecosystem.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-494470 " data-id="494470" > <p class="uf-link-cta-tile-text">How Walgreens boosted its “Buy Online, Pick Up In Store” shopping experience</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/dg/customer-stories-walgreens/p/1" target="_blank" rel="noopener" data-internal="false" > Read the story </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689362124" data-source-stream-id="10983232" data-tags="Infographics,Site search,B2C E-commerce,Business Decision Makers,Stage: Awareness,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/infographic-algolia-vs-constructor" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1731413342/Constructor_Thumbnail_kayryc.png" alt="Choosing the best search solution: Algolia versus Constructor" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Constructor </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia and Constructor both offer site search technologies, but have different capabilities. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689273192" data-source-stream-id="10983232" data-tags="Infographics,Site search,Business Decision Makers,Tech Decision Makers,Stage: Active Intent,B2C E-commerce,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/infographic-algolia-versus-bloomreach" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1730482723/CT-Bloomreach_Thumbnail_ri1dxi.png" alt="Choosing the best search solution: Algolia versus Bloomreach" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Bloomreach </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia and Bloomreach both provide site search capabilities that improve user experience and drive conversions. See which search solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689254854" data-source-stream-id="10624902" data-tags="Stage: Awareness,Stage: Engagement,Stage: Qualified,Video,Site search,AI Search,B2C E-commerce,Dynamic Re-Ranking,Tech Decision Makers,Business Decision Makers,Developer,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-dynamic-re-ranking" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1730748523%2FUF_Thumbnail_1_oisgen.png&size=1&version=1730748543&sig=f15826aa398c2406f9a3c64a6694808b&default=hubs%2Ftilebg-videos.jpg" alt="Feature Demo: Dynamic Re-ranking" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 13:14"> 13:14 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Feature Demo: Dynamic Re-ranking </h1> <p class="subtitle is-5 uf-tile-description ">Learn more about Algolia’s Dynamic Re-ranking - a powerful feature that uses AI to boost the most performant search results, improving conversions and the customer experience.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689066745" data-source-stream-id="10624902" data-tags="Video,Site search,AI Search,Personalization,B2C E-commerce,Stage: Active Intent,Stage: Awareness,Business Decision Makers,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-5-strategies-responsible-personalization" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1728599512%2FUF_video_5stratsresponsibleperso_szv2kd.png&size=1&version=1729591130&sig=b73cd1d1affdcae3ed02852189177774&default=hubs%2Ftilebg-videos.jpg" alt="5 strategies for responsible personalization" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 2:30"> 2:30 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> 5 strategies for responsible personalization </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In today’s digital landscape, responsible personalization is key for online retailers. But how can businesses ensure they're respecting customer privacy while still enhancing the shopping experience?</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-511378 " data-id="511378" > <p class="uf-link-cta-tile-text">Monetize every query with Algolia AI Search</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/products/ai-search/" target="_blank" rel="noopener" data-internal="false" > Tell me more </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689008310" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Mobile search,B2C E-commerce,Personalization,Tech Decision Makers,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-mobile-ecommerce-experience" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1728038018/Mobile_ecommerce_experience_s8gy3x.png" alt="Mobile ecommerce experience: pitfalls, tradeoffs, and solutions" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Mobile ecommerce experience: pitfalls, tradeoffs, and solutions </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this eBook, we’ll look at some common problems that search on mobile will pose and the best ways to approach them.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="689008200" data-source-stream-id="5435722" data-tags="Stage: Awareness,Ebook - 1st party,AI Search,B2C E-commerce,Algolia AI,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-evaluatinggenai" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1728037872/Screen_Shot_2024-10-03_at_11.47.31_AM_ohuksy.png" alt="Evaluating GenAI content for the optimum search experience" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Evaluating GenAI content for the optimum search experience </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This paper is highly relevant to product teams, engineers, and decision-makers who are instrumental in shaping user experiences and optimizing search systems.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688991092" data-source-stream-id="10624902" data-tags="Video,AI Search,B2C E-commerce,Personalization,Stage: Active Intent,Stage: Awareness,bombora.tp.eCommerce Site Search" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-personalized-search-experiences" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1703290454%2Fitemeditorimage_6418bbfcb8aaa-1834918.png&size=1&version=1729103538&sig=10ab0bb7f9ec62f9c900a3f4b45d184c&default=hubs%2Ftilebg-videos.jpg" alt="Delivering personalized search experiences in the era of heightened privacy" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 7:01"> 7:01 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Delivering personalized search experiences in the era of heightened privacy </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Laura Hamilton - Sr Vice President of Marketing - explores the delicate balance between personalization and privacy in online shopping.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch Video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-cta-tile uf-link-cta-tile uf-link-cta-tile-486603 " data-id="486603" > <p class="uf-link-cta-tile-text">.</p> <a class="uf-link-cta-tile-link" href="https://www.algolia.com/dg/investment-value/p/1" target="_blank" rel="noopener" data-internal="false" > Get +$2M in sales </a> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688823445" data-source-stream-id="5435722" data-tags="Stage: Engagement,Ebook - 1st party,Site search,B2C E-commerce,NeuralSearch,Personalization,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-build-marketplace-search" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1726848366/UF_Thumbnail_1_chuay6.png" alt="What it takes to build marketplace search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> What it takes to build marketplace search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">In this guide, we cover the requirements for a great marketplace experience and what it takes to build one.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688662638" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Personalization,Tech Decision Makers,Developer,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,Stage: Engagement,Stage: Qualified" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/casestudy-sellpy" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1725354046/Sellpy-Card_yluyq9.png" alt="Algolia helps Sellpy narrow searches with AI Personalization and blazingly fast results" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia helps Sellpy narrow searches with AI Personalization and blazingly fast results </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how today Sellpy takes advantage of Algolia innovation through features like AI Personalization to improve conversions and demonstrate customer understanding.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688619207" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Site search,Adobe Commerce/Magento,Business Decision Makers,B2C E-commerce,Stage: Engagement,bombora.tp.eCommerce Site Search,bombora.tp.Magento 2,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-advanced-search-adobe-commerce" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1724879226/UF_ebook_advsearchadobecommerce_glbpjq.png" alt="Advanced search growth value for Adobe Commerce retailers" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Advanced search growth value for Adobe Commerce retailers </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Read about what advanced search is, how it brings uplift to Adobe Commerce stores and why it’s a worthwhile investment in terms of performance, customer experience, and ROI.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688619071" data-source-stream-id="5435722" data-tags="Ebook - 1st party,Algolia AI,Tech Decision Makers,Developer,B2C E-commerce,Stage: Awareness,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/ebook-understanding-ai-transparency" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aT0xNTI1OTk2JnA9MCZ2ZXJzaW9uPTEmY21kPXYmc2lnPTcxNWMxNzMwNGM2ZjdmNjI1NjdjMDQ4OWI4MzU5NmI3/-w-320.jpg" alt="Understanding AI transparency" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Understanding AI transparency </h1> <p class="subtitle is-5 uf-tile-description ">This white paper for business and technology leaders explores real world examples of how to incorporate transparent AI into their business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read ebook</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688429315" data-source-stream-id="10983232" data-tags="Infographics,Site search,Business Decision Makers,B2C E-commerce,Search API,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional,Stage: Active Intent" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/infographic-algolia-vs-coveo" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1723236208/UF_infographic_algolia-vs-coveo_semma9.png" alt="Choosing the best search solution: Algolia versus Coveo" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Choosing the best search solution: Algolia versus Coveo </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Both Algolia and Coveo offer advanced search technologies that enhance the user experience and drive conversions. See which search and product discovery solution is optimal for your business.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read infographic</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688383828" data-source-stream-id="10624902" data-tags="Stage: Awareness,Video,Site search,B2C E-commerce,Query categorization,bombora.tp.eCommerce Site Search" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/ecommerce/video-demo-query-categorization" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fres.cloudinary.com%2Fuf-554297%2Fimage%2Fupload%2Fv1723107895%2FUF_Thumbnail_2_mu7cqp.png&size=1&version=1723107915&sig=f12f49cd50b740ca6a5b6e1a6b035a2c&default=hubs%2Ftilebg-videos.jpg" alt="Feature Demo: Query Categorization" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 16:18"> 16:18 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Feature Demo: Query Categorization </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">A powerful feature that automatically associates a search query with the appropriate category in your catalog to deliver better, more relevant results for your customers.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="688348639" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Search API,Tech Decision Makers,B2C E-commerce,Stage: Awareness,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/ecommerce/casestudy-bigw" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://res.cloudinary.com/uf-554297/image/upload/v1722530480/BIGW-Card_1_pw4chx.png" alt="Algolia helps BIG W achieve better search relevance & customer satisfaction after going headless" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia helps BIG W achieve better search relevance & customer satisfaction after going headless </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how Algolia Search helped Big W improve experiences, increase conversions and basket size, and achieve CX iterations faster.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li id="uf-loading-spinner-tile-wrapper" class="uf-tile-wrapper uf-loading-spinner-tile-wrapper " role="alert" > <div class="uf-tile uf-loading-spinner-tile box"> <i class="uf-spinner-icon" aria-hidden="true"></i> <p class="uf-loading-spinner-tile-text">Loading More...</p> </div> </li> </ul> <button id="uf-lazy-loader-load-more" type="button" class="uf-lazy-loader-load-more uf-button is-primary is-margin-centered" > See more </button> </div> </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="xjUuizOrHPMP2wn797eXVIoU"> 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","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 resource","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 resources","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 resource","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 resources","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 resource","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="xjUuizOrHPMP2wn797eXVIoU"> frontEndPage.init({ window: window, ufaCallerOptions: {"ufaUrl":"https:\/\/ufa.uberflip.com","accountId":"554297","hubId":"103949","pageType":"stream","streamId":5377701,"itemId":null,"authorId":null,"pardotCookie":null,"connectedMAPs":["Marketo"],"requireOptIn":true}, }) </script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"> window.uberflip.eloquaFirstPartyCookies = false; window.uberflip.eloquaConnected = false; </script>  <script nonce="xjUuizOrHPMP2wn797eXVIoU"id="onbrand__scripts-production" src="//cihost.uberflip.com/algolia-tv2/master/build/en/en.bundle.js"></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU"> 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="xjUuizOrHPMP2wn797eXVIoU" src="https://cdn.jsdelivr.net/npm/algoliasearch@3.35.1/dist/algoliasearchLite.min.js" integrity="sha256-5rOQwvvJdM9oDYQYCGzaJuuTy6SUALjma3OtzEGyJM0=" crossorigin="anonymous" ></script> <script nonce="xjUuizOrHPMP2wn797eXVIoU" 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="xjUuizOrHPMP2wn797eXVIoU"> 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="xjUuizOrHPMP2wn797eXVIoU"> 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="xjUuizOrHPMP2wn797eXVIoU"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="xjUuizOrHPMP2wn797eXVIoU"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

Resources for ecommerce businesses