:root {
  font-feature-settings:
    'clig' off,
    'liga' off;
  font-family: 'Instrument Sans';
  --letter-spacing: 0.0154rem; /* 0.2px / 13 */

  --line-height-142: 1.5385rem; /* 20px / 13 */
  --line-height-145: 1.2308rem; /* 16px / 13 */
  --line-height-150: 1.3846rem; /* 18px / 13 */
  --line-height-166: 1.5385rem; /* 20px / 13 */
  --line-height-171: 1.8462rem; /* 24px / 13 */

  --link-color: var(--link-l-50, #0f72ee);
}

/* Hero Styles */
.zap-hero-medium,
.zap-hero-semibold,
.zap-hero-bold {
  font-size: 1.5385rem; /* 20px / 13 */
  font-style: normal;
  line-height: 2.1538rem; /* 28px / 13 */
  letter-spacing: var(--letter-spacing);
}
.zap-hero-medium {
  font-weight: 500;
}
.zap-hero-semibold {
  font-weight: 600;
}
.zap-hero-bold {
  font-weight: 700;
}

/* Lead Styles */
.zap-lead-medium,
.zap-lead-semibold,
.zap-lead-bold {
  font-size: 1.3846rem; /* 18px / 13 */
  font-style: normal;
  line-height: 1.8462rem; /* 24px / 13 */
  letter-spacing: var(--letter-spacing);
}
.zap-lead-medium {
  font-weight: 500;
}
.zap-lead-semibold {
  font-weight: 600;
}
.zap-lead-bold {
  font-weight: 700;
}

/* Heading Styles */
.zap-heading-medium,
.zap-heading-semibold,
.zap-heading-bold {
  font-size: 1.2308rem; /* 16px / 13 */
  font-style: normal;
  line-height: 1.5385rem; /* 20px / 13 */
  letter-spacing: var(--letter-spacing);
}
.zap-heading-medium {
  font-weight: 500;
}
.zap-heading-semibold {
  font-weight: 600;
}
.zap-heading-bold {
  font-weight: 700;
}

/* Content Styles */
.zap-content-regular,
.zap-content-medium,
.zap-content-semibold {
  font-size: 1.0769rem; /* 14px / 13 */
  font-style: normal;
  line-height: var(--line-height-142);
  letter-spacing: var(--letter-spacing);
}
.zap-content-regular {
  font-weight: 400;
}
.zap-content-medium {
  font-weight: 500;
}
.zap-content-semibold {
  font-weight: 600;
}

/* Sub Content Styles */
.zap-subcontent-regular,
.zap-subcontent-medium,
.zap-subcontent-semibold {
  font-size: 0.9231rem; /* 12px / 13 */
  font-style: normal;
  line-height: var(--line-height-150);
  letter-spacing: var(--letter-spacing);
}
.zap-subcontent-regular {
  font-weight: 400;
}
.zap-subcontent-medium {
  font-weight: 500;
}
.zap-subcontent-semibold {
  font-weight: 600;
}

/* Caption Styles */
.zap-caption-regular,
.zap-caption-medium,
.zap-caption-semibold {
  font-size: 0.8462rem; /* 11px / 13 */
  font-style: normal;
  line-height: var(--line-height-145);
}
.zap-caption-regular {
  font-weight: 400;
}
.zap-caption-medium {
  font-weight: 500;
}
.zap-caption-semibold {
  font-weight: 600;
}

/* Button Styles */
.zap-button {
  font-size: 1.0769rem; /* 14px / 13 */
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-171);
  letter-spacing: var(--letter-spacing);
}
.zap-button-small {
  font-size: 0.9231rem; /* 12px / 13 */
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-166);
  letter-spacing: var(--letter-spacing);
}

/* Link Styles */
.zap-link,
.zap-link-small {
  color: var(--link-color);
  font-style: normal;
  font-weight: 600;
  text-decoration-line: underline;
  letter-spacing: var(--letter-spacing);
}
.zap-link {
  font-size: 1.0769rem; /* 14px / 13 */
  line-height: var(--line-height-142);
}
.zap-link-small {
  font-size: 0.9231rem; /* 12px / 13 */
  line-height: var(--line-height-150);
}

