@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;400;600;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-269d3ee2] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-269d3ee2] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-269d3ee2]:before {
  filter: invert(1);
}
.n-btn--sm[data-v-269d3ee2] {
  padding: 0.375rem 0.625rem;
}
.n-btn--md[data-v-269d3ee2] {
  padding: 0.625rem 1.25rem;
}
.n-btn--lg[data-v-269d3ee2] {
  padding: 0.625rem 1.5rem;
}
.n-btn--xl[data-v-269d3ee2] {
  padding: 1rem 2rem;
}
.n-btn--xxl[data-v-269d3ee2] {
  padding: 1rem 2.5rem;
}
.n-btn[data-v-269d3ee2] {
  height: auto;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  font-family: var(--app-font-family-secondary);
  font-weight: 500;
  font-size: 0.875rem;
  outline: 0;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  transition-duration: 0.28s;
  transition-property: box-shadow, transform, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  white-space: nowrap;
  min-width: 2.25rem;
}
.n-btn--xs[data-v-269d3ee2] {
  font-size: 0.6rem;
}
.n-btn--sm[data-v-269d3ee2] {
  font-size: 0.75rem;
}
.n-btn--md[data-v-269d3ee2] {
  font-size: 0.8125rem;
}
.n-btn.btn-circle[data-v-269d3ee2] {
  aspect-ratio: 1;
  padding: 0 !important;
}
.n-btn.btn-dark[data-v-269d3ee2] {
  background-color: transparent;
  color: var(--color-70);
}
.n-btn.btn-dark svg[data-v-269d3ee2] {
  fill: currentColor !important;
}
.n-btn.btn-constant-black[data-v-269d3ee2] {
  background-color: #171717;
  color: white;
}
.n-btn.btn-constant-black svg[data-v-269d3ee2] {
  fill: currentColor !important;
}
.n-btn.btn-white[data-v-269d3ee2] {
  background-color: white;
  color: black;
}
.n-btn.btn-white svg[data-v-269d3ee2] {
  fill: currentColor !important;
}
.n-btn.btn-secondary[data-v-269d3ee2] {
  background-color: var(--color-15);
  color: var(--color-70);
}
.n-btn.btn-secondary svg[data-v-269d3ee2] {
  fill: currentColor !important;
}
.n-btn.btn-primary[data-v-269d3ee2] {
  background-color: #009ecc;
  color: white;
}
.n-btn.btn-primary svg[data-v-269d3ee2] {
  fill: currentColor !important;
}
.n-btn.btn-pulse[data-v-269d3ee2] {
  position: relative;
}
.n-btn.btn-pulse[data-v-269d3ee2]::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 2rem;
  animation: pulse-269d3ee2 2s infinite;
}
.n-btn.btn-pulse.btn-square[data-v-269d3ee2]::after {
  border-radius: 0.25rem;
}
.n-btn.btn-block[data-v-269d3ee2] {
  width: 100%;
}
.n-btn.btn-rounded[data-v-269d3ee2] {
  border-radius: 0.25rem !important;
}
.n-btn.btn-square[data-v-269d3ee2] {
  aspect-ratio: 1/1;
  padding: 0 !important;
  height: auto !important;
}
.n-btn.active[data-v-269d3ee2] {
  background-color: var(--color-20) !important;
  color: var(--color-100) !important;
}
.n-btn[data-v-269d3ee2]:before {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.9);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
.n-btn[data-v-269d3ee2]:hover:before {
  opacity: 0.1;
  transform: scale(1);
}
.n-btn[disabled][data-v-269d3ee2] {
  opacity: 0.5;
  pointer-events: none;
}
.n-btn[disabled][data-v-269d3ee2]::before {
  opacity: 0;
}
.n-btn[active=true][data-v-269d3ee2]::before {
  opacity: 0.1;
  transform: scale(1);
}
.theme--dark.v-btn[data-v-269d3ee2] {
  color: #fff;
}
@keyframes pulse-269d3ee2 {
0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe:before {
  filter: invert(1);
}
.shake {
  animation: shake 0.8s ease-in-out 1;
}
.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2030;
}
.dialog {
  position: fixed;
  z-index: 2031;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.dialog-content {
  background-color: transparent;
  border-radius: 1rem;
  background: var(--toolbar-dropdown-background);
  box-shadow: var(--toolbar-dropdown-shadow);
  backdrop-filter: blur(32px) brightness(var(--toolbar-dropdown-background-brightness));
  -webkit-backdrop-filter: blur(32px) brightness(var(--toolbar-dropdown-background-brightness));
  border: 1px solid rgba(255, 255, 255, 0.05);
  list-style-type: none;
  padding: 4px 0px;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
  max-width: 100%;
  margin-top: -25%;
}
.dialog-content .card--header {
  text-align: center;
  padding: 0.5rem 1rem;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-847d391c] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-847d391c] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-847d391c]:before {
  filter: invert(1);
}
.card[data-v-847d391c] {
  display: block;
  outline: none;
  text-decoration: none;
  overflow-wrap: break-word;
  position: relative;
  white-space: normal;
  border-radius: 20px;
  padding: 0;
}
.card .card-actions[data-v-847d391c] {
  display: flex;
  padding: 0.5rem 1rem;
}
.card--header > div[data-v-847d391c] {
  padding: 1rem;
}
.card.theme-dark .card--header div[data-v-847d391c] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.card.theme-light .card--header div[data-v-847d391c] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.card-actions > div[data-v-847d391c] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.card-text > div[data-v-847d391c] {
  padding: 16px 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-c0e7a8ea] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-c0e7a8ea] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-c0e7a8ea]:before {
  filter: invert(1);
}
.spacer[data-v-c0e7a8ea] {
  flex-grow: 1;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-c742450b] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-c742450b] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-c742450b]:before {
  filter: invert(1);
}
.n-button[data-v-c742450b] {
  outline: none;
  border: none;
  cursor: pointer;
  user-select: none;
  --btn-icon-size: var(--size-6);
  --btn-only-icon-size: var(--size-6);
  --btn-square-size: var(--size-15);
  border-radius: var(--size-3);
  gap: var(--size-3);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-sm);
  padding: var(--size-3) var(--size-6);
  color: var(--color-white);
}
.n-button--size-xs[data-v-c742450b] {
  --btn-gap: var(--size-1);
  --btn-icon-size: var(--size-5);
  --btn-only-icon-size: var(--size-5);
  padding: var(--size-2) var(--size-3);
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
}
.n-button--size-xs.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-3);
}
.n-button--size-xs.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-3);
}
.n-button--size-sm[data-v-c742450b] {
  --btn-gap: var(--size-2);
  --btn-icon-size: var(--size-5);
  --btn-only-icon-size: var(--size-6);
  --btn-square-size: calc(var(--size-0) + var(--size-11));
  padding: var(--size-4) var(--size-3) var(--size-3);
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
}
.n-button--size-sm.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-3);
}
.n-button--size-sm.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-3);
}
.n-button--size-md[data-v-c742450b] {
  --btn-gap: var(--size-3);
  --btn-only-icon-size: var(--size-9);
  --btn-square-size: var(--size-15);
  padding: var(--size-6) var(--size-6) var(--size-5);
}
.n-button--size-md.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-4);
}
.n-button--size-md.n-button--icon-position-left[data-v-c742450b] {
  padding-left: var(--size-4);
}
.n-button--size-lg[data-v-c742450b] {
  --btn-gap: var(--size-3);
  --btn-icon-size: var(--size-8);
  --btn-only-icon-size: calc(var(--size-10) + var(--size-0));
  --btn-square-size: calc(var(--size-0) + var(--size-15));
  padding: var(--size-5) var(--size-7);
  font-size: var(--font-size-lg);
  line-height: var(--font-size-lg);
}
.n-button--size-lg.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-5);
}
.n-button--size-lg.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-5);
}
.n-button--size-xl[data-v-c742450b] {
  --btn-gap: var(--size-3);
  --btn-icon-size: var(--size-9);
  --btn-only-icon-size: var(--size-12);
  --btn-square-size: var(--size-16);
  padding: var(--size-6) var(--size-8);
  font-size: var(--font-size-xl);
  line-height: var(--font-size-xl);
}
.n-button--size-xl.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-6);
}
.n-button--size-xl.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-6);
}
.n-button--size-2xl[data-v-c742450b] {
  --btn-gap: var(--size-3);
  --btn-icon-size: var(--size-9);
  --btn-only-icon-size: var(--size-15);
  --btn-square-size: var(--size-17);
  padding: var(--size-6) var(--size-10);
  font-size: var(--size-10);
  line-height: var(--font-size-md);
}
.n-button--size-2xl.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-7);
}
.n-button--size-2xl.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-7);
}
.n-button--size-4xl[data-v-c742450b] {
  --btn-gap: var(--size-3);
  --btn-icon-size: var(--size-10);
  --btn-only-icon-size: var(--size-12);
  --btn-square-size: var(--size-20);
  padding: var(--size-8) var(--size-10);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-lg);
  border-radius: var(--size-5);
}
.n-button--size-4xl.n-button--icon-position-end[data-v-c742450b] {
  padding-right: var(--size-7);
}
.n-button--size-4xl.n-button--icon-position-start[data-v-c742450b] {
  padding-left: var(--size-7);
}
.n-button--icon-position-top[data-v-c742450b] {
  --btn-gap: var(--size-1);
  padding: var(--size-3);
  font-size: var(--font-size-xs);
}
.n-button--icon[data-v-c742450b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
}
.n-button--icon-position-top[data-v-c742450b] {
  flex-direction: column;
}
.n-button--icon-position-end[data-v-c742450b] {
  order: 1;
}
.n-button--icon .n-btn__icon[data-v-c742450b] {
  order: 0;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
}
.n-button--icon .n-btn__icon[data-v-c742450b]:only-child {
  width: var(--btn-only-icon-size);
  height: var(--btn-only-icon-size);
}
[data-nodety-theme=dark] .n-button--variant-primary[data-v-c742450b] {
  background-color: var(--color-primary-500);
  color: var(--color-white);
}
[data-nodety-theme=dark] .n-button--variant-primary[data-v-c742450b]:hover:enabled {
  background-color: var(--color-primary-600);
}
[data-nodety-theme=dark] .n-button--variant-primary[data-v-c742450b]:active:enabled, [data-nodety-theme=dark] .n-button--variant-primary.n-button--active[data-v-c742450b] {
  background-color: var(--color-primary-400);
}
[data-nodety-theme=light] .n-button--variant-primary[data-v-c742450b] {
  background-color: var(--color-primary-500);
  color: var(--color-white);
}
[data-nodety-theme=light] .n-button--variant-primary[data-v-c742450b]:hover:enabled {
  background-color: var(--color-primary-600);
}
[data-nodety-theme=light] .n-button--variant-primary[data-v-c742450b]:active:enabled, [data-nodety-theme=light] .n-button--variant-primary.n-button--active[data-v-c742450b] {
  background-color: var(--color-primary-400);
}
[data-nodety-theme=dark] .n-button--variant-neutral[data-v-c742450b] {
  background-color: var(--color-neutral-20);
  color: var(--color-neutral-60);
}
[data-nodety-theme=dark] .n-button--variant-neutral[data-v-c742450b]:hover:enabled {
  background-color: var(--color-neutral-30);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-neutral[data-v-c742450b]:active:enabled, [data-nodety-theme=dark] .n-button--variant-neutral.n-button--active[data-v-c742450b] {
  background-color: var(--color-neutral-20);
  color: var(--color-neutral-90);
}
[data-nodety-theme=light] .n-button--variant-neutral[data-v-c742450b] {
  background-color: var(--color-neutral-90);
  color: var(--color-white);
}
[data-nodety-theme=light] .n-button--variant-neutral[data-v-c742450b]:hover:enabled {
  background-color: var(--color-neutral-80);
  color: var(--color-neutral-5);
}
[data-nodety-theme=light] .n-button--variant-neutral[data-v-c742450b]:active:enabled, [data-nodety-theme=light] .n-button--variant-neutral.n-button--active[data-v-c742450b] {
  background-color: var(--color-neutral-90);
  color: var(--color-neutral-5);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-c742450b] {
  background-color: transparent;
  color: var(--color-neutral-70);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-c742450b]:hover:enabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-c742450b]:active:enabled, [data-nodety-theme=dark] .n-button--variant-transparent.n-button--active[data-v-c742450b] {
  background-color: rgba(255, 255, 255, 0.075);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-c742450b]:active:enabled:hover, [data-nodety-theme=dark] .n-button--variant-transparent.n-button--active[data-v-c742450b]:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-c742450b] {
  background-color: transparent;
  color: var(--color-neutral-90);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-c742450b]:hover:enabled {
  background-color: rgba(0, 0, 0, 0.1);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-c742450b]:active:enabled, [data-nodety-theme=light] .n-button--variant-transparent.n-button--active[data-v-c742450b] {
  background-color: rgba(0, 0, 0, 0.075);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-c742450b]:active:enabled:hover, [data-nodety-theme=light] .n-button--variant-transparent.n-button--active[data-v-c742450b]:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-c742450b] {
  background-color: var(--color-white);
  color: var(--color-black);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-c742450b]:hover:enabled {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-c742450b]:active:enabled, [data-nodety-theme=dark] .n-button--variant-inverted.n-button--active[data-v-c742450b] {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-90);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-c742450b] {
  background-color: var(--color-neutral-90);
  color: var(--color-white);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-c742450b]:hover:enabled {
  background-color: var(--color-neutral-80);
  color: var(--color-neutral-5);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-c742450b]:active:enabled, [data-nodety-theme=light] .n-button--variant-inverted.n-button--active[data-v-c742450b] {
  background-color: var(--color-neutral-90);
  color: var(--color-neutral-5);
}
.n-button--square[data-v-c742450b] {
  aspect-ratio: 1;
  width: var(--btn-square-size);
  height: var(--btn-square-size);
  padding: var(--size-1);
}
.n-button--rounded[data-v-c742450b] {
  border-radius: 50%;
}
.n-button[data-v-c742450b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.n-button__content[data-v-c742450b] {
  white-space: nowrap;
}
.n-button__content--wrap[data-v-c742450b] {
  white-space: normal;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-3a6cf9f4] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-3a6cf9f4] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-3a6cf9f4]:before {
  filter: invert(1);
}
.contentCenter[data-v-3a6cf9f4] {
  z-index: 1000000002;
}
.contentCenter__button[data-v-3a6cf9f4], .contentCenter__list[data-v-3a6cf9f4] {
  position: fixed;
}
.contentCenter__button[data-v-3a6cf9f4] {
  height: 28px;
  cursor: pointer;
  bottom: 16px;
  left: calc(100vw - 28px - 20px);
}
.contentCenter__button i[data-v-3a6cf9f4] {
  color: #1d1d1d;
  font-size: 28px;
}
.contentCenter__list[data-v-3a6cf9f4] {
  bottom: calc(28px + 16px + 16px);
  left: calc(100vw - 160px - 20px);
  width: 160px;
  background-color: #3c3939;
  border-radius: 12px;
}
.contentCenter__list__item[data-v-3a6cf9f4] {
  padding: 8px 16px;
  font-size: var(--font-size-sm);
  color: #a6a6a6;
  cursor: pointer;
}
.contentCenter__list__item[data-v-3a6cf9f4]:hover {
  color: #e0e0e0;
}
.contentCenter__option__feedback[data-v-3a6cf9f4] {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2030;
}
.contentCenter__option__feedback__form[data-v-3a6cf9f4] {
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1rem) saturate(190%) contrast(70%) brightness(80%);
  -webkit-backdrop-filter: blur(1rem) saturate(190%) contrast(70%) brightness(80%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  width: 100%;
  max-width: 650px;
  min-height: 50%;
  max-height: 90%;
  border-radius: var(--border-radius-lg);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.contentCenter__option__feedback__form[data-v-3a6cf9f4]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-neutral-20) 10%, transparent);
  backdrop-filter: blur(2rem) saturate(190%) contrast(70%) brightness(80%);
  -webkit-backdrop-filter: blur(2rem) saturate(190%) contrast(70%) brightness(80%);
}
.contentCenter__option__feedback__form__title[data-v-3a6cf9f4] {
  font-size: var(--size-11);
  margin-bottom: 0.5rem;
  color: var(--color-neutral-80);
}
.contentCenter__option__feedback__form__subtitle[data-v-3a6cf9f4] {
  font-size: var(--font-size-md);
  margin-bottom: var(--size-9);
  color: var(--color-neutral-50);
  text-align: center;
}
.contentCenter__option__feedback__form textarea[data-v-3a6cf9f4] {
  height: auto;
  text-align: left;
  width: 100%;
  padding: var(--size-7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: color-mix(in srgb, var(--color-neutral-5) 50%, transparent);
  border-radius: 10px;
  margin-bottom: 30px;
}
.contentCenter__option__feedback__form__info[data-v-3a6cf9f4] {
  font-size: var(--font-size-md);
  color: var(--color-neutral-50);
  text-align: left;
  width: 100%;
}
.contentCenter__option__feedback__form__info a[data-v-3a6cf9f4] {
  text-decoration: none;
  color: inherit;
}
.contentCenter__option__feedback__close[data-v-3a6cf9f4] {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--font-size-2xl);
  color: var(--color-neutral-20);
  margin: 1rem 0 0 1rem;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe:before {
  filter: invert(1);
}
.spinner {
  font-size: var(--spinner-size);
  position: relative;
  display: inline-block;
  width: var(--spinner-size);
  height: var(--spinner-size);
}
.spinner .spinner-blade {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.2777em;
  border-radius: 0.0555em;
  background-color: transparent;
  transform-origin: center -0.2222em;
  animation: spinner-fade 1s infinite linear;
}
.spinner .spinner-blade:nth-child(1) {
  animation-delay: 0s;
  transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
  animation-delay: 0.083s;
  transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
  animation-delay: 0.166s;
  transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
  animation-delay: 0.249s;
  transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
  animation-delay: 0.332s;
  transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
  animation-delay: 0.415s;
  transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
  animation-delay: 0.498s;
  transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
  animation-delay: 0.581s;
  transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
  animation-delay: 0.664s;
  transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
  animation-delay: 0.747s;
  transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
  animation-delay: 0.83s;
  transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
  animation-delay: 0.913s;
  transform: rotate(330deg);
}
@keyframes spinner-fade {
0% {
    background-color: var(--app-loading-spinner-color);
}
100% {
    background-color: transparent;
}
}html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-93e6bc61] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-93e6bc61] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-93e6bc61]:before {
  filter: invert(1);
}
.app-nodety--empty[data-v-93e6bc61] {
  background: none !important;
}
.cover[data-v-93e6bc61] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--app-background);
  width: 100vw;
  height: 100vh;
}
.session-ended-panel[data-v-93e6bc61] {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: var(--color-11);
  outline: 1px solid var(--color-15);
  box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 2rem 1rem;
  list-style-type: none;
  width: max-content;
  margin: 2rem auto;
  max-width: 600px;
  gap: 0.5rem;
  text-align: center;
}
.loading[data-v-93e6bc61] {
  position: absolute;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  color: var(--color-neutral-0);
}
.loading span[data-v-93e6bc61] {
  margin-top: 15px;
}
#floating-root[data-v-93e6bc61] {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  z-index: 20000;
  pointer-events: none;
}/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */
.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse;
  }
}
.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-family:
    "Lato",
    Helvetica,
    "Roboto",
    Arial,
    sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  animation: none !important;
}
.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  align-items: center;
  color: #fff;
  opacity: 0.3;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right;
}
.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: 0.3s ease;
  align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown;
}
.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes fadeOutTop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
  animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  animation-name: fadeInBottom;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
  animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
  animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
  animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
  animation-name: fadeOutBottom;
}
.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes slideInBlurredLeft {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 0%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
  animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
  animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  animation-name: slideInBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
  animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
  animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
  animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
  animation-name: slideOutBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__slideBlurred-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}



