/*********************************************************
* Tokens
*/
.namespace {
    opacity: 0.7;
}

.token.doctype .token.doctype-tag {
    /* No direct equivalent, using similar color */
    color: #79c0ff;
}

.token.doctype .token.name {
    /* No direct equivalent, using similar color */
    color: #d2a8ff;
}

.token.comment,
.token.prolog {
    color: #8b949e;
}

.token.punctuation,
.language-html .language-css .token.punctuation,
.language-html .language-javascript .token.punctuation {
    color: #c9d1d9;
    /* From .hljs-subst */

}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.inserted,
.token.unit {
    color: #79c0ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.deleted {
    color: #79c0ff;
    /* From .hljs-string, .hljs-regexp */
}

.token.plain-text {
    color: #fafafa;
    /* No direct equivalent, using a light color */
}

.language-css .token.string.url {
    text-decoration: underline;
}

.token.operator,
.token.entity {
    color: #79c0ff;
}

.token.operator.arrow {
    /* No direct equivalent, using similar color */
    color: #ff7b72;
}

.token.atrule {
    color: #79c0ff;
}

.token.atrule .token.rule {
    /* No direct equivalent, using similar color */
    color: #d2a8ff;
}

.token.atrule .token.url {
    color: #79c0ff;
}

.token.atrule .token.url .token.function {
    /* No direct equivalent, using similar color */
    color: #79c0ff;
}

.token.atrule .token.url .token.punctuation {
    /* No direct equivalent, using similar color */
    color: #d4d4d4;
}

.token.keyword {
    color: #ff7b72;
}

.token.keyword.module,
.token.keyword.control-flow {
    /* No direct equivalent, using similar color */
    color: #c586c0;
}

.token.function,
.token.function .token.maybe-class-name {
    color: #d2a8ff;
}

.token.regex {
    color: #a5d6ff;
}

.token.important {
    color: #ff7b72;
}

.token.italic {
    font-style: italic;
    color: #c9d1d9;
    /* Using .hljs-emphasis color */
}

.token.constant {
    color: #79c0ff;
}

.token.class-name,
.token.maybe-class-name {
    color: #d2a8ff;
}

.token.console {
    /* No direct equivalent, using similar color */
    color: #9cdcfe;
}

.token.parameter {
    color: #79c0ff;
}

.token.interpolation {
    /* No direct equivalent, using similar color */
    color: #79c0ff;
}

.token.punctuation.interpolation-punctuation {
    /* No direct equivalent, using similar color */
    color: #569cd6;
}

.token.boolean {
    color: #ff7b72;
}

.token.property,
.token.variable,
.token.imports .token.maybe-class-name,
.token.exports .token.maybe-class-name {
    color: #79c0ff;
}

.token.selector {
    color: #7ee787;
}

.token.escape {
    color: #7ee787;
    /* Same as .hljs-selector-tag */
}

.token.tag {
    color: #7ee787;
}

.token.tag .token.punctuation {
    color: #808080;
}

.token.cdata {
    color: #808080;
}

.token.attr-name {
    color: #79c0ff;
}

.token.attr-value,
.token.attr-value .token.punctuation {
    color: #a5d6ff;
    /* Same as .hljs-string */
}

.token.attr-value .token.punctuation.attr-equals {
    color: #d4d4d4;
}

.token.entity {
    color: #79c0ff;
}

.token.namespace {
    color: #7ee787;
}

/* No direct mapping in provided theme for .token.operator */
.token.operator {
    color: #94a3b8;
}

/*********************************************************
* Language Specific
*/

pre[class*='language-javascript'],
code[class*='language-javascript'],
pre[class*='language-jsx'],
code[class*='language-jsx'],
pre[class*='language-typescript'],
code[class*='language-typescript'],
pre[class*='language-tsx'],
code[class*='language-tsx'] {
    color: #79c0ff;
    /* Same as .hljs-attr */
}

pre[class*='language-css'],
code[class*='language-css'] {
    color: #a5d6ff;
    /* Same as .hljs-string */
}

pre[class*='language-html'],
code[class*='language-html'] {
    color: #c9d1d9;
    /* Using .hljs-subst color */
}