/* Internal Link Styles */
.zap-internallink,
.zap-internallink-small {
  color: var(--link-color);
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--letter-spacing);
}
.zap-internallink {
  font-size: 1.0769rem; /* 14px / 13 */
  line-height: var(--line-height-142);
}
.zap-internallink-small {
  font-size: 0.9231rem; /* 12px / 13 */
  line-height: var(--line-height-150);
}
:root {
  --iris-40: #8a7cdb;
  --iris-60: #503bc9;

  /* brand */
  --lemon: #fffa80;
  --lavender: #bfb4fe;

  /* grays */
  --slate-10: #f9f9f9;
  --slate-20: #f7f7f7;
  --slate-50: #f5f5f8;
  --slate-100: #f0eff4;
  --slate-200: #ebe9f1;
  --slate-300: #e2e0eb;
  --slate-400: #d2cfe0;
  --slate-500: #37373d;
  --slate-600: #b3b2b8;
  --slate-700: #434053;
  --slate-800: #2e2b40;

  --blue-10: #cbd5e0;
  --blue-20: #e2e8f0;

  --orange-10: #e78a75;
  --orange-20: #e06c52;

  /* default */

  --black: #000000;
  --white: #ffffff;

  --logo-bg-lavendar: #e1def6;
  --logo-lavendar: #8a7bdb;

  /* accent colors */
  --accent-beaver: #b8917a;
  --accent-charcoal: #3d5467;
  --accent-crayola: #da6c7b;
  --accent-olivine: #86b455;
  --accent-skyish: #80c7e5;
  --accent-verdigris: #70abaf;
  --accent-cambridge-blue: #8aa29e;
  --accent-cool-gray: #7d7da1;
  --accent-cosmic-latte: #f7f3e3;
  --accent-hookers-green: #5a7d7c;
  --accent-rose-quartz: #a38f9c;
  --accent-thulian-pink: #dd7eaa;
  --accent-tropical-indigo: #9893da;
  --accent-ultra-violet: #565676;
  --accent-vista-blue: #8093f1;
  --accent-mint: #eaffda;
  --accent-blush: #ffe6ec;
  --accent-bisque: #fff0da;
  --accent-mint-text: #ace87d;
  --accent-blush-text: #e87d97;
  --accent-bisque-text: #e8bd7d;
  --accent-twilight: #8883c9;
  --accent-6-sky: #92a7ed;

  /* accent colors RGB */
  --accent-beaver-rgb: 184, 145, 122;
  --accent-charcoal-rgb: 61, 84, 103;
  --accent-crayola-rgb: 218, 108, 123;
  --accent-olivine-rgb: 134, 180, 85;
  --accent-skyish-rgb: 128, 199, 229;
  --accent-verdigris-rgb: 112, 171, 175;
  --accent-cambridge-blue-rgb: 138, 162, 158;
  --accent-cool-gray-rgb: 125, 125, 161;
  --accent-cosmic-latte-rgb: 247, 243, 227;
  --accent-hookers-green-rgb: 90, 125, 124;
  --accent-rose-quartz-rgb: 163, 143, 156;
  --accent-thulian-pink-rgb: 221, 126, 170;
  --accent-tropical-indigo-rgb: 152, 147, 218;
  --accent-ultra-violet-rgb: 86, 86, 118;
  --accent-vista-blue-rgb: 128, 147, 241;
  --accent-6-sky-rgb: 146, 167, 237;

  /* states */

  /* charts */
  --citrus: #fba468;
  --cream: #ffede1;
  /* typography */
  --font-family: 'Instrument Sans', Helvetica, 'sans-serif';

  /* * text colors */
  --text-primary: #000041;
  --text-secondary: #66668d;
  --text-hint: #a3a3be;
  --text-notes: #d72d93;
  --text-notes-5: #d72d930d;

  /* * neutral colors */
  --neutral-white: #ffffff;
  --neutral-arch-10: #fafafb;
  --neutral-arch-20: #f7f8fd;
  --neutral-arch-30: #f2f5fd;
  --neutral-arch-40: #f5f5f7;
  --neutral-arch-50: #f0f0f4;
  --neutral-arch-60: #f8f8f8;
  --neutral-arch-70: #eef1fc;
  --neutral-arch-100: #eaeefb;
  --neutral-arch-200: #ebebf0;
  --neutral-arch-300: #e6e6ec;
  --neutral-arch-400: #b6c3f2;
  --neutral-arch-500: #abbbf0;
  --neutral-arch-600: #9d9db6;
  --neutral-arch-700: #97aaed;
  --neutral-arch-800: #79799b;
  --neutral-arch-900: #616189;
  --neutral-arch-80: #e5e9fb;

  /* * theme colors */
  --theme-blue-10: #fbfcfe;
  --theme-blue-20: #f7f8fd;
  --theme-blue-30: #f2f5fd;
  --theme-blue-40: #eef1fc;
  --theme-blue-60: #dfe5f9;
  --theme-blue-gradient: linear-gradient(180deg, #6d88e6 0%, #5877e2 100%);

  --theme-blue-dark: #2145c5;
  --theme-royal-blue-tint: #4e6ee1;

  /* *status colors */
  --status-danger: #de350b;
  --status-error: #e74c3c;
  --status-error-10: #fef4f3;
  --status-warning: #f39c12;
  --status-warning-10: #fef9f1;
  --status-success: #36b37e;
  --status-success-10: #f3faf7;
  --status-info: #3498db;
  --status-info-10: #f3f9fd;

  /* *disabled colors */
  --disabled-50: #f9f9f9;
  --disabled-100: #efefef;
  --disabled-500: #999999;

  /* *accent colors */
  --accent-aqua: #beffda;
  --accent-azure: #b8d3f0;
  --accent-blossom: #dd7eaa;
  --accent-citrus: #fba468;
  --accent-cream: #ffede1;
  --accent-dune: #ebe1b9;
  --accent-fern: #7ecaa0;
  --accent-lagoon: #52c4c4;
  --accent-meadow: #c1d985;
  --accent-mint: #d5eadc;
  --accent-olive: #babdab;
  --accent-orchid: #d6a3f1;
  --accent-petal: #eaa8b8;
  --accent-sky: #92a7ed;
  --accent-tangerine: #ffc576;
  --accent-tidal: #a5d6dc;
  --accent-twilight: #8883c9;
  --accent-wave: #52a7e0;
  --accent-wisteria: #e2cbf7;
  --accent-zest: #f4f5ad;

  /* * dashboard colours */
  --butterfly-blue: #489cff;
  --sea-green: #14cdc3;
  --cyber-yellow: #ffd500;
  --sky-blue: #87c8ff;
  --slate-blue: #5c81a0;

  /* m */

  /* ? NEW VARIABLES */

  /* Primary colors */
  --p-p10: #d3dbf8;
  --p-p20: #a8bbf0;
  --p-p30: #7c94e9;
  --p-p40: #5171e1;
  --p-p50: #254dda;
  --p-p60: #1e34ae;
  --p-p70: #162e83;
  --p-p80: #0f1f57;
  --p-p90: #070f2c;

  /* Gray scale */
  --dark-d10: #e1e1e2;
  --dark-d20: #c3c3c4;
  --dark-d30: #a6a6a7;
  --dark-d40: #888889;
  --dark-d50: #6a6a6c;
  --dark-d60: #555556;
  --dark-d70: #404041;
  --dark-d80: #2a2a2b;
  --dark-d90: #151516;

  /* Status colors */
  --status-success-s10: #d7f0e5;
  --status-success-s20: #afe1cb;
  --status-success-s30: #86d1b2;
  --status-success-s40: #5ec298;
  --status-success-s50: #36b37e;
  --status-success-s60: #28bf85;
  --status-success-s70: #206b4c;
  --status-success-s80: #164832;
  --status-success-s90: #082419;

  --status-error-e10: #fadbd8;
  --status-error-e20: #f5b7b1;
  --status-error-e30: #f1948a;
  --status-error-e40: #ec7063;
  --status-error-e50: #e74c3c;
  --status-error-e60: #d98830;
  --status-error-e70: #8b2e24;
  --status-error-e80: #5c1e18;
  --status-error-e90: #2f0f0c;

  --status-warning-w10: #fdebd0;
  --status-warning-w20: #fad7a0;
  --status-warning-w30: #f5b041;
  --status-warning-w40: #f39c12;
  --status-warning-w50: #c27d0e;
  --status-warning-w60: #925e0b;
  --status-warning-w70: #613d07;
  --status-warning-w80: #311f04;

  --status-info-i10: #d6eaf8;
  --status-info-i20: #aed6f1;
  --status-info-i30: #85c1e9;
  --status-info-i40: #5dade2;
  --status-info-i50: #3498db;
  --status-info-i60: #2a7aaf;
  --status-info-i70: #1f5b83;
  --status-info-i80: #153d56;
  --status-info-i90: #0a1e2c;

  /* Text colors */
  --text-primary: #000041;
  --text-secondary: #696e9c;
  --text-tertiary: #9999b3;

  /* Fill colors */
  --fill-background: #f5f8fa;
  --fill-highlight: #fbfbfe;
  --fill-selection: #f6f8fe;

  /* Border colors */
  --stroke-tabs-sections: #e5e9fb;
  --stroke-buttons-input: #d3dbf8;
  --stroke-border: #e5e9fb;
  --stroke-selection: #d3dbf8;

  /* Link colors */
  --link-rest: #0f72ee;
  --link-hover: #074da6;

  /* Infographic colors */
  --graph-1: #489cff;
  --graph-2: #14cdc3;
  --graph-3: #ffd500;
  --graph-4: #87c8ff;
  --graph-5: #5c81a0;

  /* border radius */
  --borderfull: 10240px;
}
html{
  font-size: 13px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  /* sets default text styles */
  color: var(--text-primary);
}

a {
  color: var(--link-rest);
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

a:hover {
  color: var(--link-hover);
}

[data-tooltip-id] {
  color: inherit;
  text-decoration: inherit;
  transition: none;
}

[data-tooltip-id]:hover {
  color: inherit;
}

@layer base {
  .zap-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .zap-reset-btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    /* -webkit-appearance: none; */
  }

  .zap-reset-btn:focus-visible {
    outline: none !important;
  }

  .hui-remove-input-arrows {
    &::-webkit-inner-spin-button {
      appearance: none;
    }
  }

  .hui-backdrop {
    position: fixed;
    width: 100dvw;
    height: 100dvh;
    background: var(--black);
    opacity: 0.5;
    z-index: 1023;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .hui-user-avatar {
    &:hover {
      transform: scale(1.2);
      transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
  }

  .tag {
    display: flex;
    align-items: center;
    padding: 2px 6px;
    gap: 3px;
    background: var(--neutral-arch-40);
    border-radius: 2px;
    width: fit-content;
    color: var(--accent-twilight);
    font-weight: 600;
    font-size: 0.923rem;
    line-height: 1.615rem;
    white-space: nowrap;
    height: 1.692rem;
  }

  .tag .cross-btn {
    background: transparent;
    border: none;
    outline: none;
    color: var(--theme-blue-60);
    padding: 0;
    padding-left: 2px;
  }
  .tag .cross-btn span {
    color: var(--theme-blue-60);
  }

  .closeBtn {
    outline: 0;
    border: 0;
    color: var(--status-error);
    background-color: var(--white);
    border-radius: 4px;
    padding: 7px 14px;
    transition: background-color 0.3s;
  }
  .closeBtn:hover {
    background-color: #ffe8e8;
  }
}
/* recharts */

.recharts-layer.recharts-pie-sector:focus {
  outline: none !important;
  outline-color: none;
  outline-style: none;
  outline-width: none;
}

.recharts-legend-item-text {
  color: var(--text-primary) !important;
}

/** Classes for the displayed toast **/
.Toastify__toast {
  align-items: center;
  min-height: 56px !important;
  padding: 16px !important;
  box-shadow:
    rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
  font-size: 1.07692rem;
  line-height: 1.53846rem; /* 142.857% */
}

/* global icon colors */

.icon-gray-light {
  color: #979797;
}

#react-vault-modal {
  position: absolute !important;
  top: 15% !important;
  left: 40% !important;
}

#headlessui-portal-root {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.zap-error-msg {
  font-weight: 400;
  font-size: 13px;
  color: var(--status-danger);
  margin: 0;
  text-align: left;
}

.zap-full {
  width: 100% !important;
}

.zap-capitalize {
  text-transform: capitalize;
}

.hide-arrows {
  -moz-appearance: textfield;
}

.hide-arrows::-webkit-inner-spin-button,
.hide-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

html {
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  &::-webkit-scrollbar-track {
    background: var(--dark-d10);
    border-radius: var(--borderfull);
  }

  &::-webkit-scrollbar-thumb {
    background: var(--dark-d40);
    border-radius: var(--borderfull);
    border: 2px solid var(--dark-d10);
  }

  &::-webkit-scrollbar-thumb:hover {
    background: var(--dark-d50);
  }

  &::-webkit-scrollbar-corner {
    background: transparent;
  }

  scrollbar-width: thin;
  scrollbar-color: var(--dark-d40) var(--dark-d10);
}

body * {
  scrollbar-width: none;
}

body *::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}
._online_oqjw9_1 {
  background-color: rgba(17, 148, 17, 0.782);
  transition: all 400ms;
  color: white;
  text-align: center;
  position: fixed;
  width: 100vw;
  top: 0;
  z-index: 2000000;
}

