@charset "UTF-8";@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 {
  --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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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;
}
}/*
* 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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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-a46176ac] {
  --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-5);
  --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: 330px;
  --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-a46176ac] {
  --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.085, 220.49, 217.515, 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-a46176ac]:before {
  filter: invert(1);
}
.digit-box[data-v-a46176ac] {
  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(--color-15);
  color: var(--color-neutral-80);
}
.digit-box--filled[data-v-a46176ac] {
  border-color: none;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-3308145d] {
  --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-5);
  --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: 330px;
  --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-3308145d] {
  --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.085, 220.49, 217.515, 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-3308145d]:before {
  filter: invert(1);
}
.n-btn--sm[data-v-3308145d] {
  padding: 0.375rem 0.625rem;
}
.n-btn--md[data-v-3308145d] {
  padding: 0.625rem 1.25rem;
}
.n-btn--lg[data-v-3308145d] {
  padding: 0.625rem 1.5rem;
}
.n-btn--xl[data-v-3308145d] {
  padding: 1rem 2rem;
}
.n-btn--xxl[data-v-3308145d] {
  padding: 1rem 2.5rem;
}
.n-btn[data-v-3308145d] {
  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-3308145d] {
  font-size: 0.6rem;
}
.n-btn--sm[data-v-3308145d] {
  font-size: 0.75rem;
}
.n-btn--md[data-v-3308145d] {
  font-size: 0.8125rem;
}
.n-btn.btn-circle[data-v-3308145d] {
  aspect-ratio: 1;
  padding: 0 !important;
}
.n-btn.btn-dark[data-v-3308145d] {
  background-color: transparent;
  color: var(--color-70);
}
.n-btn.btn-dark svg[data-v-3308145d] {
  fill: currentColor !important;
}
.n-btn.btn-constant-black[data-v-3308145d] {
  background-color: #171717;
  color: white;
}
.n-btn.btn-constant-black svg[data-v-3308145d] {
  fill: currentColor !important;
}
.n-btn.btn-white[data-v-3308145d] {
  background-color: white;
  color: black;
}
.n-btn.btn-white svg[data-v-3308145d] {
  fill: currentColor !important;
}
.n-btn.btn-secondary[data-v-3308145d] {
  background-color: var(--color-15);
  color: var(--color-70);
}
.n-btn.btn-secondary svg[data-v-3308145d] {
  fill: currentColor !important;
}
.n-btn.btn-primary[data-v-3308145d] {
  background-color: #009ecc;
  color: white;
}
.n-btn.btn-primary svg[data-v-3308145d] {
  fill: currentColor !important;
}
.n-btn.btn-pulse[data-v-3308145d] {
  position: relative;
}
.n-btn.btn-pulse[data-v-3308145d]::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 2rem;
  animation: pulse-3308145d 2s infinite;
}
.n-btn.btn-pulse.btn-square[data-v-3308145d]::after {
  border-radius: 0.25rem;
}
.n-btn.btn-block[data-v-3308145d] {
  width: 100%;
}
.n-btn.btn-rounded[data-v-3308145d] {
  border-radius: 0.25rem !important;
}
.n-btn.btn-square[data-v-3308145d] {
  aspect-ratio: 1/1;
  padding: 0 !important;
  height: auto !important;
}
.n-btn.active[data-v-3308145d] {
  background-color: var(--color-20) !important;
  color: var(--color-100) !important;
}
.n-btn[data-v-3308145d]: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-3308145d]:hover:before {
  opacity: 0.1;
  transform: scale(1);
}
.n-btn[disabled][data-v-3308145d] {
  opacity: 0.5;
  pointer-events: none;
}
.n-btn[disabled][data-v-3308145d]::before {
  opacity: 0;
}
.n-btn[active=true][data-v-3308145d]::before {
  opacity: 0.1;
  transform: scale(1);
}
.theme--dark.v-btn[data-v-3308145d] {
  color: #fff;
}
@keyframes pulse-3308145d {
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[data-v-5a48a781] {
  --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-5);
  --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: 330px;
  --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-5a48a781] {
  --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.085, 220.49, 217.515, 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-5a48a781]:before {
  filter: invert(1);
}
.login-panel[data-v-5a48a781] {
  --login-panel-base-text-color: var(--color-70);
  --login-panel-secondary-text-color: var(--color-50);
  --login-panel-terms-color: var(--color-30);
}
.login-panel--embedded[data-v-5a48a781] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.login-panel__email-flow[data-v-5a48a781] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.login-panel--transparent[data-v-5a48a781] {
  --login-panel-base-text-color: var(--color-90);
  --login-panel-secondary-text-color: var(--color-70);
  --login-panel-terms-color: var(--color-70);
}
.login-panel__container[data-v-5a48a781] {
  text-align: center;
  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(--login-panel-base-text-color);
}
.login-panel__container--transparent[data-v-5a48a781] {
  background-color: transparent;
  outline: none;
}
.login-panel__container--fluid[data-v-5a48a781] {
  width: 100%;
  max-width: 100%;
  padding: 1rem 2rem;
}
.login-panel__container--embedded[data-v-5a48a781] {
  background-color: transparent;
  outline: none;
  box-shadow: none;
  padding: 0;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.login-panel__container--no-shadow[data-v-5a48a781] {
  box-shadow: none;
}
.login-panel__container .subcaption[data-v-5a48a781] {
  color: var(--login-panel-secondary-text-color);
}
.login-panel .login-message[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  flex: 1;
}
.login-panel .login-message .verified-email[data-v-5a48a781] {
  background: rgba(255, 255, 255, 0.3);
  padding: 0.4rem 0.8rem;
  border-radius: 0.25rem;
}
.login-panel .login-message__actions[data-v-5a48a781], .login-panel .login-message__spinner[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  margin-top: 0.75rem;
}
.login-panel .login-message__spinner span[data-v-5a48a781] {
  color: var(--login-panel-secondary-text-color);
  font-size: 0.8125rem;
  margin-top: 0.25rem;
}
.login-panel .login-message__actions[data-v-5a48a781] {
  flex-direction: row;
  gap: 0.5rem;
}
.login-panel .login-message__actions a[data-v-5a48a781] {
  color: var(--login-panel-secondary-text-color);
  text-decoration: none;
  font-size: 0.8125rem;
}
.login-panel .login-message__actions a[data-v-5a48a781]:hover {
  color: var(--login-panel-base-text-color);
}
.login-panel .login-message__dot[data-v-5a48a781] {
  color: var(--login-panel-secondary-text-color);
}
.login-panel .login-message__otp-wrapper[data-v-5a48a781] {
  position: relative;
}
.login-panel .login-message__otp-wrapper .otp--error[data-v-5a48a781] .digit-box {
  outline: 1px solid rgb(239, 68, 68);
}
.login-panel .login-message__error[data-v-5a48a781] {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 0.5rem;
  color: var(--login-panel-secondary-text-color);
  font-size: 0.8125rem;
}
.login-panel .passkey-link[data-v-5a48a781] {
  text-align: center;
  color: var(--login-panel-secondary-text-color);
  text-decoration: none;
}
.login-panel .login-form[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  padding: 0.75rem 0 1rem;
  width: 100%;
  flex: 1;
}
.login-panel .login-form__progress[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  justify-content: center;
  gap: 0.75rem;
  flex: 1;
  padding: 2rem 0;
  color: var(--login-panel-secondary-text-color);
}
.login-panel .login-form .divider[data-v-5a48a781] {
  position: relative;
  color: var(--login-panel-secondary-text-color);
}
.login-panel .login-form .divider[data-v-5a48a781]::after, .login-panel .login-form .divider[data-v-5a48a781]::before {
  content: "";
  width: 45%;
  height: 1px;
  background-color: var(--login-panel-secondary-text-color);
  opacity: 0.3;
  position: absolute;
  top: 50%;
}
.login-panel .login-form .divider[data-v-5a48a781]::after {
  left: 0;
}
.login-panel .login-form .divider[data-v-5a48a781]::before {
  right: 0;
}
.login-panel .login-form .input-container[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
.login-panel .login-form .input-container input[data-v-5a48a781] {
  color: var(--login-panel-base-text-color);
}
.login-panel .login-form .input-container input[data-v-5a48a781]::placeholder {
  color: var(--login-panel-secondary-text-color);
}
.login-panel .login-form .input-container input[name=email][data-v-5a48a781],
.login-panel .login-form .input-container input[name=username][data-v-5a48a781],
.login-panel .login-form .input-container input[name=password][data-v-5a48a781] {
  padding: 1rem;
  border-radius: 0.5rem;
  background: var(--color-15);
  width: 100%;
}
.login-panel .login-form .input-container input[name=email].input--error[data-v-5a48a781],
.login-panel .login-form .input-container input[name=username].input--error[data-v-5a48a781],
.login-panel .login-form .input-container input[name=password].input--error[data-v-5a48a781] {
  outline: 1px solid rgb(239, 68, 68);
}
.login-panel__deletion-pending[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 0;
  flex: 1;
  justify-content: center;
}
.login-panel .deletion-banner[data-v-5a48a781] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--login-panel-base-text-color);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: left;
}
.login-panel .deletion-banner svg[data-v-5a48a781] {
  color: rgb(239, 68, 68);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.login-panel .error-banner[data-v-5a48a781] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--login-panel-base-text-color);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: left;
}
.login-panel .error-banner svg[data-v-5a48a781] {
  color: rgb(239, 68, 68);
  flex-shrink: 0;
}
.login-panel .link-banner[data-v-5a48a781] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.25);
  color: var(--login-panel-base-text-color);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: left;
}
.login-panel .link-banner svg[data-v-5a48a781] {
  color: rgb(59, 130, 246);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.login-panel .link-back[data-v-5a48a781] {
  color: var(--login-panel-secondary-text-color);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  font-size: 0.8125rem;
  margin-top: 0.5rem;
}
.login-panel .link-back[data-v-5a48a781]:hover {
  color: var(--login-panel-base-text-color);
}
.login-panel .btn-block[data-v-5a48a781] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.login-panel .btn-block[data-v-5a48a781] button.n-btn {
  position: relative;
  justify-content: center !important;
}
.login-panel .btn-block[data-v-5a48a781] button.n-btn svg {
  position: absolute;
  left: 1.5rem;
}
.login-panel .terms-link[data-v-5a48a781] {
  margin: 2rem auto 0;
  text-align: center;
  text-decoration: none !important;
}
.login-panel .terms-link a[data-v-5a48a781] {
  color: var(--login-panel-terms-color);
  text-decoration: none !important;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-60443bc0] {
  --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-5);
  --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: 330px;
  --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-60443bc0] {
  --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.085, 220.49, 217.515, 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-60443bc0]:before {
  filter: invert(1);
}
.auth-showcase[data-v-60443bc0] {
  display: flex;
  height: 100%;
  min-height: 480px;
}
.auth-showcase img[data-v-60443bc0] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-3e8be53c] {
  --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-5);
  --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: 330px;
  --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-3e8be53c] {
  --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.085, 220.49, 217.515, 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-3e8be53c]:before {
  filter: invert(1);
}
.auth-layout[data-v-3e8be53c] {
  display: flex;
  position: relative;
  background-color: var(--color-11);
  border-radius: 1rem;
  outline: 1px solid var(--color-15);
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.5);
  overflow: visible;
  width: 860px;
  max-width: 95vw;
  min-height: 560px;
  margin: 0 auto;
}
.auth-layout__form[data-v-3e8be53c] {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem 2.5rem 1.5rem;
}
.auth-layout__form-content[data-v-3e8be53c] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.auth-layout__title[data-v-3e8be53c] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-90);
  margin: 0 0 0.5rem;
}
.auth-layout__subtitle[data-v-3e8be53c] {
  color: var(--color-50);
  font-size: 0.875rem;
  margin: 0 0 1.5rem;
  min-height: 2.5rem;
}
.auth-layout__step[data-v-3e8be53c] {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.auth-layout__footer[data-v-3e8be53c] {
  padding-top: 1.5rem;
}
.auth-layout__footer p[data-v-3e8be53c] {
  color: var(--color-40);
  font-size: 0.75rem;
  margin: 0;
}
.auth-layout__footer a[data-v-3e8be53c] {
  color: var(--app-accent);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.auth-layout__showcase[data-v-3e8be53c] {
  flex: 1;
  padding: 0.75rem 0.75rem 0.75rem 0;
  overflow: hidden;
}
.auth-layout__close[data-v-3e8be53c] {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
  background: transparent;
  border: none;
  color: var(--color-40);
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
}
.auth-layout__close[data-v-3e8be53c]:hover {
  color: var(--color-90);
  background: var(--color-15);
}
.auth-layout__close[data-v-3e8be53c] svg {
  width: 12px;
  height: 12px;
}
@media (max-width: 768px) {
.auth-layout__showcase[data-v-3e8be53c] {
    display: none;
}
.auth-layout__form[data-v-3e8be53c] {
    flex: 1;
}
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-b841bf86] {
  --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-5);
  --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: 330px;
  --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-b841bf86] {
  --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.085, 220.49, 217.515, 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-b841bf86]:before {
  filter: invert(1);
}
.login-frame[data-v-b841bf86] {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-b5af4828] {
  --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-5);
  --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: 330px;
  --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-b5af4828] {
  --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.085, 220.49, 217.515, 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-b5af4828]:before {
  filter: invert(1);
}
.n-button[data-v-b5af4828] {
  outline: none;
  border: none;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.n-button[data-v-b5af4828]:active:enabled {
  transform: scale(0.96);
}
.n-button[data-v-b5af4828] {
  --btn-icon-size: calc(var(--spacing) * 3.5);
  --btn-only-icon-size: calc(var(--spacing) * 4.5);
  --btn-square-size: calc(var(--spacing) * 10);
  border-radius: calc(var(--spacing) * 2);
  gap: calc(var(--spacing) * 2);
  font-size: var(--font-size-sm);
  line-height: var(--font-size-sm);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);
  color: var(--color-white);
  position: relative;
}
.n-button__wrapper[data-v-b5af4828] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
  width: 100%;
}
.n-button__wrapper--hidden[data-v-b5af4828] {
  opacity: 0;
  visibility: hidden;
}
.n-button__spinner[data-v-b5af4828] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: n-button-spin-b5af4828 0.6s linear infinite;
}
@keyframes n-button-spin-b5af4828 {
from {
    transform: translate(-50%, -50%) rotate(0deg);
}
to {
    transform: translate(-50%, -50%) rotate(360deg);
}
}
.n-button--size-xs[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 1);
  --btn-only-icon-size: calc(var(--spacing) * 3.5);
  --btn-square-size: calc(var(--spacing) * 6);
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
}
.n-button--size-sm[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 1.5);
  --btn-only-icon-size: calc(var(--spacing) * 4.5);
  --btn-square-size: calc(var(--spacing) * 7.5);
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5);
  font-size: calc(var(--spacing) * 3.5);
  line-height: calc(var(--spacing) * 4.5);
}
.n-button--size-md[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 2);
  --btn-only-icon-size: calc(var(--spacing) * 4.5);
  --btn-square-size: calc(var(--spacing) * 9);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
  font-size: calc(var(--spacing) * 3.5);
  line-height: calc(var(--spacing) * 4.5);
}
.n-button--size-lg[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 2);
  --btn-only-icon-size: calc(var(--spacing) * 4.5);
  --btn-square-size: calc(var(--spacing) * 10.5);
  padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 4.5);
  font-size: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 5);
}
.n-button--size-xl[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 2);
  --btn-only-icon-size: calc(var(--spacing) * 5);
  --btn-square-size: calc(var(--spacing) * 11);
  padding: calc(var(--spacing) * 3) calc(var(--spacing) * 5);
  font-size: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 5);
}
.n-button--icon-position-top[data-v-b5af4828] {
  --btn-gap: calc(var(--spacing) * 1);
  padding: calc(var(--spacing) * 2);
  font-size: calc(var(--spacing) * 3);
  font-weight: 400;
}
.n-button--icon-position-top .n-button__wrapper[data-v-b5af4828] {
  flex-direction: column;
}
.n-button--icon[data-v-b5af4828] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
}
.n-button--icon .n-btn__icon[data-v-b5af4828] {
  order: 0;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
}
.n-button--icon .n-btn__icon[data-v-b5af4828]:only-child {
  width: var(--btn-only-icon-size);
  height: var(--btn-only-icon-size);
}
.n-button--icon-position-end .n-btn__icon[data-v-b5af4828] {
  order: 1;
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav[data-v-b5af4828] {
  --nav-circle-spread: calc(var(--spacing) * 3);
  --btn-gap: calc(var(--spacing) * 3.3);
  padding: calc(var(--spacing) * 4.5) calc(var(--spacing) * 2);
  font-size: calc(var(--spacing) * 3);
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav .n-btn__icon[data-v-b5af4828] {
  background-color: transparent;
  width: var(--btn-only-icon-size);
  height: var(--btn-only-icon-size);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: visible;
  outline: 1px solid color-mix(in srgb, var(--color-neutral-20) 45%, transparent);
  outline-offset: var(--nav-circle-spread);
  transition: box-shadow 0.2s ease, outline-color 0.2s ease;
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav:hover:enabled .n-btn__icon[data-v-b5af4828] {
  box-shadow: 0 0 0 var(--nav-circle-spread) var(--color-neutral-15);
  background-color: var(--color-neutral-15);
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav.n-button--active[data-v-b5af4828] {
  background-color: transparent;
  outline: none;
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav.n-button--active .n-btn__icon[data-v-b5af4828] {
  box-shadow: 0 0 0 var(--nav-circle-spread) var(--color-neutral-15);
  background-color: var(--color-neutral-15);
  outline-color: var(--color-neutral-30);
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav.n-button--size-sm[data-v-b5af4828] {
  --nav-circle-spread: calc(var(--spacing) * 2);
  --btn-gap: calc(var(--spacing) * 1.5);
  padding: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
  font-size: calc(var(--spacing) * 2.5);
}
.n-button--icon.n-button--icon-position-top.n-button--variant-nav.n-button--size-sm .n-btn__icon[data-v-b5af4828] {
  outline: none;
}
.n-button--variant-primary[data-v-b5af4828] {
  border: 1px solid var(--color-neutral-20);
  background-color: var(--color-neutral-5);
  color: var(--color-neutral-90);
}
.n-button--variant-primary[data-v-b5af4828]:hover:enabled {
  background-color: var(--color-neutral-10);
}
.n-button--variant-primary[data-v-b5af4828]:active:enabled, .n-button--variant-primary.n-button--active[data-v-b5af4828] {
  background-color: var(--color-neutral-20);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-b5af4828] {
  background-color: transparent;
  color: var(--color-neutral-70);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-b5af4828]: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-b5af4828]:active:enabled, [data-nodety-theme=dark] .n-button--variant-transparent.n-button--active[data-v-b5af4828] {
  background-color: rgba(255, 255, 255, 0.075);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-transparent[data-v-b5af4828]:active:enabled:hover, [data-nodety-theme=dark] .n-button--variant-transparent.n-button--active[data-v-b5af4828]:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-b5af4828] {
  background-color: transparent;
  color: var(--color-neutral-90);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-b5af4828]:hover:enabled {
  background-color: rgba(0, 0, 0, 0.1);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-b5af4828]:active:enabled, [data-nodety-theme=light] .n-button--variant-transparent.n-button--active[data-v-b5af4828] {
  background-color: rgba(0, 0, 0, 0.075);
}
[data-nodety-theme=light] .n-button--variant-transparent[data-v-b5af4828]:active:enabled:hover, [data-nodety-theme=light] .n-button--variant-transparent.n-button--active[data-v-b5af4828]:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-b5af4828] {
  background-color: var(--color-white);
  color: var(--color-black);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-b5af4828]:hover:enabled {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-90);
}
[data-nodety-theme=dark] .n-button--variant-inverted[data-v-b5af4828]:active:enabled, [data-nodety-theme=dark] .n-button--variant-inverted.n-button--active[data-v-b5af4828] {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-90);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-b5af4828] {
  background-color: var(--color-neutral-90);
  color: var(--color-white);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-b5af4828]:hover:enabled {
  background-color: var(--color-neutral-80);
  color: var(--color-neutral-5);
}
[data-nodety-theme=light] .n-button--variant-inverted[data-v-b5af4828]:active:enabled, [data-nodety-theme=light] .n-button--variant-inverted.n-button--active[data-v-b5af4828] {
  background-color: var(--color-neutral-90);
  color: var(--color-neutral-5);
}
.n-button--variant-secondary[data-v-b5af4828] {
  background-color: var(--color-neutral-15);
  color: var(--color-neutral-100);
}
.n-button--variant-secondary[data-v-b5af4828]:hover:enabled {
  background-color: var(--color-neutral-20);
}
.n-button--variant-secondary[data-v-b5af4828]:active:enabled, .n-button--variant-secondary.n-button--active[data-v-b5af4828] {
  background-color: var(--color-neutral-20);
}
.n-button--variant-outline[data-v-b5af4828] {
  border: 1px solid var(--color-neutral-40);
  background-color: transparent;
}
[data-nodety-theme=dark] .n-button--variant-outline[data-v-b5af4828] {
  color: var(--color-white);
}
[data-nodety-theme=dark] .n-button--variant-outline[data-v-b5af4828]:hover:enabled {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: var(--color-neutral-60);
}
[data-nodety-theme=dark] .n-button--variant-outline[data-v-b5af4828]:active:enabled, [data-nodety-theme=dark] .n-button--variant-outline.n-button--active[data-v-b5af4828] {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-nodety-theme=light] .n-button--variant-outline[data-v-b5af4828] {
  color: var(--color-neutral-90);
  border-color: var(--color-neutral-30);
}
[data-nodety-theme=light] .n-button--variant-outline[data-v-b5af4828]:hover:enabled {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: var(--color-neutral-50);
}
[data-nodety-theme=light] .n-button--variant-outline[data-v-b5af4828]:active:enabled, [data-nodety-theme=light] .n-button--variant-outline.n-button--active[data-v-b5af4828] {
  background-color: rgba(0, 0, 0, 0.1);
}
.n-button--variant-nav[data-v-b5af4828] {
  background-color: transparent;
  color: var(--color-neutral-70);
  transition: color 0.2s ease;
  width: calc(var(--spacing) * 20);
  flex-shrink: 0;
}
.n-button--variant-nav[data-v-b5af4828]:hover:enabled {
  color: var(--color-neutral-90);
}
.n-button--variant-nav.n-button--active[data-v-b5af4828] {
  color: var(--color-neutral-100);
}
.n-button--active[data-v-b5af4828] {
  background-color: var(--color-neutral-15);
  outline: 1px solid var(--color-neutral-30);
}
.n-button--square[data-v-b5af4828] {
  aspect-ratio: 1;
  width: var(--btn-square-size);
  height: var(--btn-square-size);
  padding: calc(var(--spacing) * 1);
}
.n-button--rounded[data-v-b5af4828] {
  border-radius: 999999px;
}
.n-button--full-width[data-v-b5af4828] {
  width: 100%;
  justify-content: center;
}
.n-button[data-v-b5af4828]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.n-button__content[data-v-b5af4828] {
  white-space: nowrap;
}
.n-button__content--wrap[data-v-b5af4828] {
  white-space: normal;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-40e6ccd1] {
  --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-5);
  --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: 330px;
  --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-40e6ccd1] {
  --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.085, 220.49, 217.515, 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-40e6ccd1]:before {
  filter: invert(1);
}
.contentCenter[data-v-40e6ccd1] {
  z-index: 1000000002;
}
.contentCenter__button[data-v-40e6ccd1], .contentCenter__list[data-v-40e6ccd1] {
  position: fixed;
}
.contentCenter__button[data-v-40e6ccd1] {
  height: 28px;
  cursor: pointer;
  bottom: 16px;
  left: calc(100vw - 28px - 20px);
}
.contentCenter__button i[data-v-40e6ccd1] {
  color: #1d1d1d;
  font-size: 28px;
}
.contentCenter__list[data-v-40e6ccd1] {
  bottom: calc(28px + 16px + 16px);
  left: calc(100vw - 160px - 20px);
  width: 160px;
  background-color: #3c3939;
  border-radius: 12px;
}
.contentCenter__list__item[data-v-40e6ccd1] {
  padding: 8px 16px;
  font-size: var(--font-size-sm);
  color: #a6a6a6;
  cursor: pointer;
}
.contentCenter__list__item[data-v-40e6ccd1]:hover {
  color: #e0e0e0;
}
.contentCenter__option__feedback[data-v-40e6ccd1] {
  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-40e6ccd1] {
  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-40e6ccd1]::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-40e6ccd1] {
  font-size: calc(var(--spacing) * 7);
  margin-bottom: 0.5rem;
  color: var(--color-neutral-80);
}
.contentCenter__option__feedback__form__subtitle[data-v-40e6ccd1] {
  font-size: var(--font-size-md);
  margin-bottom: calc(var(--spacing) * 5);
  color: var(--color-neutral-50);
  text-align: center;
}
.contentCenter__option__feedback__form textarea[data-v-40e6ccd1] {
  height: auto;
  text-align: left;
  width: 100%;
  padding: calc(var(--spacing) * 4);
  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-40e6ccd1] {
  font-size: var(--font-size-md);
  color: var(--color-neutral-50);
  text-align: left;
  width: 100%;
}
.contentCenter__option__feedback__form__info a[data-v-40e6ccd1] {
  text-decoration: none;
  color: inherit;
}
.contentCenter__option__feedback__close[data-v-40e6ccd1] {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--font-size-2xl);
  color: var(--color-neutral-20);
  margin: 1rem 0 0 1rem;
}
.app-reload-popup[data-v-74cfce5b] {
  position: fixed;
  inset: 0;
  z-index: 30000;
  display: grid;
  place-items: center;
}
.app-reload-popup__backdrop[data-v-74cfce5b] {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-0) 58%, transparent);
  backdrop-filter: blur(3px);
}
.app-reload-popup__panel[data-v-74cfce5b] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: min(480px, calc(100vw - 32px));
  padding: 20px;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  background: var(--color-12);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--color-0) 52%, transparent);
  color: var(--color-90);
}
.app-reload-popup__content[data-v-74cfce5b] {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.app-reload-popup__title[data-v-74cfce5b],
.app-reload-popup__message[data-v-74cfce5b],
.app-reload-popup__status[data-v-74cfce5b] {
  margin: 0;
  line-height: 1.45;
}
.app-reload-popup__title[data-v-74cfce5b] {
  font-size: 20px;
  font-weight: 600;
}
.app-reload-popup__message[data-v-74cfce5b],
.app-reload-popup__status[data-v-74cfce5b] {
  color: var(--color-70);
}
.app-reload-popup__actions[data-v-74cfce5b] {
  margin-top: 8px;
}
.app-reload-popup-fade-enter-active[data-v-74cfce5b],
.app-reload-popup-fade-leave-active[data-v-74cfce5b] {
  transition: opacity 0.18s ease;
}
.app-reload-popup-fade-enter-from[data-v-74cfce5b],
.app-reload-popup-fade-leave-to[data-v-74cfce5b] {
  opacity: 0;
}
@media (max-width: 640px) {
.app-reload-popup__panel[data-v-74cfce5b] {
    width: calc(100vw - 24px);
    padding: 16px;
}
.app-reload-popup__title[data-v-74cfce5b] {
    font-size: 18px;
}
}
/*
* 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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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-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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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 {
  --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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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);
}
.comparison {
  position: relative;
}
.comparison::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--color-neutral-15);
  left: calc((1.8 + var(--main-plan-count, 2)) / (1.8 + var(--plan-count, 4)) * 100%);
  z-index: 11;
}
.comparison__price-row {
  --_row-pad: calc(var(--spacing) * 3);
  display: grid;
  grid-template-columns: 1.8fr repeat(var(--plan-count, 5), 1fr);
  padding: var(--_row-pad) 0;
  border-bottom: 1px solid var(--color-neutral-15);
  align-items: start;
}
.comparison__price-row .comparison__plan-col--current {
  justify-content: flex-start;
}
.comparison__price-line {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comparison__price-line:not(:first-child) {
  margin-top: calc(var(--spacing) * 1.5);
}
.comparison__price {
  font-weight: 700;
  font-size: var(--font-size-lg);
  color: white;
}
.comparison__price-prefix {
  margin-right: 4px;
}
.comparison__price-suffix {
  font-weight: 400;
  font-size: var(--font-size-sm);
  color: var(--color-neutral-45);
  margin-left: 2px;
}
.comparison__price-note {
  color: var(--color-neutral-45);
  font-size: var(--font-size-xs);
  line-height: 1.3;
}
.comparison__header {
  --_row-pad: calc(var(--spacing) * 3);
  display: grid;
  grid-template-columns: 1.8fr repeat(var(--plan-count, 5), 1fr);
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-neutral-5);
  border-bottom: 1px solid var(--color-neutral-15);
  padding: var(--_row-pad) 0;
}
.comparison__header .comparison__plan-col {
  font-weight: 700;
  color: white;
  font-size: var(--font-size-sm);
  justify-content: flex-end;
}
.comparison__category + .comparison__category .comparison__category-heading {
  --_row-pad-top: calc(var(--spacing) * 5);
}
.comparison__category-heading {
  --_row-pad-top: calc(var(--spacing) * 3);
  --_row-pad-bottom: calc(var(--spacing) * 2);
  --_row-pad: var(--_row-pad-top);
  display: grid;
  grid-template-columns: 1.8fr repeat(var(--plan-count, 5), 1fr);
  padding: var(--_row-pad-top) 0 var(--_row-pad-bottom);
  border-bottom: 1px solid var(--color-neutral-15);
  align-items: center;
}
.comparison__category-heading .comparison__label-col {
  font-weight: 700;
  font-size: var(--font-size-base);
  color: white;
}
.comparison__row {
  --_row-pad: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: 1.8fr repeat(var(--plan-count, 5), 1fr);
  padding: var(--_row-pad) 0;
  border-bottom: 1px solid var(--color-neutral-10);
  align-items: center;
}
.comparison__row--array {
  align-items: start;
}
.comparison__row:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.comparison__label-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: calc(var(--spacing) * 2);
}
.comparison__feature-label {
  color: var(--color-neutral-80);
  font-size: var(--font-size-sm);
}
.comparison__feature-desc {
  color: var(--color-neutral-45);
  font-size: var(--font-size-xs);
  line-height: 1.3;
}
.comparison__plan-col {
  text-align: center;
  color: var(--color-neutral-65);
  font-size: var(--font-size-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.comparison__plan-col--current {
  background-color: rgba(255, 255, 255, 0.03);
  align-self: stretch;
  justify-content: center;
  margin-top: calc(-1 * var(--_row-pad-top, var(--_row-pad)));
  margin-bottom: calc(-1 * var(--_row-pad-bottom, var(--_row-pad)));
  padding-top: var(--_row-pad-top, var(--_row-pad));
  padding-bottom: var(--_row-pad-bottom, var(--_row-pad));
}
.comparison__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.comparison__icon--check {
  width: 16px;
  height: 16px;
  color: rgba(10, 228, 163, 0.9);
  fill: currentColor;
}
.comparison__icon--dash {
  color: var(--color-neutral-30);
  font-size: 1.2em;
}
.comparison__cell-text {
  color: var(--color-neutral-70);
  font-size: var(--font-size-x);
}
.comparison__cell-text--capped {
  color: var(--color-amber, #f5a623);
}
.comparison__cell-subtitle {
  color: var(--color-neutral-45);
  font-size: var(--font-size-x);
  line-height: 1.3;
}
.comparison__current-badge {
  font-size: var(--font-size-xs);
  font-weight: 400;
  color: var(--color-neutral-65);
  background-color: var(--color-neutral-15);
  border-radius: calc(var(--spacing) * 2);
  padding: calc(var(--spacing)) calc(var(--spacing) * 2);
  white-space: nowrap;
  margin-bottom: calc(var(--spacing));
}
@media (max-width: 768px) {
.comparison__header,
  .comparison__row,
  .comparison__category-heading {
    grid-template-columns: 1.4fr repeat(var(--plan-count, 5), 1fr);
}
.comparison__feature-desc {
    display: none;
}
.comparison__plan-col {
    font-size: var(--font-size-xs);
}
}
/*
* 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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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);
}
.pricing {
  color: var(--color-neutral-90);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 6rem;
}
.pricing::-webkit-scrollbar {
  display: none;
}
.pricing__period-sub {
  display: block;
  font-weight: normal;
  font-size: var(--font-size-xs);
  color: var(--color-neutral-50);
  white-space: nowrap;
}
.pricing__table {
  margin-bottom: calc(var(--spacing) * 4);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 500px));
  gap: 1rem;
  justify-content: center;
}
@media (min-width: 1372px) {
.pricing__table {
    grid-template-columns: repeat(var(--plan-count, 4), minmax(0, 500px));
}
}
.pricing__card {
  background: linear-gradient(-45deg, #0d0d0d, #191919);
  border: 1px solid var(--color-neutral-15);
  padding: 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}
.pricing__tier--active {
  background-color: var(--color-neutral-5);
  position: relative;
  border: solid 5px transparent;
  margin: -2px;
  z-index: 1;
}
.pricing__tier--active::after, .pricing__tier--active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.pricing__tier--active::after {
  background: linear-gradient(-45deg, #0d0d0d, #191919);
  z-index: -1;
  margin: -1px;
  border-radius: 1.25rem;
}
.pricing__tier--active::before {
  z-index: -2;
  margin: -5px;
  background-image: linear-gradient(-45deg, rgba(10, 228, 163, 0.7), rgba(10, 228, 163, 0.1));
}
.pricing__card--current,
.pricing__contact-card.pricing__card--current {
  border: 5px solid var(--color-neutral-15);
  margin: -2px;
}
.pricing__card-body {
  margin-bottom: 2rem;
}
.pricing__heading {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: white;
  display: flex;
  justify-content: space-between;
}
.pricing__heading-badge {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-65);
  background-color: var(--color-neutral-15);
  border-radius: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  margin-left: calc(var(--spacing) * 2);
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: -1rem;
  transform: translateX(-50%);
}
.pricing__heading-badge--highlight {
  color: rgb(10, 228, 163);
  background-color: color-mix(in oklab, rgb(10, 228, 163), var(--color-neutral-5) 85%);
}
.pricing__heading-badge--legacy {
  color: var(--color-neutral-50);
  background-color: var(--color-neutral-10);
  font-style: italic;
  left: auto;
  right: 1.5rem;
  transform: none;
}
.pricing__amount {
  font-size: calc(var(--font-size-2xl) * 1.5);
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: white;
}
.pricing__currency {
  font-size: 0.65em;
  margin-right: 6px;
  vertical-align: middle;
}
.pricing__text-muted {
  font-size: 0.875rem;
  color: var(--color-neutral-60);
  margin-left: 0.25rem;
}
.pricing__billing {
  margin-left: 1.5rem;
}
.pricing__features {
  margin-top: 1.5rem;
}
.pricing__card-content {
  color: var(--color-neutral-65);
  line-height: 1.6;
}
.pricing__card-content ul {
  list-style: none;
  padding-left: 14px;
  margin: 1.5rem 0;
}
.pricing__card-content li {
  margin-bottom: 0.8rem;
  display: flex;
  align-items: baseline;
}
.pricing__card-content li::before {
  content: "✓";
  color: rgba(10, 228, 163, 0.9);
  font-weight: bold;
  margin-right: 0.5rem;
}
.pricing__cta {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pricing__button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
.pricing__button:disabled {
  pointer-events: none;
  color: var(--color-neutral-40);
  border: none;
}
.pricing__button--light {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  text-decoration: none;
  transition: background-color 0.247s ease;
}
.pricing__button--light:hover {
  background-color: black;
}
.pricing__button--highlight {
  background-color: rgba(10, 228, 163, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: black;
  text-decoration: none;
  transition: background-color 0.247s ease, color 0.247s ease;
}
.pricing__button--highlight:hover {
  background-color: black;
  color: white;
}
.pricing__button--primary {
  background-color: #009ecc;
  color: white;
}
.pricing__toggle {
  display: flex;
  position: relative;
  margin: 0 auto 2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3rem;
  overflow: hidden;
  width: fit-content;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0.25rem;
}
.pricing__option {
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  position: relative;
  z-index: 2;
  color: var(--color-neutral-65);
  transition: color 0.3s;
  border-radius: 3rem;
  text-transform: capitalize;
}
.pricing__option:hover {
  color: white;
}
.pricing__option--active {
  color: black;
  background: var(--color-neutral-95);
  font-weight: bold;
}
.pricing__option--active:hover {
  color: black;
}
.pricing__contact-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
.pricing__contact-cards {
    grid-template-columns: repeat(2, 1fr);
}
}
.pricing__contact-card {
  background: linear-gradient(-45deg, #0d0d0d, #191919);
  border: 1px solid var(--color-neutral-15);
  padding: 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  min-height: 320px;
}
.pricing__contact-heading {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  color: white;
}
.pricing__contact-content {
  color: var(--color-neutral-60);
  line-height: 1.6;
}
.pricing__contact-cta {
  margin-top: 1.5rem;
}
.pricing__edu-panel {
  position: relative;
  margin-top: auto;
  align-self: flex-start;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.pricing__edu-panel:not(.pricing__edu-panel--expanded) {
  cursor: pointer;
}
.pricing__edu-panel:not(.pricing__edu-panel--expanded):hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.pricing__edu-panel--expanded {
  align-self: stretch;
}
.pricing__edu-close {
  position: absolute;
  top: -0.75rem;
  left: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: none;
  color: var(--color-neutral-50);
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.pricing__edu-close:hover {
  color: white;
}
.pricing__edu-close svg {
  width: 100%;
  height: 100%;
}
.pricing__edu-panel-trigger {
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  color: white;
  white-space: nowrap;
}
.pricing__edu-panel--expanded .pricing__edu-panel-trigger {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pricing__edu-panel-body {
  padding: 1rem 1.5rem 1.5rem;
}
.pricing__edu-panel-body p {
  color: var(--color-neutral-60);
  margin-bottom: 1rem;
  font-size: var(--font-size-sm);
}
.pricing__edu-panel-body p a {
  color: inherit;
  text-decoration: underline;
}
.pricing__edu-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pricing__edu-row--centered {
  justify-content: center;
}
.pricing__edu-row--centered .digit-box {
  height: 2.5rem;
  width: 2.1875rem;
  font-size: 1.25rem;
}
.pricing__edu-input {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--color-neutral-15);
  background: var(--color-neutral-10);
  color: white;
  font-size: 1rem;
  outline: none;
}
.pricing__edu-input:focus {
  border-color: rgba(10, 228, 163, 0.5);
}
.pricing__edu-messages {
  margin-top: 0.5rem;
}
.pricing__edu-error {
  color: #f87171;
  font-size: var(--font-size-sm);
}
.pricing__edu-success {
  color: rgba(10, 228, 163, 0.9);
  font-size: var(--font-size-sm);
  margin-bottom: 1rem;
}
.pricing__section-heading {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  margin-bottom: calc(var(--spacing) * 4);
}
.pricing__organizations {
  margin: calc(var(--spacing) * 40) -4.5rem;
  padding: calc(var(--spacing) * 18) 4.5rem;
  background-color: rgba(255, 255, 255, 0.02);
  border-radius: 2rem;
}
.pricing__organizations .pricing__section-heading {
  margin-top: -18px;
}
.pricing__comparison-section {
  margin-bottom: calc(var(--spacing) * 8);
}
.pricing__comparison-collapse {
  position: relative;
  max-height: 560px;
  overflow: hidden;
  transition: max-height 10s ease;
}
.pricing__comparison-collapse::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 560px;
  background: linear-gradient(to bottom, transparent, var(--color-neutral-5));
  pointer-events: none;
  transition: opacity 7.5s ease;
}
.pricing__comparison-collapse--expanded {
  max-height: 10000px;
}
.pricing__comparison-collapse--expanded::after {
  opacity: 0;
}
.pricing__comparison-expand {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 20);
  transition: opacity 1s ease, margin 1.5s ease;
}
.pricing__comparison-expand--hidden {
  opacity: 0;
  pointer-events: none;
  margin-top: 0;
  margin-bottom: 0;
}
.pricing__comparison-expand-btn {
  padding: 0.75rem 2rem;
  border-radius: 9999px;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: var(--font-size-sm);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.pricing__comparison-expand-btn:hover {
  opacity: 0.85;
}
.pricing__comparison-wrapper {
  background-color: hsla(0, 0%, 5%, 0.7);
  border: 1px solid var(--color-neutral-15);
  border-radius: 1rem;
  overflow: clip;
  padding: 0 calc(var(--spacing) * 4);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(40px);
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-d6387369] {
  --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-5);
  --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: 330px;
  --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-d6387369] {
  --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.085, 220.49, 217.515, 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-d6387369]:before {
  filter: invert(1);
}
.upgrade-overlay[data-v-d6387369] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.upgrade-overlay__card[data-v-d6387369] {
  position: relative;
  display: flex;
  width: 860px;
  max-width: 95vw;
  height: min(560px, 80vh);
  background-color: var(--color-neutral-5);
  border-radius: calc(var(--spacing) * 8);
  border: 1px solid color-mix(in srgb, var(--color-neutral-20) 50%, transparent);
  overflow: hidden;
  transition: max-width 0.5s ease, width 0.5s ease, height 0.5s ease, border-color 0.5s ease;
}
.upgrade-overlay__card--expanded[data-v-d6387369] {
  max-width: 100vw;
  width: 100vw;
  height: 100vh;
  border-color: transparent;
}
.upgrade-overlay__close[data-v-d6387369] {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
  background: transparent;
  border: none;
  color: var(--color-40);
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
}
.upgrade-overlay__close[data-v-d6387369]:hover {
  color: var(--color-90);
  background: var(--color-15);
}
.upgrade-overlay__promo[data-v-d6387369] {
  display: flex;
  flex: 1;
  min-height: 0;
}
.upgrade-overlay__left[data-v-d6387369] {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
}
.upgrade-overlay__left-content[data-v-d6387369] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.upgrade-overlay__title[data-v-d6387369] {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-90);
  margin: 0 0 1.75rem;
  line-height: 1.2;
}
.upgrade-overlay__message-box[data-v-d6387369] {
  background-color: var(--color-15);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
}
.upgrade-overlay__message-box p[data-v-d6387369] {
  margin: 0;
  color: var(--color-70);
  font-size: 1rem;
  line-height: 1.5;
}
.upgrade-overlay__benefits[data-v-d6387369] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.upgrade-overlay__benefit[data-v-d6387369] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-size: 0.875rem;
  color: var(--color-70);
  line-height: 1.4;
}
.upgrade-overlay__check[data-v-d6387369] {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: #22c55e;
  margin-top: 0.05rem;
}
.upgrade-overlay__cta-spacer[data-v-d6387369] {
  flex: 1;
  min-height: 2rem;
}
.upgrade-overlay__right[data-v-d6387369] {
  flex: 1;
  padding: 0.75rem 0.75rem 0.75rem 0;
  overflow: hidden;
}
.upgrade-overlay__pricing[data-v-d6387369] {
  flex: 1;
  overflow-y: auto;
  padding: 2.5rem;
  padding-top: 3rem;
}
@media (max-width: 768px) {
.upgrade-overlay__right[data-v-d6387369] {
    display: none;
}
.upgrade-overlay__left[data-v-d6387369] {
    flex: 1;
}
}
.upgrade-fade-enter-active[data-v-d6387369],
.upgrade-fade-leave-active[data-v-d6387369] {
  transition: opacity 0.3s ease;
}
.upgrade-fade-enter-from[data-v-d6387369],
.upgrade-fade-leave-to[data-v-d6387369] {
  opacity: 0;
}
.upgrade-overlay-enter-active[data-v-d6387369],
.upgrade-overlay-leave-active[data-v-d6387369] {
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
}
.upgrade-overlay-enter-active .upgrade-overlay__card[data-v-d6387369],
.upgrade-overlay-leave-active .upgrade-overlay__card[data-v-d6387369] {
  transition: opacity 0.4s ease;
}
.upgrade-overlay-enter-from[data-v-d6387369],
.upgrade-overlay-leave-to[data-v-d6387369] {
  background-color: transparent;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}
.upgrade-overlay-enter-from .upgrade-overlay__card[data-v-d6387369],
.upgrade-overlay-leave-to .upgrade-overlay__card[data-v-d6387369] {
  opacity: 0;
}/*
* Floating element in the app currently: Monitor, Navigator, Node Preview in micro app mode, ...
*/
/*
* Project list
*/
/*
* Editor
*/
html[data-v-bac097a0] {
  --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-5);
  --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: 330px;
  --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-bac097a0] {
  --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.085, 220.49, 217.515, 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-bac097a0]:before {
  filter: invert(1);
}
.app-nodety--empty[data-v-bac097a0] {
  background: none !important;
}
.cover[data-v-bac097a0] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--app-background);
  width: 100%;
  height: 100vh;
  height: 100dvh; /* SAFARI fix */
}
.session-ended-panel[data-v-bac097a0] {
  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-bac097a0] {
  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-50);
}
.loading span[data-v-bac097a0] {
  margin-top: 15px;
}
#floating-root[data-v-bac097a0] {
  width: 100%;
  height: 100vh;
  height: 100dvh; /* SAFARI fix */
  overflow: hidden;
  position: absolute;
  z-index: 20000;
  pointer-events: none;
}
/*
* 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-5);
  --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: 330px;
  --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.085, 220.49, 217.515, 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, [data-nodety-theme=light] {
  --color-white: #fff;
  --color-black: #000;
  --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-neutral-100: hsl(50, 2%, 0%);
  --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;
}
[data-nodety-theme=dark] {
  --color-white: #fff;
  --color-black: #000;
  --color-neutral-0: hsl(0, 0%, 0%);
  --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-neutral-100: hsl(0, 0%, 100%);
  --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=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 {
  --spacing: 0.25rem;
  --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;
}
.p-0 {
  padding: calc(var(--spacing) * 0) !important;
}
.m-0 {
  margin: calc(var(--spacing) * 0) !important;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0) !important;
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0) !important;
}
.pr-0 {
  padding-right: calc(var(--spacing) * 0) !important;
}
.mr-0 {
  margin-right: calc(var(--spacing) * 0) !important;
}
.pb-0 {
  padding-bottom: calc(var(--spacing) * 0) !important;
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.pl-0 {
  padding-left: calc(var(--spacing) * 0) !important;
}
.ml-0 {
  margin-left: calc(var(--spacing) * 0) !important;
}
.px-0 {
  padding-left: calc(var(--spacing) * 0) !important;
  padding-right: calc(var(--spacing) * 0) !important;
}
.mx-0 {
  margin-left: calc(var(--spacing) * 0) !important;
  margin-right: calc(var(--spacing) * 0) !important;
}
.py-0 {
  padding-top: calc(var(--spacing) * 0) !important;
  padding-bottom: calc(var(--spacing) * 0) !important;
}
.my-0 {
  margin-top: calc(var(--spacing) * 0) !important;
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.gap-0 {
  gap: calc(var(--spacing) * 0) !important;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5) !important;
}
.m-0\.5 {
  margin: calc(var(--spacing) * 0.5) !important;
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5) !important;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5) !important;
}
.pr-0\.5 {
  padding-right: calc(var(--spacing) * 0.5) !important;
}
.mr-0\.5 {
  margin-right: calc(var(--spacing) * 0.5) !important;
}
.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5) !important;
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5) !important;
}
.pl-0\.5 {
  padding-left: calc(var(--spacing) * 0.5) !important;
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5) !important;
}
.px-0\.5 {
  padding-left: calc(var(--spacing) * 0.5) !important;
  padding-right: calc(var(--spacing) * 0.5) !important;
}
.mx-0\.5 {
  margin-left: calc(var(--spacing) * 0.5) !important;
  margin-right: calc(var(--spacing) * 0.5) !important;
}
.py-0\.5 {
  padding-top: calc(var(--spacing) * 0.5) !important;
  padding-bottom: calc(var(--spacing) * 0.5) !important;
}
.my-0\.5 {
  margin-top: calc(var(--spacing) * 0.5) !important;
  margin-bottom: calc(var(--spacing) * 0.5) !important;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5) !important;
}
.p-1 {
  padding: calc(var(--spacing) * 1) !important;
}
.m-1 {
  margin: calc(var(--spacing) * 1) !important;
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1) !important;
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1) !important;
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1) !important;
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1) !important;
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1) !important;
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1) !important;
}
.pl-1 {
  padding-left: calc(var(--spacing) * 1) !important;
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1) !important;
}
.px-1 {
  padding-left: calc(var(--spacing) * 1) !important;
  padding-right: calc(var(--spacing) * 1) !important;
}
.mx-1 {
  margin-left: calc(var(--spacing) * 1) !important;
  margin-right: calc(var(--spacing) * 1) !important;
}
.py-1 {
  padding-top: calc(var(--spacing) * 1) !important;
  padding-bottom: calc(var(--spacing) * 1) !important;
}
.my-1 {
  margin-top: calc(var(--spacing) * 1) !important;
  margin-bottom: calc(var(--spacing) * 1) !important;
}
.gap-1 {
  gap: calc(var(--spacing) * 1) !important;
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5) !important;
}
.m-1\.5 {
  margin: calc(var(--spacing) * 1.5) !important;
}
.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5) !important;
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5) !important;
}
.pr-1\.5 {
  padding-right: calc(var(--spacing) * 1.5) !important;
}
.mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5) !important;
}
.pb-1\.5 {
  padding-bottom: calc(var(--spacing) * 1.5) !important;
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5) !important;
}
.pl-1\.5 {
  padding-left: calc(var(--spacing) * 1.5) !important;
}
.ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5) !important;
}
.px-1\.5 {
  padding-left: calc(var(--spacing) * 1.5) !important;
  padding-right: calc(var(--spacing) * 1.5) !important;
}
.mx-1\.5 {
  margin-left: calc(var(--spacing) * 1.5) !important;
  margin-right: calc(var(--spacing) * 1.5) !important;
}
.py-1\.5 {
  padding-top: calc(var(--spacing) * 1.5) !important;
  padding-bottom: calc(var(--spacing) * 1.5) !important;
}
.my-1\.5 {
  margin-top: calc(var(--spacing) * 1.5) !important;
  margin-bottom: calc(var(--spacing) * 1.5) !important;
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5) !important;
}
.p-2 {
  padding: calc(var(--spacing) * 2) !important;
}
.m-2 {
  margin: calc(var(--spacing) * 2) !important;
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2) !important;
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2) !important;
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2) !important;
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2) !important;
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2) !important;
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2) !important;
}
.px-2 {
  padding-left: calc(var(--spacing) * 2) !important;
  padding-right: calc(var(--spacing) * 2) !important;
}
.mx-2 {
  margin-left: calc(var(--spacing) * 2) !important;
  margin-right: calc(var(--spacing) * 2) !important;
}
.py-2 {
  padding-top: calc(var(--spacing) * 2) !important;
  padding-bottom: calc(var(--spacing) * 2) !important;
}
.my-2 {
  margin-top: calc(var(--spacing) * 2) !important;
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.gap-2 {
  gap: calc(var(--spacing) * 2) !important;
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5) !important;
}
.m-2\.5 {
  margin: calc(var(--spacing) * 2.5) !important;
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5) !important;
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5) !important;
}
.pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5) !important;
}
.mr-2\.5 {
  margin-right: calc(var(--spacing) * 2.5) !important;
}
.pb-2\.5 {
  padding-bottom: calc(var(--spacing) * 2.5) !important;
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5) !important;
}
.pl-2\.5 {
  padding-left: calc(var(--spacing) * 2.5) !important;
}
.ml-2\.5 {
  margin-left: calc(var(--spacing) * 2.5) !important;
}
.px-2\.5 {
  padding-left: calc(var(--spacing) * 2.5) !important;
  padding-right: calc(var(--spacing) * 2.5) !important;
}
.mx-2\.5 {
  margin-left: calc(var(--spacing) * 2.5) !important;
  margin-right: calc(var(--spacing) * 2.5) !important;
}
.py-2\.5 {
  padding-top: calc(var(--spacing) * 2.5) !important;
  padding-bottom: calc(var(--spacing) * 2.5) !important;
}
.my-2\.5 {
  margin-top: calc(var(--spacing) * 2.5) !important;
  margin-bottom: calc(var(--spacing) * 2.5) !important;
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5) !important;
}
.p-3 {
  padding: calc(var(--spacing) * 3) !important;
}
.m-3 {
  margin: calc(var(--spacing) * 3) !important;
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3) !important;
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3) !important;
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3) !important;
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3) !important;
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3) !important;
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3) !important;
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3) !important;
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3) !important;
}
.px-3 {
  padding-left: calc(var(--spacing) * 3) !important;
  padding-right: calc(var(--spacing) * 3) !important;
}
.mx-3 {
  margin-left: calc(var(--spacing) * 3) !important;
  margin-right: calc(var(--spacing) * 3) !important;
}
.py-3 {
  padding-top: calc(var(--spacing) * 3) !important;
  padding-bottom: calc(var(--spacing) * 3) !important;
}
.my-3 {
  margin-top: calc(var(--spacing) * 3) !important;
  margin-bottom: calc(var(--spacing) * 3) !important;
}
.gap-3 {
  gap: calc(var(--spacing) * 3) !important;
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5) !important;
}
.m-3\.5 {
  margin: calc(var(--spacing) * 3.5) !important;
}
.pt-3\.5 {
  padding-top: calc(var(--spacing) * 3.5) !important;
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5) !important;
}
.pr-3\.5 {
  padding-right: calc(var(--spacing) * 3.5) !important;
}
.mr-3\.5 {
  margin-right: calc(var(--spacing) * 3.5) !important;
}
.pb-3\.5 {
  padding-bottom: calc(var(--spacing) * 3.5) !important;
}
.mb-3\.5 {
  margin-bottom: calc(var(--spacing) * 3.5) !important;
}
.pl-3\.5 {
  padding-left: calc(var(--spacing) * 3.5) !important;
}
.ml-3\.5 {
  margin-left: calc(var(--spacing) * 3.5) !important;
}
.px-3\.5 {
  padding-left: calc(var(--spacing) * 3.5) !important;
  padding-right: calc(var(--spacing) * 3.5) !important;
}
.mx-3\.5 {
  margin-left: calc(var(--spacing) * 3.5) !important;
  margin-right: calc(var(--spacing) * 3.5) !important;
}
.py-3\.5 {
  padding-top: calc(var(--spacing) * 3.5) !important;
  padding-bottom: calc(var(--spacing) * 3.5) !important;
}
.my-3\.5 {
  margin-top: calc(var(--spacing) * 3.5) !important;
  margin-bottom: calc(var(--spacing) * 3.5) !important;
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5) !important;
}
.p-4 {
  padding: calc(var(--spacing) * 4) !important;
}
.m-4 {
  margin: calc(var(--spacing) * 4) !important;
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4) !important;
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4) !important;
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4) !important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4) !important;
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4) !important;
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4) !important;
}
.px-4 {
  padding-left: calc(var(--spacing) * 4) !important;
  padding-right: calc(var(--spacing) * 4) !important;
}
.mx-4 {
  margin-left: calc(var(--spacing) * 4) !important;
  margin-right: calc(var(--spacing) * 4) !important;
}
.py-4 {
  padding-top: calc(var(--spacing) * 4) !important;
  padding-bottom: calc(var(--spacing) * 4) !important;
}
.my-4 {
  margin-top: calc(var(--spacing) * 4) !important;
  margin-bottom: calc(var(--spacing) * 4) !important;
}
.gap-4 {
  gap: calc(var(--spacing) * 4) !important;
}
.p-5 {
  padding: calc(var(--spacing) * 5) !important;
}
.m-5 {
  margin: calc(var(--spacing) * 5) !important;
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5) !important;
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5) !important;
}
.pr-5 {
  padding-right: calc(var(--spacing) * 5) !important;
}
.mr-5 {
  margin-right: calc(var(--spacing) * 5) !important;
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5) !important;
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5) !important;
}
.pl-5 {
  padding-left: calc(var(--spacing) * 5) !important;
}
.ml-5 {
  margin-left: calc(var(--spacing) * 5) !important;
}
.px-5 {
  padding-left: calc(var(--spacing) * 5) !important;
  padding-right: calc(var(--spacing) * 5) !important;
}
.mx-5 {
  margin-left: calc(var(--spacing) * 5) !important;
  margin-right: calc(var(--spacing) * 5) !important;
}
.py-5 {
  padding-top: calc(var(--spacing) * 5) !important;
  padding-bottom: calc(var(--spacing) * 5) !important;
}
.my-5 {
  margin-top: calc(var(--spacing) * 5) !important;
  margin-bottom: calc(var(--spacing) * 5) !important;
}
.gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}
.p-6 {
  padding: calc(var(--spacing) * 6) !important;
}
.m-6 {
  margin: calc(var(--spacing) * 6) !important;
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6) !important;
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6) !important;
}
.mr-6 {
  margin-right: calc(var(--spacing) * 6) !important;
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6) !important;
}
.ml-6 {
  margin-left: calc(var(--spacing) * 6) !important;
}
.px-6 {
  padding-left: calc(var(--spacing) * 6) !important;
  padding-right: calc(var(--spacing) * 6) !important;
}
.mx-6 {
  margin-left: calc(var(--spacing) * 6) !important;
  margin-right: calc(var(--spacing) * 6) !important;
}
.py-6 {
  padding-top: calc(var(--spacing) * 6) !important;
  padding-bottom: calc(var(--spacing) * 6) !important;
}
.my-6 {
  margin-top: calc(var(--spacing) * 6) !important;
  margin-bottom: calc(var(--spacing) * 6) !important;
}
.gap-6 {
  gap: calc(var(--spacing) * 6) !important;
}
.p-7 {
  padding: calc(var(--spacing) * 7) !important;
}
.m-7 {
  margin: calc(var(--spacing) * 7) !important;
}
.pt-7 {
  padding-top: calc(var(--spacing) * 7) !important;
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7) !important;
}
.pr-7 {
  padding-right: calc(var(--spacing) * 7) !important;
}
.mr-7 {
  margin-right: calc(var(--spacing) * 7) !important;
}
.pb-7 {
  padding-bottom: calc(var(--spacing) * 7) !important;
}
.mb-7 {
  margin-bottom: calc(var(--spacing) * 7) !important;
}
.pl-7 {
  padding-left: calc(var(--spacing) * 7) !important;
}
.ml-7 {
  margin-left: calc(var(--spacing) * 7) !important;
}
.px-7 {
  padding-left: calc(var(--spacing) * 7) !important;
  padding-right: calc(var(--spacing) * 7) !important;
}
.mx-7 {
  margin-left: calc(var(--spacing) * 7) !important;
  margin-right: calc(var(--spacing) * 7) !important;
}
.py-7 {
  padding-top: calc(var(--spacing) * 7) !important;
  padding-bottom: calc(var(--spacing) * 7) !important;
}
.my-7 {
  margin-top: calc(var(--spacing) * 7) !important;
  margin-bottom: calc(var(--spacing) * 7) !important;
}
.gap-7 {
  gap: calc(var(--spacing) * 7) !important;
}
.p-8 {
  padding: calc(var(--spacing) * 8) !important;
}
.m-8 {
  margin: calc(var(--spacing) * 8) !important;
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8) !important;
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8) !important;
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8) !important;
}
.mr-8 {
  margin-right: calc(var(--spacing) * 8) !important;
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8) !important;
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8) !important;
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8) !important;
}
.ml-8 {
  margin-left: calc(var(--spacing) * 8) !important;
}
.px-8 {
  padding-left: calc(var(--spacing) * 8) !important;
  padding-right: calc(var(--spacing) * 8) !important;
}
.mx-8 {
  margin-left: calc(var(--spacing) * 8) !important;
  margin-right: calc(var(--spacing) * 8) !important;
}
.py-8 {
  padding-top: calc(var(--spacing) * 8) !important;
  padding-bottom: calc(var(--spacing) * 8) !important;
}
.my-8 {
  margin-top: calc(var(--spacing) * 8) !important;
  margin-bottom: calc(var(--spacing) * 8) !important;
}
.gap-8 {
  gap: calc(var(--spacing) * 8) !important;
}
.p-9 {
  padding: calc(var(--spacing) * 9) !important;
}
.m-9 {
  margin: calc(var(--spacing) * 9) !important;
}
.pt-9 {
  padding-top: calc(var(--spacing) * 9) !important;
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9) !important;
}
.pr-9 {
  padding-right: calc(var(--spacing) * 9) !important;
}
.mr-9 {
  margin-right: calc(var(--spacing) * 9) !important;
}
.pb-9 {
  padding-bottom: calc(var(--spacing) * 9) !important;
}
.mb-9 {
  margin-bottom: calc(var(--spacing) * 9) !important;
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9) !important;
}
.ml-9 {
  margin-left: calc(var(--spacing) * 9) !important;
}
.px-9 {
  padding-left: calc(var(--spacing) * 9) !important;
  padding-right: calc(var(--spacing) * 9) !important;
}
.mx-9 {
  margin-left: calc(var(--spacing) * 9) !important;
  margin-right: calc(var(--spacing) * 9) !important;
}
.py-9 {
  padding-top: calc(var(--spacing) * 9) !important;
  padding-bottom: calc(var(--spacing) * 9) !important;
}
.my-9 {
  margin-top: calc(var(--spacing) * 9) !important;
  margin-bottom: calc(var(--spacing) * 9) !important;
}
.gap-9 {
  gap: calc(var(--spacing) * 9) !important;
}
.p-10 {
  padding: calc(var(--spacing) * 10) !important;
}
.m-10 {
  margin: calc(var(--spacing) * 10) !important;
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10) !important;
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10) !important;
}
.pr-10 {
  padding-right: calc(var(--spacing) * 10) !important;
}
.mr-10 {
  margin-right: calc(var(--spacing) * 10) !important;
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10) !important;
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10) !important;
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10) !important;
}
.ml-10 {
  margin-left: calc(var(--spacing) * 10) !important;
}
.px-10 {
  padding-left: calc(var(--spacing) * 10) !important;
  padding-right: calc(var(--spacing) * 10) !important;
}
.mx-10 {
  margin-left: calc(var(--spacing) * 10) !important;
  margin-right: calc(var(--spacing) * 10) !important;
}
.py-10 {
  padding-top: calc(var(--spacing) * 10) !important;
  padding-bottom: calc(var(--spacing) * 10) !important;
}
.my-10 {
  margin-top: calc(var(--spacing) * 10) !important;
  margin-bottom: calc(var(--spacing) * 10) !important;
}
.gap-10 {
  gap: calc(var(--spacing) * 10) !important;
}
.p-11 {
  padding: calc(var(--spacing) * 11) !important;
}
.m-11 {
  margin: calc(var(--spacing) * 11) !important;
}
.pt-11 {
  padding-top: calc(var(--spacing) * 11) !important;
}
.mt-11 {
  margin-top: calc(var(--spacing) * 11) !important;
}
.pr-11 {
  padding-right: calc(var(--spacing) * 11) !important;
}
.mr-11 {
  margin-right: calc(var(--spacing) * 11) !important;
}
.pb-11 {
  padding-bottom: calc(var(--spacing) * 11) !important;
}
.mb-11 {
  margin-bottom: calc(var(--spacing) * 11) !important;
}
.pl-11 {
  padding-left: calc(var(--spacing) * 11) !important;
}
.ml-11 {
  margin-left: calc(var(--spacing) * 11) !important;
}
.px-11 {
  padding-left: calc(var(--spacing) * 11) !important;
  padding-right: calc(var(--spacing) * 11) !important;
}
.mx-11 {
  margin-left: calc(var(--spacing) * 11) !important;
  margin-right: calc(var(--spacing) * 11) !important;
}
.py-11 {
  padding-top: calc(var(--spacing) * 11) !important;
  padding-bottom: calc(var(--spacing) * 11) !important;
}
.my-11 {
  margin-top: calc(var(--spacing) * 11) !important;
  margin-bottom: calc(var(--spacing) * 11) !important;
}
.gap-11 {
  gap: calc(var(--spacing) * 11) !important;
}
.p-12 {
  padding: calc(var(--spacing) * 12) !important;
}
.m-12 {
  margin: calc(var(--spacing) * 12) !important;
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12) !important;
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12) !important;
}
.pr-12 {
  padding-right: calc(var(--spacing) * 12) !important;
}
.mr-12 {
  margin-right: calc(var(--spacing) * 12) !important;
}
.pb-12 {
  padding-bottom: calc(var(--spacing) * 12) !important;
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12) !important;
}
.pl-12 {
  padding-left: calc(var(--spacing) * 12) !important;
}
.ml-12 {
  margin-left: calc(var(--spacing) * 12) !important;
}
.px-12 {
  padding-left: calc(var(--spacing) * 12) !important;
  padding-right: calc(var(--spacing) * 12) !important;
}
.mx-12 {
  margin-left: calc(var(--spacing) * 12) !important;
  margin-right: calc(var(--spacing) * 12) !important;
}
.py-12 {
  padding-top: calc(var(--spacing) * 12) !important;
  padding-bottom: calc(var(--spacing) * 12) !important;
}
.my-12 {
  margin-top: calc(var(--spacing) * 12) !important;
  margin-bottom: calc(var(--spacing) * 12) !important;
}
.gap-12 {
  gap: calc(var(--spacing) * 12) !important;
}
.p-14 {
  padding: calc(var(--spacing) * 14) !important;
}
.m-14 {
  margin: calc(var(--spacing) * 14) !important;
}
.pt-14 {
  padding-top: calc(var(--spacing) * 14) !important;
}
.mt-14 {
  margin-top: calc(var(--spacing) * 14) !important;
}
.pr-14 {
  padding-right: calc(var(--spacing) * 14) !important;
}
.mr-14 {
  margin-right: calc(var(--spacing) * 14) !important;
}
.pb-14 {
  padding-bottom: calc(var(--spacing) * 14) !important;
}
.mb-14 {
  margin-bottom: calc(var(--spacing) * 14) !important;
}
.pl-14 {
  padding-left: calc(var(--spacing) * 14) !important;
}
.ml-14 {
  margin-left: calc(var(--spacing) * 14) !important;
}
.px-14 {
  padding-left: calc(var(--spacing) * 14) !important;
  padding-right: calc(var(--spacing) * 14) !important;
}
.mx-14 {
  margin-left: calc(var(--spacing) * 14) !important;
  margin-right: calc(var(--spacing) * 14) !important;
}
.py-14 {
  padding-top: calc(var(--spacing) * 14) !important;
  padding-bottom: calc(var(--spacing) * 14) !important;
}
.my-14 {
  margin-top: calc(var(--spacing) * 14) !important;
  margin-bottom: calc(var(--spacing) * 14) !important;
}
.gap-14 {
  gap: calc(var(--spacing) * 14) !important;
}
.p-16 {
  padding: calc(var(--spacing) * 16) !important;
}
.m-16 {
  margin: calc(var(--spacing) * 16) !important;
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16) !important;
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16) !important;
}
.pr-16 {
  padding-right: calc(var(--spacing) * 16) !important;
}
.mr-16 {
  margin-right: calc(var(--spacing) * 16) !important;
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16) !important;
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16) !important;
}
.pl-16 {
  padding-left: calc(var(--spacing) * 16) !important;
}
.ml-16 {
  margin-left: calc(var(--spacing) * 16) !important;
}
.px-16 {
  padding-left: calc(var(--spacing) * 16) !important;
  padding-right: calc(var(--spacing) * 16) !important;
}
.mx-16 {
  margin-left: calc(var(--spacing) * 16) !important;
  margin-right: calc(var(--spacing) * 16) !important;
}
.py-16 {
  padding-top: calc(var(--spacing) * 16) !important;
  padding-bottom: calc(var(--spacing) * 16) !important;
}
.my-16 {
  margin-top: calc(var(--spacing) * 16) !important;
  margin-bottom: calc(var(--spacing) * 16) !important;
}
.gap-16 {
  gap: calc(var(--spacing) * 16) !important;
}
.p-20 {
  padding: calc(var(--spacing) * 20) !important;
}
.m-20 {
  margin: calc(var(--spacing) * 20) !important;
}
.pt-20 {
  padding-top: calc(var(--spacing) * 20) !important;
}
.mt-20 {
  margin-top: calc(var(--spacing) * 20) !important;
}
.pr-20 {
  padding-right: calc(var(--spacing) * 20) !important;
}
.mr-20 {
  margin-right: calc(var(--spacing) * 20) !important;
}
.pb-20 {
  padding-bottom: calc(var(--spacing) * 20) !important;
}
.mb-20 {
  margin-bottom: calc(var(--spacing) * 20) !important;
}
.pl-20 {
  padding-left: calc(var(--spacing) * 20) !important;
}
.ml-20 {
  margin-left: calc(var(--spacing) * 20) !important;
}
.px-20 {
  padding-left: calc(var(--spacing) * 20) !important;
  padding-right: calc(var(--spacing) * 20) !important;
}
.mx-20 {
  margin-left: calc(var(--spacing) * 20) !important;
  margin-right: calc(var(--spacing) * 20) !important;
}
.py-20 {
  padding-top: calc(var(--spacing) * 20) !important;
  padding-bottom: calc(var(--spacing) * 20) !important;
}
.my-20 {
  margin-top: calc(var(--spacing) * 20) !important;
  margin-bottom: calc(var(--spacing) * 20) !important;
}
.gap-20 {
  gap: calc(var(--spacing) * 20) !important;
}
.p-24 {
  padding: calc(var(--spacing) * 24) !important;
}
.m-24 {
  margin: calc(var(--spacing) * 24) !important;
}
.pt-24 {
  padding-top: calc(var(--spacing) * 24) !important;
}
.mt-24 {
  margin-top: calc(var(--spacing) * 24) !important;
}
.pr-24 {
  padding-right: calc(var(--spacing) * 24) !important;
}
.mr-24 {
  margin-right: calc(var(--spacing) * 24) !important;
}
.pb-24 {
  padding-bottom: calc(var(--spacing) * 24) !important;
}
.mb-24 {
  margin-bottom: calc(var(--spacing) * 24) !important;
}
.pl-24 {
  padding-left: calc(var(--spacing) * 24) !important;
}
.ml-24 {
  margin-left: calc(var(--spacing) * 24) !important;
}
.px-24 {
  padding-left: calc(var(--spacing) * 24) !important;
  padding-right: calc(var(--spacing) * 24) !important;
}
.mx-24 {
  margin-left: calc(var(--spacing) * 24) !important;
  margin-right: calc(var(--spacing) * 24) !important;
}
.py-24 {
  padding-top: calc(var(--spacing) * 24) !important;
  padding-bottom: calc(var(--spacing) * 24) !important;
}
.my-24 {
  margin-top: calc(var(--spacing) * 24) !important;
  margin-bottom: calc(var(--spacing) * 24) !important;
}
.gap-24 {
  gap: calc(var(--spacing) * 24) !important;
}
.p-28 {
  padding: calc(var(--spacing) * 28) !important;
}
.m-28 {
  margin: calc(var(--spacing) * 28) !important;
}
.pt-28 {
  padding-top: calc(var(--spacing) * 28) !important;
}
.mt-28 {
  margin-top: calc(var(--spacing) * 28) !important;
}
.pr-28 {
  padding-right: calc(var(--spacing) * 28) !important;
}
.mr-28 {
  margin-right: calc(var(--spacing) * 28) !important;
}
.pb-28 {
  padding-bottom: calc(var(--spacing) * 28) !important;
}
.mb-28 {
  margin-bottom: calc(var(--spacing) * 28) !important;
}
.pl-28 {
  padding-left: calc(var(--spacing) * 28) !important;
}
.ml-28 {
  margin-left: calc(var(--spacing) * 28) !important;
}
.px-28 {
  padding-left: calc(var(--spacing) * 28) !important;
  padding-right: calc(var(--spacing) * 28) !important;
}
.mx-28 {
  margin-left: calc(var(--spacing) * 28) !important;
  margin-right: calc(var(--spacing) * 28) !important;
}
.py-28 {
  padding-top: calc(var(--spacing) * 28) !important;
  padding-bottom: calc(var(--spacing) * 28) !important;
}
.my-28 {
  margin-top: calc(var(--spacing) * 28) !important;
  margin-bottom: calc(var(--spacing) * 28) !important;
}
.gap-28 {
  gap: calc(var(--spacing) * 28) !important;
}
.p-32 {
  padding: calc(var(--spacing) * 32) !important;
}
.m-32 {
  margin: calc(var(--spacing) * 32) !important;
}
.pt-32 {
  padding-top: calc(var(--spacing) * 32) !important;
}
.mt-32 {
  margin-top: calc(var(--spacing) * 32) !important;
}
.pr-32 {
  padding-right: calc(var(--spacing) * 32) !important;
}
.mr-32 {
  margin-right: calc(var(--spacing) * 32) !important;
}
.pb-32 {
  padding-bottom: calc(var(--spacing) * 32) !important;
}
.mb-32 {
  margin-bottom: calc(var(--spacing) * 32) !important;
}
.pl-32 {
  padding-left: calc(var(--spacing) * 32) !important;
}
.ml-32 {
  margin-left: calc(var(--spacing) * 32) !important;
}
.px-32 {
  padding-left: calc(var(--spacing) * 32) !important;
  padding-right: calc(var(--spacing) * 32) !important;
}
.mx-32 {
  margin-left: calc(var(--spacing) * 32) !important;
  margin-right: calc(var(--spacing) * 32) !important;
}
.py-32 {
  padding-top: calc(var(--spacing) * 32) !important;
  padding-bottom: calc(var(--spacing) * 32) !important;
}
.my-32 {
  margin-top: calc(var(--spacing) * 32) !important;
  margin-bottom: calc(var(--spacing) * 32) !important;
}
.gap-32 {
  gap: calc(var(--spacing) * 32) !important;
}
.p-36 {
  padding: calc(var(--spacing) * 36) !important;
}
.m-36 {
  margin: calc(var(--spacing) * 36) !important;
}
.pt-36 {
  padding-top: calc(var(--spacing) * 36) !important;
}
.mt-36 {
  margin-top: calc(var(--spacing) * 36) !important;
}
.pr-36 {
  padding-right: calc(var(--spacing) * 36) !important;
}
.mr-36 {
  margin-right: calc(var(--spacing) * 36) !important;
}
.pb-36 {
  padding-bottom: calc(var(--spacing) * 36) !important;
}
.mb-36 {
  margin-bottom: calc(var(--spacing) * 36) !important;
}
.pl-36 {
  padding-left: calc(var(--spacing) * 36) !important;
}
.ml-36 {
  margin-left: calc(var(--spacing) * 36) !important;
}
.px-36 {
  padding-left: calc(var(--spacing) * 36) !important;
  padding-right: calc(var(--spacing) * 36) !important;
}
.mx-36 {
  margin-left: calc(var(--spacing) * 36) !important;
  margin-right: calc(var(--spacing) * 36) !important;
}
.py-36 {
  padding-top: calc(var(--spacing) * 36) !important;
  padding-bottom: calc(var(--spacing) * 36) !important;
}
.my-36 {
  margin-top: calc(var(--spacing) * 36) !important;
  margin-bottom: calc(var(--spacing) * 36) !important;
}
.gap-36 {
  gap: calc(var(--spacing) * 36) !important;
}
.p-40 {
  padding: calc(var(--spacing) * 40) !important;
}
.m-40 {
  margin: calc(var(--spacing) * 40) !important;
}
.pt-40 {
  padding-top: calc(var(--spacing) * 40) !important;
}
.mt-40 {
  margin-top: calc(var(--spacing) * 40) !important;
}
.pr-40 {
  padding-right: calc(var(--spacing) * 40) !important;
}
.mr-40 {
  margin-right: calc(var(--spacing) * 40) !important;
}
.pb-40 {
  padding-bottom: calc(var(--spacing) * 40) !important;
}
.mb-40 {
  margin-bottom: calc(var(--spacing) * 40) !important;
}
.pl-40 {
  padding-left: calc(var(--spacing) * 40) !important;
}
.ml-40 {
  margin-left: calc(var(--spacing) * 40) !important;
}
.px-40 {
  padding-left: calc(var(--spacing) * 40) !important;
  padding-right: calc(var(--spacing) * 40) !important;
}
.mx-40 {
  margin-left: calc(var(--spacing) * 40) !important;
  margin-right: calc(var(--spacing) * 40) !important;
}
.py-40 {
  padding-top: calc(var(--spacing) * 40) !important;
  padding-bottom: calc(var(--spacing) * 40) !important;
}
.my-40 {
  margin-top: calc(var(--spacing) * 40) !important;
  margin-bottom: calc(var(--spacing) * 40) !important;
}
.gap-40 {
  gap: calc(var(--spacing) * 40) !important;
}
.p-44 {
  padding: calc(var(--spacing) * 44) !important;
}
.m-44 {
  margin: calc(var(--spacing) * 44) !important;
}
.pt-44 {
  padding-top: calc(var(--spacing) * 44) !important;
}
.mt-44 {
  margin-top: calc(var(--spacing) * 44) !important;
}
.pr-44 {
  padding-right: calc(var(--spacing) * 44) !important;
}
.mr-44 {
  margin-right: calc(var(--spacing) * 44) !important;
}
.pb-44 {
  padding-bottom: calc(var(--spacing) * 44) !important;
}
.mb-44 {
  margin-bottom: calc(var(--spacing) * 44) !important;
}
.pl-44 {
  padding-left: calc(var(--spacing) * 44) !important;
}
.ml-44 {
  margin-left: calc(var(--spacing) * 44) !important;
}
.px-44 {
  padding-left: calc(var(--spacing) * 44) !important;
  padding-right: calc(var(--spacing) * 44) !important;
}
.mx-44 {
  margin-left: calc(var(--spacing) * 44) !important;
  margin-right: calc(var(--spacing) * 44) !important;
}
.py-44 {
  padding-top: calc(var(--spacing) * 44) !important;
  padding-bottom: calc(var(--spacing) * 44) !important;
}
.my-44 {
  margin-top: calc(var(--spacing) * 44) !important;
  margin-bottom: calc(var(--spacing) * 44) !important;
}
.gap-44 {
  gap: calc(var(--spacing) * 44) !important;
}
.p-48 {
  padding: calc(var(--spacing) * 48) !important;
}
.m-48 {
  margin: calc(var(--spacing) * 48) !important;
}
.pt-48 {
  padding-top: calc(var(--spacing) * 48) !important;
}
.mt-48 {
  margin-top: calc(var(--spacing) * 48) !important;
}
.pr-48 {
  padding-right: calc(var(--spacing) * 48) !important;
}
.mr-48 {
  margin-right: calc(var(--spacing) * 48) !important;
}
.pb-48 {
  padding-bottom: calc(var(--spacing) * 48) !important;
}
.mb-48 {
  margin-bottom: calc(var(--spacing) * 48) !important;
}
.pl-48 {
  padding-left: calc(var(--spacing) * 48) !important;
}
.ml-48 {
  margin-left: calc(var(--spacing) * 48) !important;
}
.px-48 {
  padding-left: calc(var(--spacing) * 48) !important;
  padding-right: calc(var(--spacing) * 48) !important;
}
.mx-48 {
  margin-left: calc(var(--spacing) * 48) !important;
  margin-right: calc(var(--spacing) * 48) !important;
}
.py-48 {
  padding-top: calc(var(--spacing) * 48) !important;
  padding-bottom: calc(var(--spacing) * 48) !important;
}
.my-48 {
  margin-top: calc(var(--spacing) * 48) !important;
  margin-bottom: calc(var(--spacing) * 48) !important;
}
.gap-48 {
  gap: calc(var(--spacing) * 48) !important;
}
.p-52 {
  padding: calc(var(--spacing) * 52) !important;
}
.m-52 {
  margin: calc(var(--spacing) * 52) !important;
}
.pt-52 {
  padding-top: calc(var(--spacing) * 52) !important;
}
.mt-52 {
  margin-top: calc(var(--spacing) * 52) !important;
}
.pr-52 {
  padding-right: calc(var(--spacing) * 52) !important;
}
.mr-52 {
  margin-right: calc(var(--spacing) * 52) !important;
}
.pb-52 {
  padding-bottom: calc(var(--spacing) * 52) !important;
}
.mb-52 {
  margin-bottom: calc(var(--spacing) * 52) !important;
}
.pl-52 {
  padding-left: calc(var(--spacing) * 52) !important;
}
.ml-52 {
  margin-left: calc(var(--spacing) * 52) !important;
}
.px-52 {
  padding-left: calc(var(--spacing) * 52) !important;
  padding-right: calc(var(--spacing) * 52) !important;
}
.mx-52 {
  margin-left: calc(var(--spacing) * 52) !important;
  margin-right: calc(var(--spacing) * 52) !important;
}
.py-52 {
  padding-top: calc(var(--spacing) * 52) !important;
  padding-bottom: calc(var(--spacing) * 52) !important;
}
.my-52 {
  margin-top: calc(var(--spacing) * 52) !important;
  margin-bottom: calc(var(--spacing) * 52) !important;
}
.gap-52 {
  gap: calc(var(--spacing) * 52) !important;
}
.p-56 {
  padding: calc(var(--spacing) * 56) !important;
}
.m-56 {
  margin: calc(var(--spacing) * 56) !important;
}
.pt-56 {
  padding-top: calc(var(--spacing) * 56) !important;
}
.mt-56 {
  margin-top: calc(var(--spacing) * 56) !important;
}
.pr-56 {
  padding-right: calc(var(--spacing) * 56) !important;
}
.mr-56 {
  margin-right: calc(var(--spacing) * 56) !important;
}
.pb-56 {
  padding-bottom: calc(var(--spacing) * 56) !important;
}
.mb-56 {
  margin-bottom: calc(var(--spacing) * 56) !important;
}
.pl-56 {
  padding-left: calc(var(--spacing) * 56) !important;
}
.ml-56 {
  margin-left: calc(var(--spacing) * 56) !important;
}
.px-56 {
  padding-left: calc(var(--spacing) * 56) !important;
  padding-right: calc(var(--spacing) * 56) !important;
}
.mx-56 {
  margin-left: calc(var(--spacing) * 56) !important;
  margin-right: calc(var(--spacing) * 56) !important;
}
.py-56 {
  padding-top: calc(var(--spacing) * 56) !important;
  padding-bottom: calc(var(--spacing) * 56) !important;
}
.my-56 {
  margin-top: calc(var(--spacing) * 56) !important;
  margin-bottom: calc(var(--spacing) * 56) !important;
}
.gap-56 {
  gap: calc(var(--spacing) * 56) !important;
}
.p-60 {
  padding: calc(var(--spacing) * 60) !important;
}
.m-60 {
  margin: calc(var(--spacing) * 60) !important;
}
.pt-60 {
  padding-top: calc(var(--spacing) * 60) !important;
}
.mt-60 {
  margin-top: calc(var(--spacing) * 60) !important;
}
.pr-60 {
  padding-right: calc(var(--spacing) * 60) !important;
}
.mr-60 {
  margin-right: calc(var(--spacing) * 60) !important;
}
.pb-60 {
  padding-bottom: calc(var(--spacing) * 60) !important;
}
.mb-60 {
  margin-bottom: calc(var(--spacing) * 60) !important;
}
.pl-60 {
  padding-left: calc(var(--spacing) * 60) !important;
}
.ml-60 {
  margin-left: calc(var(--spacing) * 60) !important;
}
.px-60 {
  padding-left: calc(var(--spacing) * 60) !important;
  padding-right: calc(var(--spacing) * 60) !important;
}
.mx-60 {
  margin-left: calc(var(--spacing) * 60) !important;
  margin-right: calc(var(--spacing) * 60) !important;
}
.py-60 {
  padding-top: calc(var(--spacing) * 60) !important;
  padding-bottom: calc(var(--spacing) * 60) !important;
}
.my-60 {
  margin-top: calc(var(--spacing) * 60) !important;
  margin-bottom: calc(var(--spacing) * 60) !important;
}
.gap-60 {
  gap: calc(var(--spacing) * 60) !important;
}
.p-64 {
  padding: calc(var(--spacing) * 64) !important;
}
.m-64 {
  margin: calc(var(--spacing) * 64) !important;
}
.pt-64 {
  padding-top: calc(var(--spacing) * 64) !important;
}
.mt-64 {
  margin-top: calc(var(--spacing) * 64) !important;
}
.pr-64 {
  padding-right: calc(var(--spacing) * 64) !important;
}
.mr-64 {
  margin-right: calc(var(--spacing) * 64) !important;
}
.pb-64 {
  padding-bottom: calc(var(--spacing) * 64) !important;
}
.mb-64 {
  margin-bottom: calc(var(--spacing) * 64) !important;
}
.pl-64 {
  padding-left: calc(var(--spacing) * 64) !important;
}
.ml-64 {
  margin-left: calc(var(--spacing) * 64) !important;
}
.px-64 {
  padding-left: calc(var(--spacing) * 64) !important;
  padding-right: calc(var(--spacing) * 64) !important;
}
.mx-64 {
  margin-left: calc(var(--spacing) * 64) !important;
  margin-right: calc(var(--spacing) * 64) !important;
}
.py-64 {
  padding-top: calc(var(--spacing) * 64) !important;
  padding-bottom: calc(var(--spacing) * 64) !important;
}
.my-64 {
  margin-top: calc(var(--spacing) * 64) !important;
  margin-bottom: calc(var(--spacing) * 64) !important;
}
.gap-64 {
  gap: calc(var(--spacing) * 64) !important;
}
.p-72 {
  padding: calc(var(--spacing) * 72) !important;
}
.m-72 {
  margin: calc(var(--spacing) * 72) !important;
}
.pt-72 {
  padding-top: calc(var(--spacing) * 72) !important;
}
.mt-72 {
  margin-top: calc(var(--spacing) * 72) !important;
}
.pr-72 {
  padding-right: calc(var(--spacing) * 72) !important;
}
.mr-72 {
  margin-right: calc(var(--spacing) * 72) !important;
}
.pb-72 {
  padding-bottom: calc(var(--spacing) * 72) !important;
}
.mb-72 {
  margin-bottom: calc(var(--spacing) * 72) !important;
}
.pl-72 {
  padding-left: calc(var(--spacing) * 72) !important;
}
.ml-72 {
  margin-left: calc(var(--spacing) * 72) !important;
}
.px-72 {
  padding-left: calc(var(--spacing) * 72) !important;
  padding-right: calc(var(--spacing) * 72) !important;
}
.mx-72 {
  margin-left: calc(var(--spacing) * 72) !important;
  margin-right: calc(var(--spacing) * 72) !important;
}
.py-72 {
  padding-top: calc(var(--spacing) * 72) !important;
  padding-bottom: calc(var(--spacing) * 72) !important;
}
.my-72 {
  margin-top: calc(var(--spacing) * 72) !important;
  margin-bottom: calc(var(--spacing) * 72) !important;
}
.gap-72 {
  gap: calc(var(--spacing) * 72) !important;
}
.p-80 {
  padding: calc(var(--spacing) * 80) !important;
}
.m-80 {
  margin: calc(var(--spacing) * 80) !important;
}
.pt-80 {
  padding-top: calc(var(--spacing) * 80) !important;
}
.mt-80 {
  margin-top: calc(var(--spacing) * 80) !important;
}
.pr-80 {
  padding-right: calc(var(--spacing) * 80) !important;
}
.mr-80 {
  margin-right: calc(var(--spacing) * 80) !important;
}
.pb-80 {
  padding-bottom: calc(var(--spacing) * 80) !important;
}
.mb-80 {
  margin-bottom: calc(var(--spacing) * 80) !important;
}
.pl-80 {
  padding-left: calc(var(--spacing) * 80) !important;
}
.ml-80 {
  margin-left: calc(var(--spacing) * 80) !important;
}
.px-80 {
  padding-left: calc(var(--spacing) * 80) !important;
  padding-right: calc(var(--spacing) * 80) !important;
}
.mx-80 {
  margin-left: calc(var(--spacing) * 80) !important;
  margin-right: calc(var(--spacing) * 80) !important;
}
.py-80 {
  padding-top: calc(var(--spacing) * 80) !important;
  padding-bottom: calc(var(--spacing) * 80) !important;
}
.my-80 {
  margin-top: calc(var(--spacing) * 80) !important;
  margin-bottom: calc(var(--spacing) * 80) !important;
}
.gap-80 {
  gap: calc(var(--spacing) * 80) !important;
}
.p-96 {
  padding: calc(var(--spacing) * 96) !important;
}
.m-96 {
  margin: calc(var(--spacing) * 96) !important;
}
.pt-96 {
  padding-top: calc(var(--spacing) * 96) !important;
}
.mt-96 {
  margin-top: calc(var(--spacing) * 96) !important;
}
.pr-96 {
  padding-right: calc(var(--spacing) * 96) !important;
}
.mr-96 {
  margin-right: calc(var(--spacing) * 96) !important;
}
.pb-96 {
  padding-bottom: calc(var(--spacing) * 96) !important;
}
.mb-96 {
  margin-bottom: calc(var(--spacing) * 96) !important;
}
.pl-96 {
  padding-left: calc(var(--spacing) * 96) !important;
}
.ml-96 {
  margin-left: calc(var(--spacing) * 96) !important;
}
.px-96 {
  padding-left: calc(var(--spacing) * 96) !important;
  padding-right: calc(var(--spacing) * 96) !important;
}
.mx-96 {
  margin-left: calc(var(--spacing) * 96) !important;
  margin-right: calc(var(--spacing) * 96) !important;
}
.py-96 {
  padding-top: calc(var(--spacing) * 96) !important;
  padding-bottom: calc(var(--spacing) * 96) !important;
}
.my-96 {
  margin-top: calc(var(--spacing) * 96) !important;
  margin-bottom: calc(var(--spacing) * 96) !important;
}
.gap-96 {
  gap: calc(var(--spacing) * 96) !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
html {
  --app-font-family-monospaced: 'Roboto Mono';
  --font-size-2xl: calc(var(--spacing) * 6);
  --font-size-xl: calc(var(--spacing) * 5);
  --font-size-lg: calc(var(--spacing) * 4.5);
  --font-size-md: calc(var(--spacing) * 4);
  --font-size-sm: calc(var(--spacing) * 3.5 + 0.0625rem);
  --font-size-xs: calc(var(--spacing) * 3);
  --font-size-2xs: calc(var(--spacing) * 2.5);
}
.text__heading {
  letter-spacing: -2%;
}
.text__heading--2xl {
  font-size: calc(var(--spacing) * 18);
  line-height: calc(var(--spacing) * 20);
}
.text__heading--xl {
  font-size: calc(var(--spacing) * 14);
  line-height: calc(var(--spacing) * 18);
}
.text__heading--lg {
  font-size: calc(var(--spacing) * 12);
  line-height: calc(var(--spacing) * 14);
}
.text__heading--md {
  font-size: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 12);
}
.text__heading--sm {
  font-size: calc(var(--spacing) * 8.5);
  line-height: calc(var(--spacing) * 9);
}
.text__heading--xs {
  font-size: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 7);
}
.text__body--2xl {
  font-size: calc(var(--spacing) * 6);
}
.text__body--xl {
  font-size: calc(var(--spacing) * 5);
}
.text__body--lg {
  font-size: calc(var(--spacing) * 4.5);
}
.text__body--md {
  font-size: calc(var(--spacing) * 4);
}
.text__body--sm {
  font-size: calc(var(--spacing) * 3.5);
}
.text__body--xs {
  font-size: calc(var(--spacing) * 3);
}
.text__body--2xs {
  font-size: calc(var(--spacing) * 2.5);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0 !important;
}
.fade-quick-enter-active,
.fade-quick-leave-active {
  transition: opacity 0.25s ease;
}
.fade-quick-enter-from,
.fade-quick-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;
}
/* fade-slide-y used in dropdowns etc */
.fade-slide-y-enter-active,
.fade-slide-y-leave-active {
  transition: all 0.2s ease;
}
.fade-slide-y-enter-from,
.fade-slide-y-leave-to {
  opacity: 0;
  transform: translateY(-8px);
}
* {
  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;
}
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]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
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;
  height: 100dvh; /* SAFARI fix */
  padding-left: calc(8px + var(--spacing) * 3);
  padding-right: calc(8px + var(--spacing) * 3);
  padding-top: calc(var(--spacing) * 12 + 22px);
  padding-bottom: calc(var(--spacing) * 12 + 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: rgba(0, 0, 0, 0);
  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 {
  z-index: 999999999;
}
.Vue-Toastification__container.bottom-left {
  left: calc(var(--spacing) * 2) !important;
  bottom: calc(var(--spacing) * 2) !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: calc(var(--spacing) * 20);
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 3);
  min-height: calc(var(--spacing) * 8);
  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;
}
.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: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  font-size: 0.75rem;
}
.nodety-project__details header {
  margin-bottom: calc(var(--spacing) * 1);
}
.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: calc(var(--spacing) * 4);
  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: calc(var(--spacing) * 1);
  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: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 2);
}
.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);
}
.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 .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;
}
.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;
}
.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: 100%;
  height: 100vh;
  height: 100dvh; /* SAFARI fix */
  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;
  }
}
.card-container {
  border-radius: calc(var(--spacing) * 4);
  background-color: var(--color-11);
  outline: 1px solid var(--color-15);
  box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.1);
  padding: calc(var(--spacing) * 4) calc(var(--spacing) * 16);
  list-style-type: none;
  width: max-content;
  margin: 0 auto;
  max-width: 650px;
  gap: calc(var(--spacing) * 2);
  color: var(--color-70);
}
.card-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 calc(var(--spacing) * 4);
  height: 100%;
  margin-bottom: calc(var(--spacing) * 4);
}
.login__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  align-self: stretch;
}
.login h1 {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 16);
  font-weight: normal;
}
.login__info {
  text-align: center;
  margin-bottom: calc(var(--spacing) * 6);
  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:before, .login .profile__content-account__form .input-container select:after {
  display: none;
}
.login .profile__content-account__form .input-container select {
  border: 1px solid #606060;
}
.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: calc(var(--spacing) * 4);
  position: relative;
}
.login .profile__content-account__buttons .terms-link {
  position: absolute;
  left: calc(var(--spacing) * 4);
}
.login .spinner {
  margin-left: calc(var(--spacing) * 2);
}
.login .resend-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 8);
}
.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: calc(var(--spacing) * 4);
}
.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: calc(var(--spacing) * 4) 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: calc(var(--spacing) * 4);
}
.profile__container__header {
  display: flex;
  justify-content: start;
  align-items: flex-end;
  padding: 0 calc(var(--spacing) * 8);
}
.profile__container__header__actions {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 8);
}
.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: calc(var(--spacing) * 8);
}
.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: calc(var(--spacing) * 8);
}
.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: calc(var(--spacing) * 4);
}
.profile__content-account__container {
  flex-grow: 1;
  max-height: 100%;
}
.profile__content-account__container-profile {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: calc(var(--spacing) * 4);
}
.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: calc(var(--spacing) * 8);
  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, 1fr);
  gap: calc(var(--spacing) * 2);
  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: calc(var(--spacing) * 2);
}
.projects.list-view .nodety-project__thumbnail {
  flex: 150px 0 0;
  aspect-ratio: 6/4;
  border-radius: calc(var(--spacing) * 2);
}
.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: calc(var(--spacing) * 8);
}
.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: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 7);
  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: calc(var(--spacing) * 4);
}
.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: calc(var(--spacing) * 2) calc(var(--spacing) * 4) !important;
  font-size: 0.8125rem !important;
}
.btn.btn-glassy {
  padding: calc(var(--spacing) * 4) calc(var(--spacing) * 8);
  border-radius: calc(var(--spacing) * 8);
  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: calc(var(--spacing) * 1);
}
.btn.btn-glassy:hover {
  background-color: var(--app-background);
}
.main-wrapper {
  padding: 0 calc(var(--spacing) * 5) calc(var(--spacing) * 5);
  display: flex;
  gap: calc(var(--spacing) * 5);
}
.content-container {
  flex: calc(100% - var(--sidebarLeftWidth) - var(--spacing) * 5) 0 0;
  width: calc(100% - var(--sidebarLeftWidth) - var(--spacing) * 5);
  position: relative;
}
.main-header {
  width: calc(100% - var(--sidebarLeftWidth) - 40px);
  height: 3.375rem;
  padding: calc(var(--spacing) * 3) calc(var(--spacing) * 2);
  margin: 0 calc(var(--spacing) * 2);
  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(calc(var(--spacing) * 4));
}
.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: calc(var(--spacing) * 8);
  align-items: center;
}
.main-header .group-item .sub-group-item {
  display: flex;
  gap: 0;
  margin: 0 0 calc(var(--spacing) * 16);
}
.preloader {
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1030;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  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: calc(var(--spacing) * 1);
  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;
}
.ghost-loader--tile {
  min-height: 0;
  aspect-ratio: 1/1.15;
}
.ghost-loader--square {
  aspect-ratio: 1;
}
.centered-element-fullHeight {
  width: 100%;
  height: 100vh;
  height: 100dvh; /* SAFARI fix */
  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);
}
@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;
}
.v-popper__popper.scene-tooltip .v-popper__inner {
  max-width: 260px !important;
  white-space: normal !important;
  word-break: break-word !important;
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: white !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}.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;
}

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

.relative {
  position: relative;
}