/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe:before {
  filter: invert(1);
}
:root {
  --color-white: #fff;
  --color-black: #000;
}
[data-nodety-theme=dark] {
  --color-neutral-5: hsl(0, 0%, 5%);
  --color-neutral-8: hsl(0, 0%, 8%);
  --color-neutral-10: hsl(0, 0%, 10%);
  --color-neutral-15: hsl(0, 0%, 15%);
  --color-neutral-20: hsl(0, 0%, 20%);
  --color-neutral-25: hsl(0, 0%, 25%);
  --color-neutral-30: hsl(0, 0%, 30%);
  --color-neutral-35: hsl(0, 0%, 35%);
  --color-neutral-40: hsl(0, 0%, 40%);
  --color-neutral-45: hsl(0, 0%, 45%);
  --color-neutral-50: hsl(0, 0%, 50%);
  --color-neutral-55: hsl(0, 0%, 55%);
  --color-neutral-60: hsl(0, 0%, 60%);
  --color-neutral-65: hsl(0, 0%, 65%);
  --color-neutral-70: hsl(0, 0%, 70%);
  --color-neutral-75: hsl(0, 0%, 75%);
  --color-neutral-80: hsl(0, 0%, 80%);
  --color-neutral-85: hsl(0, 0%, 85%);
  --color-neutral-90: hsl(0, 0%, 90%);
  --color-neutral-95: hsl(0, 0%, 95%);
  --color-primary-100: #c3f0fe;
  --color-primary-200: #8ce3fc;
  --color-primary-300: #56d6fb;
  --color-primary-400: #1fc8fa;
  --color-primary-500: #05adde;
  --color-primary-600: #0480a4;
  --color-primary-700: #03556e;
  --color-primary-800: #012b37;
  --color-primary-900: #011319;
  --color-danger-100: #fcddd6;
  --color-danger-200: #f9beb1;
  --color-danger-300: #faa18d;
  --color-danger-400: #f98065;
  --color-danger-500: #f36444;
  --color-danger-600: #a9341a;
  --color-danger-700: #8d301b;
  --color-danger-800: #722717;
  --color-danger-900: #3d1209;
  --color-warning-100: #fefdf5;
  --color-warning-200: #f8f3dc;
  --color-warning-300: #f8efc2;
  --color-warning-400: #f4e6a0;
  --color-warning-500: #eada8a;
  --color-warning-600: #d4c166;
  --color-warning-700: #b7a340;
  --color-warning-800: #948120;
  --color-warning-900: #71600b;
  --color-alert: #ff3f3f;
}
[data-nodety-theme=light] {
  --color-neutral-5: hsl(50, 4%, 95%);
  --color-neutral-8: hsl(50, 4%, 92%);
  --color-neutral-10: hsl(50, 6%, 90%);
  --color-neutral-15: hsl(50, 6%, 85%);
  --color-neutral-20: hsl(50, 6%, 80%);
  --color-neutral-25: hsl(50, 6%, 75%);
  --color-neutral-30: hsl(50, 5%, 70%);
  --color-neutral-35: hsl(50, 4%, 65%);
  --color-neutral-40: hsl(50, 4%, 60%);
  --color-neutral-45: hsl(50, 4%, 55%);
  --color-neutral-50: hsl(50, 3%, 50%);
  --color-neutral-55: hsl(50, 3%, 45%);
  --color-neutral-60: hsl(50, 3%, 40%);
  --color-neutral-65: hsl(50, 2%, 35%);
  --color-neutral-70: hsl(50, 3%, 30%);
  --color-neutral-75: hsl(50, 2%, 24%);
  --color-neutral-80: hsl(50, 2%, 20%);
  --color-neutral-85: hsl(50, 0%, 15%);
  --color-neutral-90: hsl(50, 2%, 10%);
  --color-neutral-95: hsl(50, 2%, 5%);
  --color-primary-100: #d0f5ff;
  --color-primary-200: #99e2ff;
  --color-primary-300: #66ccff;
  --color-primary-400: #33b6ff;
  --color-primary-500: #00a0ff;
  --color-primary-600: #0080cc;
  --color-primary-700: #006699;
  --color-primary-800: #004d66;
  --color-primary-900: #003333;
  --color-danger-100: #fcddd6;
  --color-danger-200: #f9beb1;
  --color-danger-300: #faa18d;
  --color-danger-400: #f98065;
  --color-danger-500: #f36444;
  --color-danger-600: #a9341a;
  --color-danger-700: #8d301b;
  --color-danger-800: #722717;
  --color-danger-900: #3d1209;
  --color-warning-100: #fefdf5;
  --color-warning-200: #f8f3dc;
  --color-warning-300: #f8efc2;
  --color-warning-400: #f4e6a0;
  --color-warning-500: #eada8a;
  --color-warning-600: #d4c166;
  --color-warning-700: #b7a340;
  --color-warning-800: #948120;
  --color-warning-900: #71600b;
  --color-alert: #ff3f3f;
  --color-white: #fff;
  --color-black: #000;
}
html {
  --size-0: 0.125rem;
  --size-1: 0.25rem;
  --size-2: 0.375rem;
  --size-3: 0.5rem;
  --size-4: 0.625rem;
  --size-5: 0.75rem;
  --size-6: 0.875rem;
  --size-7: 1rem;
  --size-8: 1.125rem;
  --size-9: 1.25rem;
  --size-10: 1.5rem;
  --size-11: 1.75rem;
  --size-12: 2rem;
  --size-13: 2.125rem;
  --size-14: 2.25rem;
  --size-15: 2.5rem;
  --size-16: 3rem;
  --size-17: 3.5rem;
  --size-18: 4rem;
  --size-19: 4.5rem;
  --size-20: 5rem;
  --size-24: 6rem;
  --size-28: 7rem;
  --size-32: 8rem;
  --size-36: 9rem;
  --size-40: 10rem;
  --size-44: 11rem;
  --size-48: 12rem;
  --size-52: 13rem;
  --size-56: 14rem;
  --size-64: 16rem;
  --size-72: 18rem;
  --size-80: 20rem;
  --size-96: 24rem;
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.25rem;
  --border-radius-xl: 2rem;
  --border-radius-2xl: 2.5rem;
}
html {
  --font-size-2xl: var(--size-10);
  --font-size-xl: var(--size-9);
  --font-size-lg: var(--size-8);
  --font-size-md: var(--size-7);
  --font-size-sm: calc(var(--size-6) + 0.0625rem);
  --font-size-xs: var(--size-5);
  --font-size-2xs: var(--size-4);
}
.text__heading {
  letter-spacing: -2%;
}
.text__heading--2xl {
  font-size: var(--size-19);
  line-height: var(--size-20);
}
.text__heading--xl {
  font-size: var(--size-17);
  line-height: var(--size-19);
}
.text__heading--lg {
  font-size: var(--size-16);
  line-height: var(--size-17);
}
.text__heading--md {
  font-size: var(--size-15);
  line-height: var(--size-16);
}
.text__heading--sm {
  font-size: var(--size-13);
  line-height: var(--size-14);
}
.text__heading--xs {
  font-size: var(--size-10);
  line-height: var(--size-11);
}
.text__body--2xl {
  font-size: var(--size-10);
}
.text__body--xl {
  font-size: var(--size-9);
}
.text__body--lg {
  font-size: var(--size-8);
}
.text__body--md {
  font-size: var(--size-7);
}
.text__body--sm {
  font-size: var(--size-6);
}
.text__body--xs {
  font-size: var(--size-5);
}
.text__body--2xs {
  font-size: var(--size-4);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0 !important;
}
/** fade-left **/
.fade-left-enter-active,
.fade-left-leave-active {
  transition: all 0.5s ease;
}
.fade-left-enter-from {
  opacity: 0;
  transform: translateX(-50%);
  max-width: 0 !important;
}
.fade-left-leave-to {
  opacity: 0;
  transform: translateX(-50%);
  max-width: 0 !important;
}
* {
  margin: 0;
  box-sizing: border-box;
  border-collapse: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-kerning: auto;
  text-rendering: optimizespeed;
}
html {
  overflow-y: unset;
  line-height: 1.5;
  font-family: Roboto, sans-serif;
  font-size: 80%;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
  color: inherit;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: var(--app-font-weight-bold);
}
h5 {
  font-weight: var(--app-font-weight-bold);
}
h6 {
  margin: 0;
  padding: 0;
}
* {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari, Chrome, Opera, Samsung */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Edge, IE */
  user-select: none;
  /* Modern browsers */
}
ul {
  margin: 0;
  padding: 0;
}
#app {
  font-family: var(--app-font-family-secondary);
  margin-top: 0;
}
.logo {
  position: absolute;
  top: 20px;
  left: 100px;
  padding: 20px;
}
.projectView {
  color: var(--app-text);
  min-height: 100vh;
  padding-left: calc(8px + 0.75rem);
  padding-right: calc(8px + 0.75rem);
  padding-top: calc(3rem + 22px);
  padding-bottom: calc(3rem + 22px);
}
.menuProjectView {
  position: absolute;
  font-size: 1.5em;
  color: #333333;
}
#app-nodety {
  background: var(--app-background);
  color: var(--app-text);
}
body.modal-open {
  overflow: hidden;
}
.form-control {
  width: 100%;
}
.input-group {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-group .input-group-prepend {
  white-space: nowrap;
}
input[type=text]:not(.n-input__field),
input[type=number]:not(.n-input__field),
select,
textarea {
  font-family: var(--app-font-family-monospaced);
  font-size: 11pt;
  width: 100%;
  height: 25px;
  line-height: 25px;
  border: none;
  box-sizing: border-box;
  resize: vertical;
  outline: none;
  color: var(--app-text-selected);
  border-radius: 2px;
  text-align: right;
}
input:active:not(.n-input__field),
select:active,
textarea:active,
input:focus:not(.n-input__field),
select:focus,
textarea:focus {
  border: none;
}
.text-muted {
  color: #565656;
}
img.noise-img {
  width: 100%;
}
.node-preview {
  flex-grow: 1;
  background: #000000;
  text-align: center;
  margin: 0 auto;
  position: relative;
  animation-play-state: paused;
  min-height: inherit;
}
.node-preview__content {
  width: 100%;
  height: 100%;
}
.node-preview__content > img,
.node-preview__content canvas,
.node-preview__content .dirty,
.node-preview__content .progress-working {
  position: absolute;
  left: 0;
  top: 0;
}
.node-preview__content .progress-working {
  z-index: 2;
  height: 100%;
  display: flex;
  justify-content: center;
}
.node-preview__content > img {
  width: 100% !important;
}
.node-preview__cover-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.node-preview.animated-checkerboard:hover {
  animation-play-state: running;
}
.node-preview canvas {
  width: 100% !important;
  height: 100% !important;
}
.Vue-Toastification__container.bottom-left {
  left: 0.5rem !important;
  bottom: 0.5rem !important;
  padding: 0;
}
.Vue-Toastification__container .Vue-Toastification__toast {
  left: 0 !important;
}
.Vue-Toastification__toast.custom {
  background-color: var(--app-background);
  color: var(--color-90);
  font-family: var(--app-font-family-primary);
  font-size: 0.6875rem;
  border-radius: 5rem;
  padding: 0.25rem 0.75rem;
  min-height: 2rem;
  box-sizing: border-box;
  box-shadow: none !important;
  transform: translateX(0%);
  min-width: max-content;
  align-items: center;
  margin-bottom: 2px !important;
}
.Vue-Toastification__toast-body {
  font-size: 12px;
  line-height: 1;
}
.Vue-Toastification__progress-bar {
  height: 2px !important;
  background-color: var(--app-text);
}
.Vue-Toastification__close-button {
  color: var(--app-text) !important;
  font-weight: 300;
}
.toastSlide-enter-active,
.toastSlide-leave-active {
  transition: opacity 0.5s ease;
}
.toastSlide-enter-from,
.toastSlide-leave-to {
  opacity: 0;
}
.tutorial {
  flex-grow: 1;
  background: #000000;
  text-align: center;
  color: var(--app-text);
  border-radius: 10px;
  border: solid 1px #606060;
  overflow: hidden;
}
.tutorial > div {
  height: 100%;
  width: 100%;
}
.tutorial.selected {
  border: solid 1px #606060;
}
.tutorialArea {
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted yellow;
}
.tutorialBg {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 410px;
  background: rgba(33, 33, 33, 0.3333333333);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0.035) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.absrule {
  position: absolute;
  border: 1px solid #606060;
  width: 60%;
}
.nodety-project {
  flex-grow: 1;
  color: var(--app-text);
  position: relative;
  border-radius: calc(var(--project-border-radius));
  outline: 1px solid var(--color-12);
  outline-offset: 0;
  transition: all 0.1s linear;
  background-color: var(--color-7);
}
.nodety-project__thumbnail {
  border-radius: var(--project-border-radius);
  overflow: hidden;
  animation-play-state: paused;
  background: black;
  aspect-ratio: 1;
  position: relative;
}
.nodety-project__thumbnail.animated-checkerboard:hover {
  animation-play-state: running;
}
.nodety-project__thumbnail img {
  object-fit: cover !important;
  height: 100%;
  object-position: center center;
  transition: transform 0.5s ease;
}
.nodety-project:hover {
  outline: 2px solid var(--color-30);
  outline-offset: 5px;
}
.nodety-project:hover .nodety-project__details__action .context-menu .action-container > button {
  visibility: visible;
  opacity: 1;
}
.nodety-project__details {
  position: relative;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.nodety-project__details header {
  margin-bottom: 0.25rem;
}
.nodety-project__details__name {
  max-width: 90%;
  color: var(--color-80);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nodety-project__details__name input {
  height: 1rem;
  font-size: 0.75rem;
  line-height: 1;
  text-align: left;
  font-family: var(--app-font-family-primary);
  border-bottom: 1px solid var(--color-60);
}
.nodety-project__details__folder {
  color: var(--color-40);
  display: flex;
  gap: 0.25rem;
  align-items: center;
  cursor: pointer;
}
.nodety-project__details__folder:hover {
  color: var(--color-70);
}
.nodety-project__details__edited-date {
  color: var(--color-40);
  font-size: 0.65rem;
  font-weight: 300;
}
.nodety-project__details__action {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.nodety-project__details__action .context-menu .action-container > button {
  opacity: 0;
  visibility: hidden;
}
.nodety-project .buttons {
  position: absolute;
  top: 10px;
  left: 10px;
}
.nodety-project .buttons button:disabled {
  opacity: 0.3;
}
.nodety-project.linear-progress, .nodety-project.selected.linear-progress {
  background: #222 linear-gradient(-45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: scroll 1.4s infinite linear;
}
.nodety-project.selected {
  outline: 2px solid var(--color-80) !important;
  outline-offset: 5px;
}
.nodety-project.selected .nodety-project__thumbnail img {
  transform: scale(1.1);
}
.nodety-project.selected .nodety-project__details__action .context-menu .container > button {
  visibility: visible;
  opacity: 1;
}
.nodety-project .ghost {
  opacity: 0.3;
}
.v-dialog__content--active {
  backdrop-filter: blur(10px);
}
.monitor {
  flex-grow: 1;
  text-align: center;
}
.monitor > div {
  background: #000000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  animation-play-state: paused;
}
.monitor > div.animated-checkerboard:hover {
  animation-play-state: running;
}
.monitor .monitor__tabs {
  display: flex;
  background-color: var(--color-10) !important;
  justify-content: space-between;
  position: relative;
  height: max-content;
  margin-left: auto;
  top: -0.325rem;
  right: 0;
  max-width: 180px;
  border-radius: 0 0 0.25rem 0.25rem;
}
.monitor .monitor__tab {
  padding: 0 0.5rem;
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  cursor: pointer;
  color: var(--color-50);
}
.monitor .monitor__tab.active {
  color: var(--color-95);
  background-color: var(--color-neutral-15);
}
.monitor #image,
.monitor .monitor-dirty {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  display: block;
}
.monitor.selected {
  border: solid 2px var(--app-text-selected);
  background: #212121;
}
.node {
  flex-grow: 1;
  outline: solid 1px var(--node-outline);
  text-align: center;
  color: var(--app-text);
  border-radius: 25px;
  outline: solid 1px var(--node-outline);
}
.node input[type=text],
.node input[type=number],
.node select,
.node textarea,
.node .input-content,
.node .selected-option {
  color: var(--app-text);
}
.node .content {
  border-radius: 25px;
  background: var(--node-background);
  box-shadow: 2px 2px 12px 0px var(--app-shadow-color);
}
.node:not(.detailNode).errorNode {
  outline: solid 3px rgba(163, 0, 0, 0.5);
  outline-offset: 4px;
}
.node:not(.detailNode).obsoleted {
  outline: solid 3px #a3a000;
  outline-offset: 4px;
}
.node:not(.detailNode).template {
  backdrop-filter: blur(10px);
  z-index: 7;
  box-shadow: 2px 2px 12px 0px var(--app-shadow-color);
  background: var(--docked-node-background);
  text-align: center;
  border-radius: 20px;
  border: unset;
  outline: solid 1px var(--floating-element-outline);
}
.node:not(.detailNode).template .content {
  background: var(--docked-node-content-background);
  outline: solid 1px var(--floating-element-outline);
  border-radius: 10px;
}
.node:not(.detailNode).hasInfoSheet {
  z-index: 6 !important;
}
.node.detailNode {
  border-radius: 0;
  border: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.node.detailNode .content {
  height: 100%;
  width: 100%;
}
.node.detailNode .controls {
  background: var(--toolbar-dropdown-background);
  backdrop-filter: blur(16px) brightness(var(--toolbar-dropdown-background-brightness));
  border-radius: calc(25px - 7px);
  border: solid 1px rgba(102, 102, 102, 0.5);
  width: 280px;
  position: absolute;
  z-index: 1;
}
.node.detailNode .controls__wrapper {
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.node.detailNode .controls .input-group-prepend,
.node.detailNode .controls .title {
  color: var(--app-text-selected);
  opacity: 0.8;
}
.node.detailNode .node-preview {
  height: 100%;
}
.node.detailNode .node-preview__content > img {
  height: 100%;
}
.node.detailNode .node-preview .cpreview {
  width: 100%;
  height: 100%;
}
.node.detailNode .node-preview canvas {
  width: 100% !important;
  height: 100% !important;
}
.node .header {
  height: 46px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 25px;
}
.node .header .optionsIcon {
  cursor: pointer;
  transition: opacity 300ms;
  opacity: 0;
  width: 16px;
  height: 16px;
  transform: translateX(-6px);
}
.node .header .title {
  font-size: 14pt !important;
  font-family: var(--app-font-family-secondary);
  color: var(--node-title-color);
  font-weight: var(--app-font-weight-bold);
  cursor: pointer;
  line-height: 46px;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.node .header .title .titleIcon {
  margin-right: 10px;
}
.node .header .overlay-icon {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.node hr {
  background: #333333;
  border: none;
}
.node hr .ghost {
  border-color: rgba(0, 0, 0, 0.1);
}
.node hr.main-divider {
  height: 2px;
  width: 100%;
}
.node hr.control-divider {
  height: 1px;
  margin: 11px 12px 7px 12px;
}
.node .controls {
  padding: 0;
}
.node .controls__wrapper {
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.node .controls__empty {
  font-size: 14px;
  margin: 24px;
  font-style: italic;
}
.node .cpreview {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
}
.node .node-preview.cropped, .node .node-preview.cropped img, .node .node-preview.cropped canvas, .node .node-preview.cropped .dirty, .node .node-preview.cropped .progress-working {
  border-bottom-left-radius: calc(25px * 0.96);
  border-bottom-right-radius: calc(25px * 0.96);
}
.templates-homepage,
#templates {
  background-color: #f2f2f2;
}
.templates-homepage .container,
#templates .container {
  max-width: 1550px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.node.selected {
  outline: solid 3px var(--app-text-selected);
  outline-offset: 4px;
}
.node.notRendered {
  filter: blur(8px);
}
.node.rendering {
  outline: solid calc(1px * 3 / var(--editor-zoom)) rgb(33, 150, 243);
  outline-offset: calc(1px * 3 / var(--editor-zoom));
}
.node.hoverable:hover input[type=text],
.node.hoverable:hover input[type=number],
.node.hoverable:hover select,
.node.hoverable:hover .input-content,
.node.hoverable:hover .selected-option {
  color: var(--app-text-selected);
}
.node.hoverable:hover .optionsIcon {
  transition: opacity 300ms;
  opacity: 1;
}
.overlay-node {
  border: none;
  overflow: hidden;
  margin-top: 4px;
}
.overlay-node .header {
  height: 32px;
}
.overlay-node hr {
  background: #333333;
  border: none;
}
.overlay-node hr.main-divider {
  height: 2px;
  width: 100%;
}
.progress-done {
  height: 280px;
  width: 100%;
  background: #333333;
}
.monitor-dirty {
  width: 600px;
  height: 600px;
  border: 0;
  background: #000 linear-gradient(-45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0.035) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: scroll 1.4s infinite linear;
  display: flex;
  flex-direction: column;
  /*
  background: #000;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .035) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .035) 50%, rgba(255, 255, 255, .035) 75%, transparent 75%, transparent);
  background-size: 20px 20px;

  animation: scroll 1.4s infinite linear;
  display: flex;
  flex-direction: column;
  */
}
.monitor-dirty__empty {
  animation: unset;
}
.dirty {
  width: 100%;
  height: 100%;
  border: 0;
  background: #222 linear-gradient(-45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  display: flex;
  flex-direction: column;
}
.progress-working {
  width: 100%;
  height: 100%;
  border: 0;
  background: #222;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: scroll 1.4s infinite linear;
  display: flex;
  flex-direction: column;
}
.progress-overlay {
  background: #222;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: scroll 1.4s infinite linear;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20000;
}
@keyframes scroll {
  from {
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  }
  to {
    background-position: -10px -10px, -10px 0, 0 -20px, -20px -10px;
  }
}
@keyframes scrollCheckerboard {
  from {
    background-position: 0 0, 0 30px, 30px -30px, -30px 0px;
  }
  to {
    background-position: -30px -30px, -30px 0, 0 -60px, -60px -30px;
  }
}
.login__container {
  border-radius: 1rem;
  background-color: var(--color-11);
  outline: 1px solid var(--color-15);
  box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.1);
  padding: 1rem 4rem;
  list-style-type: none;
  width: max-content;
  margin: 0 auto;
  max-width: 650px;
  gap: 0.5rem;
  color: var(--color-70);
}
.login__container--no-shadow {
  box-shadow: none;
}
.login__container .subcaption {
  opacity: 0.5;
}
.login {
  margin: 100px auto 100px auto;
  border: 1px var(--node-loupe-border) solid;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666;
  background-color: var(--select-background);
  box-sizing: border-box;
  max-height: 90vh;
}
.login__tos {
  width: 100%;
  overflow-y: scroll;
  max-height: 70vh;
  padding: 0 1rem;
  height: 100%;
  margin-bottom: 1rem;
}
.login__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  align-self: stretch;
}
.login h1 {
  margin-top: 1.5rem;
  margin-bottom: 4rem;
  font-weight: normal;
}
.login__info {
  text-align: center;
  margin-bottom: 1.5rem;
  width: 80%;
}
.login .profile__content-account__form {
  width: 100%;
  justify-content: center;
}
.login .profile__content-account__form > div {
  width: 80%;
}
.login .profile__content-account__form .input-container select {
  border: 1px solid #606060;
}
.login .profile__content-account__form .input-container select:before, .login .profile__content-account__form .input-container select:after {
  display: none;
}
.login .profile__content-account__form .input-container option {
  color: #000;
}
.login .profile__content-account__form input[type=checkbox] {
  display: none;
}
.login .profile__content-account__form .v-input--checkbox a {
  color: inherit;
}
.login .profile__content-account__buttons {
  margin-bottom: 1rem;
  position: relative;
}
.login .profile__content-account__buttons .terms-link {
  position: absolute;
  left: 1rem;
}
.login .spinner {
  margin-left: 0.5rem;
}
.login .resend-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.login .theme--dark.v-label {
  color: #5c5c5c;
}
.login .theme--dark.v-label a {
  color: #606060;
  transition: color 0.3s ease-in-out;
}
.login .theme--dark.v-label a:hover {
  color: #fff;
}
.login .v-input--checkbox svg {
  color: #606060;
}
.verify {
  margin: 100px auto 100px auto;
}
.menu-icon {
  cursor: pointer;
  background-color: rgba(78, 78, 78, 0.2196078431);
  border-radius: 100%;
  border: 1px solid transparent;
  font-size: 0.8rem;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: border-color, color, stroke;
  color: #606060;
  stroke: #606060;
}
.menu-letter {
  cursor: pointer;
  background-color: rgba(78, 78, 78, 0.2196078431);
  border-radius: 100%;
  border: 1px solid transparent;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: border-color, text-shadow;
  color: #606060;
  text-transform: uppercase;
  font-size: 1rem;
}
.menu-title {
  font-weight: normal;
  font-size: 0.8rem;
  color: #606060;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: color;
}
.profile {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.profile hr {
  opacity: 0.1;
  border-bottom: none;
  margin: 1rem 0;
}
.profile .menuProjectView {
  left: 0;
  top: 0;
}
.profile__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  gap: 1rem;
}
.profile__container__header {
  display: flex;
  justify-content: start;
  align-items: flex-end;
  padding: 0 2rem;
}
.profile__container__header__actions {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.profile__menu {
  border-radius: 10px;
  border: 1px solid #606060;
  padding: 30px;
  margin-right: 30px;
  min-width: 400px;
  display: flex;
  flex-direction: column;
}
.profile__menu.horizontal {
  width: 100%;
  margin-right: 0;
  padding: 0;
  border: none;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2rem;
}
.profile__menu.horizontal .profile__menu-item {
  margin-bottom: 0;
  height: fit-content;
  line-height: 1.25;
}
.profile__menu.horizontal .profile__menu-item__title {
  font-size: 1.125rem;
}
.profile__menu.horizontal .profile__menu-item__title.small {
  font-size: 0.875rem !important;
}
.profile__menu-spacer {
  flex-grow: 1;
}
.profile__menu-item {
  cursor: pointer;
  background-color: transparent;
  border-radius: 2rem;
}
.profile__menu-item:last-child {
  margin-bottom: 0;
}
.profile__menu-item.selected .profile__menu-item__title {
  color: var(--app-text-selected);
  font-weight: var(--app-font-weight-bold);
}
.profile__menu-item.selected {
  color: var(--app-text-selected);
}
.profile__menu-item__title {
  transition: 0.3s text-shadow ease-in-out;
  position: relative;
  color: var(--app-text);
  font-size: 0.875rem;
  font-weight: normal;
}
.profile__menu-item__title a {
  text-decoration: none;
  color: inherit !important;
}
.profile__menu-item__title:hover {
  color: var(--app-text-selected);
}
.profile__content {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #606060;
  flex-grow: 1;
}
.profile__content-account {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.profile__content-account__container {
  flex-grow: 1;
  max-height: 100%;
}
.profile__content-account__container-profile {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.profile__content-account__container-profile .profile__content-account__form {
  width: 100%;
}
.profile__content-account__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.profile__content-account__buttons button {
  color: var(--app-text);
  font-size: 0.72rem;
  font-weight: normal;
  border: 0.6px solid #606060;
  border-radius: 9px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: border, text-shadow;
  padding: 3px 12px;
}
.profile__content-account__buttons button:hover {
  border: 0.6px solid #fff;
}
.profile__content-account__form {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  flex-grow: 1;
}
.profile__content-account__form > div {
  margin-bottom: 30px;
}
.profile__content-account__form label {
  color: #5c5c5c;
  font-size: 0.85rem;
}
.profile__content-account__form .v-input--checkbox.incorrect .v-input__slot {
  border-bottom: 1px solid red;
}
.profile__content-account__form .input-error {
  display: block;
}
.profile__content-account__form .input-container {
  position: relative;
  display: flex;
}
.profile__content-account__form .input-container.incorrect input,
.profile__content-account__form .input-container.incorrect select {
  border-color: red;
}
.profile__content-account__form .input-container.incorrect:before, .profile__content-account__form .input-container.incorrect:after {
  background-color: red;
}
.profile__content-account__form .input-container input,
.profile__content-account__form .input-container select {
  border-bottom: 1px solid #606060;
  text-align: left;
  width: 100%;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
}
.profile__content-account__form .input-container:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #606060;
  left: 0;
  bottom: 0;
}
.profile__content-account__form .input-container:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #606060;
  right: 0;
  bottom: 0;
}
.profile__content-legal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.profile__content-legal__container {
  overflow-y: auto;
}
.profile__content-legal__text {
  color: #5c5c5c;
  line-height: 50px;
  font-size: 1.5rem;
}
.projects {
  display: grid;
  grid-template-columns: repeat(5, calc((100% - 5rem) / 5));
  gap: 1.25rem;
  justify-content: center;
  height: fit-content;
}
.projects.list-view {
  grid-template-columns: repeat(1, calc((100% - 0rem) / 1)) !important;
  gap: 0;
}
.projects.list-view .nodety-project {
  display: flex;
  outline: none;
  border-bottom: 1px solid var(--color-11);
  padding: 0.5rem;
}
.projects.list-view .nodety-project__thumbnail {
  flex: 150px 0 0;
  aspect-ratio: 6/4;
  border-radius: 0.5rem;
}
.projects.list-view .nodety-project__details {
  width: max-content;
}
.projects.list-view .nodety-project__details__name {
  font-size: 0.875rem;
}
.projects.list-view .nodety-project__details__edited-date {
  font-size: 0.75rem;
}
.projects.list-view .nodety-project__details__action {
  right: -2rem;
}
.projects.list-view .nodety-project:hover, .projects.list-view .nodety-project.selected {
  outline: none !important;
  background-color: var(--color-12);
}
.app-version {
  position: absolute;
  top: 0.75rem;
  right: 1.75rem;
  color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  z-index: 7;
}
.info-text {
  color: var(--node-control-background);
  position: fixed;
  top: -5%;
  left: 236px;
  width: calc(100% - 236px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
  gap: 1rem;
}
.terms-link,
.v-application a.terms-link {
  text-decoration: underline;
  cursor: pointer;
  color: #606060;
  transition: color 0.3s ease-in-out;
}
.terms-link:hover,
.v-application a.terms-link:hover {
  color: #fff;
}
.v-application {
  background: var(--app-background) !important;
  transition: background-color 0.3s ease;
}
::-webkit-scrollbar-thumb {
  background: var(--app-scrollbar-thumb);
  border-radius: 5px;
}
::-webkit-scrollbar {
  background-color: rgba(18, 18, 18, 0);
  width: 6px;
  height: 6px;
  border-radius: 5px;
}
.v-popper__inner {
  background: var(--app-tooltip-background) !important;
  color: var(--app-tooltip-color) !important;
  font-family: var(--app-font-family-primary);
  font-size: 12px;
  font-weight: 500;
}
.v-popper__arrow-outer {
  border-color: var(--app-tooltip-background) !important;
}
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  top: -5px;
}
.btn {
  color: #606060;
}
.btn:hover {
  color: var(--app-nav-item-hover-color);
}
.btn.btn-sm {
  padding: 0.5rem 1rem !important;
  font-size: 0.8125rem !important;
}
.btn.btn-glassy {
  padding: 1rem 2rem;
  border-radius: 2rem;
  background-color: transparent;
  background-image: var(--toolbar-dropdown-background);
  backdrop-filter: blur(64px) brightness(var(--toolbar-dropdown-background-brightness));
  outline: 1px solid rgba(255, 255, 255, 0.1);
  border: none;
  transition: all 0.3s ease;
}
.btn.btn-glassy i {
  margin-right: 0.25rem;
}
.btn.btn-glassy:hover {
  background-color: var(--app-background);
}
.main-wrapper {
  padding: 0 1.25rem 1.25rem;
  display: flex;
  gap: 1.25rem;
}
.content-container {
  flex: calc(100% - var(--sidebarLeftWidth) - 1.25rem) 0 0;
  width: calc(100% - var(--sidebarLeftWidth) - 1.25rem);
  position: relative;
}
.main-header {
  width: calc(100% - var(--sidebarLeftWidth) - 40px);
  height: 3.375rem;
  padding: 0.75rem 0.5rem;
  margin: 0 -0.5rem;
  display: flex;
  justify-content: space-between;
}
.main-header--fixed {
  position: fixed !important;
  z-index: 1019;
}
.main-header--fixed::before {
  background-color: var(--app-toolbar);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1rem);
}
.main-header.graph-editor__toolbar {
  width: 100%;
  height: 54px;
  background-color: var(--color-12);
  margin: 0;
}
.main-header.graph-editor__toolbar::before {
  display: none;
}
.main-header button,
.main-header input,
.main-header form,
.main-header .custom-select {
  height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.main-header .nodety-selection {
  font-size: 0.875rem;
}
.main-header .nodety-selection svg {
  width: 0.875rem !important;
}
.main-header__start {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.75rem;
  z-index: 1;
}
.main-header__end {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}
.main-header .group-item {
  background-color: var(--color-13);
  color: var(--color-70);
  font-size: 0.8125rem;
  display: flex;
  height: 100%;
  border-radius: 2rem;
  align-items: center;
}
.main-header .group-item .sub-group-item {
  display: flex;
  gap: 0;
  margin: 0 0.4rem;
}
.preloader {
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1030;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-5);
}
.preloader p {
  color: var(--color-80);
}
.rotate180 {
  transform: rotate(180deg);
}
.ghost-loader {
  animation: loading 1s infinite;
  background: var(--color-10);
  min-height: 250px;
  border-radius: 1rem;
  background-image: linear-gradient(right, var(--color-10) 0%, var(--color-11) 20%, var(--color-10) 80%);
  background-image: -webkit-linear-gradient(right, var(--color-10) 0%, var(--color-11) 20%, var(--color-10) 80%);
  background-repeat: no-repeat;
}
.centered-element-fullHeight {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes loading {
  0% {
    background-position: -600px;
  }
  100% {
    background-position: 300px;
  }
}
.gooey-effect {
  position: absolute;
  pointer-events: none;
  display: none;
}
.text-muted {
  color: var(--app-text);
}
.position-absolute {
  position: absolute !important;
}
html {
  --color-0: hsla(0, 0%, 0%, 1);
  --color-5: hsla(0, 0%, 5%, 1);
  --color-7: hsla(0, 0%, 7%, 1);
  --color-8: hsla(0, 0%, 8%, 1);
  --color-9: hsla(0, 0%, 9%, 1);
  --color-10: hsla(0, 0%, 10%, 1);
  --color-11: hsla(0, 0%, 11%, 1);
  --color-12: hsla(0, 0%, 12%, 1);
  --color-13: hsla(0, 0%, 13%, 1);
  --color-14: hsla(0, 0%, 14%, 1);
  --color-15: hsla(0, 0%, 15%, 1);
  --color-16: hsla(0, 0%, 16%, 1);
  --color-17: hsla(0, 0%, 17%, 1);
  --color-18: hsla(0, 0%, 18%, 1);
  --color-19: hsla(0, 0%, 19%, 1);
  --color-20: hsla(0, 0%, 20%, 1);
  --color-25: hsla(0, 0%, 25%, 1);
  --color-30: hsla(0, 0%, 30%, 1);
  --color-35: hsla(0, 0%, 35%, 1);
  --color-40: hsla(0, 0%, 40%, 1);
  --color-45: hsla(0, 0%, 45%, 1);
  --color-50: hsla(0, 0%, 50%, 1);
  --color-55: hsla(0, 0%, 55%, 1);
  --color-60: hsla(0, 0%, 60%, 1);
  --color-70: hsla(0, 0%, 70%, 1);
  --color-75: hsla(0, 0%, 75%, 1);
  --color-80: hsla(0, 0%, 80%, 1);
  --color-85: hsla(0, 0%, 85%, 1);
  --color-90: hsla(0, 0%, 90%, 1);
  --color-95: hsla(0, 0%, 95%, 1);
  --color-100: hsla(0, 0%, 100%, 1);
}
html.theme-light {
  --color-0: hsla(0, 0%, 100%, 1);
  --color-5: hsla(0, 0%, 95%, 1);
  --color-7: hsla(0, 0%, 93%, 1);
  --color-8: hsla(0, 0%, 92%, 1);
  --color-9: hsla(0, 0%, 91%, 1);
  --color-10: hsla(0, 0%, 90%, 1);
  --color-11: hsla(0, 0%, 89%, 1);
  --color-12: hsla(0, 0%, 88%, 1);
  --color-13: hsla(0, 0%, 87%, 1);
  --color-14: hsla(0, 0%, 86%, 1);
  --color-15: hsla(0, 0%, 85%, 1);
  --color-16: hsla(0, 0%, 84%, 1);
  --color-17: hsla(0, 0%, 83%, 1);
  --color-18: hsla(0, 0%, 82%, 1);
  --color-19: hsla(0, 0%, 81%, 1);
  --color-20: hsla(0, 0%, 80%, 1);
  --color-25: hsla(0, 0%, 75%, 1);
  --color-30: hsla(0, 0%, 70%, 1);
  --color-35: hsla(0, 0%, 65%, 1);
  --color-40: hsla(0, 0%, 60%, 1);
  --color-45: hsla(0, 0%, 55%, 1);
  --color-50: hsla(0, 0%, 50%, 1);
  --color-55: hsla(0, 0%, 45%, 1);
  --color-60: hsla(0, 0%, 40%, 1);
  --color-70: hsla(0, 0%, 30%, 1);
  --color-75: hsla(0, 0%, 25%, 1);
  --color-80: hsla(0, 0%, 20%, 1);
  --color-85: hsla(0, 0%, 15%, 1);
  --color-90: hsla(0, 0%, 10%, 1);
  --color-95: hsla(0, 0%, 5%, 1);
  --color-100: hsla(0, 0%, 0%, 1);
}
.gap-sm {
  gap: 0.5rem;
}
.gap-md {
  gap: 1rem;
}
.gap-lg {
  gap: 1.5rem;
}
.gap-xl {
  gap: 2rem;
}
.gap-2xl {
  gap: 2.5rem;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(4, 159, 204, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(4, 159, 204, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(4, 159, 204, 0);
  }
}
@keyframes moveRight {
  0% {
    transform: translateX(-31px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes moveLeft {
  0% {
    transform: translateX(31px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.nodety-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-10);
  border-radius: 5px;
}
.nodety-scrollbar::-webkit-scrollbar {
  padding: 4px;
  background-color: transparent;
  width: 4px;
  border-radius: 5px;
}.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-space-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.flex-grow-1 {
  flex-grow: 1;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-lt3 {
  margin: 1rem 0 0 1rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.menu {
  cursor: pointer;
  min-height: 30px;
  /* position: absolute; */
}

.capitalize {
  text-transform: capitalize;
}

.ms-auto {
  margin-left: auto !important;
}

.cursor-pointer {
  cursor: pointer;
}

.w-100 {
  width: 100%;
}
.w-fit {
  width: fit-content;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: var(--app-font-weight-bold);
}

.elevation-0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12) !important;
}

.elevation-1 {
  box-shadow: 0 2px 1px -1px rgba(255, 255, 255, 0.2), 0 1px 1px 0 rgba(255, 255, 255, 0.14),
    0 1px 3px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-2 {
  box-shadow: 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 2px 2px 0 rgba(255, 255, 255, 0.14),
    0 1px 5px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-3 {
  box-shadow: 0 3px 3px -2px rgba(255, 255, 255, 0.2), 0 3px 4px 0 rgba(255, 255, 255, 0.14),
    0 1px 8px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-4 {
  box-shadow: 0 2px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px 0 rgba(255, 255, 255, 0.14),
    0 1px 10px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-5 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 5px 8px 0 rgba(255, 255, 255, 0.14),
    0 1px 14px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-6 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 6px 10px 0 rgba(255, 255, 255, 0.14),
    0 1px 18px 0 rgba(255, 255, 255, 0.12) !important;
}

.elevation-7 {
  box-shadow: 0 4px 5px -2px rgba(255, 255, 255, 0.2), 0 7px 10px 1px rgba(255, 255, 255, 0.14),
    0 2px 16px 1px rgba(255, 255, 255, 0.12) !important;
}

.relative {
  position: relative;
}
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-4d12b325] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-4d12b325] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-4d12b325]:before {
  filter: invert(1);
}
.modal-mask[data-v-4d12b325] {
  position: fixed;
  z-index: 19999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  background-color: var(--modal-mask);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: opacity 0.1s ease;
}
.modal-mask .modal-wrapper[data-v-4d12b325] {
  display: table-cell;
  vertical-align: middle;
}
.modal-mask .modal-wrapper .modal-container[data-v-4d12b325] {
  width: 100%;
  margin: 0px auto;
  background: var(--node-background);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: opacity 0.3s ease;
  border-radius: 20px;
  padding: 16px;
  height: 680px;
  overflow-y: auto;
  left: 0px;
  top: 0px;
}
.modal-close-btn[data-v-4d12b325] {
  color: white;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  background-color: var(--color-7);
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-2.5rem, -2.5rem);
  z-index: 10;
}
.modal-close-btn svg[data-v-4d12b325] {
  fill: var(--color-70);
}
.modal-enter[data-v-4d12b325] {
  opacity: 0;
}
.modal-leave-active[data-v-4d12b325] {
  opacity: 0;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-e14a8a8b] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-e14a8a8b] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-e14a8a8b]:before {
  filter: invert(1);
}
.digit-box[data-v-e14a8a8b] {
  font-family: monospace;
  font-size: 2.625rem;
  border-radius: 0.625rem;
  height: 4rem;
  width: 3.5rem;
  border: 1px solid var(--color-neutral-20);
  display: inline-block;
  margin: 0.25rem;
  text-align: center;
  background: var(--input-glassy-background);
  color: var(--color-neutral-0);
}
.digit-box--filled[data-v-e14a8a8b] {
  border-color: none;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-e7cdf299] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-e7cdf299] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-e7cdf299]:before {
  filter: invert(1);
}
.login-message[data-v-e7cdf299] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem;
}
.login-message .verified-email[data-v-e7cdf299] {
  background: rgba(255, 255, 255, 0.3);
  padding: 0.4rem 0.8rem;
  border-radius: 0.25rem;
}
.passkey-link[data-v-e7cdf299] {
  text-align: center;
  color: var(--color-40);
  text-decoration: none;
}
.login-form[data-v-e7cdf299] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  padding: 2rem 0 1rem;
  width: 100%;
}
.login-form .divider[data-v-e7cdf299] {
  position: relative;
}
.login-form .divider[data-v-e7cdf299]::after, .login-form .divider[data-v-e7cdf299]::before {
  content: "";
  width: 45%;
  height: 1px;
  background-color: var(--app-nav-item-color);
  opacity: 0.3;
  position: absolute;
  top: 50%;
}
.login-form .divider[data-v-e7cdf299]::after {
  left: 0;
}
.login-form .divider[data-v-e7cdf299]::before {
  right: 0;
}
.login-form .input-container[data-v-e7cdf299] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
.login-form .input-container input[data-v-e7cdf299] {
  color: var(--color-90);
}
.login-form .input-container input[data-v-e7cdf299]::placeholder {
  color: var(--color-40);
}
.login-form .input-container input[name=email][data-v-e7cdf299],
.login-form .input-container input[name=username][data-v-e7cdf299],
.login-form .input-container input[name=password][data-v-e7cdf299] {
  padding: 1rem;
  border-radius: 0.5rem;
  background: var(--input-glassy-background);
  width: 100%;
}
.btn-block[data-v-e7cdf299] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.terms-link[data-v-e7cdf299] {
  margin: 2rem auto 0;
  text-align: center;
  text-decoration: none !important;
}
.terms-link a[data-v-e7cdf299] {
  color: var(--color-30);
  text-decoration: none !important;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-f1d6f09a] {
  --app-font-family-primary: "Inter", sans-serif;
  --app-font-family-secondary: "Inter", sans-serif;
  --app-font-family-monospaced: "Roboto Mono";
  --app-font-family-brand: "Inter", sans-serif;
  --app-font-weight-bold: 600;
  --nodety-body-color: black;
  --app-background: var(--color-neutral-8);
  --app-toolbar: rgba(18, 18, 18, 0.95);
  --app-text: rgba(255, 255, 255, 0.44);
  --app-text-selected: #d3d3d3;
  --app-shadow-color: rgba(0, 0, 0, 0.631372549);
  --app-scrollbar-thumb: var(--color-neutral-25);
  --app-dialog-background: rgba(255, 255, 255, 0.1215686275);
  --app-card-background: #2c2c2c;
  --app-button-background: #363636;
  --app-tooltip-background: #0d0d0d;
  --app-tooltip-color: #b3b2b2;
  --app-nav-item-color: #727272;
  --app-nav-item-hover-color: white;
  --app-loading-spinner-color: #d3d3d3;
  --gradient-background: linear-gradient(145deg, #1e1e1e 0%, #111111 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(80%);
  --toolbar-item-background: #121212;
  --toolbar-dropdown-background: rgba(31, 31, 31, 0.7);
  --toolbar-dropdown-background-brightness: 0.4;
  --toolbar-dropdown-text-color: rgba(237, 237, 237, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #ededed;
  --toolbar-dropdown-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-bg: rgba(0, 0, 0, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(255, 255, 255, 0.06);
  --main-container-top: 3.975rem;
  --sidebarLeftWidth: 236px;
  --sidebarRightWidth: 350px;
  --select-background: #0f0f0f;
  --project-border-radius: 0.5rem;
  --modal-mask: rgba(0, 0, 0, 0.5019607843);
  --floating-element-background: #00000085;
  --floating-element-outline: #2b2b2b;
  --slider-control-fill-background: #909090;
  --slider-control-tick-background: #1d1d1d;
  --tag-border-color: transparent;
  --input-glassy-background: rgba(255, 255, 255, 0.05);
  --node-background: #1f1f1f;
  --node-control-background: #292929;
  --node-control-readonly-background: rgba(54, 54, 54, 0.5);
  --node-expanded-control-background: #262626;
  --node-controls-group: #222222;
  --node-controls-assistant-output: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_498_231)'%3E%3Cpath d='M6.364 18.364L1.07324e-07 12L6.364 5.636C7.62268 4.37733 9.22632 3.52018 10.9722 3.17292C12.718 2.82566 14.5276 3.0039 16.1721 3.68509C17.8166 4.36628 19.2222 5.51984 20.2112 6.99988C21.2001 8.47992 21.7279 10.22 21.7279 12C21.7279 13.78 21.2001 15.5201 20.2112 17.0001C19.2222 18.4802 17.8166 19.6337 16.1721 20.3149C14.5276 20.9961 12.718 21.1743 10.9721 20.8271C9.22632 20.4798 7.62268 19.6227 6.364 18.364Z' fill='%23009ECC'/%3E%3Cpath d='M16 12H13V15H12V12H9V11H12V8H13V11H16V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_498_231'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-controls-assistant-input: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_493_442)'%3E%3Cpath d='M17.636 5.636L24 12L17.636 18.364C16.3773 19.6227 14.7737 20.4798 13.0278 20.8271C11.282 21.1743 9.47243 20.9961 7.8279 20.3149C6.18337 19.6337 4.77777 18.4802 3.78884 17.0001C2.79991 15.5201 2.27208 13.78 2.27208 12C2.27208 10.22 2.79992 8.47992 3.78884 6.99988C4.77777 5.51984 6.18337 4.36629 7.8279 3.6851C9.47243 3.00391 11.282 2.82567 13.0279 3.17293C14.7737 3.52019 16.3773 4.37734 17.636 5.636Z' fill='%23009ECC'/%3E%3Cpath d='M15 12H12V15H11V12H8V11H11V8H12V11H15V12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_493_442'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --node-outline: #3d3d3d;
  --node-loupe-background: #141414;
  --node-loupe-border: #333333;
  --node-loupe-text: white;
  --node-infoSheet-text: white;
  --node-progress: #424242;
  --node-title-color: #a6a6a6;
  --node-group-background: rgba(255, 255, 255, 0.07);
  --node-group-outline: #666;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #424242;
  --node-input-connection-assistant-background: #6d393a;
  --node-output-connection-assistant-background: #474747;
  --connection-color: #009ecc;
  --connection-color-selected: #d3d3d3;
  --note-background: rgba(23, 23, 23, 0.6705882353);
  --detail-node-background: rgba(31, 31, 31, 0.2);
  --detail-node-control-background: rgba(41, 41, 41, 0.25);
  --detail-node-controls-group: rgba(34, 34, 34, 0.1);
  --docked-node-background: rgba(0, 0, 0, 0.6901960784);
  --docked-node-content-background: rgba(31, 31, 31, 0.2);
  --docked-node-control-background: rgba(41, 41, 41, 0.25);
  --docked-node-controls-group: rgba(34, 34, 34, 0.1);
  --browse-list-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-search-background: rgba(57, 57, 57, 0.5294117647);
  --browse-list-color: #bbbbbb;
  --browse-list-active-background: rgba(255, 255, 255, 0.05);
  --nodety-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --menu-dropdown-width: 200px;
}
html.theme-light[data-v-f1d6f09a] {
  --nodety-body-color: white;
  --app-background: var(--color-neutral-15);
  --app-toolbar: rgba(241, 237, 234, 0.95);
  --app-text: rgba(0, 0, 0, 0.44);
  --app-text-selected: #2c2c2c;
  --app-shadow-color: rgba(0, 0, 0, 0.1);
  --app-scrollbar-thumb: #a3a3a3;
  --app-dialog-background: #f0f0f0;
  --app-card-background: #f0f0f0;
  --app-button-background: transparent;
  --app-tooltip-background: #f2f2f2;
  --app-tooltip-color: #4c4d4d;
  --app-nav-item-color: #8d8d8d;
  --app-nav-item-hover-color: black;
  --app-loading-spinner-color: #2c2c2c;
  --gradient-background: linear-gradient(145deg, #efefef 0%, #e8e8e8 100%);
  --glossy-background-filter: blur(32px) saturate(190%) contrast(70%) brightness(150%);
  --toolbar-item-background: #ededed;
  --toolbar-dropdown-background: rgba(224, 224, 224, 0.7);
  --toolbar-dropdown-background-brightness: 1;
  --toolbar-dropdown-text-color: rgba(18, 18, 18, 0.5411764706);
  --toolbar-dropdown-text-color-hover: #121212;
  --toolbar-dropdown-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.15);
  --toolbar-settings-input-bg: rgba(255, 255, 255, 0.2);
  --toolbar-settings-input-border: 1px solid rgba(0, 0, 0, 0.06);
  --select-background: #f0f0f0;
  --modal-mask: rgba(206, 204, 204, 0.5019607843);
  --floating-element-background: #e3e3e385;
  --floating-element-outline: #d4d4d4;
  --slider-control-fill-background: #464646;
  --slider-control-tick-background: #bfbfbf;
  --tag-border-color: #d9d9d9;
  --input-glassy-background: rgba(255, 255, 255, 0.3);
  --node-background: hsl(50, 5%, 86%);
  --node-control-background: #d4d4d4;
  --node-control-readonly-background: rgba(207, 205, 205, 0.5019607843);
  --node-expanded-control-background: #d4d4d4;
  --node-controls-group: #dddddd;
  --node-outline: #c2c2c2;
  --node-loupe-background: #ebebeb;
  --node-loupe-border: #cccccc;
  --node-loupe-text: #515151;
  --node-infoSheet-text: rgb(0, 0, 0);
  --node-progress: #bdbdbd;
  --node-title-color: #595959;
  --node-group-background: rgba(145, 143, 143, 0.2);
  --node-group-outline: #999999;
  --node-socket-active: #009ecc;
  --node-socket-inactive: #bdbdbd;
  --node-input-connection-assistant-background: #cdafb0;
  --node-output-connection-assistant-background: #b8b8b8;
  --connection-color: #009ecc;
  --connection-color-selected: #2c2c2c;
  --note-background: rgba(206, 206, 206, 0.6705882353);
  --detail-node-background: rgba(221, 220, 218, 0.2);
  --detail-node-control-background: rgba(212, 212, 212, 0.25);
  --detail-node-controls-group: rgba(221, 221, 221, 0.1);
  --docked-node-background: rgba(224, 224, 224, 0.1019607843);
  --docked-node-content-background: rgba(224, 224, 224, 0.7019607843);
  --docked-node-control-background: rgba(212, 212, 212, 0.25);
  --docked-node-controls-group: rgba(221, 221, 221, 0.1);
  --browse-list-background: rgba(255, 255, 255, 0.7215686275);
  --browse-list-search-background: rgba(235, 235, 235, 0.7882352941);
  --browse-list-color: #444444;
  --browse-list-active-background: rgba(0, 0, 0, 0.05);
}
html.theme-light .node-loupe[data-v-f1d6f09a]:before {
  filter: invert(1);
}
.terms__container[data-v-f1d6f09a] {
  border-radius: 1rem;
  background-color: var(--color-11);
  outline: 1px solid var(--color-15);
  box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 2rem 1rem;
  list-style-type: none;
  width: max-content;
  margin: 2rem auto;
  max-width: 600px;
  gap: 0.5rem;
  text-align: center;
}
.heading[data-v-f1d6f09a] {
  color: var(--color-90);
}
.terms-link[data-v-f1d6f09a]:hover {
  color: var(--app-nav-item-hover-color) !important;
}
.btn-block[data-v-f1d6f09a] {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  justify-content: space-between;
}
.fw-bold[data-v-f1d6f09a] {
  font-weight: var(--app-font-weight-bold);
}
.btn[data-v-f1d6f09a] {
  color: #606060;
}
.btn[data-v-f1d6f09a]:hover {
  color: var(--app-nav-item-hover-color);
}
.btn.btn-sm[data-v-f1d6f09a] {
  padding: 0.5rem 1rem !important;
}
.btn.btn-primary[data-v-f1d6f09a] {
  background-color: #009ecc !important;
  color: white;
  border: none !important;
}
.btn.btn-form[data-v-f1d6f09a] {
  padding: 1rem 2rem;
  border-radius: 2rem;
  background-color: transparent;
  background-image: var(--toolbar-dropdown-background);
  backdrop-filter: blur(64px) brightness(var(--toolbar-dropdown-background-brightness));
  outline: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.btn.btn-form i[data-v-f1d6f09a] {
  margin-right: 0.25rem;
}
.btn.btn-form[data-v-f1d6f09a]:hover {
  background-color: var(--app-background);
}