._offline_oqjw9_12 {
  background-color: rgba(184, 15, 15, 0.844);
  transition: all 400ms;
  color: white;
  text-align: center;
  position: fixed;
  width: 100vw;
  top: 0;
  z-index: 2000000;
}
._splashScreen_1ybzk_1 {
  position: absolute;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f3f8;
  font-family: 'Instrument Sans', Helvetica, 'sans-serif';
}

._splashImg_1ybzk_14 {
  width: 150px;
  height: 100px;
  margin-left: calc(100vw - 100%);
  margin-bottom: 30px;
}
._container_1s3zl_1 {
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-20);
  cursor: pointer;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
._selected_1s3zl_12 {
  background: var(--theme-blue-10);
  border: 1px solid var(--theme-blue-40);
}
._button_ymgco_1 {
  cursor: pointer;
  position: relative;
  /* z-index: 10000000000; */
}
._normalContent_ymgco_6 {
  display: flex;
  gap: 8px;
  color: var(--text-primary);
  font-size: 0.875rem;
  justify-content: center;
  align-items: center;

  font-weight: 400;
  line-height: 1.25rem;
}
._nodeContent_ymgco_17 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
}
._title_ymgco_23 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
._subTitle_ymgco_29 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

._imageContainer_ymgco_36 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_ymgco_45 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._deleteIcon_ymgco_54 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_ogkgz_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_ogkgz_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_ogkgz_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_ogkgz_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_ogkgz_5:hover {
  display: block;
}

._imageContainer_ogkgz_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_ogkgz_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_ogkgz_53 {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
._addImage_ogkgz_53 > svg path {
  fill: gray;
}
._container_ogkgz_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_ogkgz_5:hover {
  display: block;
}

._imageContainer_ogkgz_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}
._container_ndtf9_1 {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background: white;
  padding: 4px;
  min-width: 300px;
  box-shadow:
    0px 10.336px 5.719px 0px rgba(0, 0, 0, 0.03),
    0px 18.704px 19.209px 0px rgba(0, 0, 0, 0.05),
    0px 47px 86px 0px rgba(0, 0, 0, 0.08);
}

._moduleName_ndtf9_14 {
  padding: 8px 12px 0px 12px;
  color: var(--text-secondary);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.25rem; /* 200% */
  letter-spacing: 0.0125rem;
  text-transform: uppercase;
}

._singleOption_ndtf9_24 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 12px;
}
._optionLeftSection_ndtf9_31 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._OptionImage_ndtf9_36 {
  height: 20px;
  width: 20px;
}
._optionText_ndtf9_40 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._moreOptions_ndtf9_47 {
  width: 20px;
  height: 20px;
}
._singleOption_ndtf9_24:hover {
  border-radius: 4px;
  background: var(--neutral-arch-70);
}

._nestedSingleOption_ndtf9_56 {
  position: relative;
}
._nestedContainer_ndtf9_59 {
  display: none;
  flex-direction: column;
  border-radius: 4px;
  background: white;
  padding: 4px;
  min-width: 300px;
  box-shadow:
    0px 10.336px 5.719px 0px rgba(0, 0, 0, 0.03),
    0px 18.704px 19.209px 0px rgba(0, 0, 0, 0.05),
    0px 47px 86px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}

._maintainHoverState_ndtf9_78 {
  display: none;
  position: absolute;
  width: 355px;
  top: 0;
  right: -305px;
  z-index: 10;
}
._nestedSingleOption_ndtf9_56:hover ._nestedContainer_ndtf9_59 {
  display: block;
}
._nestedSingleOption_ndtf9_56:hover ._maintainHoverState_ndtf9_78 {
  display: block;
}

._svgIcon_ndtf9_93 g,
._svgIcon_ndtf9_93 path {
  fill: #434053;
}
._container_9lyhk_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_9lyhk_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_9lyhk_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_9lyhk_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_9lyhk_5:hover {
  display: block;
}

._imageContainer_9lyhk_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_9lyhk_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_9lyhk_53 {
  width: 20px;
  height: 20px;
}

._nodeContent_9lyhk_58 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 320px;
}
._title_9lyhk_67 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_9lyhk_77 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_9lyhk_88 {
  width: 20px;
  height: 20px;
}
._header_mcsvd_1 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem; /* 140% */
}

._bodyContentContainer_mcsvd_8 {
  width: 600px;
}

._bodyTitle_mcsvd_12 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
._bodySubTitle_mcsvd_18 {
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  margin-top: 20px;
}
._container_9lyhk_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_9lyhk_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_9lyhk_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_9lyhk_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_9lyhk_5:hover {
  display: block;
}

._imageContainer_9lyhk_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_9lyhk_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_9lyhk_53 {
  width: 20px;
  height: 20px;
}

._nodeContent_9lyhk_58 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 320px;
}
._title_9lyhk_67 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_9lyhk_77 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_9lyhk_88 {
  width: 20px;
  height: 20px;
}
._container_1dmu7_1 {
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-20);
  padding: 8px 12px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
._container_1mfur_1 {
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-30);
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background: white;
}
._selected_1mfur_12 {
  background: var(--neutral-arch-10);
  border: 1px solid var(--iris-40);
}
._successful_1mfur_16 {
  border: 1px solid var(--status-success-s50);
  background: white;
}
._in_progress_1mfur_20 {
  border: 1px solid var(--status-warning-w50);
}
._failed_1mfur_23,
._cancelled_1mfur_24 {
  border: 1px solid var(--status-error-e50);
}
._not_executed_1mfur_27 {
  cursor: not-allowed;
  border: 1px solid var(--neutral-arch-300);
}

._cancelled_1mfur_24 {
  cursor: not-allowed;
}
._not_to_be_executed_1mfur_35 {
  cursor: not-allowed;
  border: 1px solid var(--neutral-arch-300);
  background: var(--disabled-50);
}
._button_rwd9t_1 {
  cursor: grab;
  position: relative;
  /* z-index: 10000000000; */
}
._normalContent_rwd9t_6 {
  display: flex;
  gap: 8px;
  color: var(--text-primary);
  font-size: 0.875rem;
  justify-content: center;
  align-items: center;

  font-weight: 400;
  line-height: 1.25rem;
}

._nodeContentParent_rwd9t_18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._nodeContent_rwd9t_18 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
}
._title_rwd9t_30 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
._subTitle_rwd9t_36 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

._imageContainer_rwd9t_43 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_rwd9t_52 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._deleteIcon_rwd9t_61 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}

._infoImage_rwd9t_73 {
  margin-left: 20px;
}
._container_jddid_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_jddid_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_jddid_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_jddid_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_jddid_5:hover {
  display: block;
}

._imageContainer_jddid_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_jddid_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_jddid_53 {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

._addImage_jddid_53 > svg path {
  fill: gray;
}

._container_jddid_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_jddid_5:hover {
  display: block;
}

._imageContainer_jddid_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}
._container_y4yoi_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_y4yoi_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_y4yoi_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_y4yoi_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_y4yoi_5:hover {
  display: block;
}

._imageContainer_y4yoi_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_y4yoi_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_y4yoi_53 {
  width: 20px;
  height: 20px;
}
._nodeContentParent_y4yoi_57 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._nodeContent_y4yoi_57 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 350px;
}
._title_y4yoi_71 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_y4yoi_81 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_y4yoi_92 {
  width: 20px;
  height: 20px;
}

._infoImage_y4yoi_97 {
  cursor: pointer;
  margin-left: 20px;
}
._container_9lyhk_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_9lyhk_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_9lyhk_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_9lyhk_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_9lyhk_5:hover {
  display: block;
}

._imageContainer_9lyhk_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_9lyhk_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_9lyhk_53 {
  width: 20px;
  height: 20px;
}

._nodeContent_9lyhk_58 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 320px;
}
._title_9lyhk_67 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_9lyhk_77 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_9lyhk_88 {
  width: 20px;
  height: 20px;
}
._container_1bwpl_1 {
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-30);
  padding: 8px 12px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
