@font-face {
  font-family: "Moderat-Regular-Web";
  src: url("./Moderat-Regular-Web/Moderat-Regular.woff");
}

@font-face {
  font-family: "Moderat-Regular-Web";
  src: url("./Moderat-Bold-Web/Moderat-Bold.woff");
  font-weight: bold;
}

@font-face {
  font-family: "Moderat-Regular-Web";
  src: url("./Moderat-Regular-Italic-Web/Moderat-Regular-Italic.woff");
  font-style: italic;
}

:root {
  --color-primary: #e92063;
  --color-primary-shade-1: hsl(170, 69%, 30%);
  --color-primary-tint-1: hsl(170, 69%, 97%);
  --color-feedback-negative: hsl(31, 100%, 58%);
  --color-text-base: #58585f;
  --color-text-dark: #161E2B;
  --color-background-base: #f2f4f8;
  --color-background-dark: #161E2B;
  --color-background-darker: hsl(240, 4.2%, 14%);
  --color-background-light: #f2f4f8;
  --color-foreground-base: #dbdfe7;

  /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-fonts/?h=font#additional-fonts */
  --md-text-font: "Moderat-Regular-Web";
  /* https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions */
  --md-admonition-icon--details: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>');
}

/* https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions */
.md-typeset .admonition.details,
.md-typeset details.details {
  border-color: var(--color-background-dark);
}

.md-typeset .details>.admonition-title,
.md-typeset .details>summary {
  background-color: rgba(16, 19, 48, 0.1);
}

.md-typeset .details>.admonition-title::before,
.md-typeset .details>summary::before {
  background-color: rgb(16, 19, 48);
  -webkit-mask-image: var(--md-admonition-icon--details);
  mask-image: var(--md-admonition-icon--details);
}

.md-typeset .admonition.explanation,
.md-typeset details.explanation {
  border-color: var(--color-primary);
}

.md-typeset .explanation>.admonition-title,
.md-typeset .explanation>summary {
  background-color: var(--color-background-light);
}

.md-typeset .explanation>.admonition-title::before,
.md-typeset .explanation>summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--info);
  mask-image: var(--md-admonition-icon--info);
}

/* light mode */

[data-md-color-scheme="light"] {
  --md-default-fg-color--light: var(--color-text-dark);
  --md-typeset-color: var(--color-text-base);
  --md-typeset-a-color: var(--color-primary);
  --md-accent-fg-color: var(--color-primary-shade-1);
  --md-footer-bg-color: var(--color-background-base);
  --md-footer-fg-color: var(--color-text-base);
  --md-footer-bg-color--dark: var(--color-background-dark);
  --md-primary-bg-color: var(--color-text-dark);
  --md-primary-fg-color: var(--color-background-dark);
}

[data-md-color-scheme="light"] .md-tabs__link--active {
  font-weight: 600;
}

[data-md-color-scheme="light"] .md-header[data-md-state="shadow"] {
  box-shadow: none;
}

[data-md-color-scheme="light"] .md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--color-text-dark);
  font-weight: 600;
}

[data-md-color-scheme="light"] .md-header {
  box-shadow: none;
  background-color: var(--color-background-dark);
  color: white;
}

[data-md-color-scheme="light"] .md-tabs {
  background-color: var(--color-background-dark);
  color: white;
}

[data-md-color-scheme="light"] .md-search__input {
  border: 1px solid var(--color-foreground-base);
  background-color: white;
  color: var(--color-text-dark);
}

[data-md-color-scheme="light"] .md-search__input::placeholder {
  color: var(--color-text-dark);
  opacity: 1;
}

.md-banner {
  background-color: black;
  color: var(--md-footer-fg-color--light);
}

.md-footer {
  border-top: 1px solid var(--color-background-dark);
}

.md-typeset {
  font-size: 0.9rem;
}

.md-nav {
  font-size: 0.8rem;
}

.md-tabs__link {
  font-size: 0.8rem;
}

:root {
  --md-path-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>')
}

.md-path {
  font-size: .7rem;
  margin: 0 .8rem;
  overflow: auto;
  padding-top: 1.2rem
}

.md-path:not([hidden]) {
  display: block
}

@media screen and (min-width: 76.25em) {
  .md-path {
    margin: 0 1.2rem
  }
}

.md-path__list {
  align-items: center;
  display: flex;
  gap: .2rem;
  list-style: none;
  margin: 0;
  padding: 0
}

.md-path__item:not(:first-child) {
  display: inline-flex;
  gap: .2rem;
  white-space: nowrap
}

.md-path__item:not(:first-child):before {
  background-color: var(--md-default-fg-color--lighter);
  content: "";
  display: inline;
  height: .8rem;
  -webkit-mask-image: var(--md-path-icon);
  mask-image: var(--md-path-icon);
  width: .8rem
}

.md-path__link {
  align-items: center;
  color: var(--md-default-fg-color--light);
  display: flex
}

.md-path__link:focus,
.md-path__link:hover {
  color: var(--md-accent-fg-color)
}

/* Ensure manage settings button is visible */
.md-typeset .md-consent__controls .md-button {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: var(--color-background-light);
}

.md-header {
  background-color: var(--color-background-dark);
}

.md-tabs {
  background-color: var(--color-background-dark);
}

/* preserve the logo and site title on page scroll */

.md-header__topic:first-child {
  font-weight: 500;
}

.md-header__topic,
.md-header__topic+.md-header__topic,
.md-header__title--active .md-header__topic {
  transform: none;
  transition: none;
  opacity: 1;
}