.language-regex .token.anchor {
    /* No direct equivalent, using similar color */
    color: #dcdcaa;
}

.language-html .token.punctuation {
    color: #808080;
}

/* Used for API response */
span.language-json .token.punctuation {
    color: #4b5563;
}

:is(.dark span.language-json .token.punctuation) {
    color: #d1d5db;
}

span.language-json .token.property {
    color: #0284c7;
}

:is(.dark span.language-json .token.property) {
    color: 9cdcfe;
}

span.language-json .token.string {
    color: #d97706;
}

:is(.dark span.language-json .token.string) {
    color: #ce9178;
}

span.language-json .token.number {
    color: #16a34a;
}

:is(.dark span.language-json .token.number) {
    color: #b5cea8;
}

.line-highlight.line-highlight {
    background: #f7ebc6;
    box-shadow: inset 5px 0 0 #f7d87c;
    z-index: 0;
}

/* styling that applies to Admonitions */
/* see https://python-markdown.github.io/extensions/admonition/ */

/* note admonition */
/*.admonition.note { font-size: 1em; }*/


/* styling that applies only to the Python API reference documentation */

:root {
    --default-code: #4d606e;
    --blue: #3b8dff;
    --blue-transparent: rgba(59, 141, 255, 0.3);
    --gray-1: #EBEEF7;
    --gray-2: #cfd0d1;
    --gray-3: #8EA0AE;
    --pink-transparent: rgba(254, 81, 150, 0.3);
    --pink: #fe5196;
    --default-font-size: .7rem;
    --code-font-size: .8rem;
    --nav-size: .6rem;
    --text-code-font-size:  1em;
    --table-font-size: 1em;
    --anchor-font-size: 1em;
    --header-prefix-font-size: .7em;
    --content-relative-size: 1rem;
    --h1-font-size: 1.3rem;
    --h2-font-size: 1.0em;
    --h3-font-size: 1.0em;
}

.prefect-container {
    padding-left: 28px;
    padding-bottom: 8px;
}

.prefect-heading {
    margin-top: 44px;
    font-family: Inter;
    white-space: nowrap;
    overflow-x: auto;
    vertical-align: bottom;
    margin: 0;
}

.prefect-heading:before {
    content: "#";
    display: inline-block;
    opacity: 0;
    color: var(--blue);
    position: absolute;
    font-size: var(--anchor-font-size);
    margin-left: -.8em;
}

.prefect-heading:hover::before {
    opacity: 1;
}

.doc.doc-method .prefect-heading:before,
.doc.doc-attribute .prefect-heading:before {
    margin-top: 2px;
}

a.prefect-heading, 
a.prefect-heading:hover {
    color: var(--default-code);
}

.prefect-heading h1,
.prefect-heading h2 {
    border-bottom: 2px solid var(--gray-3);
}

.prefect-heading h3,
.prefect-heading h4 {
    border-bottom: 2px solid var(--gray-2);
}

.prefect-heading > h1:target,
.prefect-heading > h2:target,
.prefect-heading > h3:target,
.prefect-heading > h4:target {
    scroll-margin-top: 50px !important;
}

@media (min-width:1220px) {
    .prefect-heading > h1:target,
    .prefect-heading > h2:target,
    .prefect-heading > h3:target,
    .prefect-heading > h4:target {
        scroll-margin-top: 105px !important;
    }   
}

@media (min-width:2000px) {
    .prefect-heading > h1:target,
    .prefect-heading > h2:target,
    .prefect-heading > h3:target,
    .prefect-heading > h4:target {
        scroll-margin-top: 120px !important;
    }   
}

.doc.doc-module > h1 {
    font-size: var(--h1-font-size);
    font-weight: bold;
}

.doc.doc-heading h2 {
    font-size: var(--h2-font-size);
}

.prefect-heading h3 {
    font-size: var(--h3-font-size);
}

.prefect-heading > h1:before,
.prefect-heading > h2:before,
.prefect-heading > h3:before,
.prefect-heading > h4:before {
    color: var(--gray-3);
    font-size: var(--default-font-size);
    font-weight: 900;
    text-transform: lowercase;
    white-space: nowrap;
    display: inline-block;
}