._container_1yg28_1 {
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-30);
  cursor: pointer;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background: white;
}
._selected_1yg28_13 {
  background: var(--neutral-arch-10);
  border: 1px solid var(--iris-40);
}
._successful_1yg28_17 {
  border: 1px solid var(--status-success-s50);
  background: white;
}
._in_progress_1yg28_21 {
  border: 1px solid var(--status-warning-w50);
}
._failed_1yg28_24,
._skipped_1yg28_25,
._cancelled_1yg28_26 {
  border: 1px solid var(--status-error-e50);
}
._not_executed_1yg28_29 {
  cursor: not-allowed;
  border: 1px solid var(--neutral-arch-300);
}

._cancelled_1yg28_26 {
  cursor: not-allowed;
}
._not_to_be_executed_1yg28_37 {
  cursor: not-allowed;
  border: 1px solid var(--neutral-arch-300);
  background: var(--disabled-50);
}
._button_h8vv3_1 {
  cursor: pointer;
  position: relative;
  /* z-index: 10000000000; */
}
._normalContent_h8vv3_6 {
  display: flex;
  gap: 8px;
  color: var(--text-primary);
  font-size: 0.875rem;
  justify-content: center;
  align-items: center;

  font-weight: 400;
  line-height: 1.25rem;
}

._nodeContentParent_h8vv3_18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._nodeContent_h8vv3_18 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
}
._title_h8vv3_30 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
._subTitle_h8vv3_36 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

._imageContainer_h8vv3_43 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_h8vv3_52 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._deleteIcon_h8vv3_61 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}

._infoImage_h8vv3_73 {
  margin-left: 20px;
}
._pointer_u6hqt_1 {
  cursor: pointer;
}

._iconBox_u6hqt_5 {
  flex-shrink: 0;
}

._theme_u6hqt_9 > path,
._theme_u6hqt_9 > g > path {
  fill: var(--p-p50);
}

._primary_u6hqt_14 > path,
._primary_u6hqt_14 > g > path {
  fill: var(--text-primary);
}

._secondary_u6hqt_19 > path,
._secondary_u6hqt_19 > g > path {
  fill: var(--text-secondary);
}

._arch800_u6hqt_24 > path,
._arch800_u6hqt_24 > g > path {
  fill: var(--neutral-arch-800);
}

._default_u6hqt_29 > path,
._default_u6hqt_29 > g > path {
  fill: var(--p-p90);
}

._success_u6hqt_34 > path,
._success_u6hqt_34 > g > path {
  fill: var(--status-success);
}

._danger_u6hqt_39 > path,
._danger_u6hqt_39 > g > path {
  fill: var(--status-danger);
}

._error_u6hqt_44 > path,
._error_u6hqt_44 > g > path {
  fill: var(--status-error);
}

._warning_u6hqt_49 > path,
._warning_u6hqt_49 > g > path {
  fill: var(--status-warning);
}
._info_u6hqt_53 > path,
._info_u6hqt_53 > g > path {
  fill: var(--status-info);
}

._white_u6hqt_58 > path,
._white_u6hqt_58 > g > path {
  fill: var(--netural-white);
}
._themeTint_u6hqt_62 > path,
._themeTint_u6hqt_62 > g > path {
  fill: var(--theme-royal-blue-tint);
}
._container_3ehzj_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_3ehzj_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_3ehzj_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_3ehzj_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_3ehzj_5:hover {
  display: block;
}

._imageContainer_3ehzj_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_3ehzj_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_3ehzj_53 {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

._container_3ehzj_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_3ehzj_5:hover {
  display: block;
}

._imageContainer_3ehzj_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}
._container_y4yoi_1 {
  position: relative;
  z-index: 10000000000;
}
._deleteIcon_y4yoi_5 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_y4yoi_16 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_y4yoi_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_y4yoi_5:hover {
  display: block;
}

._imageContainer_y4yoi_35 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_y4yoi_44 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_y4yoi_53 {
  width: 20px;
  height: 20px;
}
._nodeContentParent_y4yoi_57 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._nodeContent_y4yoi_57 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 350px;
}
._title_y4yoi_71 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_y4yoi_81 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_y4yoi_92 {
  width: 20px;
  height: 20px;
}

