/*********************************************************
* 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()


Integrations

Prefect integrations are PyPI packages you can install to help you build integrate your workflows with third parties.

Integrations

Integrations

AWS

Azure

Bitbucket

Coiled

Dask

Databricks

dbt

Docker

Email

Fivetran

GCP

GitHub

GitLab

Kubernetes

Ray

Shell

Slack

Snowflake

SQLAlchemy