.prefect-heading > h1:target:before,
.prefect-heading > h2:target:before,
.prefect-heading > h3:target:before,
.prefect-heading > h4:target:before {
    display: inline-block;
}

.prefect-table {
    width: 100%;
    border-collapse: collapse;
    border-left: .2rem solid var(--gray-3);
    margin-bottom: 18px;
}

.prefect-table code {
    font-size: var(--default-font-size);
}

.prefect-table tr {
    border-bottom: 1px solid var(--gray-1);
}

.prefect-table tr:last-child {
    border: 0;
}

.prefect-table th {
    text-align: left;
    padding: 4px 10px;
    background-color: var(--gray-1);   
}

.prefect-table td {
    padding: 2px 10px;
}

.prefect-table td, .prefect-table th {
    font-size: var(--default-font-size);
    vertical-align: text-top;
}

.doc.doc-class > .prefect-heading > h2:before {
    content: "class";
    font-size: var(--header-prefix-font-size);
}

.doc.doc-function > .prefect-heading > h2:before {
    content: "function";
    font-size: var(--header-prefix-font-size);
}

.doc.doc-method > .prefect-heading > h3:before {
    content: "method";
    font-size: var(--header-prefix-font-size);
} 

.doc.doc-attribute > .prefect-heading > h3:before {
    content: "attribute";
    font-size: var(--header-prefix-font-size);
}

.md-nav {
    font-size: var(--nav-size);
}

.md-typeset .admonition {
    font-size: 1em;
}

.md-typeset h2 code {
    font-size: 1.1em;
}

.md-typeset h3 code {
    font-size: 1.1em;
}

.md-typeset code {
    font-size: var(--code-font-size);
}

.doc p, .doc em, .doc li {
    font-size: var(--default-font-size);
    margin-top: 4px;
}

.doc.doc-heading code {
    font-size: var(--text-code-font-size);
}

.doc p code {
    font-size: var(--text-code-font-size);
}

.doc.doc-contents {
    font-size: var(--content-relative-size);
}

.highlight code {
    font-size: var(--code-font-size);
}

div.linenodiv {
    margin-top: 0.45em;
}

.linenodiv span {
    font-size: var(--code-font-size);
    line-height: 1.4;
}

details.quote:not([open]),
details.quote[open] {
    border-color: var(--pink);
    border: none;
}

details.quote:not([open]) > summary,
details.quote[open] > summary {
    background-color: var(--pink-transparent);
    border-color: var(--pink);
    border-radius: 0;
}

details.quote:not([open]) > summary:before,
details.quote:not([open]) > summary:after,
details.quote[open] > summary:before,
details.quote[open] > summary:after {
    background-color: var(--pink);
}

details.quote:not([open]) > summary > code,
details.quote[open] > summary > code {
    background: transparent;
}

.admonition.note{
    border-radius: 0;
}

/* special, private, property, and read-only tags */
.doc-property { display: none; }

/* arguments & returns tables */
 .doc-contents table td { font-size: var(--table-font-size); }

/* bold the argument name column */
.doc-contents table td:nth-child(1) { font-weight: bold; }



/* Prefect Overrides */

/* Code block background and highlight */
:root>* {
    /* theme */
    --md-primary-fg-color: #115AF4;
    --md-primary-fg-color--light: #115AF4;
    --md-primary-fg-color--dark: #115AF4;
    --nav-size: 0.8rem;
}

/* code block margin and padding  */
.highlight>pre>code {
    margin-top: 0;
    /* needed for code block titles */
    margin-bottom: 1rem;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* adjust clipboard button to accommodate margin and padding */
.md-clipboard {
    top: 1.5rem;
    color: #a2a2a2b1;
}

.terminal:hover .md-clipboard {
    color: #a2a2a2;
}

/* terminal code block formatting */
.terminal {
    --md-code-bg-color: #252a33;
    --md-code-fg-color: #eee;
    --md-code-hl-color: #4a556a;
    line-height: 120%;
}

/* give terminal code a little more padding to look less crowded */
.terminal>.highlight>pre>code {
    padding-top: 30px;
    padding-bottom: 25px;
}

.terminal button {
    -webkit-tap-highlight-color: #a2a2a2;
    color: #a2a2a2b1;
    outline: none;
}

nav.md-code__nav {
    margin-top: 20px;
}

/* Image drop shadow, separates browser from background */
img {
    margin-top: 1rem;
    margin-bottom: 1rem;
    filter: drop-shadow(0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.2))
}

