/*
 * Adding Inter Variable from Adobe Fonts
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */

@import url('https://p.typekit.net/p.css?s=1&k=zmy3zmk&ht=tk&f=55314&a=164646275&app=typekit&e=css');

@font-face {
  font-family: 'inter-variable';
  src: url('https://use.typekit.net/af/250efc/00000000000000007750957d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/250efc/00000000000000007750957d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('woff'),
    url('https://use.typekit.net/af/250efc/00000000000000007750957d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
      format('opentype');
  font-display: auto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: normal;
}

body {
  font-family: 'inter-variable', sans-serif;
}

.mint-pointer-events-none {
    pointer-events: none
}
.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-left-0 {
    left: 0px
}
.mint-right-0 {
    right: 0px
}
.mint-top-0 {
    top: 0px
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mt-1 {
    margin-top: 0.25rem
}
.mint-mt-1\.5 {
    margin-top: 0.375rem
}
.mint-mt-12 {
    margin-top: 3rem
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-mt-5 {
    margin-top: 1.25rem
}
.mint-block {
    display: block
}
.mint-grid {
    display: grid
}
.mint-hidden {
    display: none
}
.mint-max-w-3xl {
    max-width: 48rem
}
.mint-max-w-xl {
    max-width: 36rem
}
.mint-cursor-pointer {
    cursor: pointer
}
.mint-gap-x-6 {
    column-gap: 1.5rem
}
.mint-gap-y-4 {
    row-gap: 1rem
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.mint-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.mint-pb-8 {
    padding-bottom: 2rem
}
.mint-text-center {
    text-align: center
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-tracking-tight {
    letter-spacing: -0.025em
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-duration-100 {
    transition-duration: 100ms
}
.mint-group:hover .group-hover\:mint-scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-text-zinc-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity))
}
.dark\:mint-text-zinc-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint--top-16 {
        top: -4rem
    }
    .lg\:mint-mt-24 {
        margin-top: 6rem
    }
    .lg\:mint-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .lg\:mint-py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem
    }
    .lg\:mint-pb-24 {
        padding-bottom: 6rem
    }
}

Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers.

Introduction

Mintlify

Quickstart

Install the CLI to preview and develop your docs locally

Installation

Build your documentation using the Mintlify web editor

Web Editor

We're here to help you get the most out of Mintlify

Support

Configure the global settings for your documentation

Settings

Pages are the building blocks of your documentation

Pages

Structure and customize your documentation's navigation hierarchy

Navigation

Customize the appearance of your documentation

Themes

Host your documentation at your website's custom domain

Custom Domain

Learn how to feed your documentation into LLMs and AI tools

AI Ingestion

Text, title, and styling in standard markdown

Headers and Text

Add image, video, and other HTML elements

Images and Embeds

Lists and Tables

Code

Reusable, custom snippets to keep content in sync

Reusable Snippets

A dropdown component to toggle content visibility

Accordions

Use callouts to add eye-catching context to your content

Callouts

Highlight main points or links with customizable icons

Cards

Columns

The CodeGroup component lets you combine code blocks in a display separated by tabs

Code Groups

Display code blocks at the top-right of the page on desktop devices

Examples

Expandables

Set parameters for your API or SDK references

Fields

Use the Frame component to wrap images or other components in a container.

Frames

Icons

Mermaid

Specify the content of the right side panel

Panel

Sequence content using the Steps component

Steps

Tabs

Show a definition when you hover over text

Tooltips

Update

Playground

Troubleshooting

Guarantee privacy of your docs by authenticating users

Authentication

Authenticate users to view only certain pages

Partial Authentication

A list of features unlocked with Personalization

Personalization

How to determine which product is best for you

Auth vs Personalization

The shape of user data you can use to personalize your docs

Sending Data

How to migrate documentation from your existing provider

Migrations

Generate MCP servers from your documentation or OpenAPI specs

Model Context Protocol

Automatically translate your documentation with AI

Translations

Build interactive and reusable elements with React components

React

Fully customize your documentation with custom CSS & JS

Custom Scripts

Hidden pages

Redirects and Broken Links

GitHub

GitLab

Add broken links, linting, and grammar checks to the updating process

CI Checks

Preview changes to your docs in a live deployment

Preview Deployments

Trigger an update after updating your OpenAPI document by calling this endpoint in a CI check

Getting Started

Core Configuration

Components

API Pages

Authentication and Personalization

Guides

Integrations

Version Control and CI/CD

Documentation

Quickstart

CLI installation

Web editor

Components