._infoImage_y4yoi_97 {
  cursor: pointer;
  margin-left: 20px;
}
._container_tj4li_1 {
  position: relative;
  z-index: 10000000000;
  display: flex;
  align-items: center;
}
._deleteIcon_tj4li_7 {
  display: none;
  position: absolute;
  top: 35%;
  right: 0px;
  height: 15px;
  width: 15px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._dropdownMenu_tj4li_18 {
  display: none;
  position: absolute;
  top: 35%;
  right: -305px;
  transition: all 400ms;
  cursor: pointer;
  z-index: 10000000000;
}
._container_tj4li_1:hover img {
  display: block;
  z-index: 10000000000;
  transition: all 400ms;
}

._deleteIcon_tj4li_7:hover {
  display: block;
}

._imageContainer_tj4li_37 {
  background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1.8rem;
}

._addNewNodeContent_tj4li_46 {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}

._addImage_tj4li_55 {
  width: 20px;
  height: 20px;
}

._nodeContent_tj4li_60 {
  display: flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
  /* change width below we need to change node width in create-workflow helper file 
  to avoid node collision */
  max-width: 320px;
}
._title_tj4li_69 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._subTitle_tj4li_79 {
  color: var(--text-Secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nodeIcon_tj4li_90 {
  width: 20px;
  height: 20px;
}

._infoImage_tj4li_95 {
  cursor: pointer;
  margin-left: 20px;
}
._container_1bwpl_1 {
  border-radius: 12px;
  border: 1px solid var(--neutral-arch-200);
  background: var(--neutral-arch-30);
  padding: 8px 12px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
._edgeButton_1cwsa_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--neutral-arch-100);
  border: 0px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  font-size: 20px;
  padding: auto;
  line-height: 1;
  color: var(--p-p50);
}

/* .edgeButton:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
} */
._edgeButton_13txs_1 {
  width: 20px;
  height: 20px;
  background: #eee;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}

._edgeButton_13txs_1:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}


._edgeButton_13txs_1 {
  width: 20px;
  height: 20px;
  background: #eee;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}

._edgeButton_13txs_1:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}


._authWrapper_5hqgi_1 {
  height: 100vh;
  background-color: var(--neutral-arch-10);
  position: relative;
}
._gradientStrip_5hqgi_6 {
  width: 100%;
  height: 10px;
  background: var(--p-p50);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}
._topThread_5hqgi_15 {
  position: fixed;
  top: 0;
  left: 0;
  width: 35%;
}

._topThread_5hqgi_15 img {
  width: 100%;
}

._bottomThread_5hqgi_26 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

._bottomThread_5hqgi_26 img {
  width: 100%;
}

._authContentContainer_5hqgi_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

._leftWrapper_5hqgi_44 {
  width: 50vw;
  height: 100%;
  overflow: hidden;
  position: static;
}

._leftContainer_5hqgi_51 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  width: 100%;
  height: 100%;
  margin-left: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

._testimonialContainer_5hqgi_64 {
  max-width: 40rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._message_5hqgi_70 {
  font-weight: 400;
  font-size: 1.538rem;
  line-height: 2.153rem;
  color: #171718;
  margin-bottom: 10px;
  text-align: center;
}
._name_5hqgi_78 {
  font-weight: 400;
  font-size: 1.23rem;
  line-height: 1.85rem;
  color: #171718;
}
._position_5hqgi_84 {
  font-weight: 400;
  font-size: 1.077rem;
  line-height: 1.53rem;
  color: var(--text-secondary);
  margin-bottom: 12px;
}
._profilePictures_5hqgi_91 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._picContainer_5hqgi_97 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

._spinner_5hqgi_106 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  rotate: 90deg;
}

._spinnerSvg_5hqgi_114 {
  width: 100%;
  height: 100%;
}

._profilePic_5hqgi_91 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 2px;
}

._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 {
  position: initial;
}

._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._leftContainer_5hqgi_51 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._signUpInfoContainer_5hqgi_136 {
  max-width: 568px;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._brandLogos_5hqgi_139 {
  width: 100%;
  margin-top: 2rem;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 p,
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 li {
  font-weight: 400;
  font-size: 1.385rem;
  line-height: 2.154rem;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ul {
  margin: 55px 0 68px 0;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._brandLogos_5hqgi_139 {
  width: 100%;
  height: fit-content;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._brandLogos_5hqgi_139 svg {
  width: 100%;
  height: 120px;
}
._leftWrapper_5hqgi_44._leftWrapperSignup_5hqgi_126 ._header_5hqgi_160 {
  font-weight: 600;
  font-size: 1.846rem;
  line-height: 2.76rem;
  margin-bottom: 54px;
}
._rightWrapper_5hqgi_166 {
  width: 50vw;
  height: 100%;
  background-color: var(--neutral-arch-10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 1rem;
}
._hybridLogoContainer_5hqgi_176 {
  display: block;
  /* height: 30px; */
  width: 170px;
  margin-bottom: 2.8rem;
}

._hybridLogoContainer_5hqgi_176 img {
  width: 100%;
}

._formContainer_5hqgi_187 {
  width: 480px;
  max-width: 100%;
  background: var(--white);
  border: 1px solid var(--neutral-arch-100);
  border-radius: 8px;
  padding: 50px 60px 90px;
  z-index: 10;
}

._signUpFormContainer_5hqgi_197 {
  padding: 60px;
}

@media screen and (max-width: 992px) {
  ._leftWrapper_5hqgi_44 {
    display: none;
  }
  ._formContainer_5hqgi_187 {
    padding: 3rem !important;
  }
}
@media screen and (max-width: 650px) {
  ._rightWrapper_5hqgi_166 {
    width: 100vw;
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 500px) {
  ._formContainer_5hqgi_187 {
    padding: 2rem !important;
  }
}
._form_127xz_1 {
  width: 100%;
}

._formHeader_127xz_5 {
  text-align: center;
  margin-bottom: 2.5rem;
}

._heading_127xz_10 {
  font-weight: 600;
  font-size: 2.77rem;
  line-height: 4rem;
  text-align: center;
  color: var(--text-primary);
  margin-bottom: 5px;
}

._subHeading_127xz_19 {
  font-weight: 400;
  font-size: 1.153rem;
  line-height: 1.846rem;
  text-align: center;
  color: var(--text-secondary);
}

._subHeading_127xz_19 a._link_127xz_27 {
  color: var(--p-p50);
  font-weight: 500;
}

._subHeading_127xz_19 a._link_127xz_27:hover {
  text-decoration: underline !important;
}

._toc_127xz_36 {
  margin-bottom: 20px;
  margin-top: 4px;
}

._tocInput_127xz_41 {
  display: flex;
  gap: 6px;
  align-items: center;
}

._tocCheckbox_127xz_47 {
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  border-radius: 4px;
  accent-color: var(--p-p50);
}

._tocLabel_127xz_55 {
  font-weight: 500;
  font-size: 1.075rem;
  color: var(--text-secondary);
}

._errorMsg_127xz_61 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.54rem;
  color: var(--status-danger);
  text-align: left;
}

._submitBtn_127xz_69 {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

._or_127xz_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  font-weight: 400;
  font-size: 0.846rem;
  line-height: 1.538rem;
  color: var(--text-hint) !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  margin-top: 1.538rem;
  margin-bottom: 1.538rem;
}
._or_127xz_76 ._strip_127xz_92 {
  width: 100%;
  height: 0;
  border: 0.8px solid var(--neutral-arch-300);
}

._msBtn_127xz_98 {
  margin-top: 1.538rem;
}

._googleBtn_127xz_102,
._msBtn_127xz_98 {
  width: 100%;
  height: 3.38rem;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 10px;

  background: var(--white);

  border: 1px solid var(--neutral-arch-200);
  border-radius: 8px;

  font-weight: 400;
  font-size: 1.23rem;
  line-height: 1.538rem;

  color: var(--text-primary);
}

._googleBtn_127xz_102:disabled,
._msBtn_127xz_98:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._googleBtn_127xz_102 img,
._msBtn_127xz_98 img {
  height: 20px;
}

._ssoIcon_127xz_136 {
  width: 20px;
  height: 20px;
}

._buttonIcon_127xz_141 path {
  fill: var(--p-p50);
}

._ssoSelectionContainer_127xz_145 {
  margin: -20px;
}

._ssoSelectionHeading_127xz_149 {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}

._ssoBox_127xz_155 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 8px;
  background: var(--fill-highlight);
}

._ssoValue_127xz_163 {
  font-weight: 700;
}

._emailDisplay_127xz_167,
._companyInfo_127xz_168 {
  display: flex;
  align-items: center;
}

._ssoLabel_127xz_173 {
  min-width: 80px;
}

._ssoLine_127xz_177 {
  background: var(--stroke-border);
  height: 1px;
  margin-top: 16px;
}
._form_a9z3m_1 {
  width: 100%;
}

._formHeader_a9z3m_5 {
  text-align: center;
  margin-bottom: 2.5rem;
}

._heading_a9z3m_10 {
  font-weight: 600;
  font-size: 2.77rem;
  line-height: 4rem;
  text-align: center;
  color: var(--text-primary);
  margin-bottom: 5px;
}

._subHeading_a9z3m_19 {
  font-weight: 400;
  font-size: 1.153rem;
  line-height: 1.846rem;
  text-align: center;
  color: var(--text-secondary);
}

._subHeading_a9z3m_19 a._link_a9z3m_27 {
  color: var(--p-p50);
  margin-left: 4px;
}
._subHeading_a9z3m_19 a._link_a9z3m_27:hover {
  text-decoration: underline !important;
}

._nameContainer_a9z3m_35 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.538rem;
}

._secondaryText_a9z3m_41 {
  color: var(--text-secondary);
}

._toc_a9z3m_45 {
  margin-bottom: 20px;
}

._tocInput_a9z3m_49 {
  display: flex;
  gap: 6px;
  align-items: center;
}

._tocCheckbox_a9z3m_55 {
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  border-radius: 4px;
  accent-color: var(--p-p50);
}

._tocLabel_a9z3m_63 {
  font-weight: 500;
  font-size: 1.075rem;
  color: var(--text-secondary);
}

._errorMsg_a9z3m_69 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.54rem;
  color: var(--status-danger);
  text-align: left;
}

._submitBtn_a9z3m_77 {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

._verifyEmailMsg_a9z3m_84 {
  text-align: center;
  margin-top: 1rem;
  color: var(--p-p50);
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0;
}
._heading_hmtnt_1 {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}
._container_k8qj4_1 {
  text-align: center;
  padding: 48px 24px;
}

._title_k8qj4_6 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 24px;
}

._description_k8qj4_13 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #666;
  margin-bottom: 16px;
}

._loginMsg_k8qj4_20 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-top: 16px;
}

._link_k8qj4_27 {
  color: var(--p-p50);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

._link_k8qj4_27:hover {
  color: var(--p-p60);
  text-decoration: underline;
}

._invalid_k8qj4_39 {
  background-color: #fef2f2;
}

._valid_k8qj4_43 {
  background-color: #f0fdf4;
}
._menuItem_1hdxf_1 {
  height: 40px;
  width: 100%;
  contain: content;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

._menuLink_1hdxf_10 {
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  display: block;
  contain: content;
  transform: translateZ(0);
}

._menuContent_1hdxf_19 {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;
  position: relative;
  transition: background-color 200ms ease-out;
  transform: translateZ(0);
  will-change: background-color, border-left;
  backface-visibility: hidden;
}

._menuContent_1hdxf_19:hover {
  background-color: var(--fill-selection);
}

._menuContentActive_1hdxf_36 {
  background-color: var(--fill-selection);
  border-left: 2px solid var(--p-p50);
  padding-left: 13px;
}

._iconContainer_1hdxf_42 {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  contain: strict;
  transform: translateZ(0);
}

._icon_1hdxf_42 {
  width: 20px;
  height: 20px;
  transition: opacity 200ms ease-out;
  position: absolute;
  left: 0;
  top: 0;
  will-change: opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
}

._defaultIcon_1hdxf_66 {
  opacity: 1;
}

._defaultIcon_1hdxf_66 path,
._defaultIcon_1hdxf_66 g path {
  transition: fill 200ms ease-out;
}

._menuContent_1hdxf_19:hover {
  ._defaultIcon_1hdxf_66 path,
  ._defaultIcon_1hdxf_66 g path {
    fill: var(--p-p50);
  }

  ._itemTitle_1hdxf_81 {
    color: var(--p-p50);
  }
}

._activeIcon_1hdxf_86 {
  opacity: 0;
}

._menuContentActive_1hdxf_36 {
  ._defaultIcon_1hdxf_66 {
    opacity: 0;
  }

  ._activeIcon_1hdxf_86 {
    opacity: 1;
  }

  ._itemTitle_1hdxf_81 {
    color: var(--p-p50);
  }
}

._itemTitle_1hdxf_81 {
  color: var(--text-primary);
  transition: color 200ms ease-out;
  will-change: color, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
}

._menuContentMini_1hdxf_112 {
  padding: 10px;
  justify-content: center;
}

._titleAnimation_1hdxf_117 {
  opacity: 0;
  animation: _titleFadeIn_1hdxf_1 200ms ease-out forwards;
}

@keyframes _titleFadeIn_1hdxf_1 {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
._menuContainer_ejw9z_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding-bottom: 4px;
}

._menuContainerMini_ejw9z_9 {
  gap: 0px;
}

._menuContainer_ejw9z_1:focus-within {
  outline: none;
}

._menuContainer_ejw9z_1:focus-visible {
  outline: 2px solid var(--p-p50);
  outline-offset: -2px;
}

._menuOverflow_ejw9z_22 {
  scrollbar-width: none;
  overflow-x: hidden;
  max-height: calc(100vh - 80px);
}

._menuOverflow_ejw9z_22::-webkit-scrollbar {
  display: none;
}

._sectionTitle_ejw9z_32 {
  color: var(--text-secondary);
  padding: 5px 15px;
  height: 28px;
}

._sectionTitleContainer_ejw9z_38 {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 5px 15px;
  height: 28px;
  color: var(--text-secondary);
}
._avatarImg_13ua7_1 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

._initials_13ua7_7 {
  background-color: var(--iris-60);
  color: var(--accent-tangerine);
  border-radius: 8px;
  padding: 8px;
}
._uploadBtn_irrl6_1 {
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  border: 1px dashed var(--p-p10);
  background: var(--fill-highlight, #fbfbfe);
  padding: 16px 0.8rem;
  color: var(--text-secondary);
}
._uploadBtn_irrl6_1:hover {
  border: 1px dashed var(--theme-blue-dark);
}
._uploadBtn_irrl6_1 span {
  color: #979797;
}
._dFlex_irrl6_16 {
  display: flex;
  align-items: center;
}
._singleDoc_irrl6_20 {
  border-radius: 4px;
  border: 1px solid var(--neutral-arch-200);
  background: transparent;
  padding: 12px;
  position: relative;
  margin-top: 20px;
}
._contentContainer_irrl6_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._detailsContainer_irrl6_33 {
  width: fit-content;
  margin-left: 5px;
}
._fileName_irrl6_37 {
  width: 200px;
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* letter-spacing: 0.2px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 150% */
}
._fileName_irrl6_37:hover {
  text-decoration: underline !important;
}
._subTitle2_irrl6_54 {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  /* max-width: 100px; */
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}
._fileType_irrl6_66 {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
._smallCircle_irrl6_73 {
  width: 1.2px;
  height: 10px;
  /* border-radius: 50%; */
  background-color: var(--text-secondary);
  opacity: 0.5;
  margin: 0 3px;
  margin: 0 4px;
}
._removeBtn_irrl6_82 {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: var(--status-error);
}
._editIcon_irrl6_89 {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.268);
}
._uploadedImage_irrl6_98 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 3px solid #ffffff;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
}
._emptyLogo_irrl6_106 {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-sizing: content-box;
  color: #222;
  display: flex;
  font-weight: 800;
  justify-content: center;
  overflow: hidden;
  font-size: 6vw;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
._iconBox_irrl6_121 {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  background-color: var(--theme-blue-30);
  border-radius: 4px;
}
._title_irrl6_131 {
  color: var(--p-p50);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.2px;
}
._subTitle_irrl6_54 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-word-break: break-word;
  word-break: break-word;
  gap: 0 4px;

  color: var(--text-hint);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
._progressBar_irrl6_153 {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #dcd9fd60;
  transition: all 200ms;
}
._deleteIcon_irrl6_161 {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
._viewStateDoc_irrl6_166 {
  max-width: 244px;
  min-width: 244px;
}
._fileUploadLimit_irrl6_170 {
  margin-bottom: 10px;
  color: var(--status-info);
}
._fileUploadLimitError_irrl6_174,
._errorMsg_irrl6_175 {
  margin-bottom: 10px;
  color: var(--status-danger);
}
._fileContainer_irrl6_179 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 15px;
}
._addDocsIcons_irrl6_185 {
  height: 34px;
  width: 34px;
  margin-right: 15px;
}
._addDocsIcons_irrl6_185 > path,
._addDocsIcons_irrl6_185 > g > path {
  fill: var(--p-p50);
}
._parentContainer_irrl6_194 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* gap: 5px; */
}

._subTitle_irrl6_54 b {
  color: var(--text-primary);
}
._uploadContainer_irrl6_205 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._disabledUploadBtn_irrl6_211 {
  border-radius: 4px;
  border: 1px dashed var(--neutral-arch-300);
  background: var(--disabled-50);
  cursor: not-allowed;
  opacity: 0.5;
}
._disabledUploadBtn_irrl6_211:hover {
  border-radius: 4px;
  border: 1px dashed var(--neutral-arch-300);
  background: var(--disabled-50);
  cursor: not-allowed;
}
._disabledIcon_irrl6_224 > path,
._disabledIcon_irrl6_224 > g > path {
  fill: var(--text-secondary);
}
._disabledTitle_irrl6_228,
._disabledSubTitle_irrl6_229 {
  color: var(--text-secondary);
}

._actionBtn_irrl6_233 {
  position: relative;
  z-index: 1;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid var(--stroke-selection);
  background: var(--fill-selection);
  flex-shrink: 0;
  right: 0px;
}
._actionBtn_irrl6_233:hover {
  border: 1px solid var(--p-p10);
  background: var(--p-p10);
}
._uploadingImg_irrl6_248 {
  height: 30px;
  width: 25px;
}

._uploadedFileDisabled_irrl6_253 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
._formContainer_tfb9o_1 {
  padding-bottom: 20px;
}

._balance_tfb9o_5 {
  background: var(--status-info-10);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--status-info);
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.07692rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.53846rem;
  white-space: pre-wrap;
  padding: 8px;
}

._container_tfb9o_22 {
  text-align: left;
  display: grid;
  gap: 20px;
}

._fileList_tfb9o_28 {
  padding: 0;
}
._box_1r80p_1 {
  display: flex;
  /* height: 40px; */
  padding: 10px 15px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  cursor: pointer;

  &:hover {
    background: var(--fill-selection);
  }
}

._boxMini_1r80p_15 {
  justify-content: center;
}

._boxIsMobile_1r80p_19 {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 11px;
}

._title_1r80p_26 {
  color: var(--text-primary);
}

/* icon styles */

._iconBox_1r80p_32 {
  position: relative;

  width: 20px;
  height: 20px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
}

._icon_1r80p_32 {
  width: 20px;
  height: 20px;
  transition: opacity 300ms ease 0s;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 0;
}

._icon_1r80p_32 {
  opacity: 1;
}

._box_1r80p_1:hover ._icon_1r80p_32:not(._iconActive_1r80p_59) > path,
._box_1r80p_1:hover ._icon_1r80p_32:not(._iconActive_1r80p_59) > g > path {
  fill: var(--p-p50);
}
._notifications_4v9g2_1 {
  max-height: 24.5rem;
  overflow: auto;
}

._notifications_4v9g2_1 svg path {
  fill: var(--neutral-arch-400);
}

._notifications_4v9g2_1 p:not(._description_4v9g2_10):not(._key_4v9g2_10) {
  max-width: 27rem;
  color: var(--text-hint);
}

._notifications_4v9g2_1 h6 {
  color: var(--text-hint);
}

._notifications_4v9g2_1._isModal_4v9g2_19 {
  padding: 0;
  margin: 0 -20px;
}

._infiniteScroll_4v9g2_24 {
  padding: 0 1.23rem 1.23rem !important;
  overflow-x: hidden !important;
}

._modalInfiniteScroll_4v9g2_29 {
  padding: 0 20px 20px !important;
}

._notificationContainer_4v9g2_33 ._heading_4v9g2_33 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 8px;
}

._notificationContainer_4v9g2_33 ._key_4v9g2_10 {
  font-weight: 600;
  font-size: 1.23rem;
  line-height: 1.846rem;
  color: #171718;
}

._seeAllBtn_4v9g2_47 {
  font-weight: 400;
  font-size: 1.08rem;
  line-height: 1.54rem;
  color: var(--p-p50);
  padding: 5px 10px;
  border: none;
  background: transparent;
  border-radius: 6px;
}

._seeAllBtn_4v9g2_47:hover {
  background: var(--theme-blue-10);
}

._notification_4v9g2_1 {
  margin: 0 -1.23rem;
  padding: 6px 1.23rem 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

._leftContainer_4v9g2_71 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._iconContainer_4v9g2_77 {
  width: 2.77rem;
  height: 2.77rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._iconSvg_4v9g2_87 {
  width: 1.85rem;
  height: 1.85rem;
}

._description_4v9g2_10 {
  font-weight: 400;
  font-size: 1.08rem;
  line-height: 1.538rem;
  color: #171718;
}

._createdAt_4v9g2_99 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.54rem;
  color: var(--text-secondary);
}

._createdAt_4v9g2_99:hover {
  text-decoration: underline;
  cursor: default;
}

._notification_4v9g2_1:hover {
  background: var(--slate-20);
}

._externalLinkIcon_4v9g2_115 {
  margin-inline: 0 !important;
}

._externalLink_4v9g2_115 span {
  width: 24px;
  height: 24px;
}

._externalLinkSvg_4v9g2_124 path {
  fill: var(--p-p50);
}

._searchInput_4v9g2_128 input {
  margin-top: 0.5rem;
  border-radius: 4px;
}

._accordionItem_4v9g2_133 {
  border-bottom: 1px solid var(--slate-200);
}

._accordionTrigger_4v9g2_137 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  background: transparent;
  width: 100%;
  cursor: pointer;
}

._titleContainer_4v9g2_147 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._icon_4v9g2_77 {
  width: 24px;
  height: 24px;
}

._title_4v9g2_147 {
  font-weight: 600;
  font-size: 1.23rem;
  line-height: 1.85rem;
  color: #171718;
}

._notificationsCount_4v9g2_165 {
  font-weight: 400;
  font-size: 1.15rem;
  line-height: 1.85rem;
  color: var(--text-secondary);
  text-align: right;
}

._accordionContent_4v9g2_173 {
  background: var(--white);
  border: 1px solid var(--neutral-arch-100);
  border-radius: 6px;
}

._prefHeader_4v9g2_179 {
  background: var(--neutral-arch-20);
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  gap: 5%;
  padding: 8px 16px;
  overflow-x: auto;
}

._prefBody_4v9g2_189 {
  padding: 8px 16px;
}

._headerText_4v9g2_193 {
  font-weight: 400;
  font-size: 0.85rem;
  color: #171718;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

._headerText_4v9g2_193:nth-of-type(1) {
  flex-basis: 60%;
}

._headerText_4v9g2_193:nth-of-type(2),
._headerText_4v9g2_193:nth-of-type(3) {
  flex-basis: 15%;
  justify-content: center;
}

._notifRow_4v9g2_213 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
  margin-bottom: 16px;
}

._notifRow_4v9g2_213:last-of-type {
  margin-bottom: 0;
}

._notificationName_4v9g2_225 {
  font-weight: 400;
  font-size: 1.08rem;
  color: var(--text-primary);
}

._notificationDescription_4v9g2_231 {
  font-weight: 400;
  font-size: 1rem;
  color: var(--text-secondary);
}

._left_4v9g2_71 {
  flex-basis: 60%;
}

._switchContainer_4v9g2_241 {
  flex-basis: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._restrictedIcon_4v9g2_248 {
  width: 24px;
  height: 24px;
  cursor: not-allowed;
}

._modalCustom_4v9g2_254 {
  min-width: 800px;
}

._modalCustom_4v9g2_254 button:focus-visible {
  outline: none;
}

._ctas_4v9g2_262 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._trigger_ofykj_1 {
  position: relative;
  z-index: 1;
  outline: none;

  padding: 5px 4.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  z-index: 1;
  height: 100%;
}
._profile_ofykj_14 {
  padding: 5px 4.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  z-index: 1;
  height: 100%;
}
._profile_ofykj_14:hover {
  background: var(--neutral-arch-50);
}

._trigger_ofykj_1:hover {
  background: var(--neutral-arch-50);
}
._profileBox_ofykj_30:not(._incognito_ofykj_30):hover:not(:has(._profile_ofykj_14:hover)) {
  background: var(--neutral-arch-20);
}
._trigger_ofykj_1[aria-expanded='true'] + ._menus_ofykj_33 {
  background-color: var(--neutral-white);
}
._menus_ofykj_33 {
  padding: 10px;
  border-radius: 4px;
  width: 250px;

  background: #fff;
  border-radius: 4px;
  /* dd_popup_sottomsheet_toast */
  box-shadow:
    0px 4px 16px 0px rgba(18, 18, 18, 0.04),
    0px 2px 8px 0px rgba(18, 18, 18, 0.08);
}
._menus_ofykj_33 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
}
._menu_ofykj_33 {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._menu_ofykj_33:hover {
  background: var(--fill-selection);
  cursor: pointer;
  color: var(--p-p50);
}

._logo1Span_ofykj_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

._logo1Span_ofykj_66:hover {
  fill: var(--fill-selection);
}

._logo1Span_ofykj_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

._logo1Span_ofykj_66:hover {
  fill: var(--fill-selection);
}

._logo1_ofykj_66 {
  width: 20px;
  height: 20px;
}

/* icon styles */

._logoBox_ofykj_99 {
  position: absolute;

  width: 20px;
  height: 20px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
}

._logo_ofykj_66,
._logoRed_ofykj_113 {
  width: 16px;
  height: 16px;
}

._menu_ofykj_33:hover ._logo_ofykj_66 path {
  fill: var(--p-p50);
}

._logoRed_ofykj_113 path {
  fill: var(--status-error-e50);
}

._menuLabelRed_ofykj_126 {
  color: var(--status-error-e50);
}
._profileBox_e17vx_1 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  transition:
    background 0.12s,
    color 0.12s;
  margin-bottom: 30px;
  padding: 4px 10px;
  cursor: pointer;
  margin-top: 4px;
}

._boxMini_e17vx_15 {
  justify-content: center;
}

._profileBoxLeft_e17vx_19 {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}

._name_e17vx_26 {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 0.923rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.385rem; /* 18px */
}

._box_e17vx_15:hover:not(:has(._profile_e17vx_1:hover)) {
  background: var(--fill-selection);
}

._profileBox_e17vx_1:not(._incognito_e17vx_42):hover {
  cursor: pointer;
}

._profileBox_e17vx_1:not(._incognito_e17vx_42):hover:not(:has(._profile_e17vx_1:hover)) {
  background: var(--fill-selection);
}

/* popover content start */

._content_e17vx_52 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: 200px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 4px;
  /* dd_popup_sottomsheet_toast */
  box-shadow:
    0px 4px 16px 0px rgba(18, 18, 18, 0.04),
    0px 2px 8px 0px rgba(18, 18, 18, 0.08);
}

/* popover content end*/

/* menu */

._menu_e17vx_70 {
  position: relative;
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: 6px 12px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

._menu_e17vx_70:hover {
  background-color: var(--fill-selection);
}

._mobileProfile_e17vx_85 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 10px;
}

._notificationsSmall_e17vx_92,
._zenexSwitcherSmall_e17vx_93 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
}