/* remove margin just for the top nav logo */
.md-logo img {
    margin-top: 0;
    margin-bottom: 0;
}

.video-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
    filter: drop-shadow(0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.2))
}

/* push "go to prefect cloud" */
.cloud-link {
    margin-left: auto;
}

/* Table formatting */
.md-typeset table:not([class]) {
    font-size: .8rem;
}

.md-typeset table:not([class]) td {
    padding: 0.5em 1.25em;
}

.md-typeset table:not([class]) th {
    padding: 0.5em 1.25em;
}

/* convenience class to keep lines from breaking
useful for wrapping table cell text in a span
to force column width */
.no-wrap {
    white-space: nowrap;
}

/* collections and recipes catalogs */
.collection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: .5rem;
}

.collection-item {
    padding: 1rem;
    margin: .2rem;
    box-shadow: .1rem .1rem .3rem rgba(0, 0, 0, .3);
    border-radius: 5px;
}

.collection-item img {
    max-height: 100px;
    max-width: 100px;
}

.recipe-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: .5rem;
    margin: 1rem 0 3rem;
}

.recipe-item {
    padding: 1rem;
    margin: .2rem;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recipe-item img {
    max-height: 48px;
    max-width: 48px;
    margin: 0 0.5em 0 auto;
}

.recipe-desc p {
    vertical-align: text-top;
    vertical-align: top;
    font-size: 0.8rem;
}

.recipe-details {
    margin-top: 1rem;
    font-size: 0.6rem;
}

/* badge formatting */
.badge::before {
    background-color: #1860F2;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 8px;
    margin-left: 0.5rem;
    vertical-align: super;
    text-align: center;
    border-radius: 5px;
}

/* apply extra styling to badges inside h1 and h2 elements */
:where(h1, h2)>.badge::before {
    position: static;
    top: -0.42rem;
    font-weight: 600;
    margin-left: 0.25rem;
    vertical-align: middle;
    font-size: 0.63rem;
    border-radius: 15px;
}

:is(h1)>.badge::before {
    margin-left: 0.4rem;
}

/* badges appearing immediately after another badge 
 *  should not have additional left margin */
:is(.badge + .badge)::before {
    margin-left: 0;
}

/* Avoid displaying badges in the right sidebar */
.md-sidebar--secondary .badge {
    display: none;
}

.badge-api::before {
    background-color: #1860F2;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
}

.beta::before {
    background-color: #ffffff00;
    color: rgb(131, 131, 131);
    border: 1px solid rgb(131, 131, 131);
    content: "Beta";
    vertical-align: middle;
}

.experimental::before {
    background-color: #ffffff00;
    color: rgb(131, 131, 131);
    border: 1px solid rgb(131, 131, 131);
    content: "Experimental";
    vertical-align: middle;
}

.cloud::before {
    background-color: #799AF7;
    content: "Prefect Cloud";
}

.pro::before {
    background-color: #5f79c2;
    content: "Pro";
}

.enterprise::before {
    background-color: #115AF4;
    content: "Enterprise";
}

.deprecated::before {
    background-color: #FA1C2F;
    content: "Deprecated";
}

.new::before {
    background-color: #2AC769;
    content: "New";
}

.expert::before {
    background-color: #726576;
    content: "Advanced";
}

/* dark mode slate theme */
/* dark mode code overrides */
[data-md-color-scheme="slate"] {
    --md-hue: 220;
    --md-default-bg-color: #040913;
    --md-code-bg-color: #252a33;
    --md-code-fg-color: #eee;
    --md-code-hl-color: #3b3d54;
    --md-code-hl-name-color: #eee;
    --md-default-fg-color--light: #eee;
}

/* dark mode link overrides */
[data-md-color-scheme="slate"] .md-typeset a {
    color: var(--blue);
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
    font-weight: bold;
}

/* dark mode nav overrides */
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--active>.md-nav__link {
    color: var(--blue);
    font-weight: bold;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link--active {
    color: var(--blue);
    font-weight: bold;
}

/* dark mode collection catalog overrides */
[data-md-color-scheme="slate"] .collection-item {
    background-color: #3b3d54;
}

[data-md-color-scheme="slate"] .collection-item img {
    filter: drop-shadow(1px 1px 8px rgba(172, 182, 255, 0.35));
}

/* dark mode recipe collection overrides */
[data-md-color-scheme="slate"] .recipe-item {
    background-color: #3b3d54;
}

/* dark mode API doc overrides */
[data-md-color-scheme="slate"] .prefect-table th {
    background-color: #3b3d54;
}

/* custom admonitions */
/* cloud admonition */
:root {
    --md-admonition-icon--cloud-ad: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 18H6a4 4 0 0 1-4-4 4 4 0 0 1 4-4h.71C7.37 7.69 9.5 6 12 6a5.5 5.5 0 0 1 5.5 5.5v.5H19a3 3 0 0 1 3 3 3 3 0 0 1-3 3m.35-7.97A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.03A6.004 6.004 0 0 0 0 14a6 6 0 0 0 6 6h13a5 5 0 0 0 5-5c0-2.64-2.05-4.78-4.65-4.97Z"/></svg>')
}

.md-typeset .admonition.cloud-ad,
.md-typeset details.cloud-ad {
    border-color: #799AF7;
}

.md-typeset .cloud-ad>.admonition-title,
.md-typeset .cloud-ad>summary {
    background-color: #799bf715;
}

.md-typeset .cloud-ad>.admonition-title::before,
.md-typeset .cloud-ad>summary::before {
    background-color: #799AF7;
    -webkit-mask-image: var(--md-admonition-icon--cloud-ad);
    mask-image: var(--md-admonition-icon--cloud-ad);
}


/* blog admonition */
:root {
    --md-admonition-icon--blog: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32 87.5 32 35.1 48.6 9 59.9c-5.6 2.4-9 8-9 14v380.2c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6 11.3 3.8 24.1-4.6 24.1-16.5V73.9c0-6.1-3.4-11.6-9-14C540.9 48.6 488.5 32 432 32c-58.4 0-103.4 20-123 35.6-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z"/></svg>')
}

.md-typeset .admonition.blog,
.md-typeset details.blog {
    border-color: #cca701;
}

.md-typeset .blog>.admonition-title,
.md-typeset .blog>summary {
    background-color: #cca70115;
}

.md-typeset .blog>.admonition-title::before,
.md-typeset .blog>summary::before {
    background-color: #cca701;
    -webkit-mask-image: var(--md-admonition-icon--blog);
    mask-image: var(--md-admonition-icon--blog);
}

.ul-line-height-compress {
    line-height: 90%;
    margin-bottom: 30px !important;
}

.full {
    width: 31%;
    padding: 20em;
    margin-right: 2%
}

.md-header {
    background-color: #0b1b1e;
}

.main-page-subheader {
    margin-top: -2em !important;
}

.main-button--primary {
    background: linear-gradient(90deg, #0a082e, #5988e3);
    color: white !important;
    border: none !important;
    font-weight: 400 !important;
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 100%);
    padding-right: 10px;
    border-radius: 3px !important;
}

.main-button--primary:hover {
    background: linear-gradient(45deg, var(--md-accent-fg-color), var(--md-accent-fg-color));
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color);
}

.main-button--secondary {
    background: linear-gradient(90deg, #5988e3, #5988e3);
    color: white !important;
    border: none !important;
    font-weight: 400 !important;
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 100%);
    border-radius: 3px !important;
}

.main-button--secondary:hover {
    background: linear-gradient(45deg, var(--md-accent-fg-color), var(--md-accent-fg-color));
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color);
}