/* better table behaviour */

.md-typeset table:not([class]) td:first-of-type {
  white-space: pre;
}

/* bigger font in table */
.table-without-whitespace-pre td:first-of-type {
  white-space: unset;
}

.md-typeset table:not([class]) {
  font-size: 0.75rem;
}

/* display tables at full width */
.md-typeset__table {
  width: 100%;
}

.md-typeset__table table:not([class]) {
  display: table;
}

/* img borders */

.md-typeset img,
.md-typeset svg,
.md-typeset video {
  border: 1px solid #dbdfe7;
  border-radius: 4px;
}

.md-typeset :is(.emojione, .twemoji, .gemoji) svg {
  border: 0;
}

button:nth-child(1)>svg,
button:nth-child(2)>svg {
  border: 0;
}

.md-content__button>svg {
  border: 0;
}

/* remove lightbox controls so users can't slideshow */
.gnext,
.gprev {
  display: none !important;
}

/* reduce padding between title and breadcrumbs */

.md-content__inner {
  padding-top: 0;
}

.md-status--beta::after {
  background-color: var(--color-text-base);
  border-radius: 0.2rem;
  color: white;
  content: "beta";
  font-size: 0.5rem;
  height: auto;
  padding: 0.1rem 0.2rem;
  -webkit-mask-image: none;
  mask-image: none;
  width: auto;
}

.md-status:hover:after {
  background-color: var(--color-text-base);
}

/* better left nav spacing */

.md-nav__item--section {
  margin-top: 1.75em;
}

/* The tab links for other n8n sites */

.n8n-other-sites {
  display: flex;
  justify-content: space-between;
}

/* ensure headings don't disappear below top nav after adding extra top nav */
@media screen and (min-width: 76.25em) {
  .md-header--lifted~.md-container .md-typeset :target {
    --md-scroll-margin: 9rem;
  }
}

code {
  tab-size: 2;
}

.inline-image {
  display: inline-block;
  max-width: 25px;
  max-height: 25px;
  vertical-align: middle;
}

.inline-image>img {
  border: none;
}

.grid-cards-vertical {
  grid-gap: 0.4rem;
  display: grid;
  grid-template-columns: none;
  margin: 1em 0;
}

.grid-cards-vertical.cards> :-webkit-any(ul, ol) {
  display: contents;
}

.grid-cards-vertical.cards> :is(ul, ol)>li {
  display: block;
}

.sub-footer {
  width: 100%;
  margin: 0;
  padding: 44px 0;
}

.sub-footer a {
  text-decoration: none;
}

.sub-footer-container {
  max-width: 61rem;
  margin: auto;
  padding: 0 0.8rem;
}

.sub-footer .footer-columns {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 300px) {
  .sub-footer .footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1024px) {
  .sub-footer .footer-columns {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media screen and (min-width: 300px) {
  .sub-footer .footer-columns>div:last-child {
    grid-column: span 2 / span 2;
  }
}

@media screen and (min-width: 1024px) {
  .sub-footer .footer-columns>div:last-child {
    grid-column: auto;
  }
}

.sub-footer .column-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
  color: #101330;
}

.sub-footer .col-links {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.sub-footer .col-links li {
  margin-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  font-size: 10px;
}

.sub-footer .footer-link {
  color: #101330;
  font-size: 14px;
  line-height: 22px;
  border: none;
  background: 0 0;
}

.sub-footer:not(.sub-footer--full) .hidden-link {
  display: none;
}

.sub-footer .footer-link--more {
  padding: 0;
  border-bottom: 1px solid #101330;
  cursor: pointer;
}

.sub-footer .footer-link--more:before {
  content: "Show more";
}

.sub-footer.sub-footer--full .footer-link--more:before {
  content: "Show less";
}

.bottom-link {
  margin-bottom: 16px;
}

.bottom-link .footer-link {
  color: #20b69e;
}

@keyframes heart {

  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }

  20%,
  60% {
    transform: scale(1.15);
  }
}

.heart {
  color: #e92063;
  animation: heart 1000ms infinite;
}

.md-tabs__item--active .md-tabs__link {
  color: inherit;
  font-weight: 600;
  opacity: 1;
}

@media screen and (max-width: 76.2344em) {
  .md-nav--primary .md-nav__title[for=__drawer] {
    background-color: var(--color-background-dark);
    color: var(--md-primary-bg-color);
    font-weight: 700;
  }
}

@media screen and (max-width: 59.9844em) {
    .md-nav__source {
        background-color: var(--color-background-dark);
        color: var(--md-primary-bg-color);
        display: block;
        padding: 0 .2rem;
    }
}

.md-typeset a {
  color: var(--color-primary);
  text-decoration: none;
}

.md-typeset h1 {
  color: var(--color-text-dark);
  font-weight: 600;
  font-size: 2em;
  line-height: 1.3;
  margin: 0 0 1.25em;
}

.md-path__link {
    align-items: center;
    color: var(--color-text-dark);
    display: flex;
}

.md-nav__link[for]:focus, .md-nav__link[for]:hover, .md-nav__link[href]:focus, .md-nav__link[href]:hover {
    color: var(--color-primary);
    cursor: pointer;
}

@media screen and (max-width: 76.2344em) {
    .md-nav--primary .md-nav__item--active>.md-nav__link {
        color: var(--color-primary);
    }
}

.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
    color: var(--color-primary);
}

.md-typeset a:focus, .md-typeset a:hover {
    color: var(--color-primary);
}