._signOut_e17vx_102 {
  padding: 0px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._signOut_e17vx_102:hover {
  background: var(--fill-selection);
  color: var(--p-p50);
}

._logoRed_e17vx_115 path {
  fill: var(--status-error-e50);
}

._menuLabelRed_e17vx_119 {
  color: var(--status-error-e50);
}

._title_e17vx_123 {
  color: var(--text-tertiary);
  font-size: 0.846rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.231rem; /* 16px */
  animation: _fadeIn_e17vx_1 0.9s;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-wrap: break-word;
  word-break: break-word;
  width: 100%;
  white-space: normal;
}

._menu_e17vx_70:hover ._menuLabel_e17vx_119 {
  color: var(--p-p50);
}

/* icon styles */

._logoBox_e17vx_144 {
  position: absolute;

  width: 20px;
  height: 20px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
}

._logo_e17vx_115,
._logoRed_e17vx_115 {
  width: 16px;
  height: 16px;
}

._menu_e17vx_70:hover ._logo_e17vx_115 path {
  fill: var(--p-p50);
}

._profileBoxHoverCard_e17vx_167 {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--neutral-white);
  background: var(--fill-highlight);
  width: 100%;
}

._profileBoxHoverCard_e17vx_167 p {
  max-width: 180px;
  text-overflow: ellipsis;
  overflow-x: none;
}

