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

img {
  filter: none !important;
}

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

[role="listitem"] *:last-child {
    border-bottom: none !important;
}





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

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


prefect.settings.models.server.ui

ServerUISettings

Classes

Prefect

Welcome

Introduction

Install Prefect

Quickstart

Overview

Concepts

Assets represent objects your workflows produce.

Assets

Flows

Tasks are atomic units of work with transactional semantics.

Tasks

Caching

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

States

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

Runtime context

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

Artifacts

Learn about task runners for concurrent, parallel or distributed execution of tasks.

Task runners

Learn how to use deployments to trigger flow runs remotely.

Deployments

Prefect can schedule when to automatically create new flow runs.

Schedules

Schedule flow runs

Learn how to configure dynamic infrastructure provisioning with work pools

Work pools

Workers poll work pools for new runs to execute.

Workers

Variables are dynamically-named, mutable string values than can be used to store and reuse non-sensitive bits of data.

Variables

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

Blocks

Prefect settings let you customize behavior across different environments.

Settings and profiles

Self-host your own Prefect server instance.

Prefect server

An event is a notification of a change - a record of activity in your stack.

Events

Learn how to automatically take action in response to events.

Automations

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

Event triggers

Define event triggers

Rate limits and data retention

Define the performance expectations for your flows and to enable automated alerts when those expectations are not met.

SLAs

Measure reliability with Service Level Agreements

Understand Prefect Cloud webhooks, their configuration, and how to use templates to transform incoming HTTP requests into Prefect events.

Webhooks

How-to Guides

Write and run a workflow

How to write and run a workflow

Use assets to track workflow outputs

How to use assets to track workflow outputs

Automatically rerun a workflow when it fails

How to automatically rerun your workflow when it fails

Customize workflow metadata

How to customize a workflow's metadata

Pass inputs to a workflow

How to pass inputs to a workflow

Add logging

How to add logging to a workflow

Access runtime information

How to access runtime information

Run work concurrently

How to run work concurrently

Cache workflow step outputs

How to cache workflow step outputs

Run background tasks

How to run tasks background tasks

Learn how to execute code in response to entering states in your workflows.

Respond to state changes

How to respond to state changes

Create Artifacts

How to produce workflow artifacts

Learn about writing tests for Prefect flows and tasks.

Test workflows

How to test workflows

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

Apply global concurrency and rate limits

How to apply global concurrency and rate limits

Prevent too many tasks from running simultaneously using tags.

Limit concurrent task runs with tags

How to limit concurrent task runs with tags

Learn how to create deployments via the CLI, Python, or Terraform.

Create Deployments

How to create deployments

Learn how to create schedules for your deployments.

Create Deployment Schedules

How to create schedules

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

Deploy via Python

How to deploy flows with Python

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

Define deployments with YAML

How to define deployments with YAML

Learn about code storage as it relates to execution of deployments

Retrieve code from storage

How to retrieve code from storage

Track changes to your deployments and roll back to previous versions

Version Deployments

How to version deployments

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

Override Job Configuration

How to override job configuration for specific deployments

Store secrets

How to store secrets

Share configuration between workflows

How to share configuration between workflows

Manage settings

How to manage settings

Learn how to define automations that trigger actions based on events.

Create Automations

How to create automations

Learn how to define automations that trigger deployment runs based on events.

Create Deployment Triggers

How to create deployment triggers

Learn how to establish event-based dependencies between individual workflows.

Chain Deployments with Events

How to chain deployments with events

Learn how to access deployment and flow run parameters in templates

Access parameters in templates

How to access deployment and flow run parameters

Configure Prefect work pools using the CLI, Terraform, or REST API

Manage Work Pools

How to manage work pools

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

Run Flows in Local Processes

How to run flows in local processes

Learn how Prefect runs deployments on Prefect's infrastructure.

Run flows on Prefect Managed infrastructure

How to 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

How to run flows on serverless compute

Learn how to execute deployments in isolated Docker containers

Run flows in Docker containers

How to run flows in Docker containers

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

Run flows in a static container

How to run flows in a long-lived Docker container

Learn how to run flows on Kubernetes using containers.

Run flows on Kubernetes

How to run flows on Kubernetes

Learn how to use Modal as a push work pool to schedule, run, and debug your Prefect flows

Run flows on Modal

How to run flows on Modal

Deploy cloud infrastructure without expertise with Coiled

Run flows on Coiled

How to run flows on Coiled

Configure a local execution environment to access Prefect Cloud.

Connect to Prefect Cloud

How to connect to Prefect Cloud

Organize and compartmentalize your workflows with workspaces.

Manage Workspaces

How to manage workspaces

Learn how to setup a webhook in the UI to trigger automations from external events.

Create a Webhook

How to create a webhook

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

Troubleshoot Prefect Cloud

How to troubleshoot Prefect Cloud

Get started with self-hosting by running Prefect server locally.

Run a local Prefect server

How to run a local Prefect server

Run a containerized Prefect server instance with Docker.

Run the Prefect server in Docker

How to run the Prefect server in Docker

Migration from Apache Airflow to Prefect: A Comprehensive How-To Guide

Migrate from Airflow

How to Migrate from Airflow

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

Upgrade to Prefect 3.0

How to 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

How to upgrade from agents to workers

Advanced

This guide covers how to enhance your assets with rich metadata, custom properties, and explicit dependency management beyond what's automatically inferred from your task graph.

API Reference

ui

`prefect.settings.models.server.ui`

Classes

`ServerUISettings`

API Reference

​prefect.settings.models.server.ui

​Classes

​ServerUISettings

`prefect.settings.models.server.ui`

Classes

`ServerUISettings`