/* 60em is the minimum width at which the full search 
   box displays in the nav bar */
@media screen and (min-width: 60em) {
    .md-search__form {
        background-color: #ffffff40;
    }
}

/* At 76.1875em, the hamburger menu disappears 
   and users see the full nav menu */
@media screen and (min-width: 76.1875em) {
    div[class="md-header__topic"]:not([data-md-component="header-topic"])>span {
        display: none;
    }
}

/* At or below 59.9375em, git stats appear in mobile nav menu 
   instead of in the main nav bar */
@media screen and (max-width: 59.9375em) {
    .md-nav__source {
        background-color: #0a082e;
    }

    .full {
        width: 66%;
        margin-bottom: 10px;
        margin-left: 17%
    }
}

/* Mobile nav menu appears at 76.1875em */
@media screen and (max-width: 76.1875em) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: #0a082e;
    }
}

@media screen and (max-width: 40em) {
    .full {
        width: 86%;
        margin-left: 7%
    }
}

.cloud-button {
    background-color: rgb(45, 109, 246);
    border-bottom-color: rgb(229, 232, 237);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: rgb(229, 232, 237);
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

a.cloud-button:hover {
    background-color: rgb(2, 37, 172);
}

/* hide the announcement banner in non-latest versions */
[data-md-component="announce"] {
    display: none;
}

/* CSS for the auto generated Swagger REST API docs */

.highlight-code
  > pre
  > code
  span:nth-of-type(1)[style="color: rgb(162, 252, 162);"] {
  color: #024dfd !important;
}

.highlight-code
  > pre
  > code
  > .hljs-attr
  ~ span[style="color: rgb(162, 252, 162);"] {
  color: #024dfd !important;
}

.highlight-code
  > pre
  > code
  > .hljs-attr
  ~ span[style="color: rgb(211, 99, 99);"] {
  color: #fb4e4e !important;
}

.highlight-code
  > pre
  > code
  > .hljs-attr
  ~ span[style="color: rgb(252, 194, 140);"] {
  color: #149347 !important;
}


/* see https://squidfunk.github.io/mkdocs-material/reference/code-blocks/#custom-syntax-theme
 * for details on syntax highlighting overrides */
:root > * {
  /* code blocks */
  --md-code-hl-number-color: #3b8dff;
  --md-code-hl-function-color: #3b8dff;
  --md-code-hl-constant-color: #3b8dff;
  --md-code-hl-keyword-color: #27b1ff;
  --md-code-hl-string-color: #fe5196;
  --md-code-hl-name-color: #4d606e;
  --md-code-hl-operator-color: #3b8dff;
  --md-code-hl-punctuation-color: #1061d0;
  --md-code-hl-comment-color: #a5b4be;
  --md-code-hl-variable-color: #e90;
  --md-code-hl-color: #fff4e5;
  --md-code-bg-color: #f3f3f3;
}

.highlight .nd {
  color: #fe5196;
}


/**
 * termynal.js
 *
 * @author Ines Montani <ines@ines.io>
 * @version 0.0.1
 * @license MIT
 */

:root {
    --color-bg: #252a33;
    --color-text: #eee;
    --color-text-subtle: #a2a2a2;
}

[data-termynal] {
    width: 750px;
    max-width: 100%;
    background: var(--color-bg);
    color: var(--color-text);
    /* font-size: 18px; */
    font-size: 15px;
    /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
    font-family: 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
    border-radius: 4px;
    padding: 75px 45px 35px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

[data-termynal]:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* A little hack to display the window buttons in one pseudo element. */
    background: #d9515d;
    -webkit-box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
            box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
}

[data-termynal]:after {
    content: '';
    position: absolute;
    color: var(--color-text-subtle);
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
}

a[data-terminal-control] {
    text-align: right;
    display: block;
    color: #aebbff;
}

[data-ty] {
    display: block;
    line-height: 2;
}

[data-ty]:before {
    /* Set up defaults and ensure empty lines are displayed. */
    content: '';
    display: inline-block;
    vertical-align: middle;
}

[data-ty="input"]:before,
[data-ty-prompt]:before {
    margin-right: 0.75em;
    color: var(--color-text-subtle);
}

[data-ty="input"]:before {
    content: '$';
}

[data-ty][data-ty-prompt]:before {
    content: attr(data-ty-prompt);
}

[data-ty-cursor]:after {
    content: attr(data-ty-cursor);
    font-family: monospace;
    margin-left: 0.5em;
    -webkit-animation: blink 1s infinite;
            animation: blink 1s infinite;
}


/* Cursor animation */

@-webkit-keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}


