/* hack until mintlify supports deprecations */

a[href*="/api-reference/actions/setup"],
a[href*="/api-reference/indexing/troubleshooting/get-user-count"],
a[href*="/api-reference/indexing/troubleshooting/get-document-count"],
a[href*="/api-reference/indexing/troubleshooting/get-document-upload-and-indexing-status"],
a[href*="/api-reference/indexing/people/bulk-index-employees-1"],
a[href*="/api-reference/client/answers/create-answer-board"],
a[href*="/api-reference/client/answers/delete-answer-board"],
a[href*="/api-reference/client/answers/update-answer-board"],
a[href*="/api-reference/client/answers/read-answer-board"] {
    text-decoration: line-through;
}

/* Banner for WIP */
#sidebar {
    top: 0;
    transition: top 0.3s ease-in-out;
}
#navbar-transition-willow {
    margin-top: 0;
    transition: margin-top 0.3s ease-in-out;
}
#banner {
    height: 0;
    transition: height 0.3s ease-in-out;
}

#sidebar:is(.slow *) {
    top: 2.5rem;
}
#navbar-transition-willow:is(.slow *) {
    margin-top: 2.5rem;
}
#banner:is(.slow *) {
    height: 2.5rem;
}


@font-face {
    font-family: 'Polysans Neutral';
    src: url('https://cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b4a66d22e2c49832621144_PolySans-Neutral.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Slim';
    src: url('https://cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b4a66da54786325597bf31_PolySans-Slim.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Neutral Mono';
    src: url('https://cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b5e8b95fd9e34f78a1c7de_PolySans-NeutralMono.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polysans Median';
    src: url('https://cdn.prod.website-files.com/6127a84dfe068e153ef20572/66b5e8b9a5fb33f679d14c62_PolySans-Median.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --bright-green: #d8fd49;
    --light-green: #c3ff9e;
    --primary-ultramarine: #343ced;
    --blue-500: #343ced;
    --blue-600: #131bd4;
    --white: #fff;
    --black: #333;
}

/* increase content area max-width */
@media (min-width: 1536px) {
    body :is(.\32xl\:max-w-2xl) {
        max-width: 65rem;
    }
}

/*********************************
 * Base Styles
 *********************************/

/* smooth anchor hover transition */
a {
    transition: color 0.3s ease-in-out;
}

/* space out tight tracking */
.tracking-tight {
    letter-spacing: .025em;
}


.button {
    background-color: var(--blue-500);
    color: var(--white);
    text-align: center;
    border: 1px solid #0000;
    border-radius: 4rem;
    justify-content: center;
    align-items: center;
    padding: .625rem 2rem;
    font-family: Polysans Neutral,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: all .25s ease-in-out;
    display: flex;
    overflow: hidden
}

.button:hover {
    background-color: var(--blue-600);
    color: var(--white);
    opacity: 0.9;
}

.button.is-green:hover {
    background-color: var(--light-green)
}

.button.is-green:focus {
    outline-color: var(--white-2);
    border-style: solid;
    outline-width: 1px
}

.button.is-green, .button.is-green:is(.dark *) {
    background-color: var(--bright-green);
    color: var(--black);
}

/*********************************
* Header
*********************************/

/* hides header links added from docs.json */
@media (max-width: 1060px) {
    #navbar-transition-willow div:nth-child(2) {
        display: none;
    }
}

/* hides CTA button and dark/light mode toggle */
@media (max-width: 1250px) {
    #topbar-cta-button,
    #navbar-transition-willow div:nth-child(3) {
        display: none;
    }
}

/* increase logo height */
img.h-7, img.h-6 {
    height: 2.1rem;
}

/* change cta button color */
#topbar-cta-button {
    border-radius: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgb(var(--primary-dark));
}

#topbar-cta-button:hover {
    opacity: 0.9;
}

#topbar-cta-button div {
    color: white;
}

/*********************************
* Footer
*********************************/

/* increase footer width */
#footer .max-w-\[984px\] {
    max-width: 90%;
}

/* brings social icons closer to logo in footer */
#footer .justify-between.md\:gap-y-24 {
    justify-content: start;
    gap: 2rem;
}

/* change footer logo to official light logo */
#footer a img.dark\:hidden {
    content:url("https://mintlify.s3.us-west-1.amazonaws.com/glean-dd126214/brand/glean-logo-light.svg");
}

/* change footer logo to official dark logo */
#footer a img.dark\:block {
    content:url("https://mintlify.s3.us-west-1.amazonaws.com/glean-dd126214/brand/glean-logo-dark.svg");
}

/* remove footer links on mobile */
@media screen and (max-width: 768px) {
    #footer .min-h-\[76px\] {
        min-height: 0;
    }
    #footer .min-h-\[76px\] > :nth-child(2) {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    #footer a img {
        height: 3rem;
    }
}


/*************************************************************************
 * Mintlify Deprecated Endpoint Warning
 *
 * Mintlify doesn't adjust the UI for deprecated endpoints.
 * This script adds a warning callout to deprecated endpoints.
 *************************************************************************/