._avatar_e17vx_183 {
  font-size: 0.923rem;
}
._box_140hb_1 {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  gap: 10px;
  padding: 12px 15px 12px 15px;
  background-color: var(--p-p50);
  width: 100%;
}

._logo_140hb_11 {
  width: 20px;
  height: 20px;
}

._logoFull_140hb_16 {
  height: 11px;
}

._logoMobile_140hb_20 {
  height: 20px;
}
._box_2fvja_1 {
  height: 100%;
  z-index: 1039;
  background-color: var(--neutral-white);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  position: fixed;
  left: 0;
  top: 0;
}

._box_2fvja_1:focus-visible {
  outline: none;
}

._bottom_2fvja_19 {
  margin-top: auto;
}

/* toggle */

._toggle_2fvja_25 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 1.335px;
  background-color: var(--p-p50);
  border-radius: 2.67px;
  position: absolute;
  right: -10px;
  top: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-color: var(--p-p50);
}

._toggleMini_2fvja_42 {
  background: var(--neutral-white);
  border: 1px solid var(--neutral-arch-100);
}

._box_2fvja_1:hover ._toggle_2fvja_25 {
  background-color: var(--p-p50);
  border: 1px solid var(--p-p50);
}

._box_2fvja_1:hover ._inactive_2fvja_52 {
  background: var(--neutral-white);
  border: 1px solid var(--neutral-arch-100);
}