:root>* {
  /* theme */
  --md-primary-fg-color: #3A3A3A;
}

.highlight>pre>code {
  border-radius: 3px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.md-banner {
  --md-footer-bg-color: #070E10;
}

#topbar-cta-button > a > span {
  background-color: #2D6DF6;
  border-radius: 0.25rem;
}

#topbar-cta-button > a {
  padding: 0.5rem 1rem;
}

#topbar-cta-button > a div > span {
  font-weight: 400;
  letter-spacing: 0.4px;
}

#topbar-cta-button>a div>span,
#topbar-cta-button > a div > svg {
  color: #fff;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Base font settings */
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

/* Other custom styles */
p {
    font-family: 'Inter', sans-serif;
}


function loadScript(src, onload) {
    if (typeof window === 'undefined') return
    if (typeof src !== 'string') {
        console.error('src must be a string')
        return
    }

    const script = document.createElement('script')
    script.src = src
    script.async = true

    if (typeof onload === 'function') {
        script.addEventListener('load', onload)
    }

    document.head.appendChild(script)
    return script
}

function loadCommonRoom() {
    const url = 'https://cdn.cr-relay.com/v1/site/5c7cdf16-fbc0-4bb8-b39e-a8c6136687b9/signals.js'
    const init = () => {
        window.signals = Object.assign(
            [],
            ['page', 'identify', 'form'].reduce(function (acc, method) {
                acc[method] = function () {
                    signals.push([method, arguments])
                    return signals
                }
                return acc
            }, {})
        )
    }

    loadScript(url, init)
}