const deprecatedWarningText = "This endpoint is deprecated and may be removed at anytime.";
const deprecatedPaths = [
    "/api-reference/actions/setup",
    "/api-reference/indexing/troubleshooting/get-user-count",
    "/api-reference/indexing/troubleshooting/get-document-count",
    "/api-reference/indexing/troubleshooting/get-document-upload-and-indexing-status",
    "/api-reference/indexing/people/bulk-index-employees-1",
    "/api-reference/client/answers/create-answer-board",
    "/api-reference/client/answers/delete-answer-board",
    "/api-reference/client/answers/update-answer-board",
    "/api-reference/client/answers/read-answer-board"
];

// Add deprecated warning
function addDeprecatedWarning() {
    const canonicalLink = document.querySelector('head link[rel="canonical"]');

    if (canonicalLink) {
        const url = new URL(canonicalLink.href);
        if (deprecatedPaths.some(path => url.pathname.includes(path))) {
            document.body.classList.add("deprecated");

            const header = document.querySelector('header');
            const existingWarning = document.querySelector('[data-callout-type="warning"]');

            if (header && !existingWarning) {
                const warningDiv = document.createElement('div');
                
                warningDiv.className = "callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-amber-500/20 bg-amber-500/10 dark:border-amber-500/30 dark:bg-amber-500/10";
                warningDiv.setAttribute("data-callout-type", "warning");
                warningDiv.innerHTML = `<div class="mt-0.5 w-4"><svg class="flex-none w-5 h-5 text-amber-400 dark:text-amber-300/80" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-label="Warning"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg></div><div class="text-sm prose min-w-0 w-full text-amber-900 dark:text-amber-200">${deprecatedWarningText}</div>`;
                header.insertAdjacentElement('afterend', warningDiv);
            }
        }
    }
}

// Listen for route changes and update the document title
window.next.router.events.on('routeChangeComplete', addDeprecatedWarning);
addDeprecatedWarning();

/*************************************************************************
 * Mintlify Local Link Overrides
 *
 * Mintlify assumes all pages that use "url" metadata are external links.
 * This script prevents local links from opening in new tabs.
 *************************************************************************/

document.addEventListener('click', (event) => {
    const target = event.target.closest('a');
    if (!target) return;

    const href = target.getAttribute('href');
    if (!href) return;

    // Check if the link is a local link and has a target attribute
    if (href.startsWith('/') && target.target === '_blank') {
        target.removeAttribute('target');
    }

    // Check if href ends with /[type]/openapi and redirect to the appropriate OAS URL
    const openapiMatch = href.match(/\/([^\/]+)\/openapi$/);
    if (openapiMatch) {
        const type = openapiMatch[1];
        target.setAttribute('href', `/oas/${type}`);
        target.setAttribute('target', '_blank');
    }
}, true);

/*************************************************************************
 * Mintlify Slow Banner Overrides
 *
 * Some OpenAPI endpoints are slow and may take a long time to respond.
 * This script adds a banner to slow endpoints while Mintlify works on a fix.
 *************************************************************************/
document.addEventListener('click', (event) => {
    const target = event.target.closest('a');
    if (!target) return;

    const href = target.getAttribute('href');
    if (!href) return;

    if (href.startsWith('/api-reference/client')) {
        document.body.classList.add('slow');
    } else {
        document.body.classList.remove('slow');
    }
});

/*************************************************************************
 * Mintlify Alpha Endpoint Callout
 *
 * Mintlify doesn't have any support for marking an endpoint as "alpha".
 * This script adds a callout to alpha endpoints.
 *************************************************************************/

const alphaWarningText = "This endpoint is in alpha. Expect changes and instability.";
const alphaPaths = [
  "/api-reference/client/agents/runs-an-agent",
  "/api-reference/client/agents/lists-all-agents",
  "/api-reference/client/agents/gets-the-inputs-to-an-agent",
];

// Add callout warning for alpha endpoints.
function addAlphaWarning() {
  const canonicalLink = document.querySelector('head link[rel="canonical"]');

  if (canonicalLink) {
    const url = new URL(canonicalLink.href);
    
    if (alphaPaths.some(path => url.pathname.includes(path))) {
      const header = document.querySelector('header');
      const existingWarning = document.querySelector('[data-callout-type="warning"]');

      if (header && !existingWarning) {
        const warningDiv = document.createElement('div');
        
        warningDiv.className = "callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border border-amber-500/20 bg-amber-500/10 dark:border-amber-500/30 dark:bg-amber-500/10";
        warningDiv.setAttribute("data-callout-type", "warning");
        warningDiv.innerHTML = `<div class="mt-0.5 w-4"><svg class="flex-none w-5 h-5 text-amber-400 dark:text-amber-300/80" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-label="Warning"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg></div><div class="text-sm prose min-w-0 w-full text-amber-900 dark:text-amber-200">${alphaWarningText}</div>`;
        header.insertAdjacentElement('afterend', warningDiv);
      }
    }
  }
}

// Listen for route changes and update the document title
window.next.router.events.on('routeChangeComplete', addAlphaWarning);
addAlphaWarning();


Guide for implementing Glean's modal search functionality within Brightspot sites

Get Started

Indexing

Client

Web SDK

Actions

Tools

Feedback

Brightspot