:root{--ngd-colors-acc1-100: #ede5ff;--ngd-colors-acc1-200: #dccfff;--ngd-colors-acc1-300: #c4a8ff;--ngd-colors-acc1-400: #a977ff;--ngd-colors-acc1-50: #f5f1ff;--ngd-colors-acc1-500: #9140ff;--ngd-colors-acc1-500-10: #9140ff1a;--ngd-colors-acc1-500-20: #9140ff33;--ngd-colors-acc1-500-30: #9140ff4d;--ngd-colors-acc1-500-40: #9140ff66;--ngd-colors-acc1-500-50: #9140ff80;--ngd-colors-acc1-600: #891aff;--ngd-colors-acc1-700: #7706f1;--ngd-colors-acc1-800: #6706d1;--ngd-colors-acc1-900: #5607ab;--ngd-colors-acc1-950: #340174;--ngd-colors-acc1-950-10: #3401741a;--ngd-colors-acc1-950-20: #34017433;--ngd-colors-acc1-950-30: #3401744d;--ngd-colors-acc1-950-40: #34017466;--ngd-colors-acc1-950-50: #34017480;--ngd-colors-acc2-100: #fee3e2;--ngd-colors-acc2-200: #fdcdcb;--ngd-colors-acc2-300: #fa928e;--ngd-colors-acc2-400: #f77772;--ngd-colors-acc2-50: #fef2f2;--ngd-colors-acc2-500: #ed4c46;--ngd-colors-acc2-500-10: #ed4c461a;--ngd-colors-acc2-500-20: #ed4c4633;--ngd-colors-acc2-500-30: #ed4c464d;--ngd-colors-acc2-500-40: #ed4c4666;--ngd-colors-acc2-500-50: #ed4c4680;--ngd-colors-acc2-600: #da2f28;--ngd-colors-acc2-700: #b7241e;--ngd-colors-acc2-800: #98211c;--ngd-colors-acc2-900: #7e221e;--ngd-colors-acc2-950: #440d0b;--ngd-colors-acc2-950-10: #440d0b1a;--ngd-colors-acc2-950-20: #440d0b33;--ngd-colors-acc2-950-30: #440d0b4d;--ngd-colors-acc2-950-40: #440d0b66;--ngd-colors-acc2-950-50: #440d0b80;--ngd-colors-acc3-100: #defae9;--ngd-colors-acc3-200: #bff3d3;--ngd-colors-acc3-300: #8ee7b1;--ngd-colors-acc3-400: #3ecd77;--ngd-colors-acc3-50: #f1fcf4;--ngd-colors-acc3-500: #2eb966;--ngd-colors-acc3-500-10: #2eb9661a;--ngd-colors-acc3-500-20: #2eb96633;--ngd-colors-acc3-500-30: #2eb9664d;--ngd-colors-acc3-500-40: #2eb96666;--ngd-colors-acc3-500-50: #2eb96680;--ngd-colors-acc3-600: #219851;--ngd-colors-acc3-700: #1d7842;--ngd-colors-acc3-800: #1c5f37;--ngd-colors-acc3-900: #194e30;--ngd-colors-acc3-950: #082b18;--ngd-colors-acc4-100: #e0f0fe;--ngd-colors-acc4-200: #bbe2fc;--ngd-colors-acc4-300: #5fbefa;--ngd-colors-acc4-400: #3ab0f6;--ngd-colors-acc4-50: #f0f8ff;--ngd-colors-acc4-500: #1096e7;--ngd-colors-acc4-500-10: #1096e71a;--ngd-colors-acc4-500-20: #1096e733;--ngd-colors-acc4-500-30: #1096e74d;--ngd-colors-acc4-500-40: #1096e766;--ngd-colors-acc4-500-50: #1096e780;--ngd-colors-acc4-600: #0477c5;--ngd-colors-acc4-700: #045fa0;--ngd-colors-acc4-800: #085184;--ngd-colors-acc4-900: #0d446d;--ngd-colors-acc4-950: #092b48;--ngd-colors-acc5-100: #fde6f4;--ngd-colors-acc5-200: #fdcdea;--ngd-colors-acc5-300: #fda4d7;--ngd-colors-acc5-400: #fa6cbc;--ngd-colors-acc5-50: #fef1f9;--ngd-colors-acc5-500: #fa6cbc;--ngd-colors-acc5-500-10: #fa6cbc1a;--ngd-colors-acc5-500-20: #fa6cbc33;--ngd-colors-acc5-500-30: #fa6cbc4d;--ngd-colors-acc5-500-40: #fa6cbc66;--ngd-colors-acc5-500-50: #fa6cbc80;--ngd-colors-acc5-600: #e41e7e;--ngd-colors-acc5-700: #c61063;--ngd-colors-acc5-800: #a41052;--ngd-colors-acc5-900: #891247;--ngd-colors-acc5-950: #540326;--ngd-colors-acc6-100: #fdf5c8;--ngd-colors-acc6-200: #fbe783;--ngd-colors-acc6-300: #f9d850;--ngd-colors-acc6-400: #f8c527;--ngd-colors-acc6-50: #fffceb;--ngd-colors-acc6-500: #f2a50e;--ngd-colors-acc6-600: #d67e09;--ngd-colors-acc6-700: #b1590c;--ngd-colors-acc6-800: #904410;--ngd-colors-acc6-900: #763811;--ngd-colors-acc6-950: #441c04;--ngd-colors-acc7-100: #cfd0d6;--ngd-colors-acc7-200: #a0a1ad;--ngd-colors-acc7-300: #707184;--ngd-colors-acc7-400: #41425b;--ngd-colors-acc7-50: #e3e3e3;--ngd-colors-acc7-500: #111332;--ngd-colors-acc7-600: #0e0f28;--ngd-colors-acc7-700: #0a0b1e;--ngd-colors-acc7-800: #070814;--ngd-colors-acc7-900: #03040a;--ngd-colors-acc7-950: #010208;--ngd-colors-gray-100: #ffffff;--ngd-colors-gray-100-10: #ffffff1a;--ngd-colors-gray-100-20: #ffffff33;--ngd-colors-gray-100-30: #ffffff4d;--ngd-colors-gray-100-5: #ffffff0d;--ngd-colors-gray-100-50: #ffffff80;--ngd-colors-gray-100-75: #ffffffbf;--ngd-colors-gray-200: #f5f5f7;--ngd-colors-gray-300: #edeff3;--ngd-colors-gray-400: #d5d8e0;--ngd-colors-gray-450: #bdc1cc;--ngd-colors-gray-500: #6f7480;--ngd-colors-gray-600: #4d5059;--ngd-colors-gray-650: #383a40;--ngd-colors-gray-700: #27282b;--ngd-colors-gray-750: #202123;--ngd-colors-gray-800: #151516;--ngd-colors-gray-900: #070708;--ngd-colors-gray-900-10: #0707081a;--ngd-colors-gray-900-20: #07070833;--ngd-colors-gray-900-30: #0707084d;--ngd-colors-gray-900-5: #0707080d;--ngd-colors-gray-900-50: #07070880;--ngd-colors-gray-900-75: #07070880;--ngd-colors-green-100: #e9f7ee;--ngd-colors-green-200: #c2edd1;--ngd-colors-green-300: #29974e;--ngd-colors-green-400: #007c29;--ngd-colors-green-400-10: #007c291a;--ngd-colors-green-400-20: #007c2933;--ngd-colors-green-400-30: #007c294d;--ngd-colors-green-400-50: #007c2980;--ngd-colors-orange-100: #fff0d3;--ngd-colors-orange-200: #f9d59b;--ngd-colors-orange-300: #ecaf40;--ngd-colors-orange-400: #d99100;--ngd-colors-orange-400-10: #d991001a;--ngd-colors-orange-400-20: #d9910033;--ngd-colors-orange-400-30: #d991004d;--ngd-colors-orange-400-50: #d9910080;--ngd-colors-purple-100: #f5e7ff;--ngd-colors-purple-200: #ecd4ff;--ngd-colors-purple-300: #c980ff;--ngd-colors-purple-350: #bf68fe;--ngd-colors-purple-400: #b550fc;--ngd-colors-purple-400-10: #b550fc1a;--ngd-colors-purple-400-20: #b550fc33;--ngd-colors-purple-400-30: #b550fc4d;--ngd-colors-purple-400-50: #b550fc80;--ngd-colors-purple-500: #961ce7;--ngd-colors-purple-600: #761dac;--ngd-colors-red-100: #fde3e3;--ngd-colors-red-100-10: #fde3e31a;--ngd-colors-red-100-20: #fde3e333;--ngd-colors-red-100-30: #fde3e34d;--ngd-colors-red-100-50: #fde3e380;--ngd-colors-red-200: #fbcdcd;--ngd-colors-red-300: #f17878;--ngd-colors-red-400: #d32f2f;--ngd-colors-red-400-10: #d32f2f1a;--ngd-colors-red-400-20: #d32f2f33;--ngd-colors-red-400-30: #d32f2f4d;--ngd-colors-red-400-50: #d32f2f80;--ngd-colors-red-500: #b12424;--ngd-colors-red-600: #7a2222;--acc8-100: #eaffcc;--acc8-200: #d5ff99;--acc8-300: #bfff66;--acc8-400: #aaff33;--acc8-400-10: #aaff331a;--acc8-400-20: #aaff3333;--acc8-400-30: #aaff334d;--acc8-400-50: #aaff3380;--acc8-50: #f4ffe5;--acc8-500: #95ff00;--acc8-600: #77cc00;--acc8-700: #599900;--acc8-800: #3c6600;--acc8-900: #1e3300;--acc8-950: #152400;--acc9-100: #fadfd1;--acc9-200: #f5c0a3;--acc9-300: #f0a075;--acc9-400: #eb8147;--acc9-400-10: #eb81471a;--acc9-400-20: #eb814733;--acc9-400-30: #eb81474d;--acc9-400-50: #eb814780;--acc9-50: #fcefe8;--acc9-500: #e66119;--acc9-600: #b84e14;--acc9-700: #8a3a0f;--acc9-800: #5c270a;--acc9-900: #2e1305;--acc9-950: #200e04}html[data-theme=light]{--ngd-avatar-fill-default: var(--ngd-colors-gray-650);--ngd-avatar-stroke-default: var(--ngd-colors-gray-400);--ngd-button-ghost-destructive-bg-active: var(--ngd-colors-red-400-30);--ngd-button-ghost-destructive-bg-default: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-disabled: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-focus: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-hover: var(--ngd-colors-red-400-20);--ngd-button-ghost-destructive-bg-loading: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-stroke-default: var(--ngd-colors-red-400);--ngd-button-gray-bg-active: var(--ngd-colors-gray-650);--ngd-button-gray-bg-default: var(--ngd-colors-gray-500);--ngd-button-gray-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-gray-bg-focus: var(--ngd-colors-gray-500);--ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);--ngd-button-gray-bg-loading: var(--ngd-colors-gray-500);--ngd-button-green-bg-active: var(--ngd-colors-green-300);--ngd-button-green-bg-default: var(--ngd-colors-green-300);--ngd-button-green-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-green-bg-focus: var(--ngd-colors-green-300);--ngd-button-green-bg-hover: var(--ngd-colors-green-400);--ngd-button-green-bg-loading: var(--ngd-colors-green-300);--ngd-button-orange-bg-active: var(--ngd-colors-orange-300);--ngd-button-orange-bg-default: var(--ngd-colors-orange-300);--ngd-button-orange-bg-focus: var(--ngd-colors-orange-300);--ngd-button-orange-bg-hover: var(--ngd-colors-orange-400);--ngd-button-orange-bg-loading: var(--ngd-colors-orange-300);--ngd-button-primary-bg-active: var(--ngd-colors-acc1-700);--ngd-button-primary-bg-default: var(--ngd-colors-acc1-500);--ngd-button-primary-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-primary-bg-focus: var(--ngd-colors-acc1-500);--ngd-button-primary-bg-hover: var(--ngd-colors-acc1-600);--ngd-button-primary-bg-loading: var(--ngd-colors-acc1-500);--ngd-button-red-bg-active: var(--ngd-colors-red-600);--ngd-button-red-bg-default: var(--ngd-colors-red-400);--ngd-button-red-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-red-bg-focus: var(--ngd-colors-red-400);--ngd-button-red-bg-hover: var(--ngd-colors-red-500);--ngd-button-red-bg-loading: var(--ngd-colors-red-400);--ngd-chips-acc1-bg: var(--ngd-colors-acc1-500-10);--ngd-chips-acc1-icon: var(--ngd-colors-acc1-600);--ngd-chips-acc1-stroke: var(--ngd-colors-acc1-600);--ngd-chips-acc1-txt: var(--ngd-colors-acc1-600);--ngd-chips-acc1-x: var(--ngd-colors-acc1-600);--ngd-chips-acc2-bg: var(--ngd-colors-acc2-500-10);--ngd-chips-acc2-icon: var(--ngd-colors-acc2-600);--ngd-chips-acc2-stroke: var(--ngd-colors-acc2-600);--ngd-chips-acc2-txt: var(--ngd-colors-acc2-600);--ngd-chips-acc2-x: var(--ngd-colors-acc2-600);--ngd-chips-acc3-bg: var(--ngd-colors-acc3-500-10);--ngd-chips-acc3-icon: var(--ngd-colors-acc3-700);--ngd-chips-acc3-stroke: var(--ngd-colors-acc3-700);--ngd-chips-acc3-txt: var(--ngd-colors-acc3-700);--ngd-chips-acc3-x: var(--ngd-colors-acc3-700);--ngd-chips-acc4-bg: var(--ngd-colors-acc4-500-10);--ngd-chips-acc4-icon: var(--ngd-colors-acc4-600);--ngd-chips-acc4-stroke: var(--ngd-colors-acc4-600);--ngd-chips-acc4-txt: var(--ngd-colors-acc4-600);--ngd-chips-acc4-x: var(--ngd-colors-acc4-600);--ngd-chips-acc5-bg: var(--ngd-colors-acc5-500-10);--ngd-chips-acc5-icon: var(--ngd-colors-acc5-700);--ngd-chips-acc5-stroke: var(--ngd-colors-acc5-700);--ngd-chips-acc5-txt: var(--ngd-colors-acc5-700);--ngd-chips-acc5-x: var(--ngd-colors-acc5-700);--ngd-chips-neutral-bg: var(--ngd-colors-gray-300);--ngd-chips-neutral-icon: var(--ngd-colors-acc1-500);--ngd-chips-neutral-txt: var(--ngd-colors-gray-800);--ngd-chips-neutral-x: var(--ngd-colors-gray-500);--ngd-datepicker-bg-primary: var(--ngd-colors-acc1-600);--ngd-datepicker-bg-secondary: var(--ngd-colors-gray-300);--ngd-dropdown-bg-destructive-default: var(--ngd-colors-red-400-10);--ngd-dropdown-bg-destructive-hover: var(--ngd-colors-red-400-20);--ngd-dropdown-bg-primary-default: var(--ngd-colors-gray-100);--ngd-dropdown-bg-secondary-active: var(--ngd-colors-acc1-600);--ngd-dropdown-bg-secondary-default: var(--ngd-colors-gray-300);--ngd-dropzone-bg-default: var(--ngd-colors-gray-200);--ngd-dropzone-bg-dragging: var(--ngd-colors-gray-300);--ngd-dropzone-bg-error: var(--ngd-colors-red-400-10);--ngd-dropzone-bg-hover: var(--ngd-colors-gray-300);--ngd-dropzone-stroke-default: var(--ngd-colors-gray-400);--ngd-dropzone-stroke-dragging: var(--ngd-colors-gray-800);--ngd-dropzone-stroke-error: var(--ngd-colors-red-400);--ngd-dropzone-stroke-hover: var(--ngd-colors-gray-500);--ngd-edge-primary-active: var(--ngd-colors-acc1-500);--ngd-edge-primary-default: var(--ngd-colors-gray-500);--ngd-edge-primary-disabled: var(--ngd-colors-gray-450);--ngd-edge-primary-hover: var(--ngd-colors-gray-700);--ngd-focus-ring-element: var(--ngd-colors-gray-800);--ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);--ngd-focus-ring-node-error: var(--ngd-colors-acc2-500-40);--ngd-focus-ring-node-warning: var(--ngd-colors-acc5-500-40);--ngd-input-bg-primary-error: var(--ngd-colors-red-400-10);--ngd-input-bg-primary-success: var(--ngd-colors-green-400-10);--ngd-input-stroke-primary-default: var(--ngd-colors-gray-400);--ngd-input-stroke-primary-error: var(--ngd-colors-red-400);--ngd-input-stroke-primary-focus: var(--ngd-colors-acc4-500);--ngd-input-stroke-primary-success: var(--ngd-colors-green-400);--ngd-multiuser-bg-user-1: var(--ngd-colors-acc1-400);--ngd-multiuser-bg-user-2: var(--ngd-colors-acc2-400);--ngd-multiuser-bg-user-3: var(--ngd-colors-acc3-400);--ngd-multiuser-bg-user-4: var(--ngd-colors-acc4-400);--ngd-multiuser-bg-user-5: var(--ngd-colors-acc5-400);--ngd-multiuser-bg-user-6: var(--ngd-colors-acc6-400);--ngd-nav-button-bg-primary-hover: var(--ngd-colors-gray-900-5);--ngd-nav-button-icon-primary-active: var(--ngd-colors-gray-100);--ngd-nav-button-icon-primary-default: var(--ngd-colors-gray-600);--ngd-nav-button-icon-primary-disabled: var(--ngd-colors-gray-450);--ngd-nav-button-icon-primary-hover: var(--ngd-colors-gray-800);--ngd-nav-button-icon-primary-pressed: var(--ngd-colors-acc1-600);--ngd-node-bg-primary-default: var(--ngd-colors-gray-100);--ngd-node-bg-primary-disabled: var(--ngd-colors-gray-200);--ngd-node-bg-primary-hover: var(--ngd-colors-acc1-50);--ngd-node-bg-secondary-default: var(--ngd-colors-gray-200);--ngd-node-bg-tertiary-default: var(--ngd-colors-gray-500);--ngd-node-bg-tertiary-hover: var(--ngd-colors-gray-650);--ngd-node-icon-primary-default: var(--ngd-colors-acc1-500);--ngd-node-icon-primary-disabled: var(--ngd-colors-gray-900-30);--ngd-node-notify-bg-default: var(--ngd-colors-orange-400);--ngd-node-notify-ico-default: var(--ngd-colors-orange-100);--ngd-node-port-fill-active: var(--ngd-colors-acc1-500);--ngd-node-port-fill-default: var(--ngd-colors-gray-100);--ngd-node-port-stroke-active: var(--ngd-colors-gray-100);--ngd-node-port-stroke-default: var(--ngd-colors-gray-500);--ngd-node-stroke-primary-default: var(--ngd-colors-gray-400);--ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-500);--ngd-node-txt-disabled: var(--ngd-colors-gray-900-30);--ngd-pt-bg-primary-default: var(--ngd-colors-gray-700);--ngd-pt-stroke-primary-default: var(--ngd-colors-gray-600);--ngd-scrollbar-bg-default: var(--ngd-colors-gray-400);--ngd-shadow: var(--ngd-colors-gray-900-20);--shadow-2: var(--ngd-colors-gray-900-10);--ngd-snackbar-bg-default: var(--ngd-colors-gray-900-5);--ngd-snackbar-bg-error: var(--ngd-colors-red-400-10);--ngd-snackbar-bg-information: var(--ngd-colors-acc1-500-10);--ngd-snackbar-bg-success: var(--ngd-colors-green-400-10);--ngd-snackbar-bg-warning: var(--ngd-colors-orange-400-10);--ngd-tab-stroke-active: var(--ngd-colors-acc1-500);--ngd-tab-stroke-default: var(--ngd-colors-gray-500);--ngd-tab-stroke-hover: var(--ngd-colors-gray-800);--ngd-tab-stroke-line: var(--ngd-colors-gray-400);--ngd-tooltip-bg-default: var(--ngd-colors-gray-800);--ngd-tooltip-bg-purple: var(--ngd-colors-acc1-800);--ngd-transform-box: var(--ngd-colors-acc4-500);--ngd-txt-destructive-disabled: var(--ngd-colors-red-400-50);--ngd-txt-destuctive-default: var(--ngd-colors-red-400);--ngd-txt-error-default: var(--ngd-colors-red-400);--ngd-txt-info-default: var(--ngd-colors-acc1-700);--ngd-txt-primary-default: var(--ngd-colors-gray-800);--ngd-txt-primary-disabled: var(--ngd-colors-gray-100-75);--ngd-txt-primary-inverse: var(--ngd-colors-gray-100);--ngd-txt-primary-white: var(--ngd-colors-gray-100);--ngd-txt-quaternary-default: var(--ngd-colors-gray-450);--ngd-txt-secondary-default: var(--ngd-colors-gray-600);--ngd-txt-secondary-inverse: var(--ngd-colors-gray-300);--ngd-txt-success-default: var(--ngd-colors-green-400);--ngd-txt-tertiary-default: var(--ngd-colors-gray-500);--ngd-txt-tooltip-blue: var(--ngd-colors-gray-100);--ngd-txt-tooltip-bw: var(--ngd-colors-gray-100);--ngd-txt-warning-default: var(--ngd-colors-orange-400);--ngd-ui-bg-primary-default: var(--ngd-colors-gray-100);--ngd-ui-bg-secondary-default: var(--ngd-colors-gray-200);--ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-300);--ngd-ui-bg-tertiary-selected: var(--ngd-colors-acc1-600);--ngd-ui-canvas-dots-default: var(--ngd-colors-gray-500);--ngd-ui-separator-primary-default: var(--ngd-colors-gray-300);--ngd-ui-stroke-primary-default: var(--ngd-colors-gray-300);--ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);--ngd-ui-stroke-primary-highlight: var(--ngd-colors-acc1-500);--ngd-ui-stroke-secondary-default: var(--ngd-colors-gray-400);--ngd-widget-swatches-acc1: var(--ngd-colors-acc1-500);--ngd-widget-swatches-acc2: var(--ngd-colors-acc2-500);--ngd-widget-swatches-acc3: var(--ngd-colors-acc3-500);--ngd-widget-swatches-acc4: var(--ngd-colors-acc4-500);--ngd-widget-swatches-acc5: var(--ngd-colors-acc5-500);--ngd-widget-swatches-acc6: var(--ngd-colors-gray-500)}html[data-theme=dark]{--ngd-avatar-fill-default: var(--ngd-colors-gray-450);--ngd-avatar-stroke-default: var(--ngd-colors-gray-300);--ngd-button-ghost-destructive-bg-active: var(--ngd-colors-red-400-30);--ngd-button-ghost-destructive-bg-default: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-disabled: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-focus: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-bg-hover: var(--ngd-colors-red-400-20);--ngd-button-ghost-destructive-bg-loading: var(--ngd-colors-red-400-10);--ngd-button-ghost-destructive-stroke-default: var(--ngd-colors-red-400);--ngd-button-gray-bg-active: var(--ngd-colors-gray-500);--ngd-button-gray-bg-default: var(--ngd-colors-gray-650);--ngd-button-gray-bg-disabled: var(--ngd-colors-gray-500);--ngd-button-gray-bg-focus: var(--ngd-colors-gray-650);--ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);--ngd-button-gray-bg-loading: var(--ngd-colors-gray-650);--ngd-button-green-bg-active: var(--ngd-colors-green-300);--ngd-button-green-bg-default: var(--ngd-colors-green-300);--ngd-button-green-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-green-bg-focus: var(--ngd-colors-green-300);--ngd-button-green-bg-hover: var(--ngd-colors-green-400);--ngd-button-green-bg-loading: var(--ngd-colors-green-300);--ngd-button-orange-bg-active: var(--ngd-colors-orange-300);--ngd-button-orange-bg-default: var(--ngd-colors-orange-300);--ngd-button-orange-bg-focus: var(--ngd-colors-orange-300);--ngd-button-orange-bg-hover: var(--ngd-colors-orange-400);--ngd-button-orange-bg-loading: var(--ngd-colors-orange-300);--ngd-button-primary-bg-active: var(--ngd-colors-acc1-700);--ngd-button-primary-bg-default: var(--ngd-colors-acc1-500);--ngd-button-primary-bg-disabled: var(--ngd-colors-gray-600);--ngd-button-primary-bg-focus: var(--ngd-colors-acc1-500);--ngd-button-primary-bg-hover: var(--ngd-colors-acc1-600);--ngd-button-primary-bg-loading: var(--ngd-colors-acc1-500);--ngd-button-red-bg-active: var(--ngd-colors-red-600);--ngd-button-red-bg-default: var(--ngd-colors-red-400);--ngd-button-red-bg-disabled: var(--ngd-colors-gray-400);--ngd-button-red-bg-focus: var(--ngd-colors-red-400);--ngd-button-red-bg-hover: var(--ngd-colors-red-500);--ngd-button-red-bg-loading: var(--ngd-colors-red-400);--ngd-chips-acc1-bg: var(--ngd-colors-acc1-500-10);--ngd-chips-acc1-icon: var(--ngd-colors-acc1-300);--ngd-chips-acc1-stroke: var(--ngd-colors-acc1-300);--ngd-chips-acc1-txt: var(--ngd-colors-acc1-300);--ngd-chips-acc1-x: var(--ngd-colors-acc1-300);--ngd-chips-acc2-bg: var(--ngd-colors-acc2-500-10);--ngd-chips-acc2-icon: var(--ngd-colors-acc2-300);--ngd-chips-acc2-stroke: var(--ngd-colors-acc2-300);--ngd-chips-acc2-txt: var(--ngd-colors-acc2-300);--ngd-chips-acc2-x: var(--ngd-colors-acc2-300);--ngd-chips-acc3-bg: var(--ngd-colors-acc3-500-10);--ngd-chips-acc3-icon: var(--ngd-colors-acc3-300);--ngd-chips-acc3-stroke: var(--ngd-colors-acc3-300);--ngd-chips-acc3-txt: var(--ngd-colors-acc3-300);--ngd-chips-acc3-x: var(--ngd-colors-acc3-300);--ngd-chips-acc4-bg: var(--ngd-colors-acc4-500-10);--ngd-chips-acc4-icon: var(--ngd-colors-acc4-300);--ngd-chips-acc4-stroke: var(--ngd-colors-acc4-300);--ngd-chips-acc4-txt: var(--ngd-colors-acc4-300);--ngd-chips-acc4-x: var(--ngd-colors-acc4-300);--ngd-chips-acc5-bg: var(--ngd-colors-acc5-500-10);--ngd-chips-acc5-icon: var(--ngd-colors-acc5-200);--ngd-chips-acc5-stroke: var(--ngd-colors-acc5-200);--ngd-chips-acc5-txt: var(--ngd-colors-acc5-200);--ngd-chips-acc5-x: var(--ngd-colors-acc5-200);--ngd-chips-neutral-bg: var(--ngd-colors-gray-650);--ngd-chips-neutral-icon: var(--ngd-colors-acc1-400);--ngd-chips-neutral-txt: var(--ngd-colors-gray-100);--ngd-chips-neutral-x: var(--ngd-colors-gray-450);--ngd-datepicker-bg-primary: var(--ngd-colors-acc1-600);--ngd-datepicker-bg-secondary: var(--ngd-colors-gray-800);--ngd-dropdown-bg-destructive-default: var(--ngd-colors-red-400-30);--ngd-dropdown-bg-destructive-hover: var(--ngd-colors-red-400-50);--ngd-dropdown-bg-primary-default: var(--ngd-colors-gray-650);--ngd-dropdown-bg-secondary-active: var(--ngd-colors-acc1-500);--ngd-dropdown-bg-secondary-default: var(--ngd-colors-gray-600);--ngd-dropzone-bg-default: var(--ngd-colors-gray-700);--ngd-dropzone-bg-dragging: var(--ngd-colors-gray-650);--ngd-dropzone-bg-error: var(--ngd-colors-red-400-10);--ngd-dropzone-bg-hover: var(--ngd-colors-gray-650);--ngd-dropzone-stroke-default: var(--ngd-colors-gray-650);--ngd-dropzone-stroke-dragging: var(--ngd-colors-gray-200);--ngd-dropzone-stroke-error: var(--ngd-colors-red-400);--ngd-dropzone-stroke-hover: var(--ngd-colors-gray-600);--ngd-edge-primary-active: var(--ngd-colors-acc1-400);--ngd-edge-primary-default: var(--ngd-colors-gray-600);--ngd-edge-primary-disabled: var(--ngd-colors-gray-650);--ngd-edge-primary-hover: var(--ngd-colors-gray-500);--ngd-focus-ring-element: var(--ngd-colors-gray-100);--ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);--ngd-focus-ring-node-error: var(--ngd-colors-acc2-500-40);--ngd-focus-ring-node-warning: var(--ngd-colors-acc5-500-40);--ngd-input-bg-primary-error: var(--ngd-colors-red-400-10);--ngd-input-bg-primary-success: var(--ngd-colors-green-400-10);--ngd-input-stroke-primary-default: var(--ngd-colors-gray-600);--ngd-input-stroke-primary-error: var(--ngd-colors-red-400);--ngd-input-stroke-primary-focus: var(--ngd-colors-acc4-500);--ngd-input-stroke-primary-success: var(--ngd-colors-green-400);--ngd-multiuser-bg-user-1: var(--ngd-colors-acc1-400);--ngd-multiuser-bg-user-2: var(--ngd-colors-acc2-400);--ngd-multiuser-bg-user-3: var(--ngd-colors-acc3-400);--ngd-multiuser-bg-user-4: var(--ngd-colors-acc4-400);--ngd-multiuser-bg-user-5: var(--ngd-colors-acc5-400);--ngd-multiuser-bg-user-6: var(--ngd-colors-acc6-400);--ngd-nav-button-bg-primary-hover: var(--ngd-colors-gray-100-5);--ngd-nav-button-icon-primary-active: var(--ngd-colors-gray-100);--ngd-nav-button-icon-primary-default: var(--ngd-colors-gray-400);--ngd-nav-button-icon-primary-disabled: var(--ngd-colors-gray-600);--ngd-nav-button-icon-primary-hover: var(--ngd-colors-gray-100);--ngd-nav-button-icon-primary-pressed: var(--ngd-colors-acc1-500);--ngd-node-bg-primary-default: var(--ngd-colors-gray-700);--ngd-node-bg-primary-disabled: var(--ngd-colors-gray-800);--ngd-node-bg-primary-hover: var(--ngd-colors-acc1-950-10);--ngd-node-bg-secondary-default: var(--ngd-colors-gray-800);--ngd-node-bg-tertiary-default: var(--ngd-colors-gray-650);--ngd-node-bg-tertiary-hover: var(--ngd-colors-gray-500);--ngd-node-icon-primary-default: var(--ngd-colors-acc1-400);--ngd-node-icon-primary-disabled: var(--ngd-colors-gray-100-30);--ngd-node-notify-bg-default: var(--ngd-colors-orange-400);--ngd-node-notify-ico-default: var(--ngd-colors-orange-100);--ngd-node-port-fill-active: var(--ngd-colors-acc1-500);--ngd-node-port-fill-default: var(--ngd-colors-gray-100);--ngd-node-port-stroke-active: var(--ngd-colors-gray-100);--ngd-node-port-stroke-default: var(--ngd-colors-gray-500);--ngd-node-stroke-primary-default: var(--ngd-colors-gray-600);--ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-400);--ngd-node-txt-disabled: var(--ngd-colors-gray-100-30);--ngd-pt-bg-primary-default: var(--ngd-colors-gray-200);--ngd-pt-stroke-primary-default: var(--ngd-colors-gray-300);--ngd-scrollbar-bg-default: var(--ngd-colors-gray-500);--ngd-shadow: var(--ngd-colors-gray-900-50);--shadow-2: var(--ngd-colors-gray-900-30);--ngd-snackbar-bg-default: var(--ngd-colors-gray-100-10);--ngd-snackbar-bg-error: var(--ngd-colors-red-400-10);--ngd-snackbar-bg-information: var(--ngd-colors-acc1-500-10);--ngd-snackbar-bg-success: var(--ngd-colors-green-400-10);--ngd-snackbar-bg-warning: var(--ngd-colors-orange-400-10);--ngd-tab-stroke-active: var(--ngd-colors-acc1-500);--ngd-tab-stroke-default: var(--ngd-colors-gray-500);--ngd-tab-stroke-hover: var(--ngd-colors-gray-200);--ngd-tab-stroke-line: var(--ngd-colors-gray-600);--ngd-tooltip-bg-default: var(--ngd-colors-gray-300);--ngd-tooltip-bg-purple: var(--ngd-colors-acc1-800);--ngd-transform-box: var(--ngd-colors-acc4-500);--ngd-txt-destructive-disabled: var(--ngd-colors-red-100-30);--ngd-txt-destuctive-default: var(--ngd-colors-red-100);--ngd-txt-error-default: var(--ngd-colors-red-100);--ngd-txt-info-default: var(--ngd-colors-acc1-200);--ngd-txt-primary-default: var(--ngd-colors-gray-100);--ngd-txt-primary-disabled: var(--ngd-colors-gray-100-30);--ngd-txt-primary-inverse: var(--ngd-colors-gray-800);--ngd-txt-primary-white: var(--ngd-colors-gray-100);--ngd-txt-quaternary-default: var(--ngd-colors-gray-600);--ngd-txt-secondary-default: var(--ngd-colors-gray-400);--ngd-txt-secondary-inverse: var(--ngd-colors-gray-700);--ngd-txt-success-default: var(--ngd-colors-green-200);--ngd-txt-tertiary-default: var(--ngd-colors-gray-500);--ngd-txt-tooltip-blue: var(--ngd-colors-gray-100);--ngd-txt-tooltip-bw: var(--ngd-colors-gray-800);--ngd-txt-warning-default: var(--ngd-colors-orange-100);--ngd-ui-bg-primary-default: var(--ngd-colors-gray-700);--ngd-ui-bg-secondary-default: var(--ngd-colors-gray-650);--ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-800);--ngd-ui-bg-tertiary-selected: var(--ngd-colors-acc1-600);--ngd-ui-canvas-dots-default: var(--ngd-colors-gray-650);--ngd-ui-separator-primary-default: var(--ngd-colors-gray-600);--ngd-ui-stroke-primary-default: var(--ngd-colors-gray-650);--ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);--ngd-ui-stroke-primary-highlight: var(--ngd-colors-acc1-500);--ngd-ui-stroke-secondary-default: var(--ngd-colors-gray-600);--ngd-widget-swatches-acc1: var(--ngd-colors-acc1-400);--ngd-widget-swatches-acc2: var(--ngd-colors-acc2-400);--ngd-widget-swatches-acc3: var(--ngd-colors-acc3-400);--ngd-widget-swatches-acc4: var(--ngd-colors-acc4-400);--ngd-widget-swatches-acc5: var(--ngd-colors-acc5-400);--ngd-widget-swatches-acc6: var(--ngd-colors-gray-400)}:root{--ngd-primitive-4rule-0: 0rem;--ngd-primitive-4rule-4: .25rem;--ngd-primitive-4rule-8: .5rem;--ngd-primitive-4rule-12: .75rem;--ngd-primitive-4rule-16: 1rem;--ngd-primitive-4rule-20: 1.25rem;--ngd-primitive-4rule-24: 1.5rem;--ngd-primitive-4rule-28: 1.75rem;--ngd-primitive-4rule-32: 2rem;--ngd-primitive-4rule-36: 2.25rem;--ngd-primitive-4rule-40: 2.5rem;--ngd-primitive-4rule-44: 2.75rem;--ngd-primitive-4rule-48: 3rem;--ngd-primitive-4rule-52: 3.25rem;--ngd-primitive-4rule-56: 3.5rem;--ngd-primitive-4rule-60: 3.75rem;--ngd-primitive-4rule-64: 4rem;--ngd-primitive-even-0: 0rem;--ngd-primitive-even-2: .125rem;--ngd-primitive-even-4: .25rem;--ngd-primitive-even-6: .375rem;--ngd-primitive-even-8: .5rem;--ngd-primitive-even-10: .625rem;--ngd-primitive-even-12: .75rem;--ngd-primitive-even-14: .875rem;--ngd-primitive-even-16: 1rem;--ngd-primitive-even-18: 1.125rem;--ngd-primitive-even-20: 1.25rem;--ngd-primitive-even-100: 6.25rem;--ngd-primitive-even-negative--16: -1rem;--ngd-primitive-even-negative--14: -.875rem;--ngd-primitive-even-negative--12: -.75rem;--ngd-primitive-even-negative--10: -.625rem;--ngd-primitive-even-negative--8: -.5rem;--ngd-primitive-even-negative--6: -.375rem;--ngd-primitive-even-negative--4: -.25rem;--ngd-primitive-even-negative--2: -.125rem;--ngd-primitive-odd-1: .0625rem;--ngd-primitive-odd-3: .1875rem;--ngd-primitive-odd-5: .3125rem;--ngd-primitive-odd-7: .4375rem;--ngd-primitive-odd-9: .5625rem;--ngd-primitive-odd-11: .6875rem;--ngd-primitive-odd-13: .8125rem;--ngd-primitive-odd-15: .9375rem;--ngd-token-radius-datepicker-day-sharp: var(--ngd-primitive-4rule-0);--ngd-token-radius-button-s: var(--ngd-primitive-even-4);--ngd-token-radius-button-xs: var(--ngd-primitive-even-4);--ngd-token-radius-button-xxs: var(--ngd-primitive-even-4);--ngd-token-radius-button-xxxs: var(--ngd-primitive-even-4);--ngd-token-radius-checkbox-m: var(--ngd-primitive-even-4);--ngd-token-radius-checkbox-s: var(--ngd-primitive-even-4);--ngd-token-radius-checkbox-xs: var(--ngd-primitive-even-4);--ngd-token-radius-chips-l: var(--ngd-primitive-even-4);--ngd-token-radius-chips-m: var(--ngd-primitive-even-4);--ngd-token-radius-chips-s: var(--ngd-primitive-even-4);--ngd-token-radius-chips-xl: var(--ngd-primitive-even-4);--ngd-token-radius-datepicker-day-rounded: var(--ngd-primitive-4rule-4);--ngd-token-radius-element-4: var(--ngd-primitive-4rule-4);--ngd-token-radius-label-s: var(--ngd-primitive-even-4);--ngd-token-radius-label-xs: var(--ngd-primitive-even-4);--ngd-token-radius-button-m: var(--ngd-primitive-even-6);--ngd-token-radius-dropdown-item-l: var(--ngd-primitive-even-6);--ngd-token-radius-dropdown-item-m: var(--ngd-primitive-even-6);--ngd-token-radius-dropdown-item-s: var(--ngd-primitive-even-6);--ngd-token-radius-input-m: var(--ngd-primitive-even-6);--ngd-token-radius-input-s: var(--ngd-primitive-even-6);--ngd-token-radius-label-m: var(--ngd-primitive-even-6);--ngd-token-radius-button-l: var(--ngd-primitive-even-8);--ngd-token-radius-button-xl: var(--ngd-primitive-even-8);--ngd-token-radius-datepicker-component: var(--ngd-primitive-4rule-8);--ngd-token-radius-dropdown-wrap-l: var(--ngd-primitive-even-8);--ngd-token-radius-dropdown-wrap-m: var(--ngd-primitive-even-8);--ngd-token-radius-dropdown-wrap-s: var(--ngd-primitive-even-8);--ngd-token-radius-element-8: var(--ngd-primitive-4rule-8);--ngd-token-radius-input-l: var(--ngd-primitive-even-8);--ngd-token-radius-node-head-icon: var(--ngd-primitive-even-8);--ngd-token-radius-node4-head: var(--ngd-primitive-4rule-16);--ngd-token-radius-progressbar: var(--ngd-primitive-4rule-64);--ngd-token-radius-product-tour-img: var(--ngd-primitive-4rule-8);--ngd-token-radius-seg-picker-s: var(--ngd-primitive-even-8);--ngd-token-radius-seg-picker-xs: var(--ngd-primitive-even-8);--ngd-token-radius-seg-picker-xxs: var(--ngd-primitive-even-8);--ngd-token-radius-seg-picker-xxxs: var(--ngd-primitive-even-8);--ngd-token-radius-snackbar: var(--ngd-primitive-even-8);--ngd-token-radius-toolbar-hor-s: var(--ngd-primitive-even-8);--ngd-token-radius-toolbar-vert-s: var(--ngd-primitive-even-8);--ngd-token-radius-tooltip: var(--ngd-primitive-even-8);--ngd-token-radius-seg-picker-m: var(--ngd-primitive-even-10);--ngd-token-radius-toolbar-hor-m: var(--ngd-primitive-even-10);--ngd-token-radius-toolbar-vert-m: var(--ngd-primitive-even-10);--ngd-token-radius-element-12: var(--ngd-primitive-4rule-12);--ngd-token-radius-node-head: var(--ngd-primitive-4rule-12);--ngd-token-radius-seg-picker-l: var(--ngd-primitive-even-12);--ngd-token-radius-seg-picker-xl: var(--ngd-primitive-even-12);--ngd-token-radius-shell: var(--ngd-primitive-even-12);--ngd-token-radius-toolbar-hor-l: var(--ngd-primitive-even-12);--ngd-token-radius-toolbar-hor-xl: var(--ngd-primitive-even-12);--ngd-token-radius-toolbar-vert-l: var(--ngd-primitive-even-12);--ngd-token-radius-toolbar-vert-xl: var(--ngd-primitive-even-12);--ngd-token-radius-element-16: var(--ngd-primitive-4rule-16);--ngd-token-radius-modal-l: var(--ngd-primitive-4rule-16);--ngd-token-radius-modal-m: var(--ngd-primitive-4rule-16);--ngd-token-radius-product-tour: var(--ngd-primitive-4rule-16);--ngd-token-radius-element-20: var(--ngd-primitive-4rule-20);--ngd-token-radius-element-24: var(--ngd-primitive-4rule-24);--ngd-token-radius-button-round: var(--ngd-primitive-even-100);--ngd-token-radius-radiobutton: var(--ngd-primitive-even-100);--ngd-token-shadow-shadow-xl-spread: var(--ngd-primitive-even-negative--12);--ngd-token-shadow-shadow-l-spread: var(--ngd-primitive-even-negative--8);--ngd-token-shadow-shadow-m-spread: var(--ngd-primitive-even-negative--6);--ngd-token-shadow-shadow-s-spread: var(--ngd-primitive-even-negative--4);--ngd-token-shadow-shadow-xs-spread: var(--ngd-primitive-even-negative--2);--ngd-token-radius-shadow-xxs-blur: var(--ngd-primitive-4rule-8);--ngd-token-radius-node-og-head: var(--ngd-primitive-4rule-16);--ngd-token-radius-1progressbar: var(--ngd-primitive-4rule-64);--ngd-token-spacing-1progressbar-gap: var(--ngd-primitive-4rule-4);--ngd-token-spacing-node-og-gap: var(--ngd-primitive-even-16);--ngd-token-spacing-node-og-h-pad: var(--ngd-primitive-even-16);--ngd-token-spacing-node-og-v-pad: var(--ngd-primitive-even-16);--ngd-token-radius-shadow-xxs-x: var(--ngd-primitive-even-0);--ngd-token-radius-shadow-xxs-y: var(--ngd-primitive-4rule-4);--ngd-token-shadow-focus-element-blur: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-element-x: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-element-y: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-node-active-blur: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-node-active-x: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-node-active-y: var(--ngd-primitive-even-0);--ngd-token-shadow-shadow-l-x: var(--ngd-primitive-even-0);--ngd-token-shadow-shadow-m-x: var(--ngd-primitive-even-0);--ngd-token-shadow-shadow-s-x: var(--ngd-primitive-even-0);--ngd-token-shadow-shadow-xl-x: var(--ngd-primitive-even-0);--ngd-token-shadow-shadow-xs-x: var(--ngd-primitive-even-0);--ngd-token-shadow-focus-element-spread: var(--ngd-primitive-even-2);--ngd-token-shadow-focus-node-active-spread: var(--ngd-primitive-even-4);--ngd-token-shadow-shadow-xs-y: var(--ngd-primitive-4rule-4);--ngd-token-shadow-shadow-s-y: var(--ngd-primitive-4rule-8);--ngd-token-shadow-shadow-xs-blur: var(--ngd-primitive-4rule-8);--ngd-token-shadow-shadow-m-y: var(--ngd-primitive-4rule-12);--ngd-token-shadow-shadow-l-y: var(--ngd-primitive-4rule-16);--ngd-token-shadow-shadow-s-blur: var(--ngd-primitive-4rule-16);--ngd-token-shadow-shadow-m-blur: var(--ngd-primitive-4rule-24);--ngd-token-shadow-shadow-xl-y: var(--ngd-primitive-4rule-24);--ngd-token-shadow-shadow-l-blur: var(--ngd-primitive-4rule-32);--ngd-token-shadow-shadow-xl-blur: var(--ngd-primitive-4rule-48);--ngd-token-spacing-chips-s-v-pad: var(--ngd-primitive-even-2);--ngd-token-spacing-datepicker-table-gap: var(--ngd-primitive-even-2);--ngd-token-spacing-checkbox-m-pad: var(--ngd-primitive-odd-3);--ngd-token-spacing-checkbox-s-pad: var(--ngd-primitive-odd-3);--ngd-token-spacing-checkbox-xs-pad: var(--ngd-primitive-odd-3);--ngd-token-spacing-chips-m-v-pad: var(--ngd-primitive-odd-3);--ngd-token-spacing-button-xxxs-v-pad-2: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-l-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-m-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-m-h-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-s-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-s-h-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-chips-xl-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-datepicker-weekdays-pad-v: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-l-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-l-h-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-l-v-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-m-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-m-h-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-m-v-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-s-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-s-h-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-dropdown-wrap-s-v-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-radiobutton-xs-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-seg-picker-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-seg-picker-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-spacing-4: var(--ngd-primitive-4rule-4);--ngd-token-spacing-toolbar-hor-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-toolbar-vert-pad: var(--ngd-primitive-even-4);--ngd-token-spacing-tooltip-gap: var(--ngd-primitive-even-4);--ngd-token-spacing-button-xxxs-v-pad-1: var(--ngd-primitive-odd-5);--ngd-token-spacing-chips-l-v-pad: var(--ngd-primitive-odd-5);--ngd-token-spacing-chips-xl-v-pad: var(--ngd-primitive-odd-5);--ngd-token-spacing-radiobutton-m-pad: var(--ngd-primitive-odd-5);--ngd-token-spacing-radiobutton-s-pad: var(--ngd-primitive-odd-5);--ngd-token-spacing-button-xs-v-pad-2: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxs-gap: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxs-h-pad-1: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxs-h-pad-2: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxs-v-pad-2: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxxs-gap: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxxs-h-pad-1: var(--ngd-primitive-even-6);--ngd-token-spacing-button-xxxs-h-pad-2: var(--ngd-primitive-even-6);--ngd-token-spacing-chips-l-h-pad: var(--ngd-primitive-even-6);--ngd-token-spacing-chips-xl-h-pad: var(--ngd-primitive-even-6);--ngd-token-spacing-datepicker-header-pad: var(--ngd-primitive-even-6);--ngd-token-spacing-toolbar-hor-gap: var(--ngd-primitive-even-6);--ngd-token-spacing-toolbar-vert-gap: var(--ngd-primitive-even-6);--ngd-token-spacing-button-s-v-pad-2: var(--ngd-primitive-odd-7);--ngd-token-spacing-button-xxs-v-pad-1: var(--ngd-primitive-odd-7);--ngd-token-spacing-label-xs-v-pad-2: var(--ngd-primitive-odd-7);--ngd-token-spacing-button-l-gap: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-m-gap: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-s-gap: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-xl-gap: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-xs-gap: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-xs-h-pad-1: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-xs-h-pad-2: var(--ngd-primitive-4rule-8);--ngd-token-spacing-button-xs-v-pad-1: var(--ngd-primitive-4rule-8);--ngd-token-spacing-datepicker-table-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-datepicker-weekdays-pad-h: var(--ngd-primitive-even-8);--ngd-token-spacing-dropdown-item-l-h-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-dropdown-item-m-h-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-dropdown-item-s-h-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-dropdown-item-s-v-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-input-l-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-input-m-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-input-s-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-input-s-v-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-label-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-label-s-v-pad-2: var(--ngd-primitive-even-8);--ngd-token-spacing-node-head-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-node-head-h-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-node-head-v-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-node4-gap: var(--ngd-primitive-4rule-16);--ngd-token-spacing-node4-h-pad: var(--ngd-primitive-4rule-16);--ngd-token-spacing-node4-v-pad: var(--ngd-primitive-4rule-16);--ngd-token-spacing-spacing-8: var(--ngd-primitive-4rule-8);--ngd-token-spacing-tooltip-v-pad: var(--ngd-primitive-even-8);--ngd-token-spacing-top-navbar-gap: var(--ngd-primitive-even-8);--ngd-token-spacing-button-m-v-pad-2: var(--ngd-primitive-odd-9);--ngd-token-spacing-label-m-v-pad-2: var(--ngd-primitive-odd-9);--ngd-token-spacing-label-xs-v-pad-1: var(--ngd-primitive-odd-9);--ngd-token-spacing-button-s-h-pad-1: var(--ngd-primitive-even-10);--ngd-token-spacing-button-s-h-pad-2: var(--ngd-primitive-even-10);--ngd-token-spacing-button-s-v-pad-1: var(--ngd-primitive-even-10);--ngd-token-spacing-dropdown-item-m-v-pad: var(--ngd-primitive-even-10);--ngd-token-spacing-input-m-v-pad: var(--ngd-primitive-even-10);--ngd-token-spacing-label-s-h-pad-1: var(--ngd-primitive-even-10);--ngd-token-spacing-label-s-h-pad-2: var(--ngd-primitive-even-10);--ngd-token-spacing-label-s-v-pad-1: var(--ngd-primitive-even-10);--ngd-token-spacing-label-xs-h-pad-1: var(--ngd-primitive-even-10);--ngd-token-spacing-label-xs-h-pad-2: var(--ngd-primitive-even-10);--ngd-token-spacing-node-head-icon: var(--ngd-primitive-even-10);--ngd-token-spacing-spacing-10: var(--ngd-primitive-even-10);--ngd-token-spacing-button-l-v-pad-2: var(--ngd-primitive-odd-11);--ngd-token-spacing-dropdown-item-l-v-pad: var(--ngd-primitive-odd-11);--ngd-token-spacing-input-l-v-pad: var(--ngd-primitive-odd-11);--ngd-token-spacing-button-l-h-pad-2: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-m-h-pad-1: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-m-h-pad-2: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-m-v-pad-1: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-xl-h-pad-2: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-xl-v-pad-2: var(--ngd-primitive-4rule-12);--ngd-token-spacing-dropdown-item-l-gap: var(--ngd-primitive-even-12);--ngd-token-spacing-dropdown-item-m-gap: var(--ngd-primitive-even-12);--ngd-token-spacing-dropdown-item-s-gap: var(--ngd-primitive-even-12);--ngd-token-spacing-input-l-h-pad: var(--ngd-primitive-4rule-12);--ngd-token-spacing-input-m-h-pad: var(--ngd-primitive-4rule-12);--ngd-token-spacing-input-s-h-pad: var(--ngd-primitive-4rule-12);--ngd-token-spacing-label-m-h-pad-1: var(--ngd-primitive-even-12);--ngd-token-spacing-label-m-h-pad-2: var(--ngd-primitive-even-12);--ngd-token-spacing-label-m-v-pad-1: var(--ngd-primitive-even-12);--ngd-token-spacing-modal-l-header-gap: var(--ngd-primitive-4rule-12);--ngd-token-spacing-modal-m-header-gap: var(--ngd-primitive-4rule-12);--ngd-token-spacing-product-tour-gap: var(--ngd-primitive-4rule-12);--ngd-token-spacing-snackbar-gap-1: var(--ngd-primitive-4rule-12);--ngd-token-spacing-snackbar-v-pad-2: var(--ngd-primitive-4rule-12);--ngd-token-spacing-spacing-12: var(--ngd-primitive-4rule-12);--ngd-token-spacing-tooltip-h-pad: var(--ngd-primitive-even-12);--ngd-token-spacing-top-navbar-v-pad: var(--ngd-primitive-4rule-12);--ngd-token-spacing-button-l-h-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-button-l-v-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-button-xl-h-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-button-xl-v-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-modal-m-content-h-pad: var(--ngd-primitive-4rule-16);--ngd-token-spacing-modal-m-header-pad: var(--ngd-primitive-4rule-16);--ngd-token-spacing-snackbar-h-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-snackbar-v-pad-1: var(--ngd-primitive-4rule-16);--ngd-token-spacing-spacing-16: var(--ngd-primitive-4rule-16);--ngd-token-spacing-top-navbar-h-pad: var(--ngd-primitive-4rule-16);--ngd-token-spacing-modal-m-content-gap: var(--ngd-primitive-4rule-20);--ngd-token-spacing-spacing-20: var(--ngd-primitive-4rule-20);--ngd-token-spacing-modal-l-content-gap: var(--ngd-primitive-4rule-24);--ngd-token-spacing-modal-l-content-h-pad: var(--ngd-primitive-4rule-24);--ngd-token-spacing-modal-l-content-v-pad: var(--ngd-primitive-4rule-24);--ngd-token-spacing-modal-l-header-pad: var(--ngd-primitive-4rule-24);--ngd-token-spacing-modal-m-content-v-pad: var(--ngd-primitive-4rule-24);--ngd-token-spacing-product-tour-pad: var(--ngd-primitive-4rule-24);--ngd-token-spacing-spacing-24: var(--ngd-primitive-4rule-24);--ngd-token-spacing-snackbar-gap-2: var(--ngd-primitive-4rule-32);--ngd-token-spacing-spacing-32: var(--ngd-primitive-4rule-32);--ngd-token-stroke-edge-regular: var(--ngd-primitive-even-2);--ngd-token-stroke-edge-bold: var(--ngd-primitive-odd-3);--av-node-width: 240px;--av-device-node-width: 360px;--av-port-width: 8px;--av-port-height: 13px;--av-color-wire-stroke: var(--ngd-edge-primary-default);--av-color-accent: var(--ngd-ui-stroke-primary-highlight);--av-color-selection-border: #7938d3;--av-color-selection-halo: #482674;--av-list-item-bg: var(--ngd-ui-bg-tertiary-default)}html[data-theme=dark]{--av-list-item-bg: var(--ngd-colors-gray-750)}.h7{font-size:1rem;font-weight:600;line-height:140%}.h9{font-size:.875rem;font-weight:600;line-height:140%}.h10{font-size:.75rem;font-weight:600;line-height:130%}.p10{font-size:.75rem;font-weight:400;line-height:130%}.p11{font-size:.625rem;font-weight:400;line-height:140%}.p12{font-size:.5rem;font-weight:400;line-height:130%}.app-tooltip{position:fixed;z-index:1000;background:var(--ngd-tooltip-bg-default);color:var(--ngd-txt-tooltip-bw);padding:var(--ngd-token-spacing-tooltip-v-pad) var(--ngd-token-spacing-tooltip-h-pad);border-radius:var(--ngd-token-radius-tooltip);font-size:.75rem;font-weight:400;line-height:130%;pointer-events:none;white-space:nowrap;animation:app-tooltip-fade-in .12s ease forwards}.app-tooltip__arrow{position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg)}.app-tooltip--top .app-tooltip__arrow{bottom:-4px;left:50%;margin-left:-4px}.app-tooltip--bottom .app-tooltip__arrow{top:-4px;left:50%;margin-left:-4px}.app-tooltip--left .app-tooltip__arrow{right:-4px;top:50%;margin-top:-4px}.app-tooltip--right .app-tooltip__arrow{left:-4px;top:50%;margin-top:-4px}@keyframes app-tooltip-fade-in{0%{opacity:0}to{opacity:1}}:root{--ngd-colors-gray-100: #ffffff;--ngd-colors-gray-200: #f7f7f7;--ngd-colors-gray-300: #edeff3;--ngd-colors-gray-400: #d5d8e0;--ngd-colors-gray-450: #c2c0c0;--ngd-colors-gray-500: #6f7480;--ngd-colors-gray-600: #4d5059;--ngd-colors-gray-650: #383a40;--ngd-colors-gray-700: #27282b;--ngd-colors-gray-800: #151516;--ngd-colors-gray-900-5: rgba(7, 7, 8, .05);--ngd-colors-gray-900-20: rgba(7, 7, 8, .2);--ngd-colors-gray-900-50: rgba(7, 7, 8, .5);--ngd-colors-acc1-400: #a977ff;--ngd-colors-acc1-500: #9140ff;--ngd-colors-acc1-500-40: rgba(145, 64, 255, .4);--ngd-colors-acc1-500-50: rgba(145, 64, 255, .5);--ngd-colors-acc1-600: #891aff;--ngd-colors-acc4-500: #1096e7}:root{--ngd-shadow: var(--ngd-colors-gray-900-20);--ngd-txt-primary-default: var(--ngd-colors-gray-800);--ngd-nav-button-primary-default: var(--ngd-colors-gray-600);--ngd-nav-button-primary-pressed: var(--ngd-colors-acc1-600);--ngd-nav-button-primary-hover: var(--ngd-colors-gray-900-5);--ngd-nav-button-primary-disabled: var(--ngd-colors-gray-450);--ngd-diagram-background-color: var(--ngd-colors-gray-200);--ngd-ui-bg-primary-default: var(--ngd-colors-gray-100);--ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-200);--ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);--ngd-pt-stroke-primary-default: var(--ngd-colors-gray-600);--ngd-node-bg-primary-default: var(--ngd-colors-gray-100);--ngd-node-stroke-primary-default: var(--ngd-colors-gray-400);--ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-500);--ngd-node-port-fill-default: var(--ngd-colors-gray-100);--ngd-node-port-fill-active: var(--ngd-colors-acc1-500);--ngd-node-port-stroke-default: var(--ngd-colors-gray-500);--ngd-node-port-stroke-active: var(--ngd-colors-gray-100);--ngd-transform-box: var(--ngd-colors-acc4-500);--ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);--ngd-button-gray-bg-default: var(--ngd-colors-gray-500);--ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);--ngd-button-gray-bg-active: var(--ngd-colors-gray-650);--ngd-default-edge-label-bg-primary-default: var(--ngd-colors-gray-100);--ngd-background-line-minor-color: var(--ngd-colors-gray-450);--ngd-background-line-major-color: var(--ngd-colors-gray-500);--ngd-ui-border-color: var(--ngd-colors-gray-300);--ngd-minimap-bg-primary-default: var(--ngd-colors-gray-100);--ngd-minimap-stroke-primary-default: var(--ngd-colors-gray-400)}html[data-theme=dark]{--ngd-shadow: var(--ngd-colors-gray-900-50);--ngd-txt-primary-default: var(--ngd-colors-gray-100);--ngd-nav-button-primary-default: var(--ngd-colors-gray-400);--ngd-nav-button-primary-pressed: var(--ngd-colors-acc1-500);--ngd-nav-button-primary-hover: var(--ngd-colors-gray-900-5);--ngd-nav-button-primary-disabled: var(--ngd-colors-gray-600);--ngd-diagram-background-color: var(--ngd-colors-gray-800);--ngd-ui-bg-primary-default: var(--ngd-colors-gray-700);--ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-800);--ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);--ngd-pt-stroke-primary-default: var(--ngd-colors-gray-200);--ngd-node-bg-primary-default: var(--ngd-colors-gray-700);--ngd-node-stroke-primary-default: var(--ngd-colors-gray-600);--ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-400);--ngd-node-port-fill-default: var(--ngd-colors-gray-100);--ngd-node-port-fill-active: var(--ngd-colors-acc1-500);--ngd-node-port-stroke-default: var(--ngd-colors-gray-500);--ngd-node-port-stroke-active: var(--ngd-colors-gray-100);--ngd-transform-box: var(--ngd-colors-acc4-500);--ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);--ngd-button-gray-bg-default: var(--ngd-colors-gray-650);--ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);--ngd-button-gray-bg-active: var(--ngd-colors-gray-500);--ngd-default-edge-label-bg-primary-default: var(--ngd-colors-gray-700);--ngd-background-line-minor-color: var(--ngd-colors-gray-700);--ngd-background-line-major-color: var(--ngd-colors-gray-600);--ngd-ui-border-color: var(--ngd-colors-gray-700);--ngd-minimap-bg-primary-default: var(--ngd-colors-gray-700);--ngd-minimap-stroke-primary-default: var(--ngd-colors-gray-600)}:root{--ngd-node-background-color: var(--ngd-node-bg-primary-default);--ngd-node-border-color: var(--ngd-node-stroke-primary-default);--ngd-node-border-color-hover: var(--ngd-node-stroke-primary-hover);--ngd-node-border-radius: .75rem;--ngd-node-border-size: .0625rem;--ngd-group-border-color: var(--ngd-ui-stroke-primary-focus);--ngd-group-border-color-hover: var(--ngd-pt-stroke-primary-default);--ngd-group-border-color-highlight: var(--ngd-colors-acc1-500);--ngd-group-box-shadow-color-highlight: var(--ngd-colors-acc1-500-50);--ngd-group-background-color-highlight: var(--ngd-colors-gray-400);--ngd-group-border-radius: .75rem;--ngd-group-highlight-size: 1.25rem;--ngd-selected-node-box-shadow: 0 0 0 .25rem var(--ngd-focus-ring-node-active);--ngd-rotate-handle-size: 2rem;--ngd-rotate-handle-distance: 2rem;--ngd-rotate-handle-background-color: var(--ngd-button-gray-bg-default);--ngd-rotate-handle-background-color-hover: var(--ngd-button-gray-bg-hover);--ngd-rotate-handle-background-color-active: var(--ngd-button-gray-bg-active);--ngd-rotate-handle-xy: calc(-.7071 * var(--ngd-rotate-handle-distance));--ngd-rotate-handle-top: var(--ngd-rotate-handle-xy);--ngd-rotate-handle-right: var(--ngd-rotate-handle-xy);--ngd-resize-line-border-width: .0625rem;--ngd-resize-line-border-style: solid;--ngd-resize-line-border-color: var(--ngd-transform-box);--ngd-resize-handle-size: .375rem;--ngd-resize-handle-background-color: var(--ngd-ui-bg-primary-default);--ngd-resize-handle-border-size: .0625rem;--ngd-resize-handle-border-style: solid;--ngd-resize-handle-border-color: var(--ngd-transform-box);--ngd-resize-handle-border-radius: 0;--ngd-port-size: .25rem;--ngd-port-background-color: var(--ngd-node-port-fill-default);--ngd-port-border-color: var(--ngd-node-port-stroke-default);--ngd-port-border-size: .125rem;--ngd-port-border-radius: 50%;--ngd-port-background-color-hover: var(--ngd-node-port-fill-active);--ngd-port-border-color-hover: var(--ngd-node-port-stroke-active);--ngd-port-border-size-hover: .25rem;--ngd-default-edge-stroke: var(--ngd-colors-gray-500);--ngd-default-edge-stroke-hover: var(--ngd-colors-gray-700);--ngd-default-edge-stroke-selected: var(--ngd-colors-acc1-500);--ngd-box-selection-border-color: #961ce7;--ngd-box-selection-border-size: 1px;--ngd-box-selection-background: rgba(43, 91, 213, .12);--ngd-default-edge-label-background-color: var(--ngd-default-edge-label-bg-primary-default);--ngd-default-edge-label-color: var(--ngd-txt-primary-default);--ngd-default-edge-label-border-color: var(--ngd-colors-gray-500);--ngd-background-dot-color: var(--ngd-colors-gray-500);--ngd-background-line-minor-width: .5;--ngd-background-line-major-width: 1;--ngd-background-line-minor-opacity: .5;--ngd-background-line-major-opacity: .6;--ngd-minimap-background: var(--ngd-minimap-bg-primary-default);--ngd-minimap-border-color: var(--ngd-minimap-stroke-primary-default);--ngd-minimap-shadow-color: var(--ngd-shadow);--ngd-minimap-border-radius: 1rem;--ngd-minimap-padding: .5rem;--ngd-minimap-margin: 1rem;--ngd-minimap-node-color: var(--ngd-colors-gray-400);--ngd-minimap-node-opacity: .8;--ngd-minimap-diagram-bounds-opacity: .3;--ngd-minimap-diagram-bounds-color: var(--ngd-colors-gray-400);--ngd-minimap-viewport-stroke-color: var(--ngd-colors-gray-400);--ngd-minimap-viewport-stroke-width: 1;--ngd-nav-button-color: var(--ngd-nav-button-primary-default);--ngd-nav-button-size: 1.25rem;--ngd-nav-button-border-radius: .5rem;--ngd-nav-button-padding: .6875rem;--ngd-nav-button-background-color-hover: var(--ngd-nav-button-primary-hover);--ngd-nav-button-color-active: var(--ngd-nav-button-primary-pressed);--ngd-nav-button-color-disabled: var(--ngd-nav-button-primary-disabled);--ngd-zoom-controls-font-size: .8125rem;--ngd-zoom-controls-font-weight: 500;--ngd-zoom-controls-color: var(--ngd-nav-button-primary-default)}.ng-diagram-port-hoverable .ng-diagram-port:hover,.ng-diagram-port-hoverable .ng-diagram-port.custom-content:hover .content-projection,.ng-diagram-port-hoverable-over-node:hover:not(:has(.ng-diagram-rotate-handle:hover)):not(:has([data-rotating])) .ng-diagram-port.custom-content .content-projection,.ng-diagram-port-hoverable-over-node:hover:not(:has(.ng-diagram-rotate-handle:hover)):not(:has([data-rotating])) .ng-diagram-port{background-color:var(--ngd-port-background-color-hover);border-color:var(--ngd-port-background-color-hover);outline:calc(1px + var(--ngd-port-border-size)) solid var(--ngd-port-background-color-hover);outline-offset:-1px;box-shadow:0 0 0 var(--ngd-port-border-size-hover) var(--ngd-port-border-color-hover)}.ng-diagram-node-wrapper:not(.ng-diagram-node-selected){transition:box-shadow .1s ease-in-out}.ng-diagram-node-wrapper.ng-diagram-group-highlight,.ng-diagram-node-wrapper.ng-diagram-group.ng-diagram-group-highlight{border-color:var(--ngd-group-border-color-highlight);box-shadow:0 0 var(--ngd-group-highlight-size) 0 var(--ngd-group-box-shadow-color-highlight) inset}.ng-diagram-node-wrapper.ng-diagram-node-selected{box-shadow:var(--ngd-selected-node-box-shadow)}ng-diagram *,ng-diagram *:before,ng-diagram *:after{box-sizing:border-box}html[data-theme=dark]{background-color:var(--ngd-colors-gray-800)}html[data-theme=light]{background-color:var(--ngd-colors-gray-200)}html,body{height:100%;font-family:Poppins,sans-serif;margin:0}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--ngd-focus-ring-element);outline-offset:2px}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}.ramcom-rack-device-item,.ramcom-rack-front-host,.ramcom-rack-image-overlay-host{--ramcom-rack-rail-overlap: 24px}.ramcom-rack-front-host>*{box-sizing:border-box}.ramcom-rack-front-image{position:absolute!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;z-index:8!important;image-rendering:auto!important}.ramcom-rack-front-image--cover{left:calc(0px - var(--ramcom-rack-rail-overlap))!important;top:0!important;width:calc(100% + var(--ramcom-rack-rail-overlap) * 2)!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important}.ramcom-rack-front-image--cropped{object-fit:fill!important;object-position:50% 50%!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-host .rack-item__ears,html.ramcom-rack-front-mode .ramcom-rack-image-overlay-host [class*=rack-item__ears]{opacity:0!important;pointer-events:none!important}.ramcom-rack-hold-pending{cursor:progress!important}.ramcom-rack-hold-active{cursor:grabbing!important;z-index:60!important;will-change:transform;transition:none!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28));outline:2px solid rgba(76,139,245,.85)!important}.ramcom-rack-hold-active:after{content:attr(data-ramcom-move-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:90;min-width:72px;padding:5px 9px;border-radius:999px;background:#081323e6;color:#fff;font:600 12px/1.2 Poppins,Arial,sans-serif;text-align:center;white-space:nowrap;pointer-events:none}html.ramcom-rack-moving,html.ramcom-rack-moving body{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}@media(max-width:900px){.ramcom-rack-device-item{--ramcom-rack-rail-overlap: 18px}}.ramcom-rack-front-host>img[data-ramcom-rack-mirrored="1"]{visibility:visible!important;opacity:1!important}.ramcom-rack-front-host>img.ramcom-rack-front-image{z-index:12!important}.ramcom-rack-approved-image{position:absolute!important;left:calc(0px - var(--ramcom-rack-rail-overlap))!important;top:0!important;width:calc(100% + var(--ramcom-rack-rail-overlap) * 2)!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:fill!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:20!important}.ramcom-rack-image-library-controls{display:grid;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.34);font-family:Poppins,Arial,sans-serif}.ramcom-rack-image-library-controls__title{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:inherit}.ramcom-rack-image-library-controls__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ramcom-rack-image-library-controls button{min-height:38px;border-radius:8px;font:600 12px/1.2 Poppins,Arial,sans-serif;cursor:pointer}.ramcom-rack-image-library-controls button:disabled{opacity:.42;cursor:not-allowed}.ramcom-rack-primary{border:1px solid #7c3aed;background:#7c3aed;color:#fff;padding:9px 12px}.ramcom-rack-primary:hover:not(:disabled){filter:brightness(1.06)}.ramcom-rack-secondary{border:1px solid #cbd5e1;background:#fffffff5;color:#172033;padding:9px 12px}.ramcom-rack-danger{color:#b42318;border-color:#fecaca}.ramcom-rack-image-library-controls small{color:#64748b;font-size:10px;line-height:1.45}.ramcom-rack-image-library-preview{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px;border:1px dashed #cbd5e1;border-radius:7px;color:#64748b;font-size:10px;overflow:hidden}.ramcom-rack-image-library-preview img{display:block;max-width:70%;max-height:40px;object-fit:contain}.ramcom-rack-image-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:26px;font-family:Poppins,Arial,sans-serif}.ramcom-rack-image-modal__backdrop{position:absolute;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ramcom-rack-image-modal__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1180px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:hidden;border-radius:16px;background:#f8fafc;color:#172033;box-shadow:0 30px 90px #00000061}.ramcom-rack-image-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 15px;border-bottom:1px solid #e2e8f0;background:#fff}.ramcom-rack-image-modal__header h2{margin:0;font-size:22px;line-height:1.2}.ramcom-rack-image-modal__header p{margin:4px 0 0;color:#64748b;font-size:12px}.ramcom-rack-image-close{width:36px;height:36px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-size:24px;line-height:1;cursor:pointer}.ramcom-rack-image-picker__intro{display:flex;align-items:baseline;gap:12px;padding:13px 22px;background:#f1f5f9;color:#475569;font-size:12px}.ramcom-rack-image-picker__intro strong{color:#172033;white-space:nowrap}.ramcom-rack-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:18px 22px 22px;overflow:auto;min-height:250px}.ramcom-rack-image-card{display:grid;grid-template-rows:150px auto;padding:0;overflow:hidden;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 12px #0f172a0d}.ramcom-rack-image-card:hover{border-color:#7c3aed;box-shadow:0 8px 24px #7c3aed21}.ramcom-rack-image-card__picture{display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;background:#e5e7eb}.ramcom-rack-image-card__picture img{display:block;max-width:100%;max-height:100%;object-fit:contain}.ramcom-rack-image-card--failed{opacity:.45}.ramcom-rack-image-card__meta{display:grid;gap:4px;padding:10px 12px 12px}.ramcom-rack-image-card__meta strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.ramcom-rack-image-card__meta span{color:#64748b;font-size:10px}.ramcom-rack-image-card__meta em{color:#7c3aed;font-size:10px;font-style:normal;font-weight:700}.ramcom-rack-image-empty{grid-column:1 / -1;padding:50px 20px;color:#64748b;text-align:center}.ramcom-rack-image-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding:20px 22px;overflow:auto}.ramcom-rack-image-editor__stage{min-width:0}.ramcom-rack-image-editor__stage>p{margin:10px 0 0;color:#64748b;font-size:11px;text-align:center}.ramcom-rack-editor-rack{position:relative;display:flex;align-items:stretch;width:100%;min-height:120px;padding:0;overflow:hidden;border:1px solid #94a3b8;background:#c5c9ce;box-shadow:inset 0 0 0 8px #d8dbe0}.ramcom-rack-editor-rack canvas{position:relative;z-index:2;width:100%;height:auto;max-height:56vh;object-fit:contain;background:#bfc3c8}.ramcom-rack-editor-rail{position:absolute;top:0;bottom:0;z-index:3;width:32px;pointer-events:none;background:radial-gradient(circle at 50% 14px,#111 0 2px,transparent 3px) 0 0 / 100% 28px,#89929f;border-inline:1px solid #475569;opacity:.9}.ramcom-rack-editor-rail--left{left:0}.ramcom-rack-editor-rail--right{right:0}.ramcom-rack-image-editor__controls{display:grid;align-content:start;gap:14px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.ramcom-rack-image-editor__controls label{display:grid;grid-template-columns:1fr auto;gap:6px 10px;color:#334155;font-size:11px;font-weight:600}.ramcom-rack-image-editor__controls label input{grid-column:1 / -1;width:100%}.ramcom-rack-image-editor__controls output{color:#7c3aed;font-weight:700}.ramcom-rack-dimensions{display:grid;gap:12px;padding:12px;border:1px solid #d8dee8;border-radius:10px;background:#f8fafc}.ramcom-rack-dimensions__heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ramcom-rack-dimensions__heading strong{color:#172033;font-size:12px}.ramcom-rack-dimensions__heading span{color:#64748b;font-size:9px;white-space:nowrap}.ramcom-rack-dimension-control{grid-template-columns:1fr auto!important}.ramcom-rack-dimension-control>input[type=range]{grid-column:1 / 2!important;align-self:center}.ramcom-rack-dimension-number{grid-column:2 / 3;display:grid;grid-template-columns:64px 18px;align-items:center;gap:3px}.ramcom-rack-dimension-number input{width:64px!important;padding:5px 6px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;font:600 10px/1.2 Poppins,Arial,sans-serif;text-align:right}.ramcom-rack-dimension-number em{color:#64748b;font-size:9px;font-style:normal}.ramcom-rack-aspect-lock{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center;gap:2px 8px!important;padding-top:3px}.ramcom-rack-aspect-lock input{grid-column:1!important;grid-row:1 / 3;width:16px!important;height:16px;margin:0}.ramcom-rack-aspect-lock>span{color:#334155;font-size:10px;font-weight:700}.ramcom-rack-aspect-lock small{color:#64748b;font-size:8px;font-weight:400}.ramcom-rack-image-editor__mode{display:grid;grid-template-columns:1fr;gap:6px}.ramcom-rack-image-editor__mode button{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:600 11px/1.2 Poppins,Arial,sans-serif;cursor:pointer}.ramcom-rack-image-editor__mode--two-column{grid-template-columns:1fr 1fr}.ramcom-rack-image-editor__mode button.is-active{border-color:#7c3aed;background:#f3e8ff;color:#6d28d9}.ramcom-rack-image-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;border-top:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:10px}.ramcom-rack-image-picker__footer [data-rack-more-status]{flex:1 1 auto;min-width:0;line-height:1.45}.ramcom-rack-image-picker__footer [data-rack-image-action=show-more]{border-color:#7c3aed;color:#6d28d9;font-weight:700;white-space:nowrap}.ramcom-rack-image-picker__footer [data-rack-image-action=show-more]:hover:not(:disabled){background:#f3e8ff}.ramcom-rack-image-picker__footer [data-rack-image-action=show-more]:disabled{color:#94a3b8;border-color:#cbd5e1}.ramcom-rack-image-modal__footer>div{display:flex;gap:8px}@media(max-width:760px){.ramcom-rack-image-modal{padding:10px}.ramcom-rack-image-modal__panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.ramcom-rack-image-editor{grid-template-columns:1fr}.ramcom-rack-image-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ramcom-rack-image-modal__footer{align-items:stretch;flex-direction:column}}.ramcom-rack-image-overlay-positioned.ramcom-rack-approved-host:before,.ramcom-rack-image-overlay-positioned.ramcom-rack-mirrored-host:before{content:"";position:absolute!important;left:calc(0px - var(--ramcom-rack-rail-overlap))!important;top:0!important;width:calc(100% + var(--ramcom-rack-rail-overlap) * 2)!important;height:100%!important;display:none;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:30!important;background-repeat:no-repeat!important;background-position:center center!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-positioned.ramcom-rack-mirrored-host:before{display:block;background-image:var(--ramcom-rack-mirrored-image-url);background-size:cover!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-positioned.ramcom-rack-approved-host:before{display:block;background-image:var(--ramcom-rack-approved-image-url);background-size:100% 100%!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-positioned.ramcom-rack-approved-host.ramcom-rack-mirrored-host:before{background-image:var(--ramcom-rack-approved-image-url);background-size:100% 100%!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-background.ramcom-rack-mirrored-host{background-image:var(--ramcom-rack-mirrored-image-url)!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}html.ramcom-rack-front-mode .ramcom-rack-image-overlay-background.ramcom-rack-approved-host{background-image:var(--ramcom-rack-approved-image-url)!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:100% 100%!important}