function loadAmplitude() {
    // TODO: Move the key and url to an env var in mintlify
    const amplitudeKey = 'c97dd2acbf306ab7bf54aca0aeb7ffa1'
    const amplitudeUrl = 'https://api2.amplitude.com/2/httpapi'

    const addUrl = (event) => {
        const deviceId = amplitude.getDeviceId()
        const { href = '' } = event.target
        const url = new URL(href)
        url.searchParams.set('deviceId', deviceId)
        event.target.href = url.toString()
    }

    const removeUrl = (event) => {
        const { href = '' } = event.target
        const url = new URL(href)
        url.searchParams.delete('deviceId')
        event.target.href = url.toString()
    }

    const urls = [
        'https://app.prefect.cloud',
    ]

    const selector = urls.map((url) => `a[href^="${url}"]`).join(',')

    const addDeviceIdToAppLinks = () => {
        const elements = document.querySelectorAll(selector)

        elements.forEach((element) => {
            element.addEventListener('mouseenter', addUrl)
            element.addEventListener('mouseleave', removeUrl)
            element.addEventListener('focus', addUrl)
            element.addEventListener('blur', removeUrl)
            element.addEventListener('touchstart', addUrl)
            element.addEventListener('touchend', removeUrl)
        })
    }

    function trackPageView() {
        amplitude.track(
            'Page View: Docs New',
            {
                'url': window.href,
                'title': document.title,
                'referrer': document.referrer,
                'path': window.location.pathname,
                'source': 'docs',
                'source_detail': '3.x'
            }
        )
    }

    const init = () => {
        amplitude.init(amplitudeKey, undefined, {
            useBatch: true,
            serverUrl: amplitudeUrl,
            attribution: {
                disabled: false,
                trackNewCampaigns: true,
                trackPageViews: true,
                resetSessionOnNewCampaign: true,
            },
            defaultTracking: {
                pageViews: {
                    trackOn: function () { return true },
                    eventType: "Page View: Docs New",
                    trackHistoryChanges: "all",
                },
                sessions: false,
                formInteractions: true,
                fileDownloads: true,
            },
        })

        setTimeout(addDeviceIdToAppLinks)
        setTimeout(trackPageView)
    }

    const url = 'https://cdn.amplitude.com/libs/analytics-browser-2.8.1-min.js.gz'
    loadScript(url, init)
}

function loadReo() {
    var e, t, n; e = "85cf6f7792f05b5", t = function () { Reo.init({ clientID: "85cf6f7792f05b5" }) }, (n = document.createElement("script")).src = "https://static.reo.dev/" + e + "/reo.js", n.async = !0, n.onload = t, document.head.appendChild(n)
}


loadCommonRoom()
loadAmplitude()
loadReo()


APIs & SDK

Validate Template

Headers

Body

Response