._box_2fvja_1:hover ._inactive_2fvja_52 ._toggleIcon_2fvja_57 > path {
  fill: var(--p-p50);
}

._toggleIcon_2fvja_57 {
  width: 20px;
  height: 20px;
}

._toggleIcon_2fvja_57 > path {
  fill: var(--neutral-white);
}

._toggleIconMini_2fvja_70 > path {
  fill: var(--p-p50);
}

._box_2fvja_1:hover ._toggleIcon_2fvja_57 > path {
  fill: var(--neutral-white);
}

@media (max-width: 991px) {
  ._box_2fvja_1 {
    display: none;
  }
}
._box_b5hq8_1 {
  z-index: 1022;
  padding: 0 16px;
  background-color: var(--neutral-white);
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--stroke-border);
}

._header_b5hq8_14 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

._actions_b5hq8_23 {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

._mobileActions_b5hq8_31 {
  display: none;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

._tabs_b5hq8_38 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: var(--text-secondary);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
  height: 100%;
  min-width: 0;
  flex: 1;
}

._tabs_b5hq8_38::-webkit-scrollbar {
  display: none;
}
._tab_b5hq8_38 {
  color: var(--text-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 0px 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
._tabActive_b5hq8_71 {
  color: var(--p-p50);
  position: relative;
}
._tab_b5hq8_38:not(._tabActive_b5hq8_71):hover {
  color: var(--text-primary);
}

._tabActive_b5hq8_71::after {
  content: ' ';
  background-color: var(--p-p50);
  border-radius: 4px 4px 0px 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

._titleBox_b5hq8_90 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 30px;
}

._title_b5hq8_90 {
  font-weight: 700;
  font-size: 1.077rem;
  line-height: 1.538rem;
}

._logo_b5hq8_103 {
  width: 20px;
  height: 20px;
}

._logo_b5hq8_103 > path {
  fill: var(--text-primary);
}

._menuIconSpan_b5hq8_112 {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;

  &:hover {
    background-color: var(--neutral-arch-100);
  }
}

._mobileBar_b5hq8_126 {
  display: none;
}

._menuIcon_b5hq8_112 {
  width: 26px;
  height: 26px;
}

._menuIcon_b5hq8_112 > path {
  fill: var(--text-primary);
}

._menuIconSpan_b5hq8_112:hover > ._menuIcon_b5hq8_112 > path {
  fill: var(--text-primary);
}

@media (max-width: 991px) {
  ._mobileBar_b5hq8_126 {
    display: block;
    margin-left: 8px;
  }
  ._titleBox_b5hq8_90 {
    display: none;
  }
  ._actions_b5hq8_23 {
    display: none;
  }
  ._mobileActions_b5hq8_31 {
    display: flex;
  }
}
._header_194ft_1 {
  padding: 0;
}

._footer_194ft_5 {
  border-top: 0;
  background-color: var(--neutral-white);
  justify-content: flex-start;
}

._footerContainer_194ft_11 {
  width: 100%;
}

._menu_194ft_15 {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 2px;
}

._menu_194ft_15:hover {
  background: var(--fill-selection);
  cursor: pointer;
  color: var(--p-p50);
}

._logoRed_194ft_29 {
  width: 20px;
  height: 20px;
}

._logoRed_194ft_29 path {
  fill: var(--status-error-e50);
}

._menuLabelRed_194ft_38 {
  color: var(--status-error-e50);
}
._popoverContent_1hsfd_1 {
  padding: 16px 0;
  padding-top: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--neutral-arch-200);
  box-shadow: 0px 4px 10px 0px rgba(108, 91, 210, 0.15);
  width: 238px;
  max-height: 400px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

._section_1hsfd_13 {
  padding: 0 16px;
  margin-bottom: 8px;
  padding-top: 32px;
  margin-top: -16px;
  position: sticky;
  top: -16px;
  background-color: white;
}

._heading_1hsfd_23 {
  display: inline-block;
  color: var(--text-secondary);
  font-size: 0.76em;
  line-height: 1.53rem;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

._listItem_1hsfd_33 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  cursor: pointer;
}

._listItem_1hsfd_33._active_1hsfd_41 {
  background-color: var(--neutral-arch-30);
}

._name_1hsfd_45 {
  color: var(--text-primary);
  font-size: 1.07em;
  font-weight: 500;
  line-height: 1.54rem;
}

._listItem_1hsfd_33:hover {
  background-color: var(--neutral-arch-30);
}

._box_1hsfd_56 {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 2px 4px;
  border-radius: 4px;
}

._box_1hsfd_56._switcher_1hsfd_64 {
  cursor: pointer;
}

._box_1hsfd_56._switcher_1hsfd_64:hover {
  background-color: var(--theme-blue-10);
}

._name_1hsfd_45 {
  display: flex;
  gap: 4px;
  align-items: center;
}

._logo_1hsfd_78 {
  height: 30px;
  width: 30px;
  object-fit: contain;
  border-radius: 4px;
  overflow: hidden;
}

._logoBox_1hsfd_86 {
  color: var(--white);
  font-size: 1.07rem;
  font-weight: 500;
  border-radius: 4px;
  line-height: 20px/13 = 1.54rem;
  height: 30px;
  width: 30px;
  padding: 4px 6px;
  background-color: var(--accent-6-sky);
  display: flex;
  align-items: center;
  justify-content: center;
}

._toggle_1hsfd_101 {
  transform: rotate(180deg);
}

@media (max-width: 700px) {
  ._logo_1hsfd_78 {
    display: none;
  }
}
._notifPopoverContent_17b4b_1 {
  box-shadow: 0px 4px 10px 0px rgba(108, 91, 210, 0.15);
  border-radius: 0.5rem;
  border: 1px solid var(--neutral-arch-100);
  padding: 0;
  width: 30.77rem;
  max-width: 100%;
}

._notifPopoverContent_17b4b_1:focus-visible {
  outline: none;
}

._bellContainer_17b4b_14 {
  position: relative;
  cursor: pointer;
}

._notificationsCount_17b4b_19 {
  background-color: var(--status-error-e50);
  border: 1px solid var(--neutral-white);
  color: var(--neutral-white);
  position: absolute;
  top: 0;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10240px;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 133.333% */
  padding: 0 4px;
  height: 12px;
}

._notificationContainer_17b4b_38 {
  width: 30.77rem;
  max-width: 100%;
}
/* header nav icons styles */
/* https://www.figma.com/design/kPHuyp2Mw5HfZ9a8QMjJJn/Design-System?node-id=211-93845&node-type=symbol&m=dev */
._headerActions_1td6f_3 {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

._container_1td6f_10 {
  position: relative;
  cursor: pointer;
}

._redDot_1td6f_15 {
  background-color: var(--status-error-e50);
  border: 1px solid var(--neutral-white);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

._navIcon_1td6f_26 {
  width: 20px;
  height: 20px;
}

._navIconSpan_1td6f_31 {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--fill-selection);
  display: flex;
  align-items: center;
  justify-content: center;
}
._content_ut571_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  margin: 0;
  flex-grow: 1;
  background-color: var(--fill-highlight);
  scrollbar-width: none;
}

._content_ut571_1::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}

._content_ut571_1 * {
  scrollbar-width: none;
}

._content_ut571_1 *::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}
._container_1cicu_1 {
  display: flex;
  flex: 1 0 auto;
  isolation: isolate;
}
._box_1cicu_6 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  margin-left: 50px;
  transition: margin-left 0.3s ease;
  min-height: 100vh;
}

@media (max-width: 991px) {
  ._box_1cicu_6 {
    margin-left: 0 !important;
  }
}