#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;
}


/*********************************************************
* 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);
}

/* discourse admonition */
:root {
    --md-admonition-icon--discourse: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z"/></svg>')
}

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

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

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

/* 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;
}

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


GitHub

Community

Prefect Cloud

Prefect

APIs & SDK

Integrations

Contribute

Get a graph of the tasks and subflow runs for the given flow run

Read Flow Run Graph V2

Edge

Created

Data

Is Latest

Type

GraphArtifact

Name

Timestamp

GraphState

Artifacts

Children

Encapsulating

End Time

Kind

Label

Parents

Start Time

Node

StateType

Location

Message

Error Type

ValidationError

Graph

HTTPValidationError

Prefect is a workflow orchestration framework for building resilient data pipelines in Python.

Overview

Welcome to Prefect

What's new

What's new in Prefect 3.0

Install Prefect

Get started with Prefect, the easiest way to orchestrate and observe your data pipelines

Quickstart

Deploy flows and run them on a schedule with Prefect.

Schedule a flow

Learn how to build resilient and performant data pipelines with Prefect.

Build a data pipeline

Use Prefect to fetch and analyze large amounts of data

Extract data from websites

Prefect v2 documentation

Learn how to write code with Prefect objects for workflows you can trust.

Develop overview

Learn the basics of defining and running flows.

Write and run flows

Write and run tasks

See examples of using Prefect tasks and the task worker.

Run tasks in the background

Configure logging on flows and tasks for monitoring, troubleshooting, and auditing.

Configure logging

Learn how to use caching to gain efficiency and pipeline idempotency.

Configure task caching

Learn how transactional semantics help you minimize the cost of failure and add idempotency to your workflows.

Write transactions

Learn the different ways to pause, suspend, and resume a flow run.

Pause and resume flow runs

Learn how to create interactive workflows with Prefect.

Send and receive flow run inputs

The runtime context allows global access to information about the current run.

Access runtime context

Prefect states contain information about the status of a flow or task run.

Manage states

Results represent the data returned by a flow or a task and enable features such as caching.

Manage results

Prefect artifacts are persisted outputs designed for human consumption and available in the UI.

Create run artifacts

Prefect variables are dynamically-named, mutable string values.

Set and get variables

Prefect blocks allow you to manage configuration schemas, infrastructure, and secrets for use with deployments or flow scripts.

Securely store typed configuration

Learn how to use task runners for concurrent, parallel or distributed execution of tasks.

Run tasks concurrently or in parallel

Prevent too many tasks from running simultaneously using tags.

Limit concurrent task runs with tags

Learn how to control concurrency and apply rate limits using Prefect's provided utilities.

Apply global concurrency and rate limits

Prefect settings let you customize behavior across different environments.

Configure settings and profiles

Reference for all available settings for Prefect.

Settings reference

Learn about writing tests for Prefect flows and tasks.

Test workflows

Learn how to use deployments to trigger flow runs remotely.

Deploy overview

Create a deployment for a flow by calling the `serve` method.

Run flows in local processes

Learn how to configure dynamic infrastructure provisioning with work pools

Configure dynamic infrastructure with work pools

Prefect workers poll work pools for new runs to execute.

Learn about workers

Learn about where to store your flow code.

Retrieve code from storage

Learn how to use the Python SDK to deploy flows to run in work pools.

Deploy flows with Python

Use YAML to schedule and trigger flow runs and manage your code and deployments.

Define deployments with YAML

CI/CD resources for working with Prefect.

Build deployments via CI/CD

Override job variables on a deployment to set environment variables, specify a Docker image, allocate resources, and more.

Override job configuration for specific deployments

Learn how Prefect runs deployments on Prefect's infrastructure.

Run flows on Prefect Managed infrastructure

Learn how to use Prefect push work pools to schedule work on serverless infrastructure without having to run a worker.

Run flows on serverless compute

Learn how to deploy a flow to a Docker work pool with workers

Run flows in Docker containers

Learn how to run flows on Kubernetes using containers.

Run flows on Kubernetes

Learn how to serve a flow in a long-lived Docker container

Serve flows in a long-lived Docker container

Learn how to automate workflows with Prefect.

Automate overview

Prefect can schedule when to automatically create new flow runs.

Schedule flow runs

An event is a notification of a change, creating a history of activity in your stack.

Track activity through events

Automations provide a flexible and powerful framework for automatically taking action in response to events.

Trigger actions on events

Define a custom trigger to react to many kinds of events and metrics.

Define custom event triggers

Observe and respond to events from other systems.

Receive events with webhooks

Incidents in Prefect Cloud help identify, resolve, and document issues in mission-critical workflows.

Manage incidents

Learn how to interact with Prefect Cloud or self-host a Prefect server instance.

Cloud and server overview

Observe and orchestrate workflow applications with the Prefect Cloud platform.

Prefect Cloud overview

Configure a local execution environment to access Prefect Cloud.

Connect to Prefect Cloud

Organize and compartmentalize your workflows with workspaces.

Manage workspaces

Rate limits and data retention

Terraform provider

Learn how to identify and resolve common issues with Prefect Cloud.

Troubleshoot Prefect Cloud

Learn how to self-host your own Prefect server instance.

Host Prefect server

Learn how to use the `PrefectClient` to interact with the API.

Manage run metadata in Python

Learn how to upgrade from Prefect 2.x to Prefect 3.0.

Upgrade to Prefect 3.0

Learn how to upgrade from agents to workers to significantly enhance the experience of deploying flows.

Upgrade from agents to workers

Learn the different ways to cancel a flow run.

Cancel flow runs

Learn how to view the overall structure of your flow.

Visualize flow structure

Learn how Prefect flow deployments enable configuring flows for scheduled and remote execution with workers.

Daemonize worker processes

Guidance for using Prefect with big data.

Process big data

Learn how to use the Prefect CLI for executing shell commands as flows.

Execute shell commands as flows

Connect to services without storing credentials in blocks.

Access third-party secrets

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

APIs & SDK

Read Flow Run Graph V2

Headers

Path Parameters

Query Parameters

Response