@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300&display=swap");@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._menuItem_jrrkx_29 {
  width: fit-content;
  display: flex;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  pointer-events: all;
}
._menuItemHolder_jrrkx_39 {
  width: 100%;
  display: flex;
  gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  pointer-events: all;
  border-radius: 5px;
  padding: 7px;
}
._disabled_jrrkx_51 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 1.5em;
}
._imgHolder_jrrkx_67 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._hoverEffect_jrrkx_75 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._container_jrrkx_80 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._icon_jrrkx_87 {
  width: 24px;
  height: 24px;
}
._label_jrrkx_92 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._mainWrapper_1iuva_29 {
  border-radius: 10px;
}
._content_1iuva_33 {
  width: 529px;
  min-height: 260px;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  border-radius: 10px;
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9ca3b0 0%, #666f80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9ca3b0 0%, rgba(156, 163, 176, 0.01) 100%);
}
@media screen and (max-width: 480px) {
  ._content_1iuva_33 {
    width: 329px;
    height: 330px;
  }
}
._wrapper_1iuva_52 {
  width: calc(100% - 88px);
  height: calc(100% - 88px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
}
._title_1iuva_65 {
  width: 100%;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-top: 0;
}
._subcontent_1iuva_75 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  max-height: 335px;
}
._subcontent_1iuva_75 div {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._subcontent_1iuva_75 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._subcontent_1iuva_75::-webkit-scrollbar {
  width: 8px;
}
._subcontent_1iuva_75::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
._subcontent_1iuva_75::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._subcontent_1iuva_75::-webkit-scrollbar-thumb:hover {
  background: #555;
}
._buttonHolder_1iuva_113 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 24px;
  gap: 16px;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_1iuva_113 {
    gap: 16px;
    flex-direction: column;
  }
}.MuiPickersLayout-root .MuiDialogActions-root {
  margin: 0 auto !important;
}

.MuiPickersLayout-root ul::after {
  display: none !important;
}

.MuiPickersLayout-root ul::-webkit-scrollbar {
  width: 3px;
}

.MuiPickersLayout-root ul::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #babac0;
  border: 1px solid #babac0;
  width: 1px;
}

.MuiPickersLayout-root ul::-webkit-scrollbar-button {
  display: none;
}

.MuiPickersLayout-root ul::-webkit-scrollbar-track {
  background-color: transparent;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._button_17hcn_29 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: transparent;
  color: var(--scss-text-color, #1f1f1f);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  font-family: "Roboto";
}
._button_17hcn_29:hover {
  box-shadow: none;
}
._button_17hcn_29._disabled_17hcn_46 {
  border-color: #1f1f1f;
  background-color: rgba(99, 102, 241, 0);
  color: #1f1f1f;
  border: 1px solid;
}
._disabledButton_17hcn_53 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: transparent;
  color: var(--scss-text-color, #1f1f1f);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  opacity: 0.5;
  pointer-events: none;
  font-family: "Roboto";
}
._imgContainer_17hcn_70 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._defaultButton_17hcn_77 {
  z-index: 350;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 0;
  font-family: "Roboto";
}
._defaultButton_17hcn_77 ._label_17hcn_86 {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
._defaultButton_17hcn_77._disabled_17hcn_46 {
  border-color: #1f1f1f;
  background-color: rgba(99, 102, 241, 0);
  color: #1f1f1f;
  border: 1px solid;
}
._defaultButton_17hcn_77 img {
  width: 48px;
  height: 48px;
  display: flex;
}
._label_17hcn_86 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 1220px) {
  ._label_17hcn_86 {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._label_17hcn_86 {
    display: none;
  }
}
._menuItemLabel_17hcn_120 {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._menuItem_17hcn_120 {
  width: 100%;
  display: flex;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  pointer-events: all;
  border-radius: 5px;
  padding: 7px;
}
._hoverEffect_17hcn_139 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._icon_17hcn_144 {
  width: 24px;
  height: 24px;
}
._label_17hcn_86 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
}
@media screen and (max-width: 1220px) {
  ._label_17hcn_86 {
    font-size: 16px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1tdeo_29 {
  width: 100%;
  position: absolute;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  z-index: 10;
  top: 0px;
  left: 0px;
  background-color: white;
}
._dragHandle_1tdeo_41 {
  cursor: grab !important;
}
._dragHandle_1tdeo_41:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_1tdeo_41 {
  cursor: grabbing !important;
}
._dragHandle_1tdeo_41._locked_1tdeo_50 {
  cursor: pointer !important;
}
._dragHandle_1tdeo_41._locked_1tdeo_50:active {
  cursor: pointer !important;
}
._locked_1tdeo_50 ._dragHandle_1tdeo_41 {
  cursor: pointer !important;
}
._locked_1tdeo_50 ._dragHandle_1tdeo_41:active {
  cursor: pointer !important;
}
._bottomConnectorWrapper_1tdeo_64 {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
._chip_1tdeo_73 {
  background-color: white;
  border: 1px solid var(--scss-blueActiveColor, #5479f7);
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  max-width: 70px;
  position: relative;
  cursor: pointer;
}
._chipName_1tdeo_88 {
  color: var(--scss-blueActiveColor, #5479f7);
  font-size: 14px;
  line-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
._chipMore_1tdeo_98 {
  background-color: #f5f5f5;
  border: 1px solid #d8dbdf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
}
._chipMoreText_1tdeo_109 {
  color: #727272;
  font-size: 14px;
  line-height: auto;
  font-weight: 500;
}
._nameContainer_1tdeo_116 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._nameInput_1tdeo_127 {
  font-size: 14px;
  padding: 2px 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  max-width: 200px;
}
._nameInput_1tdeo_127._error_1tdeo_135 {
  border-color: #ff4d4f;
}
._penIcon_1tdeo_139 {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
._categoriesWrapper_1tdeo_145 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0 12px;
  cursor: pointer;
}
._lineConnector_1tdeo_154 {
  width: 2px;
  height: 40px;
  background-color: #ccc;
  margin-bottom: 8px;
}
._addNodeButton_1tdeo_161 {
  padding: 6px 12px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._addNodeButton_1tdeo_161:hover {
  background-color: #f4f4f4;
}
._announcementsModal_1tdeo_174 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background: white;
  padding: 7px;
}
._announcementsModal_1tdeo_174 span {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._transitionLabel_1tdeo_188 {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s;
}
._transitionLabel_1tdeo_188:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._rootBody_1tdeo_204 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 0 12px 0;
  height: 320px;
  cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @supports (-webkit-appearance: none) {
    ._rootBody_1tdeo_204 {
      height: 140px;
    }
  }
}
._rootBody_1tdeo_204._locked_1tdeo_50 {
  cursor: pointer !important;
}
@keyframes _gradientLoading_1tdeo_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._animated_1tdeo_231 {
  background: linear-gradient(90deg, #f0f0f0 0%, #e0e0fd 50%, #f0f0f0 100%);
  background-size: 200% 100%;
  animation: _gradientLoading_1tdeo_1 3s ease-in-out infinite;
}
._readonlyInputWrapper_1tdeo_237 {
  flex: 1 !important;
  height: 100% !important;
  max-height: 100%;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}
._readonlyInputWrapper_1tdeo_237::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 0;
  height: 40px;
  width: 311px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
  z-index: 10;
}
._readonlyInputWrapper_1tdeo_237 .tagify {
  flex: 1 !important;
  height: 100% !important;
  min-height: 100px !important;
  background: #ffffff !important;
  border: 1px solid #d8dbdf !important;
  cursor: default !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify.tagify--disabled {
  background: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify.tagify--disabled .tagify__input {
  color: #1f1f1f !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1f1f1f !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify.tagify--disabled tag {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify.tagify--disabled tag .tagify__tag-text {
  opacity: 1 !important;
  color: #1976d2 !important;
  -webkit-text-fill-color: #1976d2 !important;
  filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify .tagify__input {
  padding: 12px !important;
  padding-bottom: 24px !important;
  cursor: default !important;
  pointer-events: none !important;
  overflow: hidden !important;
  white-space: normal !important;
  max-height: none !important;
  height: 100% !important;
  line-height: 1.5 !important;
  color: #1f1f1f !important;
  font-size: 14px !important;
  background: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1f1f1f !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify .tagify__input::-webkit-scrollbar {
  display: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify tag {
  background: #1976d2 !important;
  color: #ffffff !important;
  border: 1px solid #1976d2 !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify tag .tagify__tag-text {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
}
._readonlyInputWrapper_1tdeo_237 .tagify tag x {
  display: none !important;
}
._readonlyInputWrapper_1tdeo_237 .inputWithHelpIcon::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50px !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%, rgb(255, 255, 255) 100%) !important;
  pointer-events: none !important;
  z-index: 100 !important;
  border-radius: 0 0 8px 8px !important;
}
._instructionWrapper_1tdeo_343 {
  position: relative;
  display: flex;
  gap: 12px;
  padding: 0 12px 0px 12px;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  flex: 1;
  max-height: 240px;
  height: 70%;
}
._instructionWrapper_1tdeo_343._locked_1tdeo_50 {
  cursor: pointer !important;
}
._promptContent_1tdeo_358 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
._promptLabel_1tdeo_366 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9ca3af;
}
._instructionTextDisplay_1tdeo_374 {
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._headerSeparator_1tdeo_389 {
  width: calc(100% - 24px);
  height: 1px;
  background: linear-gradient(90deg, rgba(147, 112, 219, 0.1) 0%, rgba(138, 43, 226, 0.25) 50%, rgba(147, 112, 219, 0.1) 100%);
  margin: 0 12px 12px 12px;
}
._divider_1tdeo_396 {
  width: calc(100% - 24px);
  height: 2px;
  background: linear-gradient(90deg, rgba(147, 112, 219, 0.1) 0%, rgba(138, 43, 226, 0.25) 50%, rgba(147, 112, 219, 0.1) 100%);
  margin: 0px 12px 8px 12px;
  z-index: 999;
  padding-top: 1px;
}
._instLabel_1tdeo_405 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  cursor: text;
}
._subwrapper_1tdeo_412 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._subwrapper_1tdeo_412._botname_1tdeo_418 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._webCallWrapper_1tdeo_425 {
  display: flex;
  flex-direction: column;
}
._dndnode_1tdeo_430 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._transitionsWrapper_1tdeo_437 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitions_1tdeo_437 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitionHandlesContainer_1tdeo_449 {
  position: absolute;
  left: 106%;
  top: 50%;
  transform: translateY(-50%);
  max-height: 230px;
  height: 230px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10;
  overflow: visible;
  pointer-events: none;
}
._transitionHandleWrapper_1tdeo_464 {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: all;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
._transitionLabelOnHandle_1tdeo_474 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  z-index: 20;
}
._transitionLabelOnHandleUnconnected_1tdeo_483::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelOnHandle_1tdeo_474::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelBadgeWrapper_1tdeo_505 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  margin: -4px -8px;
  position: relative;
  border-radius: 16px;
  transition: background 0.2s ease;
  flex-shrink: 0;
}
._flowTopSection_1tdeo_517 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  min-height: 56px;
}
._flowIconContainer_1tdeo_525 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(216, 181, 255, 0.15) 0%, rgba(183, 148, 246, 0.15) 100%);
}
._flowIcon_1tdeo_525 {
  width: 28px;
  height: 28px;
}
._flowLabelsHolder_1tdeo_540 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._flowTitleRow_1tdeo_548 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._flowNameWarningIcon_1tdeo_555 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._flowTitle_1tdeo_548 {
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._transitionLabelBadge_1tdeo_505 {
  padding: 4px 12px;
  border: 1px solid #90caf9;
  border-radius: 12px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s;
  flex-shrink: 0;
  max-width: 150px;
}
._transitionLabelBadge_1tdeo_505._hasValue_1tdeo_585 {
  background: #e3f2fd;
  color: #1976d2;
}
._transitionLabelBadge_1tdeo_505._noValue_1tdeo_589 {
  background: #ff9b9b;
  color: #1f1f1f;
}
._transitionLabelBadge_1tdeo_505:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionDeleteButton_1tdeo_598 {
  z-index: 99999;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  background: white;
  border: 2px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 6px;
  right: -35px;
  opacity: 0;
  pointer-events: all;
  transform: scale(0.9);
}
._transitionDeleteButton_1tdeo_598:hover {
  transform: scale(1.05);
}
._transitionDeleteButton_1tdeo_598 img {
  width: 18px !important;
  height: 18px !important;
  filter: none;
}
._transitionLabelBadgeWrapper_1tdeo_505:hover ._transitionDeleteButton_1tdeo_598,
._transitionLabelBadgeWrapper_1tdeo_505:focus-within ._transitionDeleteButton_1tdeo_598 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionDeleteButtonVisible_1tdeo_634 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionEditPopup_1tdeo_640 {
  position: absolute;
  top: 30px;
  left: 0;
  width: 240px;
  z-index: 100;
}
._transitionHandle_1tdeo_449 {
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  border: 4px solid #1f1f1f !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 8px rgba(106, 130, 251, 0.5) !important;
  cursor: crosshair !important;
  z-index: 3 !important;
  flex-shrink: 0 !important;
}
._transitionHandle_1tdeo_449::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 290%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  pointer-events: all;
  z-index: 1;
}
._transitionHandle_1tdeo_449._connected_1tdeo_670::before, ._transitionHandle_1tdeo_449._connecting_1tdeo_670::before {
  opacity: 0;
}
._transitionHandle_1tdeo_449._connected_1tdeo_670::after, ._transitionHandle_1tdeo_449._connecting_1tdeo_670::after {
  opacity: 0;
}
._transitionWrapper_1tdeo_677 {
  display: flex;
  align-items: center;
  position: relative;
  width: 1005;
}
._handle_1tdeo_684 {
  width: 10px;
  height: 10px;
  background: #555;
  border-radius: 50%;
  position: absolute;
}
._handleLeft_1tdeo_692 {
  right: -21px !important;
  width: 16px !important;
  height: 16px !important;
  background: #6a82fb !important;
  border: 3px solid #fff !important;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 2px 8px rgba(106, 130, 251, 0.4);
  transition: box-shadow 0.2s ease, background 0.2s ease;
  cursor: crosshair !important;
  z-index: 100 !important;
}
._handleLeft_1tdeo_692::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._borderContainer_1tdeo_716 {
  padding: 4px;
  background: linear-gradient(90deg, #c2e8ff 0%, #cec4f7 100%);
  border-radius: 10px;
  display: inline-block;
  position: relative;
  transition: all 0.2s;
  cursor: pointer;
}
._borderContainer_1tdeo_716:hover {
  background: linear-gradient(90deg, #7ec3ff 0%, #a89ff5 100%);
  box-shadow: 0 6px 20px rgba(106, 130, 251, 0.4);
  transform: translateY(-1px);
}
._borderContainer_1tdeo_716:hover ._nodeActions_1tdeo_730 {
  opacity: 1;
}
._borderContainer_1tdeo_716._active_1tdeo_733 {
  background: #8eabff;
  z-index: 3;
  box-shadow: 0 4px 22px -3px rgba(106, 130, 251, 0.4), 0 0 0 3px rgba(154, 181, 255, 0.6);
  transition: box-shadow 0.2s, background 0.2s, transform 0.2s;
}
._nodeActions_1tdeo_730 {
  position: absolute;
  top: -30px;
  right: -30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
  z-index: 10;
}
._active_1tdeo_733 > ._nodeActions_1tdeo_730 {
  opacity: 1;
}
._nodeDeleteButton_1tdeo_757, ._transitionDeleteButton_1tdeo_598 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: white;
  border: 2px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._nodeDeleteButton_1tdeo_757:hover, ._transitionDeleteButton_1tdeo_598:hover {
  background: #f5f5f5;
  border-color: #6b7280;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._nodeDeleteButton_1tdeo_757:active, ._transitionDeleteButton_1tdeo_598:active {
  transform: scale(0.95);
}
._nodeDeleteButton_1tdeo_757 img, ._transitionDeleteButton_1tdeo_598 img {
  width: 18px;
  height: 18px;
}
._handleRight_1tdeo_784 {
  right: -21px !important;
  width: 16px !important;
  height: 16px !important;
  background: #6a82fb !important;
  border: 3px solid #fff !important;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 2px 8px rgba(106, 130, 251, 0.4);
  transition: box-shadow 0.2s ease, background 0.2s ease;
  cursor: crosshair !important;
  z-index: 100 !important;
}
._handleRight_1tdeo_784::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._handleRight_1tdeo_784:hover {
  box-shadow: 0 4px 12px rgba(106, 130, 251, 0.6);
  background: #8b9aff !important;
}
._transition_1tdeo_188 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
._error_1tdeo_135 {
  border: 1px solid red;
}
._headerMainContainer_1tdeo_823 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
._headerIcon_1tdeo_832 {
  width: 24px;
  height: 24px;
}
._plusIcon_1tdeo_837 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
._transitionsMainContainer_1tdeo_843 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._labelContainer_1tdeo_850 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_1tdeo_850 {
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  align-self: center;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._customNode_1tdeo_872 {
  color: var(--scss-nodeText, #9c9c9c);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  width: 100%;
  min-height: 234px;
  max-height: 234px;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f9;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._customNode_1tdeo_872 ._header_1tdeo_389 {
  color: var(--scss-text-color, #1f1f1f);
  min-height: 40px;
  justify-content: space-between;
}
._customNode_1tdeo_872 ._editWrapper_1tdeo_894 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 15px;
  display: none;
  cursor: pointer;
  transform: translateY(-50%);
}
._customNode_1tdeo_872 ._deleteWrapper_1tdeo_907 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  top: 50%;
  right: 40px;
  width: 15px;
  height: 15px;
  display: none;
  cursor: pointer;
  transform: translateY(-50%);
}
._customNode_1tdeo_872._active_1tdeo_733 {
  background: linear-gradient(135deg, #e3eafe 0%, #f3e7fa 100%);
  z-index: 2;
  transition: border 0.2s, background 0.2s;
  box-shadow: none;
}
._customNode_1tdeo_872:hover {
  box-shadow: 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078);
}
._customNode_1tdeo_872:hover ._editWrapper_1tdeo_894 {
  display: flex;
}
._customNode_1tdeo_872:hover ._deleteWrapper_1tdeo_907 {
  display: flex;
}
._resizeHandle_1tdeo_936 {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: transparent;
  top: 0;
  right: 0;
  cursor: ew-resize;
  border-radius: 3px;
}
._resizeHandle_1tdeo_936:hover {
  background-color: transparent;
}
._tipicalNode_1tdeo_951 {
  color: var(--scss-nodeText, #9c9c9c);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  width: 257px;
  min-height: 184px;
  display: flex;
  flex-direction: column;
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._tipicalNode_1tdeo_951 ._header_1tdeo_389 {
  color: var(--scss-text-color, #1f1f1f);
}
._tipicalNode_1tdeo_951 ._editWrapper_1tdeo_894, ._tipicalNode_1tdeo_951 ._deleteWrapper_1tdeo_907 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._tipicalNode_1tdeo_951._active_1tdeo_733 {
  border: 1px solid var(--scss-nodeActivBorder, #817b7b);
  box-shadow: 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078);
}
._tipicalNode_1tdeo_951:hover {
  box-shadow: 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078);
}
._nodeActions_1tdeo_730 {
  position: absolute;
  top: -30px;
  right: -30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._actionButtonsVisible_1tdeo_1003 {
  opacity: 1;
  pointer-events: all;
}
._editWrapper_1tdeo_894:hover,
._deleteWrapper_1tdeo_907:hover {
  opacity: 1 !important;
  pointer-events: all !important;
}
._header_1tdeo_389 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: background-color 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  border-top: 2px solid rgba(106, 130, 251, 0.15);
}
._body_1tdeo_1031 {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
._body_1tdeo_1031 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 10px;
  word-wrap: break-word;
}
._footer_1tdeo_1046 {
  height: 50px;
  padding-left: 10px;
  position: relative;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
}
._logo_1tdeo_1056 {
  position: absolute;
  width: 100px;
  height: 20px;
  top: -30px;
  left: 0px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: space-around;
}
._promt_1tdeo_1068 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._promt_1tdeo_1068 ._logo_1tdeo_1056 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_1tdeo_1077 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_1tdeo_1077 ._logo_1tdeo_1056 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._buttonHolder_1tdeo_1086 {
  gap: 30px;
  margin-left: auto;
  margin-right: 20px;
  width: 700px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@keyframes _transitionPulse_1tdeo_1 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(220, 76, 76, 0.7);
    border-color: #f48fb1;
  }
  50% {
    box-shadow: 0 0 8px 3px rgba(220, 76, 76, 0.4);
    border-color: #dc4c4c;
  }
}
@keyframes _transitionGlow_1tdeo_1 {
  0%, 100% {
    background-color: #e3f2fd;
    border-color: #64b5f6;
    box-shadow: 0 0 0 0 rgba(66, 165, 245, 0);
  }
  50% {
    background-color: #bbdefb;
    border-color: #42a5f5;
    box-shadow: 0 0 8px 0 rgba(66, 165, 245, 0.3);
  }
}
@keyframes _iconGlow_1tdeo_1 {
  0%, 100% {
    background-color: #e3f2fd;
    border-color: #64b5f6;
    box-shadow: 0 0 0 0 rgba(66, 165, 245, 0);
  }
  50% {
    background-color: #bbdefb;
    border-color: #42a5f5;
    box-shadow: 0 0 6px 0 rgba(66, 165, 245, 0.3);
  }
}
._transitionLabel_1tdeo_188 {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
._transitionLabel_1tdeo_188._hasValue_1tdeo_585 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  color: #1976d2;
}
._transitionLabel_1tdeo_188._noValue_1tdeo_589 {
  background: #ff9b9b;
  border: 1px solid #90caf9;
  color: #1f1f1f;
}
._transitionLabel_1tdeo_188._selectedTransition_1tdeo_1152 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  color: #7b1fa2 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._transitionLabel_1tdeo_188._selectedAnimatedTransition_1tdeo_1158 {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.22) 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.45) !important;
  color: #0b3fa6 !important;
  box-shadow: 0 0 10px rgba(37, 99, 235, 0.45);
}
._transitionLabel_1tdeo_188:hover, ._transitionLabel_1tdeo_188:focus {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionLabelWrapper_1tdeo_1169 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
._transitionLabelWrapper_1tdeo_1169:hover ._transitionDeleteButton_1tdeo_598,
._transitionLabelWrapper_1tdeo_1169:focus-within ._transitionDeleteButton_1tdeo_598,
._transitionDeleteButtonVisible_1tdeo_634 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._animatedTransition_1tdeo_1184 {
  animation: _transitionGlow_1tdeo_1 2s ease-in-out infinite;
  color: #1976d2 !important;
  font-weight: 500 !important;
}
._announcementIcon_1tdeo_1190 {
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
._announcementIcon_1tdeo_1190._hasAnnouncementValue_1tdeo_1200 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
}
._announcementIcon_1tdeo_1190._noAnnouncementValue_1tdeo_1204 {
  background: #f5f5f5;
  border: 1px solid #90caf9;
}
._announcementIcon_1tdeo_1190._selectedAnnouncement_1tdeo_1208 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._animatedAnnouncement_1tdeo_1214 {
  animation: _iconGlow_1tdeo_1 2s ease-in-out infinite;
}
._addTransitionButtonInFlow_1tdeo_1218 {
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: white;
  border: 2px solid #cbd5e0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
._addTransitionButtonInFlow_1tdeo_1218::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;
  width: 50px;
  height: 30px;
  pointer-events: all;
}
._addTransitionButtonInFlow_1tdeo_1218:hover {
  background: #f9fafb;
  border-color: #a0aec0;
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._addTransitionButtonInFlow_1tdeo_1218:active {
  transform: scale(0.95);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
._addTransitionButtonInFlow_1tdeo_1218 img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}
._addTransitionButtonInFlow_1tdeo_1218:hover img {
  opacity: 1;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._loaderContainer_tdezp_29 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 998;
}
._createCategoryHolder_tdezp_42 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._listWrapper_tdezp_48 {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
._placeholder_tdezp_58 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
._subcontainer_tdezp_66 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 386px;
}
._subcontainer_tdezp_66 ._label_tdezp_73 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
  text-align: center;
}
._subcontainer_tdezp_66 ._icon_tdezp_81 {
  width: 120px;
  height: 120px;
}
._knowledgeContainer_tdezp_86 {
  padding: 24px;
  width: 100%;
  height: 100%;
}
._knowledgeContainer_tdezp_86 ._header_tdezp_91 {
  display: flex;
  padding: 10px 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #d8dbdf;
  background: #f5f6f9;
}
._knowledgeContainer_tdezp_86 ._header_tdezp_91 span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._knowledgeContainer_tdezp_86 ._contentHolder_tdezp_110 {
  display: flex;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  border-top: none;
  width: 100%;
  height: calc(100% - 48px);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  overflow: auto;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
  transition: all 0.3s ease;
}
._knowledgeContainer_tdezp_86 ._contentHolder_tdezp_110._dragging_tdezp_127 {
  background-color: #f0f8ff;
  border: 2px dashed #5c9ce6;
}
._knowledgeContainer_tdezp_86 ._contentHolder_tdezp_110._dragging_tdezp_127 p {
  color: #5c9ce6;
}
._container_tdezp_135 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  gap: 14px;
  position: relative;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 {
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 {
    flex-direction: column;
    gap: 14px;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 {
  display: none;
  height: 100%;
  width: 330px;
  padding: 14px 24px 24px 24px;
  padding-right: 12px;
  gap: 14px;
  border-right: solid 1px;
  border-color: #d8dbdf;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 {
    width: 100%;
    padding: 8px;
    overflow: initial;
    overflow-y: initial;
    gap: 0px;
    border: none;
    height: fit-content;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._wrapper_tdezp_177 {
  display: none;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._wrapper_tdezp_177 {
    gap: 14px;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._addCategoryButton_tdezp_188 {
  display: none;
  justify-content: flex-start;
  align-self: center;
  flex-direction: row;
  gap: 10px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._addCategoryButton_tdezp_188 ._icon_tdezp_81 {
  margin-top: 7px;
  cursor: pointer;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._addCategoryButton_tdezp_188 ._disabledIcon_tdezp_202 {
  margin-top: 7px;
  cursor: default;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._addCategoryButton_tdezp_188 ._label_tdezp_73 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 {
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 274px;
  max-height: calc(100% - 100px);
  gap: 8px;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231 {
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 7px 14px 7px 14px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  gap: 4px;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231._active_tdezp_242 {
  background-color: #d9e0ec;
  border-radius: 5px;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231 ._label_tdezp_73 {
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 19px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231 ._label_tdezp_73 {
    font-size: 14px;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231 ._deleteHolder_tdezp_262 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 24px;
  margin-left: auto;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231 {
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
  }
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._categoriesWrapper_tdezp_154 ._categoriesHolder_tdezp_212 ._category_tdezp_231 ._categoryHolder_tdezp_231._active_tdezp_242 {
    background-color: #d9e0ec;
    border-radius: 10px;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 {
  position: relative;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  display: none;
  flex-direction: column;
  overflow: hidden;
  gap: 14px;
  padding-right: 24px;
  padding-left: 24px;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 {
    padding: 0;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  margin-right: 16px;
}
@media screen and (max-width: 1600px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 {
    display: none;
  }
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 :hover {
  background: var(--scss-hoveredBackground, #eaeff7);
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 ._button_tdezp_334 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  cursor: pointer;
  position: relative;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 ._button__disabled_tdezp_346 {
  cursor: default;
  background-color: #d9e0ec;
  opacity: 0.5;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 ._button_tdezp_334 img {
  pointer-events: none;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 ._button_tdezp_334 ._hiden_tdezp_354 {
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._switcherWrapper_tdezp_298 ._filesActionButtons_tdezp_304 ._button_tdezp_334 ._label_tdezp_73 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 19px;
  height: 100%;
  pointer-events: none;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._tableWrapper_tdezp_372 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  outline: none;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._tableWrapper_tdezp_372 textarea {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  overflow-y: scroll !important;
  resize: none;
  border-color: #d8dbdf;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._tableWrapper_tdezp_372 textarea:focus {
  border-color: #4a86ff !important;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._tableWrapper_tdezp_372 textarea:hover {
  border-color: #000 !important;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._instructionsWrapper_tdezp_398 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._instructionsWrapper_tdezp_398 ._inputWrapper_tdezp_405 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._instructionsWrapper_tdezp_398 ._inputWrapper_tdezp_405 ._textArea_tdezp_410 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #9ca3b0;
  flex: 1;
  border-radius: 5px;
  padding: 8px 14px 8px 14px;
}
._container_tdezp_135 ._contentWrapper_tdezp_143 ._dataWrapper_tdezp_281 ._instructionsWrapper_tdezp_398 ._inputWrapper_tdezp_405 ._textArea_tdezp_410 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_tdezp_135 ._title_tdezp_426 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  text-align: center;
  padding: 10px 0px 8px 0px;
}
@media screen and (max-width: 480px) {
  ._container_tdezp_135 ._title_tdezp_426 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_tdezp_444 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._systemInstructionsWrapper_tdezp_444 ._label_tdezp_73 {
  font-family: "Roboto";
  color: #727272;
  font-size: 16px;
  line-height: 33px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_tdezp_444 ._label_tdezp_73 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_tdezp_444 ._optionsWrapper_tdezp_462 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._fileActionButton_tdezp_468 {
  display: none;
}
@media screen and (max-width: 1600px) {
  ._fileActionButton_tdezp_468 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_tdezp_468 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_tdezp_468 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1220px) {
  ._fileActionButton_tdezp_468 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  ._fileActionButton_tdezp_468 {
    display: flex;
    height: 24px;
  }
}
._titleWrapper_tdezp_502 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._titleWrapper_tdezp_502 ._label_tdezp_73 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
}
._option_tdezp_462 {
  padding: 8px 24px 8px 17px;
  width: fit-content;
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid #9ca3b0;
}
._option_tdezp_462._disabled_tdezp_202 {
  pointer-events: none;
  cursor: not-allowed;
  color: gray;
  background-color: #d8dbdf;
}
._option_tdezp_462._disabled_tdezp_202 ._label_tdezp_73 {
  color: gray;
}
._option_tdezp_462 ._closeButton_tdezp_531 {
  display: none;
}
._option_tdezp_462 ._icon_tdezp_81 {
  display: flex;
}
._option_tdezp_462 ._label_tdezp_73 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
._dropped_tdezp_545 {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  width: fit-content;
}
._dropped_tdezp_545 ._icon_tdezp_81 {
  display: none;
}
._dropped_tdezp_545 ._closeButton_tdezp_531 {
  cursor: pointer;
  pointer-events: all;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
._cursor-line_tdezp_563 {
  position: absolute;
  width: 2px;
  background-color: black;
  pointer-events: none;
  z-index: 999;
}
._tag_tdezp_571 {
  padding: 6px;
  background-color: #f6f9ff;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  font-size: 16px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  font-family: "Roboto";
}
._buttonDisabled_tdezp_582 {
  cursor: default !important;
  background-color: #d9e0ec;
  opacity: 0.5;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._sidePanel_y4z25_57 {
  position: fixed;
  top: 0;
  height: 100%;
  width: 895px;
  background-color: #f7f7f7;
  transition: transform 0.6s ease, opacity 0.7s ease;
  z-index: 1000;
  opacity: 0;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._sidePanel_y4z25_57 {
    width: 100% !important;
  }
}
._sidePanel_y4z25_57._left_y4z25_74 {
  box-shadow: 4px 0 10px rgba(0, 0, 0, 0.1);
}
._sidePanel_y4z25_57._right_y4z25_77 {
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
}
._header_y4z25_81 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._headerContent_y4z25_87 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_y4z25_93 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  text-transform: capitalize;
}
._description_y4z25_102 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--scss-tabsDisabledText, #666);
}
._closeIcon_y4z25_110 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
._right_y4z25_77 {
  right: 0;
}
._right_y4z25_77._open_y4z25_120 {
  transform: translateX(0);
  opacity: 1;
}
._right_y4z25_77._closed_y4z25_125 {
  transform: translateX(100%);
  opacity: 0;
}
._left_y4z25_74 {
  left: 0;
}
._left_y4z25_74._open_y4z25_120 {
  transform: translateX(0);
  opacity: 1;
}
._left_y4z25_74._closed_y4z25_125 {
  transform: translateX(-100%);
  opacity: 0;
}
._overlay_y4z25_144 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._overlay_y4z25_144 {
    height: 100vh;
  }
}
._overlay_y4z25_144._open_y4z25_120 {
  opacity: 1;
  pointer-events: auto;
}
._content_y4z25_166 {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  z-index: 1000;
}
@media screen and (max-width: 480px) {
  ._content_y4z25_166 {
    flex-direction: column;
  }
}
._mainContent_y4z25_182 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  gap: 24px;
}
@media screen and (max-width: 480px) {
  ._mainContent_y4z25_182 {
    overflow: hidden;
  }
}
._mainContent_y4z25_182 ._section_y4z25_195 {
  padding: 0 !important;
}
._divider_y4z25_199 {
  width: calc(100% - 40px);
  height: 1px;
  background: linear-gradient(90deg, rgba(147, 112, 219, 0.1) 0%, rgba(138, 43, 226, 0.25) 50%, rgba(147, 112, 219, 0.1) 100%);
  margin: 0 20px 16px 20px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_r6z0h_57 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  gap: 14px;
  background-color: #eaeef4;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_r6z0h_57 {
    flex-direction: row;
    height: fit-content;
  }
}
._item_r6z0h_72 {
  cursor: pointer;
  height: 40px;
  width: 40px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #d8dbdf;
  opacity: 0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: white;
}
._item_r6z0h_72._active_r6z0h_86 {
  background-color: #5479f7;
}
._item_r6z0h_72._active_r6z0h_86 svg path {
  fill: white;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._categoryItem_kyf42_29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 73px;
  width: 100%;
  border-top: 1px solid #d8dbdf;
  cursor: pointer;
  padding-left: 14px;
  padding-right: 14px;
}
._content_kyf42_41 {
  gap: 14px;
}
._leftSide_kyf42_45 {
  gap: 4px;
}
._actionIcon_kyf42_49 {
  cursor: pointer;
}
._name_kyf42_53 {
  align-self: center;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._leftSide_kyf42_45,
._rightSide_kyf42_64,
._content_kyf42_41,
._description_kyf42_66,
._actions_kyf42_67 {
  display: flex;
  flex-direction: row;
}
._icon_kyf42_72 {
  width: 40px;
  height: 40px;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background: #fff;
}
._rightSide_kyf42_64 {
  gap: 44px;
}
._description_kyf42_66 {
  gap: 24px;
}
._actions_kyf42_67 {
  gap: 14px;
  min-width: 40px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._mainLabel_31cc8_29 {
  width: 120px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
}
._grayLabel_31cc8_40 {
  color: var(--scss-tabsDisabledText, #666);
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_ntsbr_29 {
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_ntsbr_29 {
    height: calc(100% - 80px);
    justify-content: space-between;
    gap: 16px;
  }
}
._saveButton_ntsbr_43 {
  align-self: flex-end;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._saveButton_ntsbr_43 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._buttonContainer_ntsbr_58 {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  height: 80px;
  z-index: 1001;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_kdi0i_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  max-height: calc(100% - 80px);
  gap: 16px;
}
@media screen and (max-width: 480px) {
  ._container_kdi0i_29 {
    height: calc(100% - 80px);
  }
}
._document_kdi0i_43 {
  display: flex;
}
._webWrapper_kdi0i_47 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
._subContainer_kdi0i_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._webUrlWrapper_kdi0i_61 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
._title_kdi0i_68 {
  color: var(--scss-text-color, #1f1f1f);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._loaderContainer_kdi0i_76 {
  display: flex;
  z-index: 999999;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._fileWrapper_kdi0i_88 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 75%;
}
._titleHolder_kdi0i_96 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._subtitle_kdi0i_103 {
  font-size: 16px;
  text-transform: initial;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--scss-tabsDisabledText, #666);
}
._pdfContainer_kdi0i_112 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._title_kdi0i_68 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1o1l4_29 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._banner_1o1l4_41 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
._banner_1o1l4_41 span {
  font-family: "Roboto";
  color: #727272;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._banner_1o1l4_41 span {
    font-size: 14px;
    line-height: 19px;
  }
}
._buttonContainer_1o1l4_62 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
._buttonContainer_1o1l4_62 :hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._button_1o1l4_62 {
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  cursor: pointer;
  position: relative;
}
._button_1o1l4_62._disabled_1o1l4_90 {
  background-color: #f0f0f0;
  border-color: #d3d3d3;
  cursor: not-allowed;
  opacity: 0.5;
}
._button_1o1l4_62 ._hidden_1o1l4_97 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._label_1o1l4_107 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  ._label_1o1l4_107 {
    font-size: 14px;
  }
}
._textContainer_1o1l4_118 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
._textContainer_1o1l4_118 hr {
  border: none;
  border-top: 1px solid #d8dbdf;
  flex-grow: 1;
}
._textContainer_1o1l4_118 span {
  white-space: nowrap;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1j80p_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 44px 24px;
  border: 2px dashed #d8dbdf;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  background-color: white;
  transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
}
@media screen and (max-width: 480px) {
  ._container_1j80p_29 {
    padding: 24px 12px;
  }
}
._container_1j80p_29._dragging_1j80p_46 {
  border-color: #007bff;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
  background-color: rgba(0, 123, 255, 0.05);
}
._mainTitle_1j80p_52 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
._descriptionContainer_1j80p_58 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._description_1j80p_58 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: var(--scss-tabsDisabledText, #666);
  text-align: center;
}
._importIcon_1j80p_72 {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._label_takil_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._menuItemHolder_takil_35 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 4px 7px;
  width: 100%;
}
._disabled_takil_43 {
  display: none;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._mainContainer_1dk8j_29 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 999;
}
._cellLabel_1dk8j_37 {
  padding: 7px;
  font-family: "Roboto";
  line-height: 24px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
  display: block;
}
._editInputStyles_1dk8j_47 {
  display: inline-flex;
  width: 100%;
}
._deleteHolder_1dk8j_52 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 24px;
}
._gridContainer_1dk8j_61 {
  height: 100%;
  width: 100%;
  display: block;
}
._container_1dk8j_67 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 30px;
  margin-left: auto;
  margin-right: 5px;
  width: fit-content;
}
._sqere_1dk8j_77 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
}
._triangle_1dk8j_83 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  transform: rotate(45deg);
}
._circle_1dk8j_90 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  border-radius: 50%;
}
._active_1dk8j_97 {
  background-color: green;
}
._nameHolder_1dk8j_101 {
  text-overflow: ellipsis;
  overflow: hidden;
}
._ag-theme-quartz_1dk8j_106 {
  border: none !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._pdfContainer_1394s_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 787px;
  height: calc(100% - 180px);
  overflow-x: auto;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}
._pdfPage_1394s_41 {
  max-width: 100%;
  max-height: 111vh;
}
@media screen and (max-width: 834px) {
  ._pdfPage_1394s_41 {
    max-height: 100vh;
  }
}
._pagination_1394s_51 {
  display: flex;
  align-items: center;
  align-self: center;
  margin-top: 10px;
}
._paginationButton_1394s_58 {
  background-color: var(--scss-text-color, #1f1f1f);
  color: white;
  border: none;
  padding: 5px 10px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
}
._paginationButton_1394s_58:hover {
  background-color: #0056b3;
}
._paginationButton_1394s_58:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
._paginationInfo_1394s_76 {
  margin: 0 10px;
  font-size: 16px;
  font-family: "Roboto";
}.jsoneditor-react-container .jsoneditor {
  border: thin solid #d9dbdf;
}
.jsoneditor-react-container .jsoneditor-search {
  display: flex;
  flex-direction: row;
}
.jsoneditor-react-container .jsoneditor-frame {
  display: flex;
}
.jsoneditor-react-container .jsoneditor-menu {
  background-color: var(--scss-black, #22242c);
  border-bottom: 1px solid #d9dbdf;
}
.jsoneditor-react-container .jsoneditor-contextmenu .jsoneditor-menu {
  background-color: var(--scss-white, #ffffff);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._mainContainer_1kw02_29 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._label_1pduo_29 {
  position: "absolute";
  top: "0";
  left: "50%";
  transform: "translateX(-50%)";
  color: "#ffffff";
}
._progress_1pduo_37 {
  height: 8px;
  transition: width 0.3s ease;
  background-color: #578fff;
}
._progressWrapper_1pduo_43 {
  height: 8px;
  width: 100%;
  background-color: #f5f6f9;
  border-radius: 10px;
  overflow: hidden;
}
._progressContainer_1pduo_51 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  gap: 10px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #d8dbdf;
}
._content_1pduo_62 {
  display: flex;
  flex-direction: row;
  height: 45px;
  width: 100%;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
._textContent_1pduo_72 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textContent_1pduo_72 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._percentsLabel_1pduo_85 {
  display: flex;
  align-self: center;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._image_1pduo_95 {
  width: 40px;
  height: 40px;
  padding: 8px;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1pnrm_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
._subContainer_1pnrm_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._errorLable_1pnrm_42 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-red, #f9395c);
}
._title_1pnrm_49 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_lscpu_29 {
  display: flex;
  width: 100%;
  height: calc(100% - 80px);
  flex-direction: column;
  gap: 14px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_4i4u8_29 {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #d8dbdf;
  gap: 24px;
}
._button_4i4u8_37 {
  position: relative;
  display: inline-block;
  color: var(--scss-tabsDisabledText, #666);
  border: none;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  padding: 12px 14px 8px 14px;
}
._button_4i4u8_37._active_4i4u8_51 {
  color: var(--scss-blueActiveColor, #5479f7);
}
._button_4i4u8_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
}
._button_4i4u8_37._active_4i4u8_51::after {
  height: 3px;
  background-color: var(--scss-blueActiveColor, #5479f7);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_4i4u8_37._disabled_4i4u8_70 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_4i4u8_37._invalid_4i4u8_77 {
  height: 100%;
  cursor: default;
  color: var(--scss-red, #f9395c) !important;
  transition: height 0.3s ease, width 0.3s ease;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._config_fqf0s_29 {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
  border: 1px solid #d8dbdf;
  background-color: white;
  padding: 14px;
  border-radius: 10px;
}
._mainContainer_fqf0s_39 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainContainer_fqf0s_39 {
    overflow: auto;
  }
}
._cellLabel_fqf0s_52 {
  padding: 7px;
  font-family: "Roboto";
  line-height: 24px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
  display: block;
}
._fieldHolder_fqf0s_62 {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 79px;
  gap: 14px;
  opacity: 0px;
}
@media screen and (max-width: 480px) {
  ._fieldHolder_fqf0s_62 {
    flex-direction: column;
    justify-content: flex-start;
  }
}
._fieldName_fqf0s_80 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
._fields_fqf0s_92 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
._label_fqf0s_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--scss-text-dark, rgb(114, 114, 114));
}
@media screen and (max-width: 480px) {
  ._label_fqf0s_98 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }
}
._gridContainer_fqf0s_116 {
  height: 100%;
  width: 100%;
  display: block;
}
._field_fqf0s_62 {
  width: 33%;
  display: flex;
  flex-direction: column;
}
._mainWrapper_fqf0s_128 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._container_fqf0s_134 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._fiedsContainer_fqf0s_140 {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  height: fit-content;
  gap: 24px;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}
._content_fqf0s_151 {
  padding: 0.8rem;
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
  width: 100%;
}
._content__item_fqf0s_157 {
  margin-bottom: 0.5rem;
}
._configContainer_fqf0s_161 {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid #d8dbdf;
  padding: 14px;
  background-color: white;
  height: calc(100% - 40px);
  overflow: auto;
}
._fieldLabel_fqf0s_173 {
  font-family: "Roboto";
  line-height: 24px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._editableWrapper_1s5a9_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 16px;
  overflow: auto;
}
._inputWithHelpIcon_1s5a9_38 {
  position: relative;
  width: 100%;
  height: 100%;
}
._helpIcon_1s5a9_44 {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s;
}
._helpIcon_1s5a9_44:hover {
  color: #1976d2;
}
._pseudoInput_1s5a9_58 {
  width: calc(100% - 30px);
  height: 300px;
  overflow-y: scroll;
  padding: 8px 14px 8px 14px;
  font-family: "Roboto";
  letter-spacing: inherit;
  color: currentColor;
  border: 1px solid #9ca3b0;
  border-radius: 10px;
  box-sizing: content-box;
  background: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0;
  -webkit-animation-duration: 10ms;
  animation-duration: 10ms;
  height: fit-content;
  font-size: 16px;
  outline: none;
}
._pseudoInput_1s5a9_58 span {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_1s5a9_58 div {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_1s5a9_58:focus {
  outline: none;
}
._pseudoInput_1s5a9_58:hover {
  outline: none;
}
._pseudoInput_1s5a9_58 i {
  background: linear-gradient(0deg, rgb(0, 60, 255) 0%, rgb(38, 78, 255) 3%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%);
}._container_7v07t_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 100%;
  max-width: 650px;
}

._label_7v07t_13 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

._tagifyInput_7v07t_19 {
  border: none !important;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  width: 100%;
}

._resultInput_7v07t_27 {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  font-size: 16px;
  width: 100%;
  background-color: #f0f0f0;
  color: #555;
  min-height: 46px;
}

._closeButton_7v07t_38 {
  display: flex;
  width: 15px;
  height: 15px;
  cursor: pointer;
  align-self: flex-end;
}

._content_7v07t_46 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

._equalsLabel_7v07t_54 {
  font-size: 18px;
  font-weight: 700;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._ddSpan_18i2x_29 {
  font-size: 15px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._noResults_18i2x_35 {
  font-size: 14px;
  font-family: "Roboto";
  color: #9ca3b0;
  text-align: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._fieldsWrapper_wwb8v_57 {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
._fieldsWrapper__header_wwb8v_64 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #d8dbdf;
  background: #f5f6f9;
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_wwb8v_64 span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._fieldsWrapper__content_wwb8v_85 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_wwb8v_57 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_wwb8v_57 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_wwb8v_57 {
    min-width: 100%;
  }
}
._fieldContainer_wwb8v_118 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_wwb8v_118._disabledBlock_wwb8v_125 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_wwb8v_118 ._flexContainer_wwb8v_129 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
    height: 100%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_wwb8v_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_wwb8v_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_wwb8v_118 ._hader_wwb8v_134 ._textHolder_wwb8v_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_wwb8v_118 ._subhader_wwb8v_149 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_wwb8v_118 ._field_wwb8v_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_wwb8v_118 ._checkboxContainer_wwb8v_172 {
    display: flex;
    align-items: flex-start;
  }
}
._textWithTooltip_wwb8v_399 {
  display: inline-flex;
  gap: 12px;
}
._subwrapper_wwb8v_404 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_wwb8v_404 ._fieldsWrapper_wwb8v_57 {
  flex: 1 1 calc(25% - 24px);
  min-width: 250px;
  max-width: 100%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1vyvq_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(111vh + 40px);
}
@media screen and (max-width: 834px) {
  ._container_1vyvq_29 {
    height: 100vh;
  }
}
._mainHeader_1vyvq_43 {
  color: var(--scss-text-color, #1f1f1f);
  margin-top: 30px;
  height: 30px;
  font-family: "Roboto";
  font-style: normal;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
._errorLabel_1vyvq_55 {
  color: #d32f2f;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.66;
  letter-spacing: 0.03333em;
  text-align: left;
  margin-top: 3px;
  margin-right: 14px;
  margin-bottom: 0;
  margin-left: 14px;
}
._subwrapper_1vyvq_68 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textWithTooltip_1vyvq_74 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_1vyvq_79 {
  align-self: flex-start;
}
._subcontainer_1vyvq_83 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_1vyvq_83 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_1vyvq_98 {
  width: 100%;
  padding-top: 75px;
  min-height: 630px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerLanding_1vyvq_98 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_1vyvq_115 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_1vyvq_115 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_1vyvq_131 {
  color: rgba(0, 0, 0, 0.38);
  font-family: "Roboto";
  font-size: 16px;
}
._subcontainerBottom_1vyvq_115 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_1vyvq_115 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_1vyvq_153 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 24px;
  height: fit-content;
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_1vyvq_153 {
    gap: 14px;
  }
}
._subcontainerBehaviour_1vyvq_166 {
  width: 100%;
}
._flexContainerBehaviour_1vyvq_170 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_1vyvq_170 ._flexContainer_1vyvq_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1vyvq_170 ._hader_1vyvq_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1vyvq_170 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._flexContainerBehaviour_1vyvq_170 ._subhader_1vyvq_199 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._flexContainerBehaviour_1vyvq_170 ._field_1vyvq_212 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._flexContainerBehaviour_1vyvq_170 ._checkboxContainer_1vyvq_228 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_1vyvq_233 {
  flex-grow: 1;
}
._buttonContainer_1vyvq_237 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_1vyvq_242 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_1vyvq_248 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainerLanding_1vyvq_248 ._flexContainer_1vyvq_170 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_1vyvq_248 ._hader_1vyvq_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainerLanding_1vyvq_248 ._subhader_1vyvq_199 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainerLanding_1vyvq_248 ._field_1vyvq_212 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_1vyvq_248 ._checkboxContainer_1vyvq_228 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_1vyvq_248 {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1vyvq_248 ._flexContainer_1vyvq_170 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_1vyvq_248 {
    width: 200px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
    height: 100%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_1vyvq_248 {
    width: 200px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_1vyvq_248 {
    width: 200px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_1vyvq_248 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_1vyvq_248 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1vyvq_248 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1vyvq_248 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1vyvq_248 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1vyvq_248 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
._select_1vyvq_600 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_1vyvq_242 {
  padding: 7px;
  font-size: 16px;
  color: #1f1f1f;
}
._textAreaContainer_1vyvq_611 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_1vyvq_611 ._flexContainer_1vyvq_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._textAreaContainer_1vyvq_611 ._subhader_1vyvq_199 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._textAreaContainer_1vyvq_611 ._field_1vyvq_212 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-family: "Roboto";
  font-weight: 500;
}
._textAreaContainer_1vyvq_611 ._checkboxContainer_1vyvq_228 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1vyvq_611 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1vyvq_611 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1vyvq_611 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1vyvq_611 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1vyvq_611 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1vyvq_611 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1vyvq_611 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1vyvq_611 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1vyvq_611 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1vyvq_611 ._hader_1vyvq_184 ._textHolder_1vyvq_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1vyvq_611 ._subhader_1vyvq_199 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1vyvq_611 ._field_1vyvq_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1vyvq_611 ._checkboxContainer_1vyvq_228 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_1vyvq_873 {
  width: 100%;
}
._fields_1vyvq_877 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._iconHolder_1vyvq_883 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_1vyvq_889 {
  display: flex;
  justify-content: center;
  align-items: center;
}._placeholder_1b7mr_1 {
  color: #9ca3af;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1b7mr_8 {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._volumeControl_n7fm8_29 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 200px;
  margin-top: 22px;
}
._slider_n7fm8_39 {
  -webkit-appearance: none;
  appearance: none;
  width: 200px;
  height: 4px;
  background: rgba(84, 121, 247, 0.5);
  border-radius: 100px;
  outline: none;
  margin: 0;
  padding: 0;
  position: relative;
}
._slider_n7fm8_39::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 5px;
  height: 8px;
}
._slider_n7fm8_39::-moz-range-track {
  background: transparent;
  border-radius: 5px;
  height: 8px;
}
._slider_n7fm8_39::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1019607843);
}
._slider_n7fm8_39::-moz-range-thumb {
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
._markerContainer_n7fm8_88 {
  position: relative;
  width: calc(100% - 13px);
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 6px;
}
._marker_n7fm8_88 {
  position: absolute;
  height: 4px;
  width: 1px;
  background-color: var(--scss-text-color, #1f1f1f);
  opacity: 20%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
._labels_n7fm8_108 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  margin-top: 4px;
  position: relative;
  opacity: 20%;
}
._labelWrapper_n7fm8_118 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 0;
}
._volumeLabel_n7fm8_126 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
._valueLabel_n7fm8_132 {
  position: absolute;
  top: -34px;
  width: 34px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transform: translateX(-50%);
}
._valueBackground_n7fm8_144 {
  position: absolute;
  z-index: 9;
  width: 45px;
  height: 35px;
}
._value_n7fm8_132 {
  z-index: 10;
  font-family: "Roboto";
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}
._thumbCenter_n7fm8_161 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  height: 100px;
}._placeholder_1b7mr_1 {
  color: #9ca3af;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1b7mr_8 {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}._placeholder_1b7mr_1 {
  color: #9ca3af;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1b7mr_8 {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}._input_1sdee_1 {
  min-height: 55px !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._modal_12kgp_29 {
  padding: 1rem;
}
._modal__title_12kgp_32 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  padding-bottom: 1rem;
  position: relative;
  white-space: nowrap;
  margin-bottom: 1rem;
}
._modal__content_12kgp_43 {
  height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
._modal__header_12kgp_50 {
  padding-right: 16px;
}
._modal__footer_12kgp_53 {
  padding-top: 1rem;
  padding-right: 16px;
}
._modal__items_12kgp_57 {
  height: 100%;
  max-height: calc(100% - 100px);
  overflow-y: scroll;
}
._modal__btn_12kgp_62 {
  font-weight: bold;
}
._modal__total_12kgp_65 {
  color: rgb(102, 102, 102);
}
@media screen and (max-width: 480px) {
  ._modal_12kgp_29 {
    height: 100%;
    overflow: auto;
  }
}
._contentHolder_12kgp_75 {
  display: flex;
  flex-direction: column;
  background-color: white;
}
._container_12kgp_81 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: calc(100% - 40px);
}
._textPreview_12kgp_88 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._highlight_12kgp_95 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  background-color: yellow;
}
._previewItem_12kgp_103 {
  z-index: 2;
  position: relative;
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 5% 90%;
  gap: 0.5rem;
  margin-bottom: 1rem;
  background-color: white;
}
._previewItem_12kgp_103 textarea::-webkit-scrollbar {
  width: 0 !important;
}
._previewItem__number_12kgp_117 {
  background: rgb(246, 249, 255);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 1px solid rgb(216, 219, 223);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._previewItem__content_12kgp_128 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  max-width: 100%;
}
._previewItem__contentTitle_12kgp_136 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
}
._previewItem__value_12kgp_144 {
  padding: 0.5rem;
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
}
._previewItem__value__bg_12kgp_159 {
  background-color: rgb(246, 249, 255);
}
._modalWrapper_115qj_2 {
  position: relative;
  z-index: 9999; /* Контейнер на верхнем уровне */
  border-radius: 10px;
  opacity: 0;
  animation: _fadeIn_115qj_1 0.2s ease-in-out 0.2s forwards;
}
._modalWrapper_115qj_2::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: inherit;
  padding: 3px;
  background: linear-gradient(90deg, #c1b5fc 0%, #266dfd 100%);
  z-index: -1;
}

._modal_115qj_2 {
  position: relative;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.1), 0 32px 32px 0 rgba(0, 0, 0, 0.09), 0 72px 43px 0 rgba(0, 0, 0, 0.05), 0 127px 51px 0 rgba(0, 0, 0, 0.01), 0 199px 56px 0 rgba(0, 0, 0, 0);
  background: var(--background-light);
}
._modal__title_115qj_30 {
  font-family: var(--font-family), sans-serif;
  font-weight: 700;
  font-size: 1.12rem;
  line-height: 133%;
  color: var(--background-dark);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._modal__text_115qj_41 {
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: var(--background-dark);
  margin-bottom: 1.5rem;
  max-width: 339px;
}
._modal__btn_115qj_50 {
  max-width: 10.38rem;
  max-height: 2.5rem;
  border: 1px solid var(--border-field);
  border-radius: 3.12rem;
  padding: 0.5rem 1.5rem;
}
._modal__helperText_115qj_57 {
  font-family: var(--font-family), serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text-white-dark);
  align-self: center;
  min-width: 50px;
}

._content_115qj_67 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

._rowContent_115qj_74 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

@keyframes _fadeIn_115qj_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeOut_115qj_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}.__floater {
  filter: none !important;
}

.guide-hidden {
  display: none;
}

.activeTourItem {
  border: 3px solid #ccd7fd;
}

.active-round-btn {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 48px;
  height: 49px;
  border: 3px solid #ccd7fd;
  border-radius: 50%;
  animation: pulse 1s infinite;
}
.active-round-btn:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #578fff;
  border-radius: 50%;
}

.active-btn {
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulse 1s infinite;
  position: relative;
}
.active-btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}
@media screen and (max-width: 1440px) {
  .active-btn[data-guide^=nav-] {
    margin-left: -1.5px;
    margin-right: 1.5px;
    border-color: transparent;
  }
  .active-btn[data-guide^=nav-]:before {
    left: 3.5px;
    right: -0.5px;
  }
}

.active-button {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid #578fff;
  border-radius: 50px;
  animation: pulse 1s infinite;
}

.active-input {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.active-input:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.br-50 {
  border-radius: 50px;
}
.br-50:before {
  border-radius: 50px;
}

.mui-active-input-tools {
  position: absolute;
  pointer-events: none;
  top: -6px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-active-input-tools:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-active-button {
  position: absolute;
  pointer-events: none;
  top: -6px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 3px solid #ccd7fd;
  border-radius: 50px;
  animation: pulseLight 1s infinite;
  z-index: -1;
}
.mui-active-button:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 50px;
}

.mui-active-input {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-active-input:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-active-input-advanced {
  pointer-events: none;
  position: absolute;
  top: -8px;
  left: -9px;
  right: -9px;
  bottom: -9px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-active-input-advanced:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-modal-active-state {
  position: absolute;
  pointer-events: none;
  top: -1px;
  left: -1px;
  right: 2px;
  bottom: -9px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-modal-active-state:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-checkbox-active-state {
  pointer-events: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -11px;
  bottom: -9px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-checkbox-active-state:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-active-input-light {
  position: absolute;
  pointer-events: none;
  top: 0px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-active-input-light:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.mui-active-container {
  pointer-events: none;
  position: absolute;
  left: 16px;
  width: calc(100% - 50px);
  height: 83%;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.mui-active-container:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}

.run-agent {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
}

.general-pulse {
  pointer-events: none;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 3px solid #ccd7fd;
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: rgb(246, 249, 255);
  z-index: -1;
}
.general-pulse:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #578fff;
  border-radius: 10px;
}._mask_1nc86_1 {
  box-shadow: none !important;
  background: transparent !important;
  color: var(--background-light) !important;
  zoom: 1.11111111 !important;
  width: 100vw !important;
  height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
}
@media screen and (max-width: 480px) {
  ._mask_1nc86_1 {
    zoom: 1 !important;
  }
}
._mask_1nc86_1 svg {
  width: 100vw !important;
  height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
}
._mask_1nc86_1 svg rect {
  width: 100vw !important;
  height: 100vh !important;
}

._tour_1nc86_27 {
  z-index: 1000000 !important;
  max-width: 100% !important;
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._tableWrapper_cehu7_57 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background-color: white;
  padding: 14px;
  gap: 16px;
  outline: none;
  transition: height 0.3s ease;
}
._tableWrapper_cehu7_57 textarea {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  overflow-y: scroll !important;
  resize: none;
  border-color: #d8dbdf;
}
._tableWrapper_cehu7_57 textarea:focus {
  border-color: #4a86ff !important;
}
._tableWrapper_cehu7_57 textarea:hover {
  border-color: #000 !important;
}
@media screen and (max-width: 480px) {
  ._tableWrapper_cehu7_57 {
    max-height: 100%;
  }
}
._instructionsWrapper_cehu7_94 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._instructionsWrapper_cehu7_94 ._inputWrapper_cehu7_101 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._instructionsWrapper_cehu7_94 ._inputWrapper_cehu7_101 ._textArea_cehu7_106 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #9ca3b0;
  flex: 1;
  border-radius: 5px;
  padding: 8px 14px 8px 14px;
}
._instructionsWrapper_cehu7_94 ._inputWrapper_cehu7_101 ._textArea_cehu7_106 span {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: 16px;
  line-height: 24px;
}
._systemInstructionsWrapper_cehu7_123 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}
._systemInstructionsWrapper_cehu7_123 ._label_cehu7_129 {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: 16px;
  line-height: 33px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_cehu7_123 ._label_cehu7_129 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_cehu7_123 ._optionsWrapper_cehu7_142 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._title_cehu7_148 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  text-align: center;
  padding: 10px 0px 8px 0px;
}
@media screen and (max-width: 480px) {
  ._title_cehu7_148 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._labelExample_cehu7_166 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 33px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._labelExample_cehu7_166 {
    line-height: 18px;
    font-size: 14px;
  }
}
._container_cehu7_180 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
._tag_cehu7_188 {
  padding: 6px;
  background-color: #f6f9ff;
  color: var(--scss-tabsDisabledText, #666);
  line-height: 24px;
  font-size: 16px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordionLabel_cehu7_200 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagExample_cehu7_208 {
  margin-left: 8px;
  margin-right: 8px;
  background-color: var(--scss-text-color, #1f1f1f);
  color: white;
  padding: 6px;
  line-height: 24px;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordion_cehu7_200 {
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  transition: height 0.3s ease;
}
._header_cehu7_227 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f5f5f5;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
}
._icon_cehu7_242 {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
._icon_cehu7_242._open_cehu7_249 {
  transform: rotate(90deg);
}
._content_cehu7_253 {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
._inner_cehu7_258 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 10px;
  padding: 14px;
}
._itemContainer_cehu7_267 {
  padding: 14px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  background-color: white;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_ikoyx_29 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: white;
  height: 100%;
  width: 100%;
  border: 1px solid #d8dbdf;
  padding: 24px;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  ._container_ikoyx_29 {
    overflow: auto;
  }
}
._textWithTooltip_ikoyx_46 {
  display: flex;
  flex-direction: row;
  width: fit-content;
  gap: 8px;
}
._ddContainer_ikoyx_53 {
  display: flex;
  height: 70px;
  width: 100%;
  gap: 8px;
  flex-direction: column;
}
._subContainer_ikoyx_61 {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
._title_ikoyx_67 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
  margin-left: 8px;
}
._dropDown_ikoyx_77 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #d8dbdf;
  border: none;
  border-radius: 10px;
}
._dropDown1_ikoyx_86 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border-radius: 10px;
}
._textHolder_ikoyx_93 {
  align-self: center;
  color: #1f1f1f;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}
.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:0.3s;--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;outline:0;position:relative;box-sizing:border-box;transition:.1s}
@keyframes tags--bump{30%{transform:scale(1.2)}}
@keyframes rotateLoader{to{transform:rotate(1turn)}}
.tagify:has([contenteditable=true]){cursor:text}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}
.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}
.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}
@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}
.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}
.tagify--loading .tagify__input>br:last-child{display:none}
.tagify--loading .tagify__input::before{content:none}
.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}
.tagify--loading .tagify__input:empty::after{margin-left:0}
.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}
.tagify__tag{display:inline-flex;align-items:center;max-width:var(--tag--max-width);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}
.tagify__tag>div{flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}
.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}
.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}
.tagify__tag>div>:only-child{width:100%}
.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}
.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}
.tagify__tag--loading{pointer-events:none}
.tagify__tag--loading .tagify__tag__removeBtn{display:none}
.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}
.tagify__tag--flash div::before{animation:none}
.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}
.tagify__tag--hide>div>*{white-space:nowrap}
.tagify__tag.tagify--noAnim>div::before{animation:none}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}
.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}
.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}
@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}
.tagify__tag--editable>div{color:var(--tag-text-color--edit)}
.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}
.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}
.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}
.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}
.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}
.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}
.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}
.tagify__tag__removeBtn:hover+div>span{opacity:.5}
.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}
.tagify:not(.tagify--mix) .tagify__input br{display:none}
.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}
.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit}
.tagify__input:empty::before{position:static}
.tagify__input:focus{outline:0}
.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}
@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}
.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}
@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}
.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}
.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}
.tagify__input .tagify__tag{margin:0 1px}
.tagify--mix{display:block}
.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}
.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}
.tagify--mix .tagify__input::after{content:none}
.tagify--select{cursor:default}
.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}
.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}
.tagify--select .tagify__tag{flex:1;max-width:none;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}
.tagify--select .tagify__tag div::before{display:none}
.tagify--select .tagify__tag+.tagify__input{display:none}
.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}
.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}
.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}
.tagify--invalid{--tags-border-color:#D39494}
.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}
.tagify__dropdown[dir=rtl]{transform:translate(-100%,-1px)}
.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}
.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}
.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}
.tagify__dropdown__wrapper{max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;animation:dd-wrapper-show 0s .3s forwards}
@keyframes dd-wrapper-show{to{overflow-y:auto}}
.tagify__dropdown__header:empty{display:none}
.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}
.tagify__dropdown__footer:empty{display:none}
.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}
.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%;line-height:normal}
.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}
.tagify__dropdown__item:active{filter:brightness(105%)}
.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}
.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}
:root {
  --background-dark: #1f1f1f;
  --background-light: #fff;
  --text-white: #9c9c9c;
  --text-dark: #727272;
  --text-white-dark: #666;
  --ggreen-light: #f7d5bc;
  --foto-1: #141414;
  --placeholder-color: #c9c9c9;
  --border-table: #eaeef4;
  --placeholder-for-input: #b3b3b3;
  --border-field: #d8dbdf;
  --hover: #d9e0ec;
  --disabled-placeholder: #ccc;
  --disabled-input: #ececec;
  --active-input: #578fff;
}
.wrapper-class {
  height: 200px;
}
.rdw-editor-toolbar button {
  font-size: 16px;
}
.rdw-editor-main h1 {
  font-size: 32px;
  font-weight: bold;
}
.rdw-editor-main h2 {
  font-size: 28px;
  font-weight: bold;
}
.rsw-ce {
  width: 100%;
  height: 100%;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 8px;
  direction: ltr;
  overflow: auto;
  font-family: Arial !important;
}
.rsw-editor {
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 100px;
  overflow: hidden;
}
.editor-class {
  border: 1px solid #eaeef4;
  padding: 7px;
  font-size: 16px;
}
.ant-row{
  display: flex;
    flex-flow: nowrap !important;
    min-width: 0;
}
input,
textarea {
  -webkit-text-size-adjust: 100%;
}
:root {
  --font-family: 'Helvetica Neue', 'Roboto', sans-serif;
  --second-family: 'Inter', sans-serif;
  --third-family: 'Noto Sans', sans-serif;
  --font3: 'SF Pro Text', sans-serif;
  --font4: 'Roboto', sans-serif;
}
html {
  width: 100%;
  height: 100%;
  font-size: 16px;

}
body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  margin: 0;
  overflow: hidden;
}
body.safari {
  overflow-x: hidden;
}
#root {
  zoom: 0.9;
  height: 100% !important;
  overflow: hidden;

  @media screen and (max-width: 480px) {
    zoom: 1;
  }
}
body.safari #root {
  zoom: 1 !important;
  transform: scale(0.9);
  transform-origin: top left;
  width: 111.11vw !important;
  height: 111.11vh !important;
}
@media screen and (max-width: 480px) {
  body.safari #root {
    transform: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.noZoom {
  transform: scale(calc(1 / 0.9));
  transform-origin: top left;
  width: calc(100% * 0.9) !important;
  height: calc(100% * 0.9) !important;
}
body.safari .noZoom {
  transform: scale(calc(1 / 0.9)) !important;
  transform-origin: top left !important;
  width: calc(100% * 0.9) !important;
  height: calc(100% * 0.9) !important;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tags__error .tagify__input {
  border: 1px solid #d32f2f !important;
}
.tags__input_error .tagify__input {
  border: 1px solid #ff3b30 !important;
}
.tagify--mix .tagify__input {
  height: 100%;
  padding: 8px 14px 8px 14px;
}
.tags__input_main .tagify__input {
  border: none !important;
  /* border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; */
}
.tags__input_flow .tagify__input {
  min-height: 200px;
  max-height: 300px;
  overflow-y: auto;
}
.tags__resizable .tagify__input {
  height: fit-content;
  min-height: fit-content;
  resize: vertical;
  overflow-y: auto;
}
.tags__input_flow.tags__resizable .tagify__input {
  min-height: 200px !important;
  resize: vertical !important;
  overflow-y: auto !important;
  height: auto;
}
.tags__input_main_block .tagify__input {
  border: 1px solid #c0c0c0;
  border-radius: 10px;
}
.tags__input_warning .tagify__input {
  border: 1px solid #ff9500 !important;
}
.tags__input_info .tagify__input {
  border: 1px solid #5479f7 !important;
}
.react-flow__handle {
  background-color: white !important;
  width: 8px !important;
  height: 8px !important;
  border: 1px solid black !important;
  border-radius: 50%;
}
.react-flow__handle.condition-handle {
  border: none !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  top: 130%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--handle-color) !important;
}
.react-flow__handle.tool-handle-bottom {
  background-color: transparent !important;
  border: none !important;
  height: 0px !important;
  top: 90%;
}
.react-flow__handle.tool-handle-top {
  background-color: transparent !important;
  border: none !important;
  height: 0px !important;
  top: 0px;
}
.react-flow__handle-top {
    left: 50%;
    top: -6px !important;
    transform: translate(-50%, 0);
}
.react-flow__handle-left {
  top: 40%;
  left: -6px !important;
  transform: translate(0, -50%);
}
/* ::-webkit-scrollbar {
    width: 0.5em !important;
    height: 0.5em  !important;
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
} */
.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: -8px !important;
  transform: translate(-50%, 0);
}
.react-flow__handle-right {
  right: 8px !important;
  top:3px !important;
  top: 50%;
  transform: translate(0, -50%);
}
.tagify__input {
  height: 300px;
  overflow-y: scroll;
  /* font-family: $inter;; */
  letter-spacing: inherit;
  /* color: currentColor; */
  /*min-height: 160px;*/
  /*border: 1px solid #9ca3b0;*/
  border-radius: 10px;
  box-sizing: content-box;
  background: white;
  /* -webkit-tap-highlight-color: transparent; */
  display: block;
  min-width: 0;
  /* -webkit-animation-duration: 10ms;
  animation-duration: 10ms; */
  height: fit-content;
  font-size: 16px;

  border: 1px solid #c0c0c0;
  /*border-bottom: 1px solid #919192;*/

  &:focus {
    border: 1px solid #1976d2;
  }

  &:hover {
    border: 1px solid rgba(0, 0, 0, 0.87);
    /*outline: 1px solid transparent;*/
    /*outline: 1px solid rgba(0, 0, 0, 0.87);*/
    /*border-bottom: 2px solid #919192;*/
  }

  & i {
    background: linear-gradient(0deg,
        rgb(0, 60, 255) 0%,
        rgb(38, 78, 255) 3%,
        rgb(255, 255, 255) 30%,
        rgba(255, 255, 255, 1) 100%);
  }
}
.tagify__dropdown__item--selected::before {
  content: '' !important;
}
.tags-input {
  width: calc(100% - 30px);
  height: calc(100% - 34px);
}
.tags-input-flow {
  width: calc(100% - 30px);
  height: calc(100% - 34px);
}
.tagify__tag__removeBtn:hover+div::before {
  box-shadow: none !important;
}
.tp-widget-wrapper {
  margin: 0 !important;
  width: fit-content !important;
}
.ag-theme-quartz {
  --ag-borders: none;
  --ag-header-background-color: #f6f9ff;
}
.tagify {
  height: 100%;
  border: none;

  --tag-bg: #1f1f1f;
  --tag-text-color: white;
  --tag-text-color--edit: var(--tag-bg);
  --tag-hover: #1f1f1f6e;
  --tag-remove-btn-color: white;
}
.tagify__tag>div::before {
  background-color: #1f1f1f;
  content: '';
  position: absolute;
  border-radius: inherit;
  inset: var(--tag-bg-inset, 0);
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump 0.3s ease-out 1;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
  box-shadow: none;
}
.tagify[disabled] .tagify__input {
  min-height: 24px;
  background: var(--tags-disabled-bg);
  /*padding: 0;*/
  /*padding-right: 0;*/
}
/* .tagify__tag:hover .tagify__tag__removeBtn {
  transform: none;
  opacity: 1;
  margin-left: -1ch;
} */
/* .tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  --tag-bg-inset: -2.5px;
  background-color: #1f1f1f;
  --tag-bg: #1f1f1f6e;
} */
::-webkit-file-upload-button {
  cursor: pointer;
}
input[type='file'] {
  cursor: pointer;
}
.editor-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.toolbar-wrap {
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0;
  inset: 0px auto auto auto;
  background-color: white;
  z-index: 99999;
}
#tippy-6 {
  inset: 0px auto auto auto !important;
}
[id^='tippy-'] {
  inset: 0px auto auto auto !important;
}
.editor-content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  max-width: 100% !important;
}
#root {
  width: 100%;
  height: 100dvh;
  overflow-y: hidden;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Helvetica,
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji';
}
.stop-point,
.stop-point-center,
.stop-point-end {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.stop-point-center {
  scroll-snap-align: center;
}
.stop-point-end {
  scroll-snap-align: end;
}
@media only screen and (max-width: 1220px) {

  .stop-point,
  .stop-point-center,
  .stop-point-end {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}
@media only screen and (max-width: 480px) {

  .stop-point,
  .stop-point-center,
  .stop-point-end {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}
.MuiButtonBase-root .Mui-selected {
  background-color: #1f1f1f !important;
}
/* Restore top padding for DialogContent that follows DialogTitle (override generated MUI class) */
.MuiDialogTitle-root+.MuiDialogContent-root {
  padding-top: 8px !important;
}
/* Ensure all MUI Dialogs use the same zoom as #root */
.MuiDialog-root {
  zoom: 0.9;
}
@media screen and (max-width: 480px) {
  .MuiDialog-root {
    zoom: 1;
  }
}
body.safari .MuiDialog-root {
  zoom: 1 !important;
  transform: scale(0.9);
  transform-origin: center center;
}
@media screen and (max-width: 480px) {
  body.safari .MuiDialog-root {
    transform: none;
  }
}
body.safari .MuiTooltip-popper {
  transform: scale(0.9);
  transform-origin: top left;
}
body.safari .MuiTooltip-tooltip {
  transform: scale(0.9);
  transform-origin: center center;
}
body.safari .tagify__dropdown {
  transform: scale(0.9);
  transform-origin: top left;
}
body.safari .tagify-submenu-portal {
  transform: scale(0.9);
  transform-origin: top left;
}
body.safari .array-index-popup {
  transform: scale(0.9);
  transform-origin: top left;
}
/* Hide advanced settings button in JSON Schema Editor */
.json-schema-react-editor .adv-set,
.json-schema-react-editor span.adv-set,
span.adv-set,
.adv-set {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.react-flow__edge.animated .react-flow__edge-path {
  stroke-width: 2.4px;
  stroke-dasharray: 12 8;
  stroke-linecap: butt;
  animation: dashdraw-custom 0.75s linear infinite !important;
}
.react-flow__edge.animated:hover .react-flow__edge-path {
  stroke-width: 2.6px;
}
.react-flow__edge.animated.selected .react-flow__edge-path {
  stroke-width: 3px;
}
.react-flow__edge.animated path {
  stroke-dasharray: 6;
  animation: dashdraw-custom 0.5s linear infinite !important;
}
.react-flow__connection .animated {
  animation: dashdraw-custom 0.5s linear infinite !important;
}
@keyframes dashdraw-custom {
  from {
    stroke-dashoffset: 20;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dashdraw-custom {
  from {
    stroke-dashoffset: 20;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/* Edges should be under nodes */
.react-flow__edge {
  z-index: 1 !important;
}
/* All nodes should be above edges */
.react-flow__node {
  z-index: 100 !important;
}
/* Selected node should always be on top */
.react-flow__node.selected {
  z-index: 9999 !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._bottomConnectorWrapper_15j5l_29 {
  position: absolute;
  bottom: -88px;
  height: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._hidden_15j5l_44 {
  opacity: 0;
}
._background_15j5l_48 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._modalWrapper_15j5l_56 {
  z-index: 1000;
  width: fit-content;
  height: fit-content;
}
._lineConnector_15j5l_62 {
  position: absolute;
  width: 2px;
  top: -32px;
  height: 33px;
  background-color: #aaafb5;
}
._addNodeButton_15j5l_70 {
  padding: 14px 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #f5f6f9;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
._addNodeButton_15j5l_70:hover {
  background-color: #f4f4f4;
}
._addNodeButton_15j5l_70 img {
  width: 16px;
  height: 16px;
  align-self: center;
}
._addNodeButton_15j5l_70._circleButton_15j5l_90 {
  width: 33px;
  height: 33px;
  padding: 0;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #cbd5e0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
._addNodeButton_15j5l_70._circleButton_15j5l_90:hover {
  background-color: #f9fafb;
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._addNodeButton_15j5l_70._circleButton_15j5l_90 img {
  width: 18px;
  height: 18px;
}
._label_15j5l_109 {
  font-size: 14px;
  color: #5f6368;
  display: flex;
  justify-content: center;
  align-items: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._subcontainerBottom_1xccp_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 100px;
}
._ddContainer_1xccp_36 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_1xccp_36 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
}
._fieldContainer_1xccp_50 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100%;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_1xccp_61 {
  grid-column: span 3;
}
._flexContainer_1xccp_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._hader_1xccp_71 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._textHolder_1xccp_79 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
._icon_1xccp_91 {
  margin-top: -5px;
  cursor: pointer;
}
._textWithTooltip_1xccp_96 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_1xccp_101 {
  align-self: flex-start;
  width: 12px;
  height: 12px;
}
._field_1xccp_50 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._fieldRows_1xccp_123 {
  width: 100%;
  height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._checkboxContainer_1xccp_140 {
  display: flex;
  align-items: center;
  height: 100%;
}
._checkboxContainer_1xccp_140 label {
  display: flex;
  gap: 10px;
}
._checkboxContainer_1xccp_140 span:last-child {
  padding-top: 1px;
}
._firstRow_1xccp_153 {
  display: flex;
  gap: 14px;
}
._actionItems_1xccp_158 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}
._switcherWrapper_1xccp_166 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._linkButton_12gnk_29 {
  width: 100%;
  height: fit-content;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: var(--scss-text-color, #1f1f1f);
  padding: 7px 0 7px 0;
  gap: 0.8rem;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
._linkButton_12gnk_29 img {
  max-width: none;
}
._hr_12gnk_49 {
  width: 100%;
}
._holder_12gnk_53 {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 8px;
  padding: 7px 12px 7px 12px;
  border-radius: 5px;
}
._holder_12gnk_53:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._holderContainer_12gnk_65 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._textWrapper_12gnk_71 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  gap: 6px;
}
._textHolder_12gnk_79 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 24px;
}
._iconHolder_12gnk_87 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._iconHolder_12gnk_87 img {
  max-width: 24px !important;
}
._iconWrapper_12gnk_102 {
  position: relative;
  display: inline-flex;
}
._badge_12gnk_107 {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background-color: #e53935;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  box-shadow: none;
}
._badgeText_12gnk_126 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background-color: #e53935;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  font-weight: 600;
}
._badgeIcon_12gnk_141 {
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background-color: #e53935;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
._grayedOut_12gnk_160 {
  opacity: 0.5;
}
._active_12gnk_164 {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._active_12gnk_164:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._disabled_12gnk_171 {
  background-color: var(--scss-disabledBackground, rgba(255, 255, 255, 0.5137254902));
  width: 100%;
  height: fit-content;
  user-select: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: var(--scss-disabled-text-color, rgba(177, 177, 177, 0.8235294118));
  padding: 7px 12px 7px 12px;
  gap: 8px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  pointer-events: none;
  cursor: default;
}
._disabled_12gnk_171 :hover {
  background-color: none;
}
._notCollapsedText_12gnk_193 {
  display: flex;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 24px;
  white-space: nowrap;
  text-wrap: nowrap;
}
@media screen and (max-width: 900px) {
  ._linkButton_12gnk_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_12gnk_29 ._holder_12gnk_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_12gnk_79 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._linkButton_12gnk_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_12gnk_29 ._holder_12gnk_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_12gnk_79 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._linkButton_12gnk_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_12gnk_29 ._holder_12gnk_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_12gnk_79 {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  ._linkButton_12gnk_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_12gnk_29 ._holder_12gnk_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_12gnk_79 {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  ._linkButton_12gnk_29 {
    justify-content: center;
    width: calc(100% - 32px);
  }
  ._linkButton_12gnk_29 ._holder_12gnk_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_12gnk_79 {
    display: flex;
  }
}
._submenu_12gnk_264 {
  width: 100%;
  border-radius: 5px;
  margin-top: -8px;
  background: linear-gradient(180deg, rgba(186, 186, 235, 0.1) 0%, rgba(211, 148, 241, 0.1) 100%);
}
._submenu_12gnk_264 ._linkButton_12gnk_29 {
  gap: 0.5rem;
  margin-left: 38px;
}
._submenu_12gnk_264 ._linkButton_12gnk_29 ._holder_12gnk_53 {
  width: calc(100% - 32px);
  gap: 6px;
  padding: 7px 12px 7px 8px;
  margin-left: -6px;
}
@media screen and (max-width: 1440px) {
  ._submenu_12gnk_264 ._linkButton_12gnk_29 ._holder_12gnk_53 {
    margin-left: 0px;
    width: 100%;
  }
}
._submenu_12gnk_264 ._linkButton_12gnk_29 ._holder_12gnk_53 ._iconHolder_12gnk_87 {
  display: flex;
  width: 24px;
  height: 24px;
}
._submenu_12gnk_264 ._linkButton_12gnk_29 ._holder_12gnk_53 ._iconHolder_12gnk_87 img {
  max-width: 24px !important;
}
._submenu_12gnk_264 ._linkButton_12gnk_29 ._holder_12gnk_53 ._textHolder_12gnk_79 {
  font-size: 15px;
  line-height: 22px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._eventToolForm__title_1mv7b_29 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  margin-bottom: 0.7rem;
}
._eventToolForm__subTitle_1mv7b_37 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
}
._eventToolForm__selectedOption_1mv7b_44 {
  border-radius: 10px !important;
}
._eventToolForm__options_1mv7b_47 {
  min-width: 155px !important;
  z-index: 11111 !important;
  top: 100% !important;
}
._eventToolForm__header_1mv7b_52 {
  padding: 0.8rem 1.8rem;
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  background-color: rgb(246, 249, 255);
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
._eventToolForm__container_1mv7b_63 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._eventToolForm__label_1mv7b_69 {
  font-weight: 500;
  font-family: "Roboto";
  font-size: 1rem;
}
._ddContainer_1mv7b_75 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_1mv7b_75 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: rgb(255, 215, 127) 50%;
  border-radius: 10px;
  padding: 0 5px;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` ts in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  box-sizing: border-box;
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none !important;
}
.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .flex-sb {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-sb-start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  .flex-sb-start {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .flex-column {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-row-center {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pointer {
  cursor: pointer;
}
.gap-05 {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-1 {
  margin-top: 1rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mt-1dot5 {
  margin-top: 1.5rem;
}
.mb-1dot5 {
  margin-bottom: 1.5rem;
}
.bold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
.pt-1 {
  padding-top: 1rem;
}
.pb-1 {
  padding-bottom: 1rem;
}
h3,
h4,
h5,
p,
span,
div,
button {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
*::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 16px !important;
}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
*::-webkit-scrollbar-button {
  display: none;
}
.add-action-scrollbar::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .html {
    font-size: 14px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulseLight {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
.columnHeader {
  background-color: rgb(246, 249, 255);
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid #eaeef4;
  border-top: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 16px;
}
.columnHeader__first {
  border-left: 1px solid #eaeef4;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.columnHeader__last {
  border-right: 1px solid #eaeef4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 1220px) {
  .columnHeader {
    font-size: 14px;
    padding: 6px 7px 6px 7px;
  }
}
.MuiDataGrid-topContainer:after {
  display: none !important;
}
.gridRow:first-child {
  border-top: none;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._nameHolder_1lq7w_29 {
  display: flex;
  flex-direction: column;
}
._Account_1lq7w_34 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 400;
}
._Account__avatar_1lq7w_41 {
  padding: 2px 1.5rem 2px 3px;
  width: 77.81px;
  height: 54px;
  border-radius: 67px;
  background-color: #e4e9f1;
  border: 0.5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
._Account_1lq7w_34 ._statusIndicator_1lq7w_54 {
  position: absolute;
  top: -6px;
  right: 6px;
  z-index: 1;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
._Account__arrowIcon_1lq7w_68 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin-left: 8px;
}
._titleHolder_1lq7w_77 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
._title_1lq7w_77 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._userInfoHolder_1lq7w_93 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  border-bottom: 1px solid #eaeef4;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  gap: 4px;
}
._email_1lq7w_106 {
  width: fit-content;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: #727272;
}
._balanceLabel_1lq7w_116 {
  display: none;
  width: fit-content;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: #727272;
}
@media screen and (max-width: 480px) {
  ._balanceLabel_1lq7w_116 {
    display: flex;
  }
}
._dropdown_1lq7w_132 {
  min-width: 235px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  border-radius: 10px;
  border: 1px solid #9ca3b0;
  padding: 0.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
}
._dropdown__option_1lq7w_146 {
  min-width: 10rem;
  padding: 0.5rem;
  border-radius: 5px;
  cursor: pointer;
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._dropdown__option_1lq7w_146:hover {
  background-color: #d9e0ec;
}
._iconsContainer_1lq7w_160 {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  gap: 5px;
}
._iconsContainer_1lq7w_160:hover {
  background-color: #d9e0ec;
}
._iconHolder_1lq7w_174 {
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._logoutSpan_1lq7w_182 {
  height: fit-content;
  margin-top: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  color: #1f1f1f;
  cursor: pointer;
}
._section_1lq7w_195 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0.75rem 1.5rem;
}
._sectionHeading_1lq7w_202 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-bottom: 4px;
}
._itemRow_1lq7w_210 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._itemLabel_1lq7w_216 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
}
._itemText_1lq7w_223 {
  font-family: "Roboto";
  font-size: 14px;
  color: #727272;
}
._divider_1lq7w_229 {
  width: 100%;
  height: 1px;
  background-color: #eaeef4;
  margin: 0.25rem 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._base_1fxy1_29 {
  margin: 0;
  padding: 0;
  /* font-family: "Roboto", sans-serif; */
  color: var(--Black-Text, var(--scss-text-color, #1f1f1f));
  text-overflow: ellipsis;
  /* 12 px | regular | base */
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}
._h3_1fxy1_44 {
  font-weight: 600;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._label_17kfp_57 {
  font-family: "Roboto";
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31));
  font-size: 16px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
._applyBtn_17kfp_67 {
  width: 80%;
  padding: 8px 24px 8px 24px;
}
._menuHeader_17kfp_72 {
  font-family: "Roboto";
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31));
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 500;
}
._menuItem_17kfp_83 {
  font-family: "Roboto" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  height: 40px;
  width: 100%;
  padding-left: 5px;
  margin-left: 10px;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  list-style-position: inside;
  display: block !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._emptyLable_17kfp_99 {
  margin-left: 10px;
}
._headerRow_17kfp_103:first-child {
  border-radius: 5px 0 0 5px;
}
._headerRow_17kfp_103:last-child {
  border-radius: 0px 5px 5px 0px;
}
._divider_17kfp_111 {
  width: 257px !important;
  margin-left: 24px !important;
  border-color: rgb(197, 202, 220) !important;
}._wrapper_sthpk_1 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._wrapper_sthpk_1:hover._hiden_sthpk_8 {
  display: flex;
}

._container_sthpk_12 {
  width: 8.68px;
  height: 12.6px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

._hiden_sthpk_8 {
  display: none;
}._loader__fullpage_1wesb_1 {
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
._loader__inline_1wesb_13 {
  display: flex;
  width: 15px;
  height: 15px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._buttonGroup_8gopb_29 {
  display: flex;
}
._button_8gopb_29 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: #1f1f1f;
  color: white;
  border: 1px solid #1f1f1f;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 32px;
  height: 48px;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s;
  font-family: "Roboto";
}
@media screen and (max-width: 1440px) {
  ._button_8gopb_29 {
    font-size: 14px;
  }
}
._button_8gopb_29:hover {
  box-shadow: var(--hover-box-shadow, none);
  color: var(--hover-text-color, #1f1f1f) !important;
  background-color: var(--hover-bg-color, white) !important;
  border: var(--hover-border-color, 1px solid white) !important;
}
._button_8gopb_29._inverse_8gopb_60:hover {
  color: var(--hover-text-color, white) !important;
  background-color: var(--hover-bg-color, #1f1f1f) !important;
  border: var(--hover-border-color, 1px solid #1f1f1f) !important;
}
._button_8gopb_29._inverseBorder_8gopb_65:hover {
  border: var(--hover-border-color, 1px solid #1f1f1f) !important;
}
._button_8gopb_29._disabled_8gopb_68, ._button_8gopb_29._activeDisabled_8gopb_68 {
  cursor: default;
}
._button_8gopb_29._disabled_8gopb_68:hover, ._button_8gopb_29._activeDisabled_8gopb_68:hover {
  color: white !important;
  background-color: var(--disabled-color, #c9c9c9) !important;
  border-color: var(--disabled-color, #c9c9c9) !important;
}
._button_8gopb_29 img {
  margin-right: 15px;
  width: 24px;
  height: 24px;
}
._warningButton_8gopb_82 {
  padding: 12px 14px !important;
  border-radius: 0px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  max-width: 54px;
  border-right: 1px solid #666 !important;
  border-right: none;
}
._warningCircle_8gopb_92 {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--Colors-Red, #ff3b30);
}
._wanningLabel_8gopb_102 {
  color: white;
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
._normalButton_8gopb_112 {
  padding: 14px 24px !important;
  border-radius: 0px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: none;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._button_43ix7_29 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 32px;
  height: 48px;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, border 0.3s;
  font-family: "Roboto";
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  ._button_43ix7_29 {
    font-size: 14px;
  }
}
._button_43ix7_29:hover {
  background-color: var(--hover-bg-color) !important;
  color: var(--hover-text-color) !important;
  border: var(--hover-border-color) !important;
  box-shadow: var(--hover-box-shadow) !important;
}
._button_43ix7_29._disabled_43ix7_54 {
  cursor: not-allowed;
  opacity: 0.6;
}
._button_43ix7_29._disabled_43ix7_54:hover {
  background-color: inherit !important;
  color: inherit !important;
  border: inherit !important;
  box-shadow: inherit !important;
}._container_1qh28_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  overflow: hidden;
}

._content_1qh28_15 {
  text-align: center;
  padding: 48px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 500px;
  width: 90%;
  backdrop-filter: blur(10px);
}

._iconWrapper_1qh28_26 {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
}

._icon_1qh28_26 {
  color: #667eea;
  animation: _pulse_1qh28_1 2s ease-in-out infinite;
}

@keyframes _pulse_1qh28_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
._title_1qh28_45 {
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 16px;
  font-size: 28px;
}

._description_1qh28_52 {
  color: #666;
  margin-bottom: 32px;
  line-height: 1.6;
  font-size: 16px;
}

._retryButton_1qh28_59 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  transition: all 0.3s ease;
}
._retryButton_1qh28_59:hover {
  background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
  transform: translateY(-2px);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_9cqcs_29 {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  position: relative;
}
@media screen and (max-width: 1220px) {
  ._wrapper_9cqcs_29 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 834px) {
  ._wrapper_9cqcs_29 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_9cqcs_29 {
    width: 100%;
    gap: 4px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
._button_9cqcs_60 {
  margin-top: 2px;
  border-radius: 10px 10px 0px 0px;
  padding: 14px 24px 14px 24px;
  min-width: calc(fit-content + 10px);
  height: fit-content;
  position: relative;
  color: var(--scss-blueActiveColor, #5479f7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  height: 48px;
  border-bottom: none;
  z-index: 0;
}
@media screen and (max-width: 1220px) {
  ._button_9cqcs_60 {
    padding: 14px 14px 14px 14px;
  }
}
@media screen and (max-width: 834px) {
  ._button_9cqcs_60 {
    padding: 14px 3%;
  }
}
._button_9cqcs_60._disactive_9cqcs_89 {
  background-color: white;
  color: var(--scss-tabsDisabledText, #666);
  font-weight: 400;
  border: 1px solid transparent;
  border-bottom: none;
  position: relative;
}
@media screen and (max-width: 480px) {
  ._button_9cqcs_60._disactive_9cqcs_89 {
    padding: 5px 5px 5px 5px;
  }
}
@media screen and (max-width: 480px) {
  ._button_9cqcs_60 {
    height: fit-content;
    text-wrap: nowrap;
    line-height: 16px;
    margin: 0;
    font-size: 14px;
    padding: 12px 14px 12px 14px;
  }
}
._button_9cqcs_60::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #5479f7;
  z-index: 1;
}
._button_9cqcs_60._disactive_9cqcs_89::before {
  content: none;
}
@media screen and (max-width: 480px) {
  ._button_9cqcs_60::before {
    content: none;
  }
}
._container_9cqcs_133 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._container_9cqcs_133 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
._buttonLabel_9cqcs_146 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  color: var(--scss-blueActiveColor, #5479f7);
  margin-top: 2px;
  text-wrap: nowrap;
}
._buttonLabel_9cqcs_146._disactive_9cqcs_89 {
  font-weight: 500;
  color: #666666;
}
._errorBadge_9cqcs_159 {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background-color: #ef4444;
  color: white;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 600;
  font-family: "Roboto";
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_rvdha_29 {
  display: flex;
  align-items: center;
  max-width: 500px;
  border-bottom: 1px solid #d8dbdf;
  gap: 24px;
}
._button_rvdha_37 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  border: none;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  font-weight: 400;
  text-align: center;
  padding: 12px 14px 8px 14px;
}
._tabContent_rvdha_54 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._icon_rvdha_60 {
  width: 18px;
  height: 18px;
  display: block;
  filter: brightness(0) saturate(100%);
  flex-shrink: 0;
}
._label_rvdha_68 {
  white-space: nowrap;
}
._button_rvdha_37._active_rvdha_72 {
  font-weight: 700;
}
._button_rvdha_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
}
._button_rvdha_37._active_rvdha_72::after {
  height: 3px;
  background-color: #1f1f1f;
  transition: height 0.3s ease, width 0.3s ease;
}
._button_rvdha_37._disabled_rvdha_91 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_rvdha_37._invalid_rvdha_98 {
  height: 100%;
  cursor: default;
  color: var(--scss-red, #f9395c) !important;
  transition: height 0.3s ease, width 0.3s ease;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._dropdown_1tlur_29 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  font-family: "Roboto", serif;
}
._disabled_1tlur_40 {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  background-color: #d9e0ec;
  color: gray;
  opacity: 0.5;
  border-radius: 50px;
  cursor: default;
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
  border: 1px solid #eaeef4;
}
._selectedValue_1tlur_59 {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  border: 1px solid #eaeef4;
  border-radius: 50px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
  overflow: hidden;
}
._selectedValue_1tlur_59 svg {
  min-width: 19px;
  min-height: 18px;
}
._arrowIcon_1tlur_81 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin-left: 8px;
  transition-duration: 200ms;
}
._arrowUp_1tlur_91 {
  transform: rotate(180deg);
}
._options_1tlur_95 {
  position: absolute;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 10px;
  width: 100%;
  min-width: 241px;
  max-height: 307px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  background-color: #fff;
  top: 100%;
  box-shadow: 0px 0px 3px 0px rgba(6, 85, 243, 0.2509803922);
}
@media screen and (max-width: 480px) {
  ._options_1tlur_95 {
    left: 0 !important;
    min-width: 170px;
  }
}
._options__top_1tlur_114 {
  top: 0;
  transform: translateY(-100%);
}
._options__bottom_1tlur_118 {
  top: calc(100% + 6px);
}
._options__right_1tlur_121 {
  left: 0;
}
._options__left_1tlur_124 {
  right: 0;
}
._optionHolder_1tlur_128 {
  padding: 7px;
}
._option_1tlur_95 {
  overflow: hidden;
  padding: 7px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 16px;
}
._option_1tlur_95 :hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._option_1tlur_95:hover {
  background-color: #f0f0f0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._dropdown_1inne_29 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  font-family: "Roboto", serif;
}
._disabled_1inne_40 {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  background-color: #d9e0ec;
  color: gray;
  opacity: 0.5;
  border-radius: 50px;
  cursor: default;
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
  border: 1px solid #eaeef4;
}
._selectedValue_1inne_59 {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  border: 1px solid #eaeef4;
  border-radius: 50px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
}
._arrowIcon_1inne_76 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin-left: 8px;
  transition-duration: 200ms;
}
._arrowUp_1inne_86 {
  transform: rotate(180deg);
}
._options_1inne_90 {
  overflow-y: auto;
  z-index: 1000;
  border-radius: 10px;
  width: 100%;
  min-width: 241px;
  max-height: 307px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  background-color: #fff;
  box-shadow: 0px 0px 3px 0px rgba(6, 85, 243, 0.2509803922);
}
._optionHolder_1inne_102 {
  padding: 7px;
}
._option_1inne_90 {
  overflow: hidden;
  padding: 7px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 16px;
}
._option_1inne_90 :hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._option_1inne_90:hover {
  background-color: #f0f0f0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._header_tjmil_29 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  gap: 0.8rem;
}
._header_tjmil_29 h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1440px) {
  ._header_tjmil_29 h3 {
    font-weight: 700;
    font-size: 18px;
  }
}
@media screen and (max-width: 1220px) {
  ._header_tjmil_29 h3 {
    font-weight: 700;
    font-size: 14px;
  }
}
._header_tjmil_29 ._button_tjmil_55 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 52px;
}
._header_tjmil_29 ._button_tjmil_55 :hover {
  cursor: pointer;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._PageHeader_8ngt1_29 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #eaeef4;
  padding: var(--page-header-padding);
  width: 100%;
  height: var(--page-header);
}
@media screen and (max-width: 834px) {
  ._PageHeader_8ngt1_29 {
    height: fit-content;
    padding: 0 !important;
    border-bottom: 0;
  }
}
._PageHeader__leftColumn_8ngt1_45 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  align-self: center;
}
@media screen and (max-width: 834px) {
  ._PageHeader__leftColumn_8ngt1_45 {
    padding: var(--page-header-padding);
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__leftColumn_8ngt1_45 {
    display: none;
  }
}
._PageHeader__burgerColumn_8ngt1_63 {
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  align-self: center;
  display: none;
}
@media screen and (max-width: 834px) {
  ._PageHeader__burgerColumn_8ngt1_63 {
    display: flex;
    cursor: pointer;
    align-self: flex-start;
    height: 57px;
  }
}
._PageHeader__btns_8ngt1_78 {
  margin-right: 0.8rem;
}
._PageHeader__contentColumnsHolder_8ngt1_81 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  align-self: center;
}
@media screen and (max-width: 834px) {
  ._PageHeader__contentColumnsHolder_8ngt1_81 {
    flex-direction: column-reverse;
  }
}
._PageHeader_8ngt1_29 ._overlay_8ngt1_94 {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(54, 61, 60, 0.5);
}
._PageHeader__title_8ngt1_103 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.81rem;
  color: rgb(31, 31, 31);
  text-align: left;
  letter-spacing: 0;
}
@media screen and (max-width: 834px) {
  ._PageHeader__title_8ngt1_103 {
    margin-bottom: 0;
  }
}
._PageHeader__subtitle_8ngt1_117 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  color: #727272;
  letter-spacing: 0;
  display: block;
}
@media screen and (max-width: 1220px) {
  ._PageHeader__subtitle_8ngt1_117 {
    display: none;
  }
}
._PageHeader__accountContainer_8ngt1_132 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 480px) {
  ._PageHeader__accountContainer_8ngt1_132 {
    gap: 16px;
  }
}
._PageHeader__rightContent_8ngt1_144 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding-top: 3px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._PageHeader__rightContent_8ngt1_144 {
    padding: var(--page-header-padding);
    align-self: flex-end;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #eaeef4;
    min-height: 70px;
  }
}
._PageHeader__dropdown_8ngt1_162 {
  min-width: 153.81px;
  height: 40px;
  font-family: "Roboto";
}
._PageHeader__dropdown_8ngt1_162 > div {
  border: 1px solid #9ca3b0;
}
._PageHeader__dropdown_8ngt1_162 div {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  line-height: 19.09px;
}
@media screen and (max-width: 480px) {
  ._PageHeader__dropdown_8ngt1_162 div {
    max-width: 140px;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__dropdown_8ngt1_162 {
    min-width: fit-content;
  }
}
._PageHeader_8ngt1_29 ._container_8ngt1_186 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._PageHeader_8ngt1_29 ._labelContainer_8ngt1_192 {
  align-self: center;
  display: flex;
  flex-direction: column;
}
._PageHeader__sessionStatus_8ngt1_197 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
._PageHeader__sessionStatusText_8ngt1_203 {
  font-family: "Roboto";
  font-size: 0.875rem;
  line-height: 1rem;
  color: #727272;
}
._PageHeader__sessionStatusDot_8ngt1_209 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background-color: #9ca3b0;
}
._PageHeader_8ngt1_29 ._active_8ngt1_216 ._PageHeader__sessionStatusText_8ngt1_203 {
  color: #22c55e;
}
._PageHeader_8ngt1_29 ._active_8ngt1_216 ._PageHeader__sessionStatusDot_8ngt1_209 {
  background-color: #22c55e;
}
._PageHeader_8ngt1_29 ._inactive_8ngt1_222 ._PageHeader__sessionStatusText_8ngt1_203 {
  color: #9ca3b0;
}
._PageHeader_8ngt1_29 ._inactive_8ngt1_222 ._PageHeader__sessionStatusDot_8ngt1_209 {
  background-color: #9ca3b0;
}
._burger_8ngt1_229 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._burger_8ngt1_229 {
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1tijc_29 {
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 10px;
  cursor: pointer;
}
._wrapper_1tijc_29 :hover {
  background-color: var(--scss-borderColor, #d8dbdf);
}
._content_1tijc_38 {
  padding: 7px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._dndItems_14nb8_29 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._dndItems_14nb8_29._botname_14nb8_35 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._saveButtonContainer_14nb8_42 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  max-height: 52px;
}
@media screen and (max-width: 480px) {
  ._saveButtonContainer_14nb8_42 {
    gap: 24px;
  }
}
._dndnode_14nb8_54 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._knowledgeBaseHolder_14nb8_61 {
  padding: 0px !important;
}
._pageHeader_14nb8_65 {
  padding: var(--page-header-padding);
}
._container_14nb8_69 {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 111vh;
  position: relative;
  justify-content: flex-start;
}
@media screen and (max-width: 834px) {
  ._container_14nb8_69 {
    gap: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._container_14nb8_69 {
    height: 100vh;
  }
}
._title_14nb8_88 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._runBtn_14nb8_98 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
}
._buttonContainer_14nb8_105 {
  display: block;
}
@media screen and (max-width: 834px) {
  ._buttonContainer_14nb8_105 {
    display: none;
  }
}
._contentContainer_14nb8_114 {
  display: flex;
  flex-direction: column;
  height: calc(111vh - var(--page-header, 0) - 25px);
}
@media (orientation: landscape) and (max-height: 600px) {
  ._contentContainer_14nb8_114 {
    height: fit-content;
    overflow-y: auto;
  }
}
@media screen and (max-width: 480px) {
  ._contentContainer_14nb8_114 {
    gap: 14px;
  }
}
._adaptiveButton_14nb8_131 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._adaptiveButton_14nb8_131 {
    display: block;
  }
}
._headerContentContainer_14nb8_140 {
  display: flex;
  flex-direction: column;
}
._headerContentContainerAdmin_14nb8_145 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._disabledFieldBlock_14nb8_151 {
  position: relative;
  opacity: 0.55;
  pointer-events: none;
}
._headerContent_14nb8_140 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-left: none;
  border-top: none;
  border-right: none;
  padding-left: 24px;
  padding-right: 24px;
  align-items: center;
}
._wrapper_14nb8_170 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_14nb8_176 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  border-radius: 10px 10px 10px 10px;
  padding: 24px;
  overflow-y: auto;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._template_holder_14nb8_176 {
    overflow-y: initial;
  }
}
@media screen and (max-width: 1220px) {
  ._template_holder_14nb8_176 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_holder_14nb8_176 {
    border: none;
    padding-top: 0px;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._template_holder_14nb8_176._roundBorder_14nb8_204 {
  border-radius: 0px 10px 10px 10px;
}
._template_schema_holder_14nb8_208 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  border: 1px solid #d8dbdf;
  border-radius: 0px;
  padding: 0px;
  overflow-y: auto;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._template_schema_holder_14nb8_208 {
    overflow-y: initial;
    min-height: 400px;
  }
}
@media screen and (max-width: 1220px) {
  ._template_schema_holder_14nb8_208 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_schema_holder_14nb8_208 {
    border: none;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._saveButton_14nb8_42 {
  position: relative;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._saveButton_14nb8_42 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileSaveButton_14nb8_253 {
  display: none;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._mobileSaveButton_14nb8_253 {
    max-height: 40px;
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: flex;
  }
}
._mobileButtons_14nb8_269 {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._saveButtonHolder_14nb8_277 {
  margin-left: auto;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: var(--debug-console-offset, 0px);
}
@media screen and (max-width: 480px) {
  ._saveButtonHolder_14nb8_277 {
    display: inline-flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    gap: 24px;
    width: 100%;
  }
}
._optionalRunAgentButton_14nb8_294 {
  display: none;
}
@media screen and (max-width: 480px) {
  ._optionalRunAgentButton_14nb8_294 {
    display: block;
  }
}
._footer_14nb8_303 {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--scss-black, #22242c);
  display: flex;
  align-items: center;
}
._fullscreen_14nb8_315 ._contentContainer_14nb8_114 {
  height: 111vh;
}
._fullscreen_14nb8_315 ._saveButtonHolder_14nb8_277 {
  position: fixed;
  right: 0;
  bottom: calc(50px + var(--debug-console-offset, 0px));
  margin: 0;
  padding: 0 24px 16px 24px;
  background: transparent;
  z-index: 2;
}
._flowFullscreen_14nb8_328 ._contentContainer_14nb8_114 {
  height: calc(100vh - 10px);
}
._flowFullscreen_14nb8_328 ._saveButtonHolder_14nb8_277 {
  position: fixed;
  right: 0;
  bottom: calc(50px + var(--debug-console-offset, 0px));
  margin: 0;
  padding: 0 24px 16px 24px;
  background: transparent;
  z-index: 2;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._mainBlock_1j9td_29 {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
._EmptyPlaceholder_1j9td_36 {
  padding-right: var(--page-header);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._EmptyPlaceholder_1j9td_36 {
    padding-right: 0;
  }
}
._EmptyPlaceholder_1j9td_36 ._content_1j9td_52 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  max-width: 14rem;
  color: var(--scss-placeholderColor, #b8c5db);
}
._title_1j9td_62 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.81rem;
  color: rgb(31, 31, 31);
  text-align: left;
  letter-spacing: 0;
}.SortableListContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.SortableList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  list-style: none;
}.SortableItem {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  list-style: none;
  color: #333;
  font-weight: 400;
  font-size: 1rem;
  font-family: sans-serif;
}

.DragHandle {
  display: flex;
  width: 12px;
  padding: 4px 8px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  touch-action: none;
  cursor: grab;
  border-radius: 5px;
  border: none;
  outline: none;
  appearance: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.DragHandle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.DragHandle:focus-visible {
  box-shadow: 0 0px 0px 2px #4c9ffe;
}

.DragHandle svg {
  flex: 0 0 auto;
  margin: auto;
  height: 100%;
  overflow: visible;
  fill: #919eab;
}.typing {
  position: relative;
}
.typing span {
  content: "";
  animation: blink 1.5s infinite;
  animation-fill-mode: both;
  height: 6px;
  width: 6px;
  background: #454545;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.typing span:nth-child(2) {
  animation-delay: 0.2s;
  margin-left: 9px;
}
.typing span:nth-child(3) {
  animation-delay: 0.4s;
  margin-left: 18px;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}._statusLightContainer_rfzpb_1 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
  padding: 2px 0;
  color: rgba(17, 24, 39, 0.7);
}

._light_rfzpb_10 {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  transition: all 0.2s ease;
  flex-shrink: 0;
  border: none;
}

._lightInner_rfzpb_21 {
  display: none;
}

._light_rfzpb_10._active_rfzpb_25 {
  background: #10b981;
}

._pulse_rfzpb_29 {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.3);
  animation: _pulse_rfzpb_29 1.5s ease-in-out infinite;
}

@keyframes _pulse_rfzpb_29 {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}
._glow_rfzpb_54 {
  display: none;
}

._icon_rfzpb_58 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: inherit;
  transition: color 0.2s ease;
}

._iconActive_rfzpb_67 {
  color: #0b64fe;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._sidePanel_uwrms_29 {
  width: 400px;
  height: calc(100% - var(--page-header) + 20px);
  background-color: #ffffff;
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 0;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._sidePanel_uwrms_29 {
    width: 100%;
  }
}
._sidePanel_uwrms_29._open_uwrms_47 {
  width: 400px;
}
._sidePanel_uwrms_29:not(._open_uwrms_47) {
  width: 0;
  overflow: hidden;
}
._header_uwrms_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fafafa;
  min-height: 80px;
}
._header_uwrms_55 ._title_uwrms_64 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0;
}
._content_uwrms_72 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px;
  min-height: 0;
  height: 0;
}
._contactInfo_uwrms_82 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 8px;
}
._contactDetails_uwrms_91 {
  width: 100%;
  margin-top: 8px;
}
._notesSection_uwrms_96 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: 0;
}
._analyzeCallSection_uwrms_104 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: 0;
}
._notesList_uwrms_113 {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
  min-height: 0;
  height: 0;
}
._notesList_uwrms_113::-webkit-scrollbar {
  width: 8px;
}
._notesList_uwrms_113::-webkit-scrollbar-track {
  background: #f8f9fa;
  border-radius: 4px;
}
._notesList_uwrms_113::-webkit-scrollbar-thumb {
  background: #dee2e6;
  border-radius: 4px;
  border: 2px solid #f8f9fa;
}
._notesList_uwrms_113::-webkit-scrollbar-thumb:hover {
  background: #adb5bd;
}
._notesList_uwrms_113::-webkit-scrollbar-corner {
  background: #f8f9fa;
}
@media (max-width: 768px) {
  ._sidePanel_uwrms_29 {
    width: 100%;
  }
  ._sidePanel_uwrms_29._open_uwrms_47 {
    width: 100%;
    min-width: 100%;
  }
  ._header_uwrms_55 {
    padding: 20px 20px 12px 20px;
  }
  ._content_uwrms_72 {
    padding: 12px;
  }
}
@media (max-width: 480px) {
  ._header_uwrms_55 {
    padding: 16px 16px 8px 16px;
  }
  ._content_uwrms_72 {
    padding: 8px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._sidePanel_meipi_29 {
  width: 400px;
  height: calc(100% - var(--page-header) + 20px);
  background-color: #ffffff;
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 0;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._sidePanel_meipi_29 {
    width: 100%;
  }
}
._sidePanel_meipi_29._open_meipi_47 {
  width: 400px;
}
._sidePanel_meipi_29:not(._open_meipi_47) {
  width: 0;
  overflow: hidden;
}
._header_meipi_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fafafa;
  min-height: 72px;
}
._header_meipi_55 ._title_meipi_64 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0;
}
._content_meipi_72 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px;
  padding-right: 10px;
  min-height: 0;
  height: 0;
}
._content_meipi_72::-webkit-scrollbar {
  width: 8px;
}
._content_meipi_72::-webkit-scrollbar-track {
  background: #f1f1f1;
}
._content_meipi_72::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._content_meipi_72::-webkit-scrollbar-thumb:hover {
  background: #555;
}._root_j6fbz_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._row_j6fbz_7 {
  display: flex;
  gap: 6px;
  align-items: baseline;
  flex-wrap: wrap;
}

._key_j6fbz_14 {
  font-weight: 600;
  font-size: 13px;
  color: inherit;
  word-break: break-word;
}

._value_j6fbz_21 {
  font-size: 13px;
  color: inherit;
  word-break: break-word;
  white-space: pre-wrap;
}

._nested_j6fbz_28 {
  margin-top: 4px;
}

._list_j6fbz_32 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._listItem_j6fbz_38 {
  display: flex;
  gap: 6px;
  align-items: baseline;
  flex-wrap: wrap;
}

._index_j6fbz_45 {
  font-size: 12px;
  color: inherit;
  line-height: 1.4;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_dohsb_29 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._label_dohsb_35 {
  display: block;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-bottom: 0;
  line-height: 1.5;
}
._modeToggle_dohsb_45 {
  display: flex;
  gap: 8px;
  border: 1px solid #d8dbdf;
  border-radius: 4px;
  padding: 2px;
  background: #f8f9fa;
  width: fit-content;
}
._modeButton_dohsb_55 {
  padding: 6px 16px;
  border: none;
  background: transparent;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-gray-text-color, #727272);
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
}
._modeButton_dohsb_55:hover {
  background: rgba(0, 0, 0, 0.05);
}
._modeButton_dohsb_55._active_dohsb_70 {
  background: var(--scss-white, #ffffff);
  color: var(--scss-text-color, #1f1f1f);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
}
._fileInputWrapper_dohsb_77 {
  position: relative;
}
._fileInput_dohsb_77 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
._fileInputLabel_dohsb_89 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid #d8dbdf;
  border-radius: 0;
  background: var(--scss-white, #ffffff);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
._fileInputLabel_dohsb_89:hover {
  border-color: #a0a4a8;
}
._fileInputLabel_dohsb_89:focus-within {
  border-color: #4a90e2;
  outline: none;
}
._fileInputText_dohsb_108 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._fileInputButton_dohsb_118 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: #4a90e2;
  margin-left: 12px;
  flex-shrink: 0;
}
._preview_dohsb_127 {
  margin-top: 8px;
}
._previewImageWrapper_dohsb_131 {
  position: relative;
  display: inline-block;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  padding: 16px;
  background: #f8f9fa;
  max-width: 100%;
  min-width: 200px;
}
._previewImage_dohsb_131 {
  max-width: 400px;
  max-height: 400px;
  min-width: 150px;
  min-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
._previewImageWrapper_dohsb_131 video {
  max-width: 400px;
  max-height: 400px;
  min-width: 150px;
  min-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
._removeButton_dohsb_166 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(0, 0, 0, 0.7);
  color: var(--scss-white, #ffffff);
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
._removeButton_dohsb_166:hover {
  background: rgba(0, 0, 0, 0.9);
}._container_1edrp_1 {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  text-align: center;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
}

._glow_1edrp_16 {
  position: absolute;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(31, 31, 31, 0.2), transparent);
  filter: blur(40px);
  animation: _glowAnimation_1edrp_1 4s infinite alternate ease-in-out;
}

@keyframes _glowAnimation_1edrp_1 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.4);
  }
}
._title_1edrp_33 {
  font-size: 8rem;
  line-height: 10rem;
  font-weight: 700;
  color: #1f1f1f;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

._title_1edrp_33._active_1edrp_43 {
  opacity: 1;
  transform: translateY(0);
}

._zero_1edrp_48 {
  font-size: 9rem;
  font-weight: 900;
  display: inline-block;
  color: #ff3d00;
  text-shadow: 0 0 15px rgba(255, 61, 0, 0.6);
  animation: _flicker_1edrp_1 1.5s infinite alternate;
}

@keyframes _flicker_1edrp_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
._text_1edrp_65 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #1f1f1f;
  margin-top: 10px;
}

._button_1edrp_72 {
  z-index: 200;
  margin-top: 20px;
  padding: 12px 24px;
  font-size: 1.2rem;
  font-weight: 600;
  color: white;
  background: #1f1f1f;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  display: inline-block;
  cursor: pointer;
}
._button_1edrp_72:hover {
  background: #060606;
  transform: scale(1.05);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._root_qd1v3_29 {
  width: 100vw;
  overflow: hidden;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._root_qd1v3_29 {
    height: 100vh;
  }
}
._wrapper_qd1v3_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 111vh;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._wrapper_qd1v3_40 {
    height: 100vh;
  }
}
._container_qd1v3_53 {
  height: 100%;
  width: 100%;
}
._header_qd1v3_58 {
  height: 40px;
  width: 100%;
}
._container_content_qd1v3_63 {
  height: 100%;
  width: calc(100% - var(--nav-bar-width));
  background-color: var(--scss-white, #ffffff);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  ._container_content_qd1v3_63 {
    align-self: baseline;
    height: 91vh !important;
    max-height: 91vh !important;
  }
}
@media screen and (max-width: 834px) {
  ._container_content_qd1v3_63 {
    width: 100%;
  }
}
._children_qd1v3_85 {
  width: 100%;
  height: 100%;
}:root {
  --nav-bar-width: 283px;
  --page-header: 109px;
  --page-header-padding: 1.5rem;
}

@media screen and (max-width: 900px) {
  :root {
    --nav-bar-width: 109px;
    --page-header: 108px;
    --page-header-padding: 14px;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --nav-bar-width: 109px;
    --page-header: 109px;
    --page-header-padding: 14px;
  }
}

@media screen and (max-width: 1440px) {
  :root {
    --nav-bar-width: 109px;
    --page-header: 109px;
    --page-header-padding: 14px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --nav-bar-width: 109px;
    --page-header: 109px;
    --page-header-padding: 14px;
  }
}

@media screen and (max-width: 834px) {
  :root {
    --nav-bar-width: 0px;
    --page-header: 130px;
    --page-header-padding: 14px;
  }
}

@media screen and (max-width: 480px) {
  :root {
    --nav-bar-width: 0px;
    --page-header: 70px;
    --page-header-padding: 0.5rem;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._background_1ox3c_29 {
  z-index: 100000;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._modal_1ox3c_42 {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  ._modal_1ox3c_42 {
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  ._modal_1ox3c_42 {
    width: 95%;
  }
}
._modalHeader_1ox3c_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._modalHeader_1ox3c_65 h2 {
  font-size: 18px;
  margin: 0;
}
._closeButton_1ox3c_75 {
  margin-left: 10px;
}
._modalContent_1ox3c_79 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._textField_1ox3c_85 {
  width: 100%;
}
._modalFooter_1ox3c_89 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
._cancelButton_1ox3c_95 {
  width: 45%;
}
._sendButton_1ox3c_99 {
  width: 45%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._background_d4zuf_29 {
  z-index: 100000;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._fullWidth_d4zuf_42 {
  width: 100% !important;
}
._label_d4zuf_46 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._modal_d4zuf_52 {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  ._modal_d4zuf_52 {
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  ._modal_d4zuf_52 {
    width: 95%;
  }
}
._title_d4zuf_75 {
  font-size: 14px;
  font-family: "Roboto";
}
._modalHeader_d4zuf_80 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._modalHeader_d4zuf_80 h2 {
  font-size: 18px;
  margin: 0;
}
._closeButton_d4zuf_90 {
  margin-left: 10px;
}
._modalContent_d4zuf_94 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._textField_d4zuf_100 {
  width: 100%;
}
._fieldContainer_d4zuf_104 {
  display: flex;
  flex-direction: column;
}
._modalFooter_d4zuf_109 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
._cancelButton_d4zuf_115 {
  width: 45%;
}
._sendButton_d4zuf_119 {
  width: 45%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_n0e6u_29 {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 32px;
}
._nameHolder_n0e6u_36 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.13rem;
  padding: 1.05rem 0.1rem;
  padding-top: 2.15rem;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  word-break: break-word;
  max-width: 100%;
  color: var(--scss-text-color, #1f1f1f) !important;
  gap: 0;
}
@media screen and (max-width: 1440px) {
  ._nameHolder_n0e6u_36 {
    padding-top: 2.55rem;
    padding-bottom: 0.5rem;
  }
}
._logoIcon_n0e6u_65 {
  margin-right: 10px;
  display: block;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 1440px) {
  ._logoIcon_n0e6u_65 {
    margin: 0px;
  }
}
._logoAltText_n0e6u_77 {
  display: inline-block;
  width: auto;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  margin-right: 10px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
@media screen and (max-width: 1440px) {
  ._logoAltText_n0e6u_77 {
    margin-right: 0px;
  }
}
._text_n0e6u_99 {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}
._trademarkIcon_n0e6u_105 {
  margin-left: 4px;
  align-self: flex-start;
  margin-top: -2px;
  display: block;
}
@media screen and (max-width: 1440px) {
  ._text_n0e6u_99 {
    display: none;
  }
  ._trademarkIcon_n0e6u_105 {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  ._nameHolder_n0e6u_36 {
    padding: 0;
    width: 100%;
    font-size: 18px;
    height: 70px;
    gap: 0;
    font-family: "Roboto";
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    margin-top: 13px;
    color: var(--scss-text-color, #1f1f1f) !important;
  }
  ._logoIcon_n0e6u_65 {
    display: block;
    margin-right: 0px;
    width: 36px;
    height: 36px;
  }
  ._trademarkIcon_n0e6u_105 {
    display: none;
    margin-left: 4px;
    margin-top: -2px;
  }
  ._text_n0e6u_99 {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  ._logoIcon_n0e6u_65 {
    display: flex;
    margin-right: 10px;
    width: 36px;
    height: 36px;
  }
  ._trademarkIcon_n0e6u_105 {
    display: flex;
    margin-left: 4px;
    margin-top: 22px;
  }
  ._text_n0e6u_99 {
    display: flex;
  }
}._Navbar_6rpji_1 {
  z-index: 1000;
  padding: 0 1.5rem 1.5rem 1.5rem;
  width: var(--nav-bar-width);
  height: 100%;
  background-color: #f6f9ff;
  gap: 0rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: width ease-in-out 0.2s;
}
._Navbar__btns_6rpji_14 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
._Navbar--open_6rpji_20 {
  display: none;
  left: 0;
}
._Navbar__burger_6rpji_24 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._Navbar_6rpji_1 {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    transition: left 0.3s ease-in-out;
  }
  ._Navbar__btns_6rpji_14 {
    display: none;
  }
  ._Navbar--open_6rpji_20 {
    display: block;
    left: 0;
  }
  ._Navbar__burger_6rpji_24 {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  ._Navbar_6rpji_1 {
    gap: 1.5rem;
    padding: 0 14px;
  }
}
@media screen and (max-width: 1024px) {
  ._Navbar_6rpji_1 {
    gap: 1.5rem;
    padding: 0 14px;
  }
}
@media screen and (max-width: 1440px) {
  ._Navbar_6rpji_1 {
    gap: 1.5rem;
    padding: 0 14px;
  }
}
@media screen and (max-width: 1280px) {
  ._Navbar_6rpji_1 {
    gap: 1.5rem;
    padding: 0 14px;
  }
}
@media screen and (max-width: 834px) {
  ._Navbar_6rpji_1 {
    gap: 1rem;
    padding: 0px 24px 0px 24px;
    width: 284px;
  }
}
@media screen and (max-width: 480px) {
  ._Navbar_6rpji_1 {
    gap: 1rem;
    padding: 0px 24px 0px 24px;
    width: 284px;
  }
}
._contentHolder_6rpji_86 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
._Plashka_6rpji_93._animate_6rpji_93 {
  transform: translateX(0);
}
._cardsholder_6rpji_97 {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  max-height: 340px;
  width: 100%;
}
._HireAnExpert_6rpji_105 {
  display: flex;
  min-width: 100%;
  position: relative;
  transition: all 0.5s ease-out;
  transform: translateX(100%);
}
._Plashka_6rpji_93 {
  position: relative;
  display: grid;
  gap: 20px;
  border: 1px solid #5479f7;
  border-radius: 20px;
  padding: 20px;
  transition: all 0.5s ease-out;
  transform: translateX(-300%);
}
@media screen and (max-width: 1440px) {
  ._Plashka_6rpji_93 {
    padding: 26px;
    display: none;
  }
}
._Plashka_6rpji_93 .___fair_6rpji_129 {
  display: flex;
  background: #d9e0ec;
  width: fit-content;
  padding: 2px 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
._TogglePlashka_6rpji_139 {
  display: none;
  padding: 10px 15px;
  background: #5479f7;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  ._TogglePlashka_6rpji_139 {
    display: flex;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_fwvcd_29 {
  display: flex;
  max-width: 499px;
  width: 100%;
  mask-image: linear-gradient(to right, rgba(247, 247, 247, 0.1) 0%, #f7f7f7 10%, #f7f7f7 90%, rgba(247, 247, 247, 0.1) 100%);
  gap: 24px;
  flex-direction: column;
  align-self: center;
}
@media screen and (max-width: 480px) {
  ._container_fwvcd_29 {
    align-self: initial;
  }
}
._cont_fwvcd_29 {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
._templatesContainer_fwvcd_50 {
  display: flex;
  flex-direction: row;
  scroll-snap-type: x mandatory;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  justify-content: flex-start;
  gap: 24px;
  scroll-behavior: smooth;
  padding: 0 40px;
  box-sizing: border-box;
  scrollbar-width: none;
}
._templatesContainer_fwvcd_50::-webkit-scrollbar {
  display: none;
}
._item_fwvcd_69 {
  flex: 0 0 auto;
  width: 379px;
  height: 290px;
  scroll-snap-align: center;
  box-sizing: border-box;
}
._pagination_fwvcd_77 {
  display: flex;
  justify-content: center;
  padding: 12px 14px;
  gap: 10px;
  border-radius: 50px;
  background-color: #e8e8e8;
  max-width: 80px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  align-self: center;
  justify-content: center;
  align-items: center;
}
._dot_fwvcd_93 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
._dot_fwvcd_93._active_fwvcd_104 {
  width: 28px;
  border-radius: 50px;
  background-color: #333;
  transition: all 0.3s ease;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1arfp_57 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 10px;
  justify-content: space-between;
  gap: 8px;
  opacity: 0;
  max-width: 230px;
  min-width: 230px;
  max-height: 200px;
  align-self: flex-end;
  position: relative;
  transition: all 0.5s ease-out;
  transform: translateX(100%);
}
._title_1arfp_75 {
  font-size: 14px;
  font-family: "Roboto";
  line-height: 21px;
  font-weight: 400;
}
._text_1arfp_82 {
  font-size: 12px;
  line-height: 17px;
  font-family: "Roboto";
}._Plashka_k1tld_1 {
  align-self: flex-end;
  position: relative;
  display: grid;
  gap: 10px;
  border: 1px solid #5479f7;
  border-radius: 20px;
  padding: 20px;
  min-width: 220px;
  transition: all 0.5s ease-out;
  transform: translateX(-300%);
  height: fit-content;
}
@media screen and (max-width: 1440px) {
  ._Plashka_k1tld_1 {
    padding: 20px;
    display: none;
  }
}
._Plashka_k1tld_1 .___fair_k1tld_20 {
  font-size: 12.8px;
  max-height: 24px;
  display: flex;
  background: #d9e0ec;
  width: fit-content;
  padding: 2px 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
._iconHolder_k1tld_32 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 10px;
  width: 32px;
  height: 32px;
}
._freeUnitsTitle_k1tld_43 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._loaderContainer_k1tld_49 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._icon_k1tld_32 {
  width: 100%;
  height: 100%;
}
._TogglePlashka_k1tld_61 {
  display: none;
  padding: 10px 15px;
  background: #5479f7;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  ._TogglePlashka_k1tld_61 {
    display: flex;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_3pelc_29 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  ._container_3pelc_29 {
    gap: 4px;
    flex-direction: row-reverse;
  }
}
._disabled_3pelc_44 {
  cursor: default;
  opacity: 0.5;
}
._label_3pelc_48 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._label_3pelc_48 {
    font-size: 14px;
  }
}._loader__fullpage_1wesb_1 {
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
._loader__inline_1wesb_13 {
  display: flex;
  width: 15px;
  height: 15px;
}._content_1vvhc_1 {
  width: 500px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._avatar_k4aal_29 {
  font-family: "Roboto";
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._title_6vrf1_57 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0px !important;
  color: rgb(31, 31, 31) !important;
}
._content_6vrf1_67 {
  height: 302px;
  padding: 0px !important;
  overflow: hidden;
  flex: none !important;
}
._content_6vrf1_67 label {
  color: rgb(102, 102, 102);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_6vrf1_82 {
  height: 52px;
  padding: 0px !important;
}
._actions_6vrf1_82 button {
  width: 100%;
}
._rowfields_6vrf1_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._rowField_6vrf1_96 {
  width: 170px;
}
._field_6vrf1_100 {
  height: 52px;
  margin-top: 4px 0px 0px 0px !important;
  background-color: rgb(246, 249, 255);
  padding: 19px 14px !important;
  align-items: center;
}
._field_6vrf1_100 input::placeholder {
  color: rgb(179, 179, 179);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_6vrf1_100 input:focus,
._field_6vrf1_100 ._StripeElement--focus_6vrf1_116 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_6vrf1_121 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_6vrf1_130 {
  width: 100%;
  height: 52px;
  background-color: rgb(246, 249, 255);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_6vrf1_130 input::placeholder {
  color: rgb(179, 179, 179) !important;
  opacity: 1;
}
._inputCustom_6vrf1_130::after {
  display: none;
}
._inputCustom_6vrf1_130::before {
  display: none;
}input,
.StripeElement {
  display: block;
  margin: 4px 0px 14px 0px;
  max-width: 400px;
  padding: 10px 14px;
  font-size: 16px;
  border: 0;
  outline: 0;
  border-radius: 10px;
}

input::placeholder {
  color: rgb(179, 179, 179);
  font-size: 16px;
}

input:focus,
.StripeElement--focus {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.StripeElement.IdealBankElement,
.StripeElement.FpxBankElement,
.StripeElement.PaymentRequestButton {
  padding: 0;
}

.StripeElement.PaymentRequestButton {
  height: 40px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._title_1x449_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  margin-top: 32px;
}
._tableCell_1x449_40 {
  margin: 7px;
}
._placeholderContainer_1x449_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_1x449_53 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid rgb(234, 238, 244);
  border-top: 1px solid rgb(234, 238, 244);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_1x449_53._first_1x449_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid rgb(234, 238, 244);
}
._headerCell_1x449_53._last_1x449_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid rgb(234, 238, 244);
}
._tableLabel_1x449_72 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._buttonContainer_1x449_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_1x449_78 ._title_1x449_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_1x449_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_1x449_98 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_1x449_98 ._cellWrapper_1x449_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_1x449_98 ._cellWrapper_1x449_108._cellWrapperRoundLast_1x449_116 {
  border-radius: 0 5px 5px 0;
}
._cell_1x449_98 ._cellWrapper_1x449_108._cellWrapperRoundFirst_1x449_119 {
  border-radius: 5px 0 0 5px;
}
._cell_1x449_98 ._cellWrapper_1x449_108 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._cell__status_1x449_127 {
  padding: 5px 14px 5px 14px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: capitalize;
  min-width: 110px;
}
._cell__status__started_1x449_137 {
  background-color: rgba(255, 246, 200, 0.8);
}
._cell__status__finished_1x449_140 {
  background-color: rgba(221, 255, 200, 0.8);
}
._cell__status__error_1x449_143 {
  background-color: rgb(255, 188, 188);
}
._row_1x449_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_1x449_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_1x449_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_1x449_160 {
  margin-left: 8px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._paymentCard_sa8jt_29 {
  width: 231px;
  height: 148px;
  background: #f6f9ff;
  padding: 8px 14px 8px 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
._active_sa8jt_43 {
  border: 2px solid #578fff;
}
._close_sa8jt_47 {
  width: 19.5px;
  height: 19.5px;
  border-radius: 50px;
  border: 1px solid #d8dbdf;
  background-color: #ffffff;
  position: absolute;
  top: -10px;
  right: -6px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
._close_sa8jt_47 svg {
  width: 17px;
  height: 18px;
}
._firstRow_sa8jt_65 {
  height: 27px;
  display: flex;
  justify-content: space-between;
}
._expirations_sa8jt_71 {
  display: flex;
  gap: 3px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: normal;
  line-height: 14.65px;
  text-align: left;
  color: #666666;
}
._expirations_sa8jt_71 span:last-child {
  font-weight: 500;
  color: #1f1f1f;
}
._cardNumber_sa8jt_86 {
  display: flex;
  gap: 10px;
  align-self: flex-end;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 19.54px;
  text-align: left;
}
._imagesHolder_sa8jt_97 {
  height: 20px;
  display: flex;
  justify-content: center;
}
._cardHolder_sa8jt_103 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: left;
  width: 100%;
  color: #666666;
  text-transform: uppercase;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_s6apa_57 {
  width: 100%;
}
._title_s6apa_61 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0 !important;
  color: rgb(31, 31, 31) !important;
}
._content_s6apa_71 {
  height: auto;
  overflow: hidden;
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_s6apa_71 label {
  color: rgb(102, 102, 102);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_s6apa_89 {
  height: 52px;
  padding: 0 !important;
}
._actions_s6apa_89 button {
  width: 100%;
}
._rowfields_s6apa_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._rowfields_s6apa_97 label {
  flex: 1;
}
._rowField_s6apa_107 {
  width: 170px;
}
._field_s6apa_111 {
  height: 52px;
  margin: 0 !important;
  background-color: rgb(246, 249, 255);
  padding: 19px 14px !important;
  width: 100%;
  align-items: center;
}
._field_s6apa_111 input::placeholder {
  color: rgb(179, 179, 179);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_s6apa_111 input:focus,
._field_s6apa_111 ._StripeElement--focus_s6apa_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_s6apa_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_s6apa_142 {
  width: 441px;
  height: 52px;
  background-color: rgb(246, 249, 255);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_s6apa_142 input::placeholder {
  color: rgb(179, 179, 179) !important;
  opacity: 1;
}
._inputCustom_s6apa_142::after {
  display: none;
}
._inputCustom_s6apa_142::before {
  display: none;
}
._flexAmount_s6apa_168 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
}
._flexAmountContainer_s6apa_175 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_s6apa_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_s6apa_175 {
    flex-direction: column;
  }
}
._inputNumber_s6apa_193 {
  width: 136px;
  height: 40px;
  background-color: white;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  padding-left: 14px;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputNumber_s6apa_193 input::placeholder {
  color: rgb(179, 179, 179) !important;
  opacity: 1;
}
._inputNumber_s6apa_193::after {
  display: none;
}
._inputNumber_s6apa_193::before {
  display: none;
}
._titleForm_s6apa_219 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_s6apa_228 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-x: auto;
}
._cardsWrap_s6apa_228 div:first-child {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_s6apa_228 ._cardsBlock_s6apa_242 {
  display: flex;
  gap: 14px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_s6apa_250 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._btnAmount_s6apa_256, ._activeAmountBtn_s6apa_256 {
  padding: 4px 14px 4px 14px;
  border-radius: 10px;
  width: auto;
  height: 32px;
  background: #f6f9ff;
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
  cursor: pointer;
}
._activeAmountBtn_s6apa_256 {
  color: white;
  background-color: #1f1f1f;
}
._actionButtons_s6apa_273 {
  display: flex;
  gap: 24px;
}
._button_s6apa_278 {
  flex-basis: 100%;
  padding: 14px 24px 14px 24px;
  height: 48px;
  border-radius: 50px;
}
@media screen and (max-width: 480px) {
  ._button_s6apa_278 {
    width: 95%;
  }
}
._actionsWrapper_s6apa_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_s6apa_290 {
    flex-direction: column-reverse;
  }
}input,
.StripeElement {
  display: block;
  margin: 4px 0 14px 0;
  max-width: 100% !important;
  padding: 10px 14px;
  font-size: 16px;
  border: 0;
  outline: 0;
  border-radius: 10px;
}

input::placeholder {
  color: rgb(179, 179, 179);
  font-size: 16px;
}

input:focus,
.StripeElement--focus {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.StripeElement.IdealBankElement,
.StripeElement.FpxBankElement,
.StripeElement.PaymentRequestButton {
  padding: 0;
}

.StripeElement.PaymentRequestButton {
  height: 40px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_12wve_57 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._container_12wve_57 {
    overflow: visible;
  }
}
@media (max-height: 780px) {
  ._container_12wve_57 {
    overflow: visible;
    height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  ._container_12wve_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 834px) {
  ._container_12wve_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 480px) {
  ._container_12wve_57 {
    overflow: visible;
    height: fit-content;
  }
}
._ddRenderValue_12wve_93 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-family: "Roboto";
  max-width: 100%;
  overflow: hidden;
}
._mainHeader_12wve_101 {
  color: var(--scss-text-color, #1f1f1f);
  margin-top: 30px;
  height: 30px;
  font-family: "Roboto";
  font-style: normal;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
._errorLabel_12wve_113 {
  color: #d32f2f;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.66;
  letter-spacing: 0.03333em;
  text-align: left;
  margin-top: 3px;
  margin-right: 14px;
  margin-bottom: 0;
  margin-left: 14px;
}
._subwrapper_12wve_126 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
._subwrapper_12wve_126 ._fieldsWrapper_12wve_135 {
  flex: 1 1 calc(25% - 24px);
  min-width: 250px;
  max-width: 100%;
}
@media screen and (max-width: 1440px) {
  ._subwrapper_12wve_126 ._fieldsWrapper_12wve_135:nth-child(4) {
    max-width: 25%;
    flex: 1 1 100%;
  }
  ._subwrapper_12wve_126 ._fieldsWrapper_12wve_135:nth-child(-n+3) {
    flex: 1 1 calc(33.33% - 24px);
    max-height: none;
  }
}
@media screen and (max-width: 834px) {
  ._subwrapper_12wve_126 ._fieldsWrapper_12wve_135:nth-child(4) {
    max-width: 100%;
    flex: 1 1 100%;
  }
  ._subwrapper_12wve_126 ._fieldsWrapper_12wve_135 {
    flex: 1 1 100%;
    max-height: none;
  }
}
._textWithTooltip_12wve_161 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_12wve_166 {
  align-self: flex-start;
}
._mainPromptWrapper_12wve_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  min-height: 160px;
  flex: 1 1 0;
}
._mainPromptWrapper_12wve_170 ._field_12wve_135 {
  display: flex;
  height: 20px;
  flex-shrink: 1;
  flex-grow: 1;
}
._mainPromptWrapper__header_12wve_185 {
  border-bottom: 1px solid #d8dbdf;
  background: #f5f6f9;
  display: flex;
  padding: 14px;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
._mainPromptWrapper__header_12wve_185 span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._fieldsWrapper_12wve_135 {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 0;
  border-radius: 12px;
  align-self: stretch;
}
._fieldsWrapper__header_12wve_216 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #d8dbdf;
  background: #f5f6f9;
  display: flex;
  padding: 14px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_12wve_216 span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._fieldsWrapper__content_12wve_237 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
}
._fieldsWrapper__content__fullfield_12wve_251 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_12wve_135 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_12wve_135 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_12wve_135 {
    min-width: 100%;
  }
}
._subcontainer_12wve_283 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_12wve_283 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_12wve_299 {
  width: 100%;
  padding-top: 75px;
  min-height: 630px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerLanding_12wve_299 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_12wve_316 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_12wve_316 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_12wve_332 {
  color: rgba(0, 0, 0, 0.38);
  font-family: "Roboto";
  font-size: 16px;
}
._subcontainerBottom_12wve_316 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_12wve_316 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_12wve_354 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 24px;
  overflow: auto;
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_12wve_354 {
    gap: 14px;
    height: fit-content;
  }
}
._subcontainerBehaviour_12wve_368 {
  width: 100%;
}
._flexContainerBehaviour_12wve_372 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_12wve_372 ._flexContainer_12wve_372 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_12wve_372 ._hader_12wve_386 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_12wve_372 ._hader_12wve_386 ._textHolder_12wve_393 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._flexContainerBehaviour_12wve_372 ._subhader_12wve_401 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._flexContainerBehaviour_12wve_372 ._field_12wve_135 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._flexContainerBehaviour_12wve_372 ._checkboxContainer_12wve_430 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_12wve_435 {
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._subcontainerPrompt_12wve_435 {
    overflow: visible;
  }
}
@media screen and (max-width: 1220px) {
  ._subcontainerPrompt_12wve_435 {
    overflow: visible;
  }
}
._buttonContainer_12wve_449 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_12wve_454 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_12wve_460 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._fieldContainerLanding_12wve_460 {
    max-height: fit-content;
  }
}
._fieldContainerLanding_12wve_460 ._flexContainer_12wve_372 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_12wve_460 ._hader_12wve_386 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainerLanding_12wve_460 ._subhader_12wve_401 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainerLanding_12wve_460 ._field_12wve_135 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_12wve_460 ._checkboxContainer_12wve_430 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_12wve_460 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_12wve_460._disabledFieldBlock_12wve_530 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_12wve_460 ._flexContainer_12wve_372 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_12wve_460 ._hader_12wve_386 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_12wve_460 ._subhader_12wve_401 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainer_12wve_460 ._field_12wve_135 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_12wve_460 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_12wve_460 ._subhader_12wve_401 {
    height: 100%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_12wve_460 ._field_12wve_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_12wve_460 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_12wve_460 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_12wve_460 ._field_12wve_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_12wve_460 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_12wve_460 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_12wve_460 ._field_12wve_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_12wve_460 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_12wve_460 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_12wve_460 ._field_12wve_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_12wve_460 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_12wve_460 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_12wve_460 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_12wve_460 ._field_12wve_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_12wve_460 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
._select_12wve_804 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_12wve_454 {
  padding: 7px;
  font-size: 16px;
  color: #1f1f1f;
}
._textAreaContainer_12wve_815 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_12wve_815 ._flexContainer_12wve_372 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_12wve_815 ._hader_12wve_386 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_12wve_815 ._hader_12wve_386 ._textHolder_12wve_393 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._textAreaContainer_12wve_815 ._subhader_12wve_401 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._textAreaContainer_12wve_815 ._field_12wve_135 {
  height: 20px;
  flex-shrink: 1;
  flex-grow: 1;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-family: "Roboto";
  font-weight: 500;
}
._textAreaContainer_12wve_815 ._checkboxContainer_12wve_430 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_12wve_815 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_12wve_815 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_12wve_815 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_12wve_815 ._field_12wve_135 {
    width: 100%;
    height: 20px;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_12wve_815 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_12wve_815 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_12wve_815 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_12wve_815 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_12wve_815 ._field_12wve_135 {
    width: 100%;
    height: 20px;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_12wve_815 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_12wve_815 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_12wve_815 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_12wve_815 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_12wve_815 ._field_12wve_135 {
    width: 100%;
    height: 20px;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_12wve_815 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_12wve_815 ._hader_12wve_386 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_12wve_815 ._hader_12wve_386 ._textHolder_12wve_393 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_12wve_815 ._subhader_12wve_401 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_12wve_815 ._field_12wve_135 {
    width: 100%;
    height: 20px;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_12wve_815 ._checkboxContainer_12wve_430 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_12wve_1087 {
  width: 100%;
  min-height: 160px;
}
._iconHolder_12wve_1092 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_12wve_1098 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._subwrapper_12wve_126._fullscreen_12wve_1104 {
  height: 100%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1eq4x_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._mainHeader_1eq4x_38 {
  height: 30px;
  font-family: "Roboto";
  font-style: normal;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
._subwrapper_1eq4x_48 {
  width: 100%;
  height: calc(100% - 54px);
  overflow-y: scroll;
}
._totalTimeLabel_1eq4x_54 {
  color: var(--scss-gray-text-color, #727272);
}
._subcontainer_1eq4x_58 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
  margin-top: 24px;
}
._subcontainerBehaviour_1eq4x_68 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_1eq4x_73 {
  height: 112px;
  width: 513px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1eq4x_73 ._hader_1eq4x_80 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1eq4x_73 ._hader_1eq4x_80 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_1eq4x_73 ._hader_1eq4x_80 ._iconHolder_1eq4x_94 {
  width: 17px;
  height: 19px;
}
._fieldContainer_1eq4x_73 ._subhader_1eq4x_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
._fieldContainer_1eq4x_73 ._field_1eq4x_73 {
  width: 100%;
  height: 52px;
}
._fieldBig_1eq4x_113 {
  width: 100%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_115sq_29 {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #f5f5f9;
  border-radius: 8px;
  height: fit-content;
  width: 100%;
  border-top: 2px solid rgba(147, 112, 219, 0.15);
}
._specialToolContainer_115sq_40 {
  background: #e8f6ff;
  border-top-color: rgba(46, 139, 192, 0.25);
}
._eventToolContainer_115sq_45 {
  background: #fff4e6;
  border-top-color: rgba(255, 163, 72, 0.3);
}
._dragHandle_115sq_50 {
  cursor: grab !important;
}
._dragHandle_115sq_50:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_115sq_50 {
  cursor: grabbing !important;
}
._dragHandle_115sq_50._locked_115sq_59 {
  cursor: pointer !important;
}
._dragHandle_115sq_50._locked_115sq_59:active {
  cursor: pointer !important;
}
._locked_115sq_59 ._dragHandle_115sq_50 {
  cursor: pointer !important;
}
._locked_115sq_59 ._dragHandle_115sq_50:active {
  cursor: pointer !important;
}
._topSection_115sq_73 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
}
._wrenchIconContainer_115sq_80 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(216, 181, 255, 0.15) 0%, rgba(183, 148, 246, 0.15) 100%);
  border-radius: 8px;
}
._specialToolWrench_115sq_91 {
  background: linear-gradient(135deg, rgba(80, 167, 219, 0.2) 0%, rgba(46, 139, 192, 0.2) 100%);
}
._eventToolWrench_115sq_95 {
  background: linear-gradient(135deg, rgba(255, 177, 109, 0.2) 0%, rgba(255, 141, 41, 0.2) 100%);
}
._wrenchIcon_115sq_80 {
  width: 28px;
  height: 28px;
}
._labelsHolder_115sq_104 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._label_115sq_104 {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 20px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
._divider_115sq_122 {
  width: calc(100% - 24px);
  height: 1px;
  background: linear-gradient(90deg, rgba(147, 112, 219, 0.1) 0%, rgba(138, 43, 226, 0.25) 50%, rgba(147, 112, 219, 0.1) 100%);
  margin: 0 12px 8px 12px;
}
._descriptionSection_115sq_129 {
  padding: 0 8px 8px 8px;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}
._descriptionLabel_115sq_138 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9ca3af;
}
._description_115sq_129 {
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
}
._forceToolLabel_115sq_160 {
  color: #f77f00;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-wrap: nowrap;
}
._sourceHandle_115sq_169 {
  width: 8px !important;
  height: 8px !important;
  background: white !important;
  border: 1px solid #b794f6 !important;
  bottom: -5px !important;
  box-shadow: 0 2px 8px rgba(147, 112, 219, 0.25);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 100 !important;
  cursor: crosshair !important;
}
._sourceHandle_115sq_169::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._sourceHandle_115sq_169:hover {
  box-shadow: 0 4px 12px rgba(147, 112, 219, 0.4);
  border-color: #9f7aea !important;
}
._eventSettingsSection_115sq_195 {
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  gap: 6px;
  padding: 8px;
  background: linear-gradient(135deg, rgba(216, 181, 255, 0.2) 0%, rgba(183, 148, 246, 0.15) 100%);
  border-radius: 3px;
  border: 1px solid rgba(147, 112, 219, 0.2);
  cursor: pointer;
}
._eventSettingsBadge_115sq_208 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(147, 112, 219, 0.12);
  color: #6c2bd9;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
._eventSettingsRow_115sq_222 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}
._eventSettingsLabel_115sq_230 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #6c2bd9;
  display: block;
}
._eventSettingsValue_115sq_239 {
  font-size: 10px;
  font-weight: 400;
  color: #1f1f1f;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._eventSettingsInteraction_115sq_249 {
  font-size: 10px;
  font-weight: 400;
  color: #6b7280;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._eventScheduleValue_115sq_259 {
  font-size: 11px;
  font-weight: 500;
  color: #4b5563;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._targetHandle_115sq_269 {
  width: 8px !important;
  height: 8px !important;
  background: white !important;
  border: 1px solid #b794f6 !important;
  top: -6px !important;
  box-shadow: 0 2px 6px rgba(147, 112, 219, 0.25);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 100 !important;
  cursor: crosshair !important;
}
._targetHandle_115sq_269::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._targetHandle_115sq_269:hover {
  box-shadow: 0 4px 10px rgba(147, 112, 219, 0.4);
  border-color: #9f7aea !important;
}
._borderContainer_115sq_295 {
  padding: 2px;
  background: linear-gradient(135deg, #d8b5ff 0%, #b794f6 100%);
  border-radius: 10px;
  display: inline-block;
  position: relative;
  max-width: 240px;
  width: 240px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._borderContainer_115sq_295:hover {
  background: linear-gradient(135deg, #c9a3ff 0%, #9f7aea 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(147, 112, 219, 0.4);
}
._borderContainer_115sq_295:hover ._nodeActions_115sq_311 {
  opacity: 1;
}
._borderContainer_115sq_295:hover ._plusButtonContainer_115sq_314 {
  opacity: 1;
}
._borderContainer_115sq_295._active_115sq_317 {
  background: #b794f6;
  z-index: 3;
  box-shadow: 0 4px 22px -3px rgba(147, 112, 219, 0.4), 0 0 0 3px rgba(183, 148, 246, 0.6);
  transition: box-shadow 0.2s, background 0.2s, transform 0.2s;
}
._borderContainer_115sq_295._invalid_115sq_323 {
  background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%);
  border: 2px solid #e53935;
  box-shadow: 0 0 10px rgba(229, 57, 53, 0.3);
}
._borderContainer_115sq_295._animated_115sq_328 {
  animation: _pulseAndGlow_115sq_1 2s infinite;
  background: linear-gradient(135deg, rgba(216, 181, 255, 0.9) 0%, rgba(183, 148, 246, 0.9) 50%, rgba(216, 181, 255, 0.9) 100%);
  background-size: 200% 100%;
}
._globalBadge_115sq_334 {
  position: absolute;
  top: -30px;
  left: 0px;
  padding: 3px 9px;
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 4;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
._latencyBadgeWrapper_115sq_354 {
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  z-index: 5;
}
._latencyBadge_115sq_354 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 8px;
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.35);
  transform-origin: top right;
  opacity: 0;
  animation: _latencyFadeIn_115sq_1 1s ease forwards;
}
._latencyBadgePulse_115sq_382 {
  animation: _latencyFadeIn_115sq_1 0.25s ease forwards, _latencyPop_115sq_1 0.45s ease forwards;
}
._latencyBadgeIcon_115sq_386 {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
._latencyBadgeValue_115sq_392 {
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 700;
}
._latencyHighlight_115sq_398 {
  animation: _latencyNodeGlow_115sq_1 2s ease;
  box-shadow: 0 16px 32px rgba(129, 140, 248, 0.35), 0 0 0 2px rgba(129, 140, 248, 0.2);
}
@keyframes _latencyFadeIn_115sq_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _latencyPop_115sq_1 {
  0% {
    transform: scale(0.95);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _latencyNodeGlow_115sq_1 {
  0% {
    box-shadow: 0 6px 18px rgba(147, 112, 219, 0.15), 0 0 0 0 rgba(129, 140, 248, 0.2);
    transform: translateY(0);
  }
  45% {
    box-shadow: 0 20px 36px rgba(124, 58, 237, 0.4), 0 0 0 3px rgba(129, 140, 248, 0.25);
    transform: translateY(-1px);
  }
  100% {
    box-shadow: 0 10px 28px rgba(147, 112, 219, 0.28), 0 0 0 0 rgba(129, 140, 248, 0.18);
    transform: translateY(0);
  }
}
._specialToolBorder_115sq_438 {
  background: linear-gradient(135deg, rgba(80, 167, 219, 0.8) 0%, rgba(46, 139, 192, 0.8) 100%);
}
._eventToolBorder_115sq_442 {
  background: linear-gradient(135deg, rgba(255, 188, 125, 0.85) 0%, rgba(255, 147, 74, 0.85) 100%);
}
._nodeActions_115sq_311 {
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  opacity: 0;
  pointer-events: all;
  transition: all 0.2s ease;
  z-index: 10;
}
._nodeActionsVisible_115sq_461 {
  opacity: 1;
  pointer-events: all;
}
._actionButton_115sq_466 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: white;
  border: 2px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._actionButton_115sq_466:hover {
  background: #f5f5f5;
  border-color: #6b7280;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._actionButton_115sq_466:active {
  transform: scale(0.95);
}
._actionButton_115sq_466 img {
  width: 16px;
  height: 16px;
}
._deleteButton_115sq_493 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: white;
  border: 2px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._deleteButton_115sq_493:hover {
  background: #f5f5f5;
  border-color: #6b7280;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._deleteButton_115sq_493:active {
  transform: scale(0.95);
}
._deleteButton_115sq_493 img {
  width: 16px;
  height: 16px;
}
._plusButtonContainer_115sq_314 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
  z-index: 10;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #b794f6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  box-shadow: 0 3px 12px rgba(147, 112, 219, 0.25);
  position: relative;
  z-index: 1;
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314:hover {
  background-color: #f9f7ff;
  border-color: #9f7aea;
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(147, 112, 219, 0.35);
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314:active {
  transform: scale(0.95);
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314._disabled_115sq_555 {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #e5e5e5;
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314._disabled_115sq_555:hover {
  transform: none;
  background-color: white;
  box-shadow: 0 3px 12px rgba(147, 112, 219, 0.25);
}
._plusButtonContainer_115sq_314 ._plusButton_115sq_314 img {
  width: 18px;
  height: 18px;
}
._plusButtonContainerVisible_115sq_570 {
  opacity: 1;
}
@keyframes _pulseAndGlow_115sq_1 {
  0% {
    background-position: 200% 0;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.5);
  }
  100% {
    background-position: -200% 0;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1qzo0_29 {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #f5f5f9;
  border-radius: 6px;
  width: 100%;
  min-width: 200px;
  border-top: 2px solid rgba(16, 185, 129, 0.15);
  padding-bottom: 8px;
}
._dragHandle_1qzo0_41 {
  cursor: grab !important;
}
._dragHandle_1qzo0_41:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_1qzo0_41 {
  cursor: grabbing !important;
}
._dragHandle_1qzo0_41._locked_1qzo0_50 {
  cursor: pointer !important;
}
._dragHandle_1qzo0_41._locked_1qzo0_50:active {
  cursor: pointer !important;
}
._locked_1qzo0_50 ._dragHandle_1qzo0_41 {
  cursor: pointer !important;
}
._locked_1qzo0_50 ._dragHandle_1qzo0_41:active {
  cursor: pointer !important;
}
._topSection_1qzo0_64 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
._actionIconContainer_1qzo0_71 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(5, 150, 105, 0.12) 100%);
  border-radius: 6px;
}
._actionIcon_1qzo0_71 {
  width: 22px;
  height: 22px;
}
._contentSection_1qzo0_87 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._divider_1qzo0_95 {
  width: calc(100% - 24px);
  height: 1px;
  background: linear-gradient(90deg, rgba(147, 112, 219, 0.1) 0%, rgba(138, 43, 226, 0.25) 50%, rgba(147, 112, 219, 0.1) 100%);
  margin: 0 12px 8px 12px;
}
._descriptionSection_1qzo0_102 {
  padding: 0 8px 0px 8px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  width: 204px;
}
._descriptionLabel_1qzo0_112 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9ca3af;
}
._description_1qzo0_102 {
  font-size: 12px;
  line-height: 16px;
  color: #6b7280;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
}
._actionNameRow_1qzo0_134 {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 0;
  width: 100%;
}
._actionName_1qzo0_134 {
  font-size: 13px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 16px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 1;
  min-width: 0;
}
._validationErrorIcon_1qzo0_155 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
._validationErrorIconHidden_1qzo0_163 {
  display: none;
}
._actionTypeName_1qzo0_167 {
  font-size: 11px;
  color: #6b7280;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  display: block;
}
._conditionsBar_1qzo0_177 {
  display: flex;
  gap: 6px;
  padding: 6px 12px 0px 12px;
  position: relative;
  cursor: pointer;
}
._conditionItem_1qzo0_185 {
  position: relative;
  display: flex;
  align-items: center;
}
._conditionTag_1qzo0_191 {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  white-space: nowrap;
  min-width: 24px;
  text-align: center;
}
._borderContainer_1qzo0_204 {
  padding: 2px;
  background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
  border-radius: 8px;
  display: inline-block;
  position: relative;
  width: fit-content;
  min-width: 200px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
curso ._borderContainer_1qzo0_204._highlighted_1qzo0_215 {
  border: 2px solid #4caf50;
  box-shadow: 0 0 15px rgba(76, 175, 80, 0.4);
  transform: scale(1.02);
}
._borderContainer_1qzo0_204._animated_1qzo0_220 {
  animation: _actionGlow_1qzo0_1 2s infinite;
  background: linear-gradient(135deg, rgba(167, 243, 208, 0.9) 0%, rgba(110, 231, 183, 0.9) 50%, rgba(167, 243, 208, 0.9) 100%);
  background-size: 200% 100%;
}
._borderContainer_1qzo0_204:hover {
  background: linear-gradient(135deg, #86efac 0%, #34d399 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35);
}
._borderContainer_1qzo0_204._active_1qzo0_230 {
  background: #6ee7b7;
  z-index: 3;
  box-shadow: 0 4px 22px -3px rgba(16, 185, 129, 0.4), 0 0 0 3px rgba(110, 231, 183, 0.6);
  transition: box-shadow 0.2s, background 0.2s, transform 0.2s;
}
._borderContainer_1qzo0_204._invalid_1qzo0_236 {
  background: linear-gradient(135deg, #ffcdd2 0%, #ef9a9a 100%);
  border: 2px solid #e53935;
  box-shadow: 0 0 10px rgba(229, 57, 53, 0.3);
}
._borderContainer_1qzo0_204._invalid_1qzo0_236:hover {
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.4);
}
._borderContainer_1qzo0_204._invalid_1qzo0_236._active_1qzo0_230 {
  background: #ff8a80;
  box-shadow: 0 4px 22px -3px rgba(229, 57, 53, 0.4), 0 0 0 3px rgba(255, 138, 128, 0.6);
}
._borderContainer_1qzo0_204._disabled_1qzo0_248 {
  background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
  opacity: 0.6;
  cursor: not-allowed;
}
._borderContainer_1qzo0_204._disabled_1qzo0_248:hover {
  background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
  transform: none;
  box-shadow: none;
}
._borderContainer_1qzo0_204._disabled_1qzo0_248._active_1qzo0_230 {
  background: #d1d5db;
  box-shadow: 0 4px 22px -3px rgba(107, 114, 128, 0.2), 0 0 0 3px rgba(156, 163, 175, 0.3);
}
._borderContainer_1qzo0_204._disabled_1qzo0_248 ._container_1qzo0_29 {
  opacity: 0.7;
}
._borderContainer_1qzo0_204._disabled_1qzo0_248 ._actionName_1qzo0_134 {
  color: #6b7280;
}
._borderContainer_1qzo0_204._disabled_1qzo0_248 ._actionTypeName_1qzo0_167 {
  color: #9ca3af;
}
._borderContainer_1qzo0_204._disabled_1qzo0_248 ._actionIconContainer_1qzo0_71 {
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(75, 85, 99, 0.1) 100%);
}
._latencyBadgeWrapper_1qzo0_275 {
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  z-index: 5;
}
._latencyBadge_1qzo0_275 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.92) 0%, rgba(59, 130, 246, 0.92) 100%);
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 10px 24px rgba(16, 185, 129, 0.3);
  transform-origin: top right;
  opacity: 0;
  animation: _latencyFadeIn_1qzo0_1 1s ease forwards;
}
._latencyBadgePulse_1qzo0_303 {
  animation: _latencyFadeIn_1qzo0_1 0.25s ease forwards, _latencyPop_1qzo0_1 0.45s ease forwards;
}
._latencyBadgeIcon_1qzo0_307 {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
._latencyBadgeValue_1qzo0_313 {
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 700;
}
._latencyHighlight_1qzo0_319 {
  animation: _latencyNodeGlow_1qzo0_1 2s ease;
  box-shadow: 0 16px 32px rgba(16, 185, 129, 0.3), 0 0 0 2px rgba(59, 130, 246, 0.2);
}
._nodeActions_1qzo0_324 {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  display: flex;
  gap: 8px;
  opacity: 0;
  pointer-events: all;
  transition: all 0.2s ease;
  z-index: 10;
}
._nodeActionsVisible_1qzo0_337 {
  opacity: 1;
  pointer-events: all;
}
._deleteButton_1qzo0_342 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: white;
  border: 2px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._deleteButton_1qzo0_342:hover {
  background: #f5f5f5;
  border-color: #6b7280;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._deleteButton_1qzo0_342:active {
  transform: scale(0.95);
}
._deleteButton_1qzo0_342 img {
  width: 16px;
  height: 16px;
}
@keyframes _actionGlow_1qzo0_1 {
  0% {
    background-position: 200% 0;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.5);
    transform: scale(1.01);
  }
  100% {
    background-position: -200% 0;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
  }
}
._targetHandle_1qzo0_383 {
  width: 8px !important;
  height: 8px !important;
  background: white !important;
  border: 1px solid #10b981 !important;
  top: -3px !important;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 100 !important;
  cursor: crosshair !important;
}
._targetHandle_1qzo0_383::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: all;
}
._targetHandle_1qzo0_383:hover {
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);
  border-color: #059669 !important;
}
._sourceHandle_1qzo0_409 {
  width: 8px !important;
  height: 8px !important;
  background: white !important;
  border: 1px solid var(--handle-color, #4CAF50) !important;
  bottom: -14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 100 !important;
  cursor: crosshair !important;
}
._sourceHandle_1qzo0_409::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._sourceHandle_1qzo0_409:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
._plusButtonContainer_1qzo0_434 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -46px;
  z-index: 10;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._plusButtonContainer_1qzo0_434 ._plusButton_1qzo0_434 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}
._plusButtonContainer_1qzo0_434 ._plusButton_1qzo0_434:hover {
  background-color: #f9f7ff;
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._plusButtonContainer_1qzo0_434 ._plusButton_1qzo0_434:active {
  transform: scale(0.95);
}
._plusButtonContainer_1qzo0_434 ._plusButton_1qzo0_434 img {
  width: 14px;
  height: 14px;
}
._plusButtonContainerVisible_1qzo0_473 {
  opacity: 1;
}
@keyframes _latencyFadeIn_1qzo0_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _latencyPop_1qzo0_1 {
  0% {
    transform: scale(0.95);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _latencyNodeGlow_1qzo0_1 {
  0% {
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.15), 0 0 0 0 rgba(59, 130, 246, 0.18);
    transform: translateY(0);
  }
  45% {
    box-shadow: 0 20px 36px rgba(5, 150, 105, 0.35), 0 0 0 3px rgba(59, 130, 246, 0.22);
    transform: translateY(-1px);
  }
  100% {
    box-shadow: 0 10px 26px rgba(16, 185, 129, 0.24), 0 0 0 0 rgba(59, 130, 246, 0.15);
    transform: translateY(0);
  }
}.chat_button_open {
  cursor: pointer;
  font-size: 45px;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.icon {
  cursor: pointer;
  z-index: 999999;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 100px;
  animation: moveUpDown 1s ease-in-out infinite alternate;
  max-width: 60px;
  max-height: 60px;
  width: 60px;
  height: 60px;
}

.chat-button {
  cursor: pointer;
  z-index: 999999;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 100px;
  animation: moveUpDown 1s ease-in-out infinite alternate;
}

._hint_aw391_3 {
  border: 1px solid var(--border-field);
  border-radius: 50px;
  padding: 0.5rem 24px;
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: var(--background-light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  background: #5479f7;
  opacity: 0;
  transform: translateY(20px);
  animation: _fadeInUp_aw391_1 0.5s ease forwards;
}
._hint_aw391_3:hover {
  background-color: #f5f7f9;
  color: var(--background-dark);
  border-color: #d8dbdf;
}
@keyframes _fadeInUp_aw391_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_aw391_3:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_aw391_3:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_aw391_3:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_aw391_3:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_aw391_3:nth-child(5) {
  animation-delay: 0.9s;
}
/* Для всех последующих элементов каждые 2 */
._hint_aw391_3:nth-child(n+6) {
  animation-delay: calc(0.1s * (n - 1));
}
._progressWrapper_aw391_67 {
  width: 100%;
}
._progressBar_aw391_71 {
  width: 100%;
  height: 20px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
._progressFill_aw391_80 {
  height: 100%;
  background: linear-gradient(90deg, #4caf50, #8bc34a);
  transition: width 0.3s;
  border-radius: 10px 0 0 10px;
  position: absolute;
  left: 0;
  top: 0;
}
._progressTitle_aw391_90 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  pointer-events: none;
  z-index: 1;
}
._successWrapper_aw391_102,
._errorWrapper_aw391_103 {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
}
._successWrapper_aw391_102 {
  background-color: #d4edda;
  color: #155724;
}
._errorWrapper_aw391_103 {
  background-color: #f8d7da;
  color: #721c24;
}
._successIcon_aw391_121,
._errorIcon_aw391_122 {
  font-size: 20px;
  margin-right: 10px;
}
._successContent_aw391_127,
._errorContent_aw391_128 {
  display: flex;
  flex-direction: column;
}
._errorTitle_aw391_133,
._successTitle_aw391_134 {
  font-size: 16px;
  font-weight: 500;
}
._hints_1xhpo_2 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5rem;
  margin-top: auto;
  background-color: transparent;
  max-height: 200px;
  overflow-y: scroll;
}.typing {
  position: relative;
}
.typing span {
  content: "";
  animation: blink 1.5s infinite;
  animation-fill-mode: both;
  height: 6px;
  width: 6px;
  background: #454545;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.typing span:nth-child(2) {
  animation-delay: 0.2s;
  margin-left: 9px;
}
.typing span:nth-child(3) {
  animation-delay: 0.4s;
  margin-left: 18px;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

._location_nj6c0_3 {
  max-width: 100%;
}
._location__input_nj6c0_6 {
  max-width: 100%;
}
._btn_nj6c0_10 {
  border: 1px solid var(--border-field);
  border-radius: 50px;
  padding: 0.5rem 24px;
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: var(--background-light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  background: #5479f7;
  opacity: 0;
  transform: translateY(20px);
  animation: _fadeInUp_nj6c0_1 0.5s ease forwards;
}
._btn_nj6c0_10:hover {
  background-color: #F5F7F9;
  color: var(--background-dark);
  border-color: #D8DBDF;
}
@keyframes _fadeInUp_nj6c0_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_nj6c0_49:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_nj6c0_49:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_nj6c0_49:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_nj6c0_49:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_nj6c0_49:nth-child(5) {
  animation-delay: 0.9s;
}
/* Для всех последующих элементов каждые 2 */
._hint_nj6c0_49:nth-child(n+6) {
  animation-delay: calc(0.1s * (n - 1));
}._form_1c6jr_1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._text_1c6jr_7 {
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--background-dark);
}

@keyframes _fadeIn_l5add_1 {
  to {
    opacity: 1;
  }
}
._startChatBtn_l5add_8 {
  padding: 6px 6px;
  border-radius: 5px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
}
._startChatBtn_l5add_8._disabled_l5add_18, ._startChatBtn_l5add_8:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._startChatBtn_l5add_8:hover {
  opacity: 0.8;
}
._button_l5add_27 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}
._button_l5add_27 ._icon_l5add_40 {
  width: 20px;
  height: 20px;
}
._button_l5add_27 ._label_l5add_44 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._chatContainer_l5add_50 {
  font-family: Roboto, sans-serif;
  z-index: 9999999;
  width: 300px;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  height: 600px;
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  color: black;
  overflow-x: clip;
  min-height: 0;
}
@supports (-webkit-appearance: none) {
  ._chatContainer_l5add_50 {
    overflow-x: auto;
  }
}
._chatContainer_l5add_50 ._connectionLostContainer_l5add_73 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.432);
  backdrop-filter: blur(1px);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  gap: 10px;
}
._chatContainer_l5add_50 ._connectionLostContainer_l5add_73 ._label_l5add_44 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._chatContainer_l5add_50 ._loadingContainer_l5add_92 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.187);
  backdrop-filter: blur(1px);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  gap: 10px;
}
._chatContainer_l5add_50 ._loadingContainer_l5add_92 span {
  font-size: 16px;
}
._chatContainer__resizeBtn_l5add_109 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_l5add_50 ._chatHeader_l5add_118 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: linear-gradient(to right, #1c4966, #06252b);
  z-index: 999;
  border-bottom: 1px solid #d8dbdf;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
._chatContainer_l5add_50 ._chatHeader_l5add_118 ._close_l5add_130 {
  border-radius: 25px;
  cursor: pointer;
}
._chatContainer_l5add_50 ._chatHeader_l5add_118 ._close_l5add_130:hover {
  opacity: 1;
}
._chatContainer_l5add_50 ._operatorInfo_l5add_137 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_l5add_50 ._operatorPhoto_l5add_145 {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  background-color: #fff; /* Цвет фона, замените на ваш фон */
  margin-right: 10px;
}
._chatContainer_l5add_50 ._operatorDetails_l5add_154 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_l5add_50 ._operatorDetails_l5add_154 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_l5add_50 ._operatorName_l5add_165 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_l5add_50 ._operatorPosition_l5add_169 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_l5add_50 ._chatMessages_l5add_173 {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  color: black;
  display: flex;
  flex-direction: column;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
._chatContainer_l5add_50 ._chatMessages__messages_l5add_184 {
  display: flex;
  flex-direction: column;
  min-height: min-content;
}
._chatContainer_l5add_50 ._message_l5add_189 {
  padding: 10px;
  background: linear-gradient(to right, #d0e4ff, #c5ecfa);
  color: black;
  border-radius: 8px;
  width: fit-content;
}
._chatContainer_l5add_50 ._message_l5add_189 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_l5add_50 ._message_l5add_189._userMessage_l5add_201 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_l5add_1 0.5s ease-in-out forwards;
}
._chatContainer_l5add_50 ._message_l5add_189._userMessage_l5add_201:last-child {
  animation-delay: 0.2s;
}
._chatContainer_l5add_50 ._userMessage_l5add_201 ._messageContent_l5add_209 {
  display: inline-block;
  padding: 0;
  border-radius: 8px;
}
._chatContainer_l5add_50 ._userMessage_l5add_201 ._messageContent_l5add_209 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_l5add_50 ._userMessage_l5add_201 ._messageContent_l5add_209 span {
  max-width: 100%;
}
._chatContainer_l5add_50 ._operatorMessage_l5add_221 {
  text-align: left !important;
  background: #f5f7f9;
  color: black;
  border: 1px solid #eaeef4;
  border-radius: 10px 10px 10px 0;
  padding: 0.5rem;
}
._chatContainer_l5add_50 ._operatorMessage_l5add_221 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_l5add_50 ._messageDots_l5add_233 {
  width: 100%;
}
._chatContainer_l5add_50 ._message_l5add_189 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
._chatContainer_l5add_50 ._uname_l5add_241 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_l5add_50 ._operatorMessage_l5add_221 {
  text-align: left;
}
._chatContainer_l5add_50 ._operatorMessage_l5add_221 ._message-content_l5add_251 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_l5add_50 ._chatInput_l5add_256 {
  padding: 14px;
  border-top: 1px solid #d8dbdf;
  box-sizing: border-box;
  font-family: Roboto, serif;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._chatContainer_l5add_50 ._chatInput__inputContainer_l5add_268 {
  border-radius: 8px;
  width: 100%;
  display: flex;
  background: rgb(245, 247, 249);
  height: max-content;
  position: relative;
  border: 1px solid #d8dbdf;
  padding: 8px;
}
._chatContainer_l5add_50 ._chatInput__input_l5add_268 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
}
._chatContainer_l5add_50 ._chatInput__input_l5add_268:focus {
  outline: none;
}
._chatContainer_l5add_50 ._chatInput_l5add_256 ._pi_l5add_291 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_l5add_50 ._chatInput_l5add_256 svg {
  align-self: end;
  margin-right: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
._sign_l5add_305 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
  align-self: center;
  max-width: fit-content !important;
}
._sign_l5add_305 p {
  max-width: fit-content !important;
}
._sign_l5add_305 strong {
  transition: color 0.2s ease;
}
._sign_l5add_305:hover strong {
  color: inherit !important;
}
._joinedMessage_l5add_322 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._spamMessage_l5add_333 {
  margin: 0 auto;
  color: #e14e4e;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._iconInChat_l5add_344 {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 10px;
  border-radius: 30px;
}
._iconInChat__typing_l5add_354 {
  margin-bottom: 0;
}
._timeText_l5add_358 {
  color: rgb(179, 179, 179);
  margin: 0px;
}
._timeText__white_l5add_362 {
  color: #fff;
}
@keyframes _rotate360_l5add_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
._loopIcon_l5add_374 {
  animation: _rotate360_l5add_1 1s linear infinite;
}
._no-scroll_l5add_378 {
  overflow: hidden;
}
@media (max-width: 480px) {
  ._chatContainer_l5add_50 {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    border-radius: 0 !important;
    bottom: 0 !important;
    right: 0;
    left: 0;
    overflow: hidden;
  }
  ._chatMessages_l5add_173 {
    overflow-y: auto;
    padding: 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
  }
  ._chatInput_l5add_256 {
    padding: 14px;
    background-color: #fff;
    box-sizing: border-box;
    border-top: 1px solid #d8dbdf;
    position: relative;
  }
  ._chatInput__inputContainer_l5add_268 {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #d8dbdf;
    max-height: 50vh;
    overflow-y: auto;
  }
  ._chatInput__input_l5add_268 {
    font-size: 14px;
    padding: 8px;
    padding-right: 28px;
    outline: none;
    resize: none;
  }
  ._pi_l5add_291 {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}._autocompleteContainer_1a3db_1 {
  position: relative;
  width: 100%;
}

._suggestionsList_1a3db_6 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}

._suggestionItem_1a3db_19 {
  padding: 8px 12px;
  cursor: pointer;
}
._suggestionItem_1a3db_19:hover {
  background-color: #f5f5f5;
}
._suggestionItem_1a3db_19._selected_1a3db_26 {
  background-color: #e3f2fd;
}

._inputWrapper_1a3db_30 {
  position: relative;
  width: 100%;
}
._inputWrapper_1a3db_30 svg {
  color: #1f1f1f;
}

._locationIcon_1a3db_38 {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #757575;
  width: 20px;
  height: 20px;
  z-index: 1;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._button_hgbnw_29 {
  height: fit-content;
  width: fit-content;
  background-color: #ffffff;
  color: #1f1f1f;
  border: 1px solid #1f1f1f;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 32px;
  font-family: "Roboto";
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s;
}
._button_hgbnw_29:hover {
  box-shadow: none;
  color: white;
  background-color: #1f1f1f;
}
._button_hgbnw_29._selected_hgbnw_48 {
  box-shadow: none;
  color: white;
  background-color: #1f1f1f;
}
._button_hgbnw_29._disabled_hgbnw_53 {
  border-color: rgb(201, 201, 201);
  background-color: rgb(201, 201, 201);
  color: rgb(255, 255, 255);
  border: 1px solid;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@keyframes _autofill-start_1cnxv_1 {}
._inputContainer_1cnxv_30 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._inputHolder_1cnxv_36 {
  position: relative;
  display: inline-block;
  width: 100%;
}
._input_1cnxv_30 {
  width: 356px;
  height: 52px;
  border: 1px solid rgba(115, 115, 150, 0.5);
  border-radius: 50px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 19.09px;
  padding: 14px 24px;
  padding-right: 48px;
  color: #1f1f1f;
  background: #fff;
  outline: none;
}
._input_1cnxv_30:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #1f1f1f;
  animation-name: _autofill-start_1cnxv_1;
  animation-duration: 10ms;
  animation-iteration-count: 1;
}
._input_1cnxv_30:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #1f1f1f;
  animation-name: _autofill-start_1cnxv_1;
  animation-duration: 10ms;
  animation-iteration-count: 1;
}
._input_1cnxv_30._disable_1cnxv_73 {
  background-color: white;
  border-color: rgb(201, 201, 201);
  color: rgb(179, 179, 179);
}
._input_1cnxv_30:focus {
  border: 1px solid #1f1f1f;
}
._inputError_1cnxv_83 {
  border: 1px solid #ff3b30 !important;
}
._input_1cnxv_30::placeholder {
  color: #737396;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._floatingLabelContainer_1cnxv_97 {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
._floatingLabel_1cnxv_97 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #737396;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
}
._focused_1cnxv_115 ._floatingLabel_1cnxv_97,
._filled_1cnxv_116 ._floatingLabel_1cnxv_97 {
  font-size: 10px;
  line-height: 12px;
}
._focused_1cnxv_115 ._floatingLabelContainer_1cnxv_97,
._filled_1cnxv_116 ._floatingLabelContainer_1cnxv_97 {
  top: 0;
  transform: translateY(2px);
}
._focused_1cnxv_115 ._input_1cnxv_30,
._filled_1cnxv_116 ._input_1cnxv_30 {
  padding-top: 16px;
  transition: padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._iconRight_1cnxv_133 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._showPasswordButton_1cnxv_145 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: fit-content;
  cursor: pointer;
}
._disableIcon_1cnxv_154 {
  opacity: 0.5;
}
._label_1cnxv_158 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._subLabel_1cnxv_168 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #8f8f8f;
}
._disable_1cnxv_73 {
  color: rgb(179, 179, 179);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --pseudo-height: 100vh;
}
._voiceModalContent_ejlsk_33 {
  padding-top: 20px;
  padding-bottom: 20px;
}
._expDate_ejlsk_38 {
  color: #ff3b30;
  background-color: rgba(255, 59, 48, 0.15);
  line-height: 21px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
._contentHolder_ejlsk_49 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  gap: 10px;
}
._canceledSubLabel_ejlsk_58 {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
  background-color: #ff3b30;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
._closeIcon_ejlsk_71 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_ejlsk_71 :hover {
  background-color: #ff3b30;
}
._mobileToggleContainer_ejlsk_84 {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  ._mobileToggleContainer_ejlsk_84 {
    padding: 0 8px;
  }
}
._mobileToggleScroll_ejlsk_98 {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  background: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._mobileToggleScroll_ejlsk_98::-webkit-scrollbar {
  display: none;
}
._mobileToggleButton_ejlsk_112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 12px 8px;
  background: #ffffff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
._mobileToggleButton_ejlsk_112:hover {
  border-color: #5479f7;
  background: #f8faff;
}
._mobileToggleButton_ejlsk_112._active_ejlsk_130 {
  border-color: #1F1F1F;
  background: #1F1F1F;
}
._mobileToggleButton_ejlsk_112._active_ejlsk_130 ._mobileToggleIcon_ejlsk_134 {
  color: white;
}
._mobileToggleButton_ejlsk_112._active_ejlsk_130 ._mobileToggleLabel_ejlsk_137 {
  color: white;
}
@media screen and (max-width: 480px) {
  ._mobileToggleButton_ejlsk_112 {
    min-width: 70px;
    padding: 10px 6px;
    border-radius: 10px;
  }
}
._mobileToggleIcon_ejlsk_134 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: #6b7280;
  transition: color 0.2s ease-in-out;
}
._mobileToggleIcon_ejlsk_134 svg {
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  ._mobileToggleIcon_ejlsk_134 {
    margin-bottom: 2px;
  }
  ._mobileToggleIcon_ejlsk_134 svg {
    font-size: 18px;
  }
}
._mobileToggleLabel_ejlsk_137 {
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
  color: #374151;
  text-align: center;
  line-height: 1.2;
  transition: color 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 480px) {
  ._mobileToggleLabel_ejlsk_137 {
    font-size: 11px;
  }
}
._section_ejlsk_187 {
  min-height: fit-content;
  padding-top: var(--first-section-padding);
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  ._section_ejlsk_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  ._section_ejlsk_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 834px) {
  ._section_ejlsk_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._section_ejlsk_187 {
    min-height: fit-content;
  }
}
._section_ejlsk_187 ._mainContainer_ejlsk_214 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._section__title_ejlsk_219 {
  font-family: "Roboto";
  font-size: 54px;
  font-weight: 700;
  line-height: 75px;
  text-align: center;
  margin-bottom: 44px;
  color: #1f1f1f;
}
@media screen and (max-width: 1440px) {
  ._section__title_ejlsk_219 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1220px) {
  ._section__title_ejlsk_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1024px) {
  ._section__title_ejlsk_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 834px) {
  ._section__title_ejlsk_219 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  ._section__title_ejlsk_219 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-height: 790px) {
  ._section__title_ejlsk_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 481px) and (max-height: 640px) {
  ._section__title_ejlsk_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
._cards_ejlsk_278 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1220px) {
  ._cards_ejlsk_278 {
    flex-wrap: wrap;
    max-width: 700px;
  }
}
._background_ejlsk_295 {
  z-index: -1;
  display: flex;
  align-self: center;
  position: absolute;
  width: calc(100vw - 5.3%);
  height: 20vh;
  top: 86%;
  background: linear-gradient(180deg, #ffffff 9.3%, #ebf1ff 79.32%);
  border-radius: 0px 0px 30px 30px;
}
@media screen and (max-width: 1440px) {
  ._background_ejlsk_295 {
    height: 20vh;
  }
}
@media screen and (max-width: 1220px) {
  ._background_ejlsk_295 {
    display: none;
  }
}
._container_ejlsk_317 {
  width: 100%;
  display: flex;
  height: fit-content;
  justify-content: center;
}
._container_ejlsk_317 ._content_ejlsk_49 {
  display: flex;
  justify-content: center;
  align-self: center;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._container_ejlsk_317 ._content_ejlsk_49 {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  ._container_ejlsk_317 ._content_ejlsk_49 {
    flex-direction: column;
  }
}
@media screen and (max-width: 834px) {
  ._container_ejlsk_317 ._content_ejlsk_49 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._container_ejlsk_317 ._content_ejlsk_49 {
    flex-direction: column;
  }
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._toggle_ejlsk_349 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 321px;
  height: 49px;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364 {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #1f1f1f;
  border: 1.5px solid #1f1f1f;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364:hover {
  box-shadow: none;
  color: white;
  background-color: #1f1f1f;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364._active_ejlsk_130 {
  box-shadow: none;
  color: white;
  background-color: #1f1f1f;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364._disabled_ejlsk_386 {
  border-color: #d1d6de;
  background-color: #d1d6de;
  color: #afbbcc;
  border: 1px solid;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364:first-child {
  transform: translateX(15%);
  z-index: 100;
}
._container_ejlsk_317 ._content_ejlsk_49 ._toggleHolder_ejlsk_349 ._button_ejlsk_364:last-child {
  transform: translateX(-15%);
}
._container_ejlsk_317 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._toggle_ejlsk_349 {
  display: flex;
  justify-content: center;
  gap: 10px;
}
._pricingGrid_ejlsk_412 {
  display: flex;
  flex-direction: column;
}
._planCard_ejlsk_417 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
._planTitle_ejlsk_427 {
  text-align: center;
}
._getStartedBtn_ejlsk_431 {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
._sectionTitle_ejlsk_440 {
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 10px;
}
._priceRow_ejlsk_446 {
  width: 20%;
  max-width: 310px;
  display: flex;
  justify-content: center;
}
._title_ejlsk_453 {
  width: 20%;
  max-width: 245px;
  font-family: "Roboto";
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--scss-text-color, #1f1f1f);
  align-self: center;
}
@media screen and (max-width: 1024px) {
  ._title_ejlsk_453 {
    width: 40%;
  }
}
._value_ejlsk_468 {
  width: 20%;
  max-width: 310px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--scss-text-color, #1f1f1f);
}
._tabContainer_ejlsk_481 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
._priceText_ejlsk_488 {
  font-family: "Roboto";
  font-size: 1.31rem;
  font-weight: 700;
  line-height: 2.25rem;
  text-align: left;
  color: #1f1f1f;
}
._monthText_ejlsk_497 {
  font-size: 1rem !important;
  font-weight: normal;
  color: #727272 !important;
  align-self: center;
}
._customText_ejlsk_504 {
  font-family: "Roboto";
  font-size: 1.31rem;
  font-weight: 700;
  line-height: 2.44rem;
  letter-spacing: 0.03em;
  text-align: left;
}
._tableRow_ejlsk_513 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
._sectionTitle_ejlsk_440 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--scss-text-color, #1f1f1f);
  font-size: 1.3rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-family: "Roboto";
  border-radius: 10px;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(180deg, #5479f7 -25.59%, #5479f7 100%) border-box;
  border: solid 3px transparent;
}
._headerTableRow_ejlsk_535 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  max-width: 310px;
}
._headerTableRow_ejlsk_535:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 50%;
  width: 100%;
  height: var(--pseudo-height);
  padding-bottom: 0rem;
  transform: translateX(-50%);
  z-index: -1;
  border: solid 3px transparent;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff -34.96%, #ebf1ff 118.54%) padding-box, linear-gradient(180deg, #5479f7 -25.59%, #e6efff) border-box;
  box-shadow: 0 10px 21px rgba(89, 89, 89, 0.1019607843), 0 38px 38px rgba(89, 89, 89, 0.0901960784), 0 86px 52px rgba(89, 89, 89, 0.0509803922), 0 153px 61px rgba(89, 89, 89, 0.0117647059), 0 238px 67px rgba(89, 89, 89, 0);
}
._headerToggleRow_ejlsk_560 {
  display: flex;
  justify-content: space-between;
  width: 20%;
  max-width: 245px;
  height: 100%;
  justify-content: center;
  align-items: center;
  align-self: center;
}
._tableRow_ejlsk_513:not(:last-child) {
  margin-bottom: 10px;
}
._planInfo_ejlsk_575 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px;
}
._crossIcon_ejlsk_582 {
  max-width: 16px;
  max-height: 16px;
  width: 16px;
  height: 16px;
}
._markIcon_ejlsk_589 {
  max-width: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
}
._card_class_59_ejlsk_596 {
  position: relative;
  align-self: stretch;
  height: 535px;
  border-radius: 20px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --pseudo-height: 100vh;
}
.section {
  min-height: fit-content;
  padding-top: var(--first-section-padding);
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  .section {
    min-height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  .section {
    min-height: fit-content;
  }
}
@media screen and (max-width: 834px) {
  .section {
    min-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  .section {
    min-height: fit-content;
  }
}
.section .mainContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.section__title {
  font-family: "Roboto";
  font-size: 54px;
  font-weight: 700;
  line-height: 75px;
  text-align: center;
  margin-bottom: 44px;
  color: #1f1f1f;
}
@media screen and (max-width: 1440px) {
  .section__title {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1220px) {
  .section__title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .section__title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 834px) {
  .section__title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .section__title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-height: 790px) {
  .section__title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 481px) and (max-height: 640px) {
  .section__title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
number-flow-react {
  margin: -12px 0;
}
div.class_1 {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}
div.class_2 {
  padding: 8px;
  background: white;
  box-shadow: 0px 0px 14px rgba(107, 107, 107, 0.25);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
div.class_3 {
  width: 149px;
  height: 45px;
  background: #1f1f1f;
  border-radius: 50px;
  position: absolute;
}
div.class_4 {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.class_5 {
  color: white;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 400;
  word-wrap: break-word;
  position: relative;
}
div.class_6 {
  color: #1f1f1f;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 400;
  word-wrap: break-word;
}
div.class_7 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  display: flex;
}
div.class_8 {
  overflow: hidden;
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
}
div.class_9 {
  flex: 1 1 0;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: inline-flex;
  min-width: 355px;
  max-width: 365px;
}
@media screen and (max-width: 1220px) {
  div.class_9 {
    min-width: 235px;
  }
}
div.class_10 {
  align-self: stretch;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
div.class_11 {
  height: 360px;
  align-self: stretch;
  flex: 1 1 0;
  padding: 24px;
  border-radius: 20px;
  border: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
div.class_12 {
  align-self: stretch;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}
div.class_13 {
  padding: 30px;
  background: #eaeef4;
  border-radius: 100px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_14 {
  width: 44px;
  height: 47.01px;
}
div.class_15 {
  width: 220px;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
}
div.class_16 {
  flex: 1 1 0;
  height: 54px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.class_17 {
  flex: 1 1 0;
  height: 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.class_18 {
  flex: 1 1 0;
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
div.class_19 {
  align-self: stretch;
  height: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: flex;
}
div.class_20 {
  align-self: stretch;
  height: 50px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #c9c9c9;
  border-radius: 50px;
  border: 1px #d8dbdf solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_21 {
  color: white;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  text-wrap: nowrap;
}
@media screen and (max-width: 1220px) {
  div.class_21 {
    font-size: 12px;
  }
}
div.class_22 {
  width: 1182px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: inline-flex;
  width: 100%;
  overflow: auto;
}
div.class_23 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
div.class_24 {
  width: 1000px;
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}
@media screen and (max-width: 1440px) {
  div.class_24 {
    gap: 12px;
  }
}
div.class_25 {
  min-height: 356px;
  position: relative;
  flex: 1 1 0;
  align-self: stretch;
  padding: 24px;
  background: white;
  border-radius: 20px;
  border: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: inline-flex;
  user-select: none;
}
div.class_25:hover {
  border-color: #5479f7;
}
div.class_25.active {
  border-color: #5479f7;
}
div.class_25.disabled {
  pointer-events: none;
  color: gainsboro !important;
}
div.class_25.active.disabled {
  border-color: rgba(84, 121, 247, 0.431372549);
}
@media screen and (min-width: 1221px) {
  div.class_25 {
    min-height: 430px;
  }
}
@media screen and (max-width: 1440px) {
  div.class_25 {
    min-height: 380px;
  }
}
@media screen and (max-width: 1440px) {
  div.class_25 {
    padding: 12px;
  }
}
div.class_26 {
  align-self: stretch;
  height: 68px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
div.class_27 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_28 {
  flex: 1 1 0;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.class_29 {
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 36px;
  word-wrap: break-word;
  text-transform: capitalize;
}
div.class_30 {
  flex: 1 1 0;
  text-align: center;
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
@media screen and (max-width: 1440px) {
  div.class_30 {
    font-size: 14px;
  }
}
div.class_31 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  display: flex;
}
div.class_32 {
  justify-content: center;
  align-items: flex-end;
  display: inline-flex;
}
div.class_33 {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.class_34 {
  width: 14px;
  align-self: stretch;
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.class_35 {
  text-align: center;
  font-size: 72px;
  font-family: Roboto;
  font-weight: 700;
  word-wrap: break-word;
}
@media screen and (max-width: 1440px) {
  div.class_35 {
    font-size: 42px;
  }
}
div.class_36 {
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.class_37 {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f1f6fd;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_37.voice {
  background: #fbf1fd;
}
div.class_38 {
  text-align: center;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 27px;
  word-wrap: break-word;
}
@media screen and (max-width: 1440px) {
  div.class_38 {
    font-size: 14px;
    line-height: 19px;
  }
}
div.class_39,
a.class_39 {
  align-self: stretch;
  height: 52px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: white;
  border-radius: 50px;
  border: 1px #1f1f1f solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  cursor: pointer;
}
div.class_39.disabled,
a.class_39.disabled {
  border-color: gainsboro !important;
}
div.class_40 {
  font-size: 18px;
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  text-wrap: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  div.class_40 {
    font-size: 12px;
  }
}
div.class_41 {
  width: 147px;
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.class_42 {
  position: relative;
  flex: 1 1 0;
  align-self: stretch;
  padding: 24px;
  background: white;
  border-radius: 20px;
  border: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}
div.class_42.active {
  border-color: #5479f7;
}
@media screen and (max-width: 1440px) {
  div.class_42 {
    padding: 12px;
  }
}
div.class_43 {
  align-self: stretch;
  flex: 1 1 0;
  flex-direction: column;
  gap: 26px;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1221px) {
  div.class_43 {
    gap: 36px;
  }
}
@media screen and (max-width: 2048px) {
  div.class_43 {
    gap: 60px;
  }
}
@media screen and (max-width: 1920px) {
  div.class_43 {
    gap: 60px;
  }
}
@media screen and (max-width: 1440px) {
  div.class_43 {
    gap: 38px;
  }
}
@media screen and (max-width: 1280px) {
  div.class_43 {
    gap: 10px;
  }
}
div.class_44 {
  width: 72px;
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.class_45 {
  width: 72px;
  height: 57px;
  position: relative;
}
@media screen and (max-width: 2048px) {
  div.class_45 {
    width: 72px;
    height: 59px;
  }
}
@media screen and (min-width: 1221px) {
  div.class_45 {
    width: 72px;
    height: 50px;
  }
}
div.class_46,
img.class_46 {
  width: 57.5px;
  height: 50px;
  left: 4.5px;
  top: 9px;
  position: absolute;
}
@media screen and (max-width: 1920px) {
  div.class_46,
  img.class_46 {
    width: 67.5px;
    height: 54px;
  }
}
div.class_47 {
  align-self: stretch;
  border-radius: 10px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
div.class_48 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
div.class_49 {
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
div.class_50 {
  width: 426px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
}
div.class_51 {
  align-self: stretch;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_52 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 500;
  line-height: 27px;
  word-wrap: break-word;
}
div.class_53 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
}
div.class_54 {
  align-self: stretch;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_55 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
div.class_56 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
div.class_57 {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}
div.class_58 {
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
}
.card_class_1 {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: inline-flex;
}
.card_class_2 {
  align-self: stretch;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.card_class_3 {
  align-self: stretch;
  flex: 1 1 0;
  padding: 24px;
  border-radius: 20px;
  border: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 1220px) {
  .card_class_3 {
    padding: 12px;
  }
}
.card_class_4 {
  align-self: stretch;
  height: 68px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
.card_class_5 {
  align-self: stretch;
  height: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.card_class_6 {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.card_class_7 {
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  display: flex;
}
.card_class_8 {
  width: 160px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
.card_class_9 {
  text-align: center;
  color: #666666;
  font-size: 24px;
  font-family: Helvetica Neue;
  font-weight: 500;
  line-height: 27px;
  word-wrap: break-word;
}
.card_class_10 {
  align-self: stretch;
  height: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}
.card_class_11 {
  align-self: stretch;
  height: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
.card_class_12 {
  align-self: stretch;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
}
.card_class_13 {
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
.card_class_14 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  text-transform: capitalize;
  text-wrap: nowrap;
}
@media screen and (max-width: 1220px) {
  .card_class_14 {
    font-size: 12px;
  }
}
.card_class_15 {
  width: 78px;
  justify-content: flex-start;
  margin-left: 5px;
  align-items: center;
  gap: 10px;
  display: flex;
}
.card_class_16 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 700;
  line-height: 27px;
  word-wrap: break-word;
  text-transform: capitalize;
  height: 27px;
}
@media screen and (max-width: 1220px) {
  .card_class_16 {
    font-size: 14px;
  }
}
.card_class_17 {
  width: 24px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}
.card_class_18 {
  text-align: center;
}
.card_class_19 {
  color: #5479f7;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
.card_class_20 {
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
.card_class_21 {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}
.card_class_22 {
  width: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
.card_class_23 {
  align-self: stretch;
  height: 50px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #1f1f1f;
  border-radius: 50px;
  border: 1px #1f1f1f solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.card_class_24 {
  color: white;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  text-wrap: nowrap;
}
@media screen and (max-width: 1220px) {
  .card_class_24 {
    font-size: 12px;
  }
}
.close {
  position: absolute;
  width: 15px;
  height: 15px;
  cursor: pointer;
  border: 1px solid #e62f57;
  border-radius: 50%;
  margin-left: 5px;
  margin-top: 5px;
}
.close:before,
.close:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 3px;
  width: 7px;
  height: 1px;
  background: #e62f57;
}
.close:before {
  webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close:after {
  webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
div.card_class_59 {
  align-self: stretch;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  color: #1f1f1f;
  user-select: none;
}
div.card_class_59.disabled {
  pointer-events: none;
  color: gainsboro !important;
}
div.card_class_59.active.disabled {
  border-color: rgba(84, 121, 247, 0.431372549);
}
div.card_class_60 {
  align-self: stretch;
  height: 460px;
  padding: 24px;
  background: white;
  border-radius: 20px;
  border: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}
div.card_class_60:hover {
  border-color: #5479f7;
}
div.card_class_60.active {
  border-color: #5479f7;
}
div.card_class_60.active.disabled {
  border-color: rgba(84, 121, 247, 0.431372549);
  border-bottom-color: #d8dbdf;
}
div.card_class_61 {
  align-self: stretch;
  height: 68px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
div.card_class_62 {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.card_class_63 {
  flex: 1 1 0;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.card_class_64 {
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 36px;
  word-wrap: break-word;
  text-transform: capitalize;
}
div.card_class_65 {
  flex: 1 1 0;
  text-align: center;
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
div.card_class_66 {
  align-self: stretch;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  display: flex;
}
div.card_class_67 {
  justify-content: center;
  align-items: flex-end;
  display: inline-flex;
}
div.card_class_68 {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.card_class_69 {
  width: 14px;
  align-self: stretch;
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.card_class_70 {
  text-align: center;
  font-size: 72px;
  font-family: Roboto;
  font-weight: 700;
  word-wrap: break-word;
}
div.card_class_71 {
  text-align: center;
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.card_class_72 {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f1f6fd;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.card_class_72.voice {
  background: #fbf1fd;
}
div.card_class_73 {
  text-align: center;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 27px;
  word-wrap: break-word;
}
div.card_class_74 {
  align-self: stretch;
  height: 52px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: white;
  border-radius: 50px;
  border: 1px #1f1f1f solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.card_class_74.disabled {
  border-color: gainsboro !important;
}
div.card_class_75 {
  font-size: 18px;
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  word-wrap: break-word;
}
div.card_class_76 {
  align-self: stretch;
  height: 178px;
  padding: 14px;
  background: #f7f7f7;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  border-left: 1px #d8dbdf solid;
  border-right: 1px #d8dbdf solid;
  border-bottom: 1px #d8dbdf solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
div.card_class_76:hover {
  border-color: #5479f7;
}
div.card_class_76.active {
  border-color: #5479f7;
}
div.card_class_76.active.disabled {
  border-color: rgba(84, 121, 247, 0.431372549);
  border-bottom-color: #d8dbdf;
}
div.card_class_77 {
  align-self: stretch;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  display: inline-flex;
}
@media screen and (max-width: 834px) {
  div.card_class_77 {
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
}
div.card_class_78 {
  width: 135px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.card_class_79 {
  font-size: 14px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 19px;
  word-wrap: break-word;
}
@media screen and (max-width: 1220px) {
  div.card_class_79 {
    font-size: 16px;
    line-height: 24px;
    text-wrap: nowrap;
  }
}
div.card_class_80 {
  width: 56px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.card_class_81 {
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
div.card_class_82 {
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.card_class_83 {
  text-align: center;
  font-size: 14px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 19px;
  color: #666;
}
@media screen and (max-width: 1220px) {
  div.card_class_83 {
    font-size: 16px;
    line-height: 24px;
  }
}
div.card_class_84 {
  width: 73px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.card_class_85 {
  width: 144px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
.floating-box {
  all: unset;
  position: fixed !important;
  bottom: 20px;
  right: 20px;
  width: 75px;
  height: 75px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 98;
  pointer-events: auto;
}
.floating-box .full {
  width: 14px;
  height: 14px;
  background: #ff3b30;
  border-radius: 9999px;
  position: absolute;
  top: 5px;
  left: 0;
}
div.mob_cart_details_1 {
  width: 100%;
  height: 100%;
  padding: 27px;
  background: white;
  box-shadow: 0px 0px 8px rgba(84, 121, 247, 0.25);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: inline-flex;
}
div.mob_cart_details_2 {
  align-self: stretch;
  height: 119px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}
div.mob_cart_details_3 {
  align-self: stretch;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}
div.mob_cart_details_4 {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.mob_cart_details_5 {
  width: 160px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_6 {
  text-align: center;
  color: #666666;
  font-size: 24px;
  font-family: Helvetica Neue;
  font-weight: 500;
  line-height: 27px;
  word-wrap: break-word;
}
div.mob_cart_details_7 {
  width: 24px;
  height: 24px;
  position: relative;
}
div.mob_cart_details_8 {
  width: 15px;
  height: 15px;
  left: 4.5px;
  top: -4.5px;
  position: absolute;
  rotate: 45deg;
  font-size: 40px;
}
div.mob_cart_details_9 {
  align-self: stretch;
  height: 68px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
div.mob_cart_details_10 {
  align-self: stretch;
  height: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}
div.mob_cart_details_11 {
  align-self: stretch;
  height: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
div.mob_cart_details_12 {
  align-self: stretch;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
}
div.mob_cart_details_13 {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_14 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
  text-transform: capitalize;
}
div.mob_cart_details_15 {
  width: 78px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_16 {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 700;
  line-height: 27px;
  word-wrap: break-word;
  text-transform: capitalize;
}
div.mob_cart_details_17 {
  width: 72px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_18 {
  text-align: center;
}
span.mob_cart_details_19 {
  color: #5479f7;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
span.mob_cart_details_20 {
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
div.mob_cart_details_21 {
  width: 90px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_22 {
  width: 62px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_23 {
  width: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_24 {
  align-self: stretch;
  height: 126px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
div.mob_cart_details_25 {
  align-self: stretch;
  height: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 44px;
  display: flex;
}
div.mob_cart_details_26 {
  align-self: stretch;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  padding-bottom: 18px;
  background: #1f1f1f;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.mob_cart_details_26.disabled {
  background: gainsboro;
  pointer-events: none;
}
div.mob_cart_details_27 {
  color: white;
  font-size: 16px;
  font-family: Helvetica Neue;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.48px;
  word-wrap: break-word;
}
div.mob_cart_details_28 {
  align-self: stretch;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  padding-bottom: 18px;
  border-radius: 50px;
  border: 1px black solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.mob_cart_details_29 {
  color: #1f1f1f;
  font-size: 16px;
  font-family: Helvetica Neue;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.48px;
  word-wrap: break-word;
}
.animated_shoppingcart {
  transition: all 0.5s ease-in-out;
  transform: translateY(100%);
  position: sticky;
  bottom: 0;
  z-index: 99;
  opacity: 0;
}
div.mob_cart_details_empty_1 {
  width: 100%;
  padding-bottom: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}
div.mob_cart_details_empty_2 {
  padding: 27.02px;
  background: #eaeef4;
  border-radius: 90.06px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 9.01px;
  display: inline-flex;
  width: 88px;
  height: 88px;
}
div.mob_cart_details_empty_3 {
  height: 42.34px;
}
div.mob_cart_details_empty_4 {
  width: 220px;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
}
div.mob_cart_details_empty_5 {
  flex: 1 1 0;
  height: 54px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
div.mob_cart_details_empty_6 {
  flex: 1 1 0;
  height: 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}
div.mob_cart_details_empty_7 {
  flex: 1 1 0;
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
.buttons-group.laptop {
  position: sticky;
  top: 0;
  z-index: 7;
}
.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
.container .header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
.container .balance {
  font-weight: bold;
}
.container .title {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  text-align: left;
}
.container .cardsHolder {
  width: 100%;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
.container .cardsHolder .footer {
  padding-top: 32px;
  padding-bottom: 32px;
}
.yourCardText {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: #1f1f1f;
  margin-bottom: 10px;
}
.topUpButton {
  font-family: "Roboto";
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 14px 24px 14px 24px !important;
}
.cards {
  display: grid;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.table {
  display: flex;
  flex-direction: column;
}
.table hr {
  margin: 8px 0 8px 0;
  color: #eaeef4;
}
.row, .tableRow, .tableHeader {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto";
  font-weight: 400;
}
.tableHeader > div {
  font-size: 12px !important;
  line-height: 14.32px;
  text-align: left;
  color: #b3b3b3;
  text-transform: uppercase;
}
.tableBody {
  display: flex;
  gap: 8px !important;
  flex-direction: column;
}
.tableRow {
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: left;
  border-bottom: 1px solid #eaeef4;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tableRow:last-child {
  padding-bottom: 0;
  border: 0;
}
.circle, .blackCircle {
  width: auto;
  height: 25px;
  padding: 4px 14px 4px 14px;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid #eaeef4;
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 500;
  line-height: 17.09px !important;
  text-align: center !important;
}
.blackCircle {
  background-color: #1f1f1f;
  color: #ffffff;
  display: flex;
}
.footer {
  display: flex;
  padding: 24px;
  height: 96px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.modalContent {
  height: 550px !important;
}
.planName {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #727272;
  text-transform: capitalize;
}
.planPrice {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.98px;
  text-align: left;
  color: #1f1f1f;
}
.contentFlex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contentText {
  color: var(--scss-text-color, #1f1f1f);
}
.contentBlock {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #eaeef4;
  padding: 24px;
  border-radius: 10px;
}
.active-subscription {
  border: 1px solid #1f1f1f !important;
  background-color: #fafcff !important;
}
.canceledSubLabel {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
  background-color: #ff3b30;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
.expDate {
  color: #ff3b30;
  background-color: rgba(255, 59, 48, 0.15);
  line-height: 21px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
.closeIcon {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
.closeIcon:hover {
  background-color: #ff3b30;
}._container_16glj_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media screen and (max-width: 2048px) {
  ._container_16glj_1 {
    gap: 0.5rem;
  }
}
._main_16glj_12 {
  width: 100%;
}
._mainContainer_16glj_16 {
  display: flex;
  flex-direction: column;
  gap: 44px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 2048px) {
  ._mainContainer_16glj_16 {
    gap: 1rem;
  }
}
@media screen and (max-width: 1792px) {
  ._mainContainer_16glj_16 {
    gap: 14px;
  }
}
@media screen and (max-width: 1600px) {
  ._mainContainer_16glj_16 {
    gap: 8px;
  }
}
._buttonHolder_16glj_39 {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  ._buttonHolder_16glj_39 {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
@media screen and (max-width: 1220px) {
  ._buttonHolder_16glj_39 {
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
  }
}
@media screen and (min-width: 481px) and (max-height: 790px) {
  ._buttonHolder_16glj_39 {
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
  }
}._container_1xjdf_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
  width: 100%;
}
@media screen and (max-width: 1792px) {
  ._container_1xjdf_1 {
    gap: 24px;
  }
}
@media screen and (max-width: 1600px) {
  ._container_1xjdf_1 {
    gap: 24px;
  }
}
@media screen and (min-width: 481px) and (max-height: 790px) {
  ._container_1xjdf_1 {
    gap: 14px;
  }
}
._hidden_1xjdf_24 {
  opacity: 0;
  transform: translateY(15%);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
._visible_1xjdf_30 {
  opacity: 1;
  transform: translateY(0%);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
._header_1xjdf_36 {
  transition-delay: 0s;
  width: 100%;
  position: relative;
  z-index: 5;
}
._content_1xjdf_43 {
  transition-delay: 0s;
  width: 100%;
  position: relative;
  z-index: 5;
}
._delay_1xjdf_50 {
  transition-delay: 0.6s;
}.buttons-group .box {
  width: 149px;
  height: 45px;
  background: #1F1F1F;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  opacity: 1;
  transition: opacity cubic-bezier(0.42, 0, 0.22, 0.97) 0.05s;
}

.buttons-group .invisible {
  opacity: 0;
}

.buttons-group .bg-wrap {
  padding: 8px;
  background: white;
  box-shadow: 0px 0px 14px rgba(107, 107, 107, 0.25);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.buttons-group input {
  visibility: hidden;
}

.buttons-group label {
  cursor: pointer;
  text-align: center;
  float: left;
  padding: 10px;
  position: relative;
  z-index: 2;
}

.buttons-group label input {
  position: absolute;
}

.buttons-group label span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
  font-family: Roboto;
  font-weight: 400;
  word-wrap: break-word;
  position: relative;
}

.buttons-group .anime ~ label span {
  transition: color ease-in-out 0.3s;
}

.buttons-group label input:checked + span {
  color: white;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_s6apa_57 {
  width: 100%;
}
._title_s6apa_61 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0 !important;
  color: rgb(31, 31, 31) !important;
}
._content_s6apa_71 {
  height: auto;
  overflow: hidden;
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_s6apa_71 label {
  color: rgb(102, 102, 102);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_s6apa_89 {
  height: 52px;
  padding: 0 !important;
}
._actions_s6apa_89 button {
  width: 100%;
}
._rowfields_s6apa_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._rowfields_s6apa_97 label {
  flex: 1;
}
._rowField_s6apa_107 {
  width: 170px;
}
._field_s6apa_111 {
  height: 52px;
  margin: 0 !important;
  background-color: rgb(246, 249, 255);
  padding: 19px 14px !important;
  width: 100%;
  align-items: center;
}
._field_s6apa_111 input::placeholder {
  color: rgb(179, 179, 179);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_s6apa_111 input:focus,
._field_s6apa_111 ._StripeElement--focus_s6apa_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_s6apa_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_s6apa_142 {
  width: 441px;
  height: 52px;
  background-color: rgb(246, 249, 255);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_s6apa_142 input::placeholder {
  color: rgb(179, 179, 179) !important;
  opacity: 1;
}
._inputCustom_s6apa_142::after {
  display: none;
}
._inputCustom_s6apa_142::before {
  display: none;
}
._flexAmount_s6apa_168 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
}
._flexAmountContainer_s6apa_175 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_s6apa_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_s6apa_175 {
    flex-direction: column;
  }
}
._inputNumber_s6apa_193 {
  width: 136px;
  height: 40px;
  background-color: white;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  padding-left: 14px;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputNumber_s6apa_193 input::placeholder {
  color: rgb(179, 179, 179) !important;
  opacity: 1;
}
._inputNumber_s6apa_193::after {
  display: none;
}
._inputNumber_s6apa_193::before {
  display: none;
}
._titleForm_s6apa_219 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_s6apa_228 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-x: auto;
}
._cardsWrap_s6apa_228 div:first-child {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_s6apa_228 ._cardsBlock_s6apa_242 {
  display: flex;
  gap: 14px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_s6apa_250 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._btnAmount_s6apa_256, ._activeAmountBtn_s6apa_256 {
  padding: 4px 14px 4px 14px;
  border-radius: 10px;
  width: auto;
  height: 32px;
  background: #f6f9ff;
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
  cursor: pointer;
}
._activeAmountBtn_s6apa_256 {
  color: white;
  background-color: #1f1f1f;
}
._actionButtons_s6apa_273 {
  display: flex;
  gap: 24px;
}
._button_s6apa_278 {
  flex-basis: 100%;
  padding: 14px 24px 14px 24px;
  height: 48px;
  border-radius: 50px;
}
@media screen and (max-width: 480px) {
  ._button_s6apa_278 {
    width: 95%;
  }
}
._actionsWrapper_s6apa_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_s6apa_290 {
    flex-direction: column-reverse;
  }
}input,
.StripeElement {
  display: block;
  margin: 4px 0 14px 0;
  max-width: 100% !important;
  padding: 10px 14px;
  font-size: 16px;
  border: 0;
  outline: 0;
  border-radius: 10px;
}

input::placeholder {
  color: rgb(179, 179, 179);
  font-size: 16px;
}

input:focus,
.StripeElement--focus {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}

.StripeElement.IdealBankElement,
.StripeElement.FpxBankElement,
.StripeElement.PaymentRequestButton {
  padding: 0;
}

.StripeElement.PaymentRequestButton {
  height: 40px;
}._fancyButtonBorderContainer_1d7z5_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 36px;
  position: relative;
  z-index: 1;
}

._fancyButton_1d7z5_1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 24px;
  border: none;
  border-radius: 32px;
  background: #fff;
  color: #1f1f1f;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 2px 8px 0 #eaeef4;
  cursor: pointer;
  transition: box-shadow 0.3s, background 0.3s, color 0.3s, transform 0.18s cubic-bezier(0.4, 1.2, 0.6, 1), filter 0.2s;
  outline: none;
  user-select: none;
  overflow: visible;
  min-width: 180px;
  min-height: 48px;
  z-index: 2;
}

._disabled_1d7z5_36 {
  background: #f5f5f5;
  color: rgba(177, 177, 177, 0.8235294118);
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
  filter: grayscale(0.2) brightness(0.97);
}

._label_1d7z5_45 {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: inherit;
  font-family: "Inter", sans-serif;
  z-index: 2;
}

._arrow_1d7z5_54 {
  display: flex;
  align-items: center;
  margin-left: 6px;
  transition: transform 0.3s;
  z-index: 2;
}

._fancyButton_1d7z5_1[aria-expanded=true] ._arrow_1d7z5_54 {
  transform: rotate(180deg);
}

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

._animation10_1d7z5_70 {
  box-shadow: 0 0 5px var(--neon-glow-color-50, rgba(211, 148, 241, 0.5)), 0 0 10px var(--neon-glow-color-30, rgba(82, 165, 243, 0.3)), 0 0 15px var(--neon-glow-color-20, rgba(211, 148, 241, 0.2)), 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: _neonGlow_1d7z5_1 2s ease-in-out infinite alternate;
}

._fancyButtonBorderContainer_1d7z5_1:hover ._animation10_1d7z5_70 {
  background: #f7fbfe;
  color: #000;
  animation-duration: 0.8s;
  box-shadow: 0 0 10px var(--neon-glow-color-80, rgba(211, 148, 241, 0.8)), 0 0 20px var(--neon-glow-color-60, rgba(82, 165, 243, 0.6)), 0 0 30px var(--neon-glow-color-40, rgba(211, 148, 241, 0.4)), 0 8px 25px rgba(82, 165, 243, 0.3);
  transform: scale(1);
  filter: brightness(1.04);
}

@keyframes _neonGlow_1d7z5_1 {
  0% {
    box-shadow: 0 0 5px var(--neon-glow-color-50, rgba(211, 148, 241, 0.5)), 0 0 10px var(--neon-glow-color-30, rgba(82, 165, 243, 0.3)), 0 0 15px var(--neon-glow-color-20, rgba(211, 148, 241, 0.2)), 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 10px var(--neon-glow-color-80, rgba(211, 148, 241, 0.8)), 0 0 20px var(--neon-glow-color-60, rgba(82, 165, 243, 0.5)), 0 0 30px var(--neon-glow-color-40, rgba(211, 148, 241, 0.3)), 0 2px 8px rgba(0, 0, 0, 0.1);
  }
}._container_1nydq_1 {
  height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}
._container_1nydq_1 ._timer_1nydq_7 {
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 1440px) {
  ._container_1nydq_1 ._timer_1nydq_7 {
    display: none;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._tipicalForm_142lg_29 {
  height: 100%;
  background-color: var(--scss-white, #ffffff);
  border: 1px solid #e7e7ef;
  border-radius: 16px;
  transition: box-shadow 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._tipicalForm_142lg_29 form {
  width: 100%;
  height: 100%;
}
._header_142lg_41 {
  background-color: var(--scss-baground, #f6f9ff);
  color: var(--scss-text-color, #1f1f1f);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  transition: background-color 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  border-bottom: 1px solid #e7e7ef;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
._uploadButton_142lg_55 {
  width: 40%;
}
@media screen and (max-width: 1440px) {
  ._uploadButton_142lg_55 {
    width: 70%;
  }
}
@media screen and (min-width: 1221px) {
  ._uploadButton_142lg_55 {
    width: 80%;
  }
}
._body_142lg_69 {
  border-bottom: 1px solid #e7e7ef;
  padding: 10px;
  background-color: var(--scss-white, #ffffff);
  display: flex;
  align-items: center;
  overflow: auto;
  height: calc(100% - 80px);
  flex-direction: column;
}
._body_142lg_69 textarea i {
  background-color: yellow;
}
._body_142lg_69 ._gorisontal_142lg_82 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin-top: 10px;
}
._footer_142lg_90 {
  border-bottom: 1px solid #e7e7ef;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  background-color: var(--scss-baground, #f6f9ff);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._editableWrapper_142lg_104 {
  position: relative;
  width: 90%;
  margin-top: 10px;
}
._input_142lg_110 {
  height: 600px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._input_142lg_110 {
    height: 450px;
  }
}
._pseudoInput_142lg_120 {
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  font: inherit;
  letter-spacing: inherit;
  color: currentColor;
  padding: 4px 0 5px;
  border: 0;
  box-sizing: content-box;
  background: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0;
  -webkit-animation-duration: 10ms;
  animation-duration: 10ms;
  font-size: 16px;
  border: none;
  outline: none;
  border-bottom: 1px solid #919192;
}
._pseudoInput_142lg_120:focus {
  outline: none;
  border-bottom: 2px solid #1976d2;
}
._pseudoInput_142lg_120:hover {
  outline: none;
  border-bottom: 2px solid #919192;
}
._customLable_142lg_150 {
  color: rgba(0, 0, 0, 0.6);
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  padding: 0;
  position: relative;
  display: block;
  transform-origin: top left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 133%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, -1.5px) scale(0.75);
  -moz-transform: translate(0, -1.5px) scale(0.75);
  -ms-transform: translate(0, -1.5px) scale(0.75);
  transform: translate(0, -1.5px) scale(0.75);
  -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
._sidePanelPaper_142lg_176 {
  width: 480px !important;
  max-width: 100vw;
  position: fixed !important;
  height: 111vh !important;
  top: 0;
  right: 0;
  left: auto !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
  background: #fff !important;
  display: flex;
  flex-direction: column;
  padding: 0;
  animation: _slideInPanel_142lg_1 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._sidePanelPaper_142lg_176 {
    height: 100vh !important;
  }
}
@keyframes _slideInPanel_142lg_1 {
  from {
    transform: translateX(100%);
    opacity: 0.7;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._sidePanelContent_142lg_209 {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._sidePanelContent_142lg_209 {
    height: 100vh;
  }
}
._panelHeader_142lg_224 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 32px 18px 32px;
  border-bottom: 1px solid #f0f0f0;
  background: #f8fafc;
  border-radius: 0;
  position: relative;
  min-height: 80px;
}
._headerIcon_142lg_236 {
  font-size: 2.2rem !important;
  color: #1b76d3;
  margin-right: 12px;
}
._panelTitle_142lg_242 {
  flex: 1;
  font-size: 1.7rem;
  font-weight: 800;
  color: #23272f;
  margin: 0;
  letter-spacing: 0.01em;
  text-align: left;
}
._closeButton_142lg_252 {
  background: none;
  border: none;
  font-size: 2.1rem;
  color: #b0b7c3;
  cursor: pointer;
  transition: color 0.2s;
  margin-left: 18px;
  position: absolute;
  right: 24px;
  top: 32px;
  z-index: 2;
  line-height: 1;
}
._closeButton_142lg_252:hover {
  color: #1b76d3;
}
._panelForm_142lg_270 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
  background: #fff;
  overflow-y: auto;
  min-height: 0;
}
._panelBody_142lg_281 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 36px 32px 0 32px;
  flex: 1;
  background: #fff;
  overflow-y: auto;
  min-height: 0;
}
._panelFooter_142lg_292 {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  padding: 28px 32px 32px 32px;
  border-top: 1px solid #f0f0f0;
  background: #f8fafc;
  border-radius: 0;
}
._panelFooter_142lg_292 button,
._panelFooter_142lg_292 ._MuiButton-root_142lg_303 {
  min-width: 140px;
  height: 48px;
  font-size: 1.08rem;
  font-weight: 700;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(30, 41, 59, 0.06);
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
}
._panelFooter_142lg_292 ._MuiButton-contained_142lg_313,
._panelFooter_142lg_292 ._MuiButton-root_142lg_303._filled_142lg_314 {
  background: linear-gradient(90deg, #1b76d3 0%, #3bb0ff 100%);
  color: #fff;
  border: none;
}
._panelFooter_142lg_292 ._MuiButton-contained_142lg_313:hover,
._panelFooter_142lg_292 ._MuiButton-root_142lg_303._filled_142lg_314:hover {
  background: linear-gradient(90deg, #1760b3 0%, #2496e6 100%);
  color: #fff;
  box-shadow: 0 4px 16px 0 rgba(30, 41, 59, 0.1);
}
._panelFooter_142lg_292 ._MuiButton-outlined_142lg_326,
._panelFooter_142lg_292 ._MuiButton-root_142lg_303._outlined_142lg_327 {
  background: #fff;
  color: #1b76d3;
  border: 2px solid #1b76d3;
}
._panelFooter_142lg_292 ._MuiButton-outlined_142lg_326:hover,
._panelFooter_142lg_292 ._MuiButton-root_142lg_303._outlined_142lg_327:hover {
  background: #f0f7ff;
  color: #1760b3;
  border-color: #1760b3;
}
._flowFormContainer_142lg_339 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._flowFormBody_142lg_347 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 14px;
}
._flowFormFooter_142lg_357 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  background-color: #f7f7f7;
  flex-shrink: 0;
}
._fieldContainer_142lg_366 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._hader_142lg_373 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._holderContainer_142lg_379 {
  display: flex;
  align-items: center;
}
._textHolder_142lg_384 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  display: flex;
  align-items: center;
}
._textFlex_142lg_393 {
  width: 24px;
  height: 24px;
}
._textWithTooltip_142lg_398 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_142lg_404 {
  width: 16px;
  height: 16px;
}
._flowNameWarningIcon_142lg_409 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._flowNameWarningBox_142lg_415 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  background: rgba(124, 58, 237, 0.12);
  border: 1px solid rgba(124, 58, 237, 0.25);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 16px;
  color: #4c1d95;
}
._field_142lg_366 {
  width: 100%;
}
._ddRenderValue_142lg_433 {
  font-size: 14px;
  font-weight: 500;
}
._grayText_142lg_438 {
  color: #9ca3b0;
  font-size: 14px;
}
._categoryChip_142lg_443 {
  background-color: white;
  border: 1px solid #0066CC;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
}
._categoryChip_142lg_443 span {
  color: #0066CC;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 700px) {
  ._sidePanelPaper_142lg_176 {
    width: 100vw !important;
    border-radius: 0 !important;
  }
  ._sidePanelContent_142lg_209 {
    border-radius: 0;
  }
  ._panelHeader_142lg_224,
  ._panelBody_142lg_281,
  ._panelFooter_142lg_292 {
    padding-left: 12px;
    padding-right: 12px;
  }
}._blureWrap_1v7vx_1 {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(80, 76, 76, 0.71);
  position: fixed;
  z-index: 1000;
}

._flowContent_1v7vx_11 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

._wrapper_1v7vx_18 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._wrapper_1v7vx_18 span {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}

._tipicalForm_1v7vx_28 {
  width: 600px;
  background-color: #fff;
  border: 1px solid #e7e7ef;
  border-radius: 16px;
  transition: box-shadow 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 200px;
  transform: translateX(-50%);
}

._tipicalForm_1v7vx_28._upper_1v7vx_40 {
  top: 100px;
}

._header_1v7vx_44 {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--scss-white, #ffffff);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  transition: background-color 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  padding: 10px;
  border-bottom: 1px solid #e7e7ef;
  height: 20px;
}

._body_1v7vx_57 {
  border-bottom: 1px solid #e7e7ef;
  padding: 10px;
  background-color: #f9f9fb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._body_1v7vx_57 ._label_1v7vx_65 {
  word-wrap: break-word;
}

._body_1v7vx_57 form {
  width: 100%;
}

._body_1v7vx_57._big_1v7vx_71 {
  flex-direction: column;
  height: 600px;
  overflow-y: scroll;
}

._body_1v7vx_57._small_1v7vx_76 {
  flex-direction: column;
  height: 150px;
  overflow-y: scroll;
}

._body_1v7vx_57._midle_1v7vx_81 {
  flex-direction: column;
  height: 300px;
  overflow-y: scroll;
}

._body_1v7vx_57 ._gorisontal_1v7vx_86 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin-top: 10px;
}

._footer_1v7vx_94 {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e7e7ef;
  height: 50px;
  padding: 10px;
  position: relative;
  background-color: #f9f9fb;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._responsiveModalContent_1v7vx_110 {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
  padding: 0 24px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (max-width: 600px) {
  ._responsiveModalContent_1v7vx_110 {
    max-width: 98vw;
    padding: 0 4px 10px 4px;
    border-radius: 8px;
  }
}

._modalHeader_1v7vx_128 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #23272f;
  margin: 0;
  padding: 28px 0 12px 0;
  text-align: center;
  border-radius: 14px 14px 0 0;
  letter-spacing: 0.01em;
}

._modalForm_1v7vx_139 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

._modalFooter_1v7vx_145 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1myn4_57 {
  display: flex;
  padding: var(--page-header-padding);
  padding-top: 0px;
  flex-direction: column;
  width: 100%;
  height: calc(100% - var(--page-header, 87px));
}
._placeHolderContainer_1myn4_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._placeHolderContainer_1myn4_66 ._placeHolder_1myn4_66 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._input_1myn4_78 {
  width: 324px;
}
@media screen and (max-width: 480px) {
  ._input_1myn4_78 {
    width: 160px;
  }
}
._tableLabelActions_1myn4_87 {
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
@media screen and (max-width: 1220px) {
  ._tableLabelActions_1myn4_87 {
    font-size: 14px;
  }
}
._tableCell_1myn4_99 {
  margin: 7px;
}
._headerCell_1myn4_103 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid #eaeef4;
  border-top: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 16px;
}
@media screen and (max-width: 1220px) {
  ._headerCell_1myn4_103 {
    font-size: 14px;
    padding: 6px 7px 6px 7px;
  }
}
._tableLabel_1myn4_87 {
  font-family: "Roboto";
  font-size: 16px;
  max-width: 200px;
  width: 241px;
  min-width: 241px;
}
@media screen and (max-width: 2048px) {
  ._tableLabel_1myn4_87 {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._tableLabel_1myn4_87 {
    font-size: 14px;
    max-width: 150px;
    width: 150px;
    min-width: 150px;
  }
}
@media screen and (max-width: 480px) {
  ._tableLabel_1myn4_87 {
    font-size: 14px;
    max-width: 225px;
    width: 225px;
    min-width: 225px;
  }
}
._label_1myn4_153 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
@media screen and (max-width: 1220px) {
  ._label_1myn4_153 {
    font-size: 14px;
  }
}
._buttonContainer_1myn4_164 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0px;
}
@media screen and (max-width: 480px) {
  ._buttonContainer_1myn4_164 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._buttonContainer_1myn4_164 ._title_1myn4_178 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_1myn4_187 {
  margin-bottom: 25px;
}
@media screen and (max-width: 1440px) {
  ._expandTable_1myn4_187 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  ._expandTable_1myn4_187 {
    margin-bottom: 100px;
  }
}
._expandTable_1myn4_187 td {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_11vey_57 {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
._background_11vey_67 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._dndItems_11vey_75 {
  position: absolute;
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  height: 50px;
  justify-content: flex-end;
  z-index: 1;
  left: auto;
  right: 24px;
  pointer-events: auto;
  gap: 12px;
  padding-right: 24px;
}
._dndItems_11vey_75._botname_11vey_90 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._dndnode_11vey_97 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._reactflowWrapper_11vey_104 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: var(--debug-console-offset, 0px);
  transition: padding-bottom 220ms ease;
}
._flowInitOverlay_11vey_112 {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #f6f9ff 0%, #ffffff 55%, #f1f5f9 100%);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
._flowInitContent_11vey_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
._flowInitBoxes_11vey_130 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._flowInitBox_11vey_130 {
  width: 28px;
  height: 18px;
  border-radius: 6px;
  border: 2px solid var(--scss-blueActiveColor, #5479f7);
  background: #f6f9ff;
  box-shadow: 0 0 0 1px rgba(84, 121, 247, 0.06), 0 10px 22px rgba(15, 23, 42, 0.18);
  animation: _flowBoxTravel_11vey_1 1.8s infinite ease-in-out;
}
._flowInitBox--center_11vey_145 {
  animation-delay: 0.18s;
}
._flowInitBox--right_11vey_148 {
  animation-delay: 0.36s;
}
._flowInitConnector_11vey_152 {
  width: 32px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(84, 121, 247, 0.18), var(--scss-blueActiveColor, #5479f7), rgba(84, 121, 247, 0.18));
  background-size: 200% 100%;
  animation: _flowConnector_11vey_1 1.8s infinite linear;
  opacity: 0.85;
}
._flowInitGraph_11vey_162 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
._flowInitRow_11vey_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._flowInitConnectorVertical_11vey_176 {
  width: 2px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(84, 121, 247, 0.18), var(--scss-blueActiveColor, #5479f7), rgba(84, 121, 247, 0.18));
  background-size: 100% 200%;
  animation: _flowConnector_11vey_1 1.8s infinite linear;
  opacity: 0.65;
}
._flowInitTitle_11vey_186 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: var(--scss-text-color, #1f1f1f);
}
._flowInitSubTitle_11vey_195 {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 18px;
  color: var(--scss-gray-text-color, #727272);
}
@keyframes _flowBoxTravel_11vey_1 {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
  }
  30% {
    transform: scale(1.08);
    opacity: 1;
  }
  65% {
    transform: scale(0.96);
    opacity: 0.85;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.6;
  }
}
@keyframes _flowConnector_11vey_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
._disabledView_11vey_228 {
  position: absolute;
  z-index: 999;
  filter: grayscale(100%);
  background-color: var(--scss-disabledBackground, rgba(255, 255, 255, 0.5137254902));
  width: 100%;
  height: 100%;
  top: 0;
}
._mainHeader_11vey_238 {
  height: 30px;
  font-family: "Roboto";
  font-style: normal;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
._subwrapper_11vey_248 {
  width: 100%;
  height: calc(100% - 54px);
  overflow-y: scroll;
}
._subcontainer_11vey_254 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
  margin-top: 24px;
}
._subcontainerBehaviour_11vey_264 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_11vey_269 {
  height: 112px;
  width: 513px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_11vey_269 ._hader_11vey_276 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_11vey_269 ._hader_11vey_276 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_11vey_269 ._hader_11vey_276 ._iconHolder_11vey_290 {
  width: 17px;
  height: 19px;
}
._fieldContainer_11vey_269 ._subhader_11vey_294 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
._fieldContainer_11vey_269 ._field_11vey_269 {
  width: 100%;
  height: 52px;
}
._fieldBig_11vey_309 {
  width: 100%;
}
._sideTabs_11vey_313 {
  position: absolute;
  left: 24px;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}
._sideTab_11vey_313 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0;
  color: #3a3f47;
  background: rgba(246, 249, 255, 0.95);
  border: 1px solid #d8dbdf;
  border-left: none;
  padding: 10px 12px 10px 12px;
  border-radius: 0 50px 50px 0;
  width: fit-content;
  min-height: 44px;
  overflow: hidden;
  transform: translateX(calc(-100% + 52px));
  transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1), background 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
  cursor: pointer;
  will-change: transform;
}
._sideTab_11vey_313:hover {
  transform: translateX(0);
  background: #ffffff;
  color: #1f2329;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
._sideTab_11vey_313 ._icon_11vey_290 {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
}
._sideTab_11vey_313 ._label_11vey_357 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  opacity: 0;
  max-width: 0;
  margin-right: 8px;
  transition: opacity 200ms ease-out, max-width 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
._flowToolbar_11vey_368 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(6px);
}
._flowToolbarDivider_11vey_380 {
  width: 1px;
  height: 32px;
  background: #e5e7eb;
  margin: 0 2px;
}
._flowToolbarButton_11vey_387 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: none;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
._flowToolbarButton_11vey_387:hover {
  background: #e5e7eb;
  color: #111827;
  transform: translateY(-1px);
}
._flowToolbarButtonActive_11vey_408 {
  background: #fee2e2;
  color: #111827;
}
._flowToolbarIcon_11vey_413 {
  width: 24px;
  height: 24px;
  line-height: 1;
}
._flowToolbarIconVertical_11vey_419 {
  transform: rotate(90deg);
}
._flowToolbarTooltip_11vey_423 {
  pointer-events: none;
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 6px;
  background: #111827;
  color: #f9fafb;
  font-size: 11px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
._flowToolbarButton_11vey_387:hover ._flowToolbarTooltip_11vey_423 {
  opacity: 1;
}
._sideTab_11vey_313:hover ._label_11vey_357,
._sideTab_11vey_313._active_11vey_444 ._label_11vey_357 {
  opacity: 1;
  max-width: 320px;
}
._sideTab_11vey_313._active_11vey_444 {
  transform: translateX(0);
  background: linear-gradient(90deg, #f0f4ff 0%, #ffffff 100%);
  color: #0b64fe;
  border-color: #cfe0ff;
  box-shadow: inset 0 0 0 1px rgba(11, 100, 254, 0.08), 0 6px 18px rgba(11, 100, 254, 0.08);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_w17rv_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 14px;
}
._toolHeaderEdit_w17rv_37 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  padding: 14px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
}
._mainHeaderContainer_w17rv_48 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._toolInput_w17rv_55 {
  font-size: 16px;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  flex: 1;
}
._closeButton_w17rv_64 {
  cursor: pointer;
}
._header_w17rv_68 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._label_w17rv_75 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._errorLabel_w17rv_81 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-red, #f9395c);
}
._toolIcon_w17rv_87 {
  width: 32px;
  height: 32px;
}
._penIcon_w17rv_92 {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
._fieldLabel_w17rv_98 {
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._row_1jqgm_29 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background-color: white;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 10px;
  width: 100%;
  gap: 14px;
}
._buttonContainer_1jqgm_40 {
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  background-color: #f7f7f7;
  flex-shrink: 0;
}
._rowIcon_1jqgm_50 {
  width: 18px;
  height: 18px;
}
._container_1jqgm_55 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 20px;
  overflow: hidden;
}
._mainContainer_1jqgm_64 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
._labelWithIcon_1jqgm_74 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._label_1jqgm_74 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
}
._rowDescContent_1jqgm_87 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._descLabel_1jqgm_93 {
  font-size: 16px;
  line-height: 21px;
  color: var(--scss-tabsDisabledText, #666);
}
._addRowButton_1jqgm_99 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: #eaeef4;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
._addRowButton_1jqgm_99:hover {
  background-color: #dce3ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
._buttonLabel_1jqgm_117 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_1jqgm_124 {
  pointer-events: none;
  width: 18px;
  height: 18px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1tavl_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 14px;
  min-height: 600px;
  max-height: 90vh;
  position: relative;
  z-index: 1000;
}
._container_1tavl_29 .MuiTooltip-popper {
  z-index: 1400 !important;
}
._actionHeaderEdit_1tavl_44 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 14px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
}
._actionNameInput_1tavl_55 {
  font-size: 16px;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  flex: 1;
}
._actionName_1tavl_55 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-right: 10px;
}
._header_1tavl_71 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._mainHeaderContainer_1tavl_78 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._label_1tavl_85 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._toolIcon_1tavl_91 {
  width: 32px;
  height: 32px;
}
._closeButton_1tavl_96 {
  cursor: pointer;
}
._fieldLabel_1tavl_100 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._actionModalContent_1tavl_106 {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  overflow: hidden;
  height: 100%;
}
._actionHeader_1tavl_44 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 14px 8px;
  background-color: white;
}
._actionHeader_1tavl_44 img {
  width: 24px;
  height: 24px;
}
._actionHeader_1tavl_44 span {
  font-weight: 600;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._actionContent_1tavl_135 {
  z-index: 1400;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 14px 8px;
  background-color: white;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
._tabContent_1tavl_150 {
  flex: 1;
  overflow-y: auto;
  padding: 24px 0;
  min-height: 0;
}
._buttonContainer_1tavl_157 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  padding: 14px 0;
  background-color: #f7f7f7;
  flex-shrink: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_7m11s_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_7m11s_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_7m11s_35 p {
  font-size: 16px;
  color: #666;
}
._passFailLabel_7m11s_48 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #2250c6;
  font-weight: 600;
  font-size: 1.08rem;
  padding: 4px 8px;
  background: linear-gradient(90deg, #eaf1ff 0%, #f4f7ff 100%);
  border-radius: 12px;
  min-height: fit-content;
  box-shadow: 0 2px 8px 0 rgba(34, 80, 198, 0.07);
  border: 1px solid #dbeafe;
  transition: box-shadow 0.2s;
}
._passFailLabel_7m11s_48 svg {
  color: #2250c6;
  font-size: 1.4em;
}
._eventContent_7m11s_70 {
  flex: 1;
  border: 1px solid #d8dbdf;
  border-top: none;
  background: white;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._eventHeader_7m11s_83 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_7m11s_90 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}
._eventName_7m11s_90:hover, ._eventName_7m11s_90:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_7m11s_103 {
  margin-bottom: 16px;
}
._logicOperator_7m11s_103 select {
  width: 100px;
  padding: 8px 12px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 4px;
  background: white;
  font-size: 14px;
  cursor: pointer;
}
._logicOperator_7m11s_103 select:hover {
  border-color: #4caf50;
}
._conditionGroup_7m11s_119 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_7m11s_119:last-child {
  margin-bottom: 24px;
}
._groupOperator_7m11s_129 {
  width: 120px;
  margin: 8px 0;
  background-color: white;
}
._groupOperator_7m11s_129 .MuiSelect-select {
  background-color: white;
}
._conditions_7m11s_138 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_7m11s_144 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_7m11s_144 .SortableList-item.dragging .operatorContainer {
  display: none;
}
._conditionWrapper_7m11s_153 {
  display: flex;
  background: #f7f7f7;
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_7m11s_161 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
  cursor: grab;
}
._dragHandleContainer_7m11s_161 svg {
  color: #98a2b3;
}
._dragHandleContainer_7m11s_161 svg:hover {
  color: #1f1f1f;
}
._SortableItem-dragging_7m11s_175 ._operatorContainer_7m11s_149 {
  display: none;
}
._conditionContent_7m11s_179 {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  gap: 8px;
  padding: 14px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
._singleLineInput_7m11s_189 {
  max-height: fit-content;
}
._deleteButtonContainer_7m11s_193 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_7m11s_193 {
  background: none !important;
  border: none;
  color: #98a2b3 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: unset !important;
  border-radius: 4px !important;
}
._deleteButton_7m11s_193 svg {
  font-size: 20px;
}
._deleteButton_7m11s_193:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1f1f1f !important;
}
._deleteButton--disabled_7m11s_222 {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed !important;
  background: none !important;
  color: #d3d3d3 !important;
}
._fieldSelect_7m11s_230,
._operatorSelect_7m11s_231 {
  width: 100%;
  background-color: white;
}
._fieldSelect_7m11s_230 .MuiSelect-select,
._operatorSelect_7m11s_231 .MuiSelect-select {
  background-color: white;
}
._fieldSelect_7m11s_230 .MuiOutlinedInput-notchedOutline,
._operatorSelect_7m11s_231 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_7m11s_230 .MuiInputBase-root,
._operatorSelect_7m11s_231 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_7m11s_230 .MuiInputBase-root fieldset,
._operatorSelect_7m11s_231 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_7m11s_230 .MuiInputBase-root fieldset legend,
._operatorSelect_7m11s_231 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_7m11s_256 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: white;
  width: 100%;
}
._valueInput_7m11s_256:focus {
  outline: none;
  border-color: #1976d2;
}
._valueInput--invalid_7m11s_268 {
  border: 1.5px solid #f44336 !important;
}
._groupOperator_7m11s_129,
._conditionOperator_7m11s_273 {
  margin: 8px 0 !important;
  background-color: white;
}
._groupOperator_7m11s_129 .MuiSelect-select,
._conditionOperator_7m11s_273 .MuiSelect-select {
  background-color: white;
}
._groupOperator_7m11s_129 .MuiOutlinedInput-notchedOutline,
._conditionOperator_7m11s_273 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_7m11s_129 .MuiInputBase-root,
._conditionOperator_7m11s_273 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_7m11s_129 .MuiInputBase-root fieldset,
._conditionOperator_7m11s_273 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_7m11s_129 .MuiInputBase-root fieldset legend,
._conditionOperator_7m11s_273 .MuiInputBase-root fieldset legend {
  display: none;
}
._subConditionOperator_7m11s_298 {
  width: 120px !important;
  margin: 8px auto !important;
  background-color: white;
}
._subConditionOperator_7m11s_298 .MuiSelect-select {
  background-color: white;
}
._subConditionOperator_7m11s_298 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._subConditionOperator_7m11s_298 .MuiInputBase-root {
  height: 36px;
}
._subConditionOperator_7m11s_298 .MuiInputBase-root fieldset {
  top: 0;
}
._subConditionOperator_7m11s_298 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_7m11s_319 {
  margin-top: 8px;
}
._addConditionButton_7m11s_323 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_7m11s_323 ._addIcon_7m11s_328 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_7m11s_161 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_7m11s_161:hover {
  color: #1f1f1f;
  background-color: rgba(0, 0, 0, 0.04);
}
._bottomActions_7m11s_342 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  gap: 16px;
}
._colorSettings_7m11s_351 {
  display: flex;
  gap: 24px;
}
._colorOption_7m11s_356 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_7m11s_356 span {
  font-size: 14px;
  color: #1f1f1f;
}
._colorOption_7m11s_356 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_7m11s_356 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_7m11s_356 .MuiInputAdornment-root {
  margin-left: 0;
  height: 70%;
  margin-top: 4px;
  max-height: none;
}
._colorOption_7m11s_356 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._fieldSelect_7m11s_230 {
  min-width: 200px;
  background: #fff;
  transition: all 0.2s ease;
}
._fieldSelect_7m11s_230:hover {
  background: #f5f5f5;
}
._treeItem_7m11s_395:hover {
  background: #f5f5f5;
}
._treeItem_7m11s_395._Mui-selected_7m11s_398 {
  background: #e3f2fd;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1ixlm_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_1ixlm_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_1ixlm_35 p {
  font-size: 16px;
  color: #666;
}
._eventContent_1ixlm_48 {
  flex: 1;
  border: 1px solid #d8dbdf;
  border-top: none;
  background: white;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
._eventHeader_1ixlm_58 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_1ixlm_65 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}
._eventName_1ixlm_65:hover, ._eventName_1ixlm_65:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_1ixlm_78 {
  margin-bottom: 16px;
}
._logicOperator_1ixlm_78 select {
  width: 100px;
  padding: 8px 12px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 4px;
  background: white;
  font-size: 14px;
  cursor: pointer;
}
._logicOperator_1ixlm_78 select:hover {
  border-color: #4caf50;
}
._conditionGroup_1ixlm_94 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_1ixlm_94:last-child {
  margin-bottom: 24px;
}
._groupOperator_1ixlm_104 {
  width: 120px;
  margin: 8px 0;
  background-color: white;
}
._groupOperator_1ixlm_104 .MuiSelect-select {
  background-color: white;
}
._conditions_1ixlm_113 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._conditionWrapper_1ixlm_119 {
  display: flex;
  background: #f7f7f7;
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_1ixlm_127 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
}
._dragHandleContainer_1ixlm_127 .DragHandle {
  cursor: grab;
  color: #98a2b3;
  padding: 4px;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dragHandleContainer_1ixlm_127 .DragHandle:hover {
  color: #1f1f1f;
}
._conditionContent_1ixlm_147 {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(120px, 1fr) minmax(100px, 1fr);
  gap: 8px;
  padding: 14px;
  flex: 1;
  min-width: 0;
}
._deleteButtonContainer_1ixlm_156 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_1ixlm_156 {
  background: none !important;
  border: none;
  color: #98a2b3 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: unset !important;
  border-radius: 4px !important;
}
._deleteButton_1ixlm_156 svg {
  font-size: 20px;
}
._deleteButton_1ixlm_156:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1f1f1f !important;
}
._fieldSelect_1ixlm_185,
._operatorSelect_1ixlm_186 {
  min-width: 120px;
  background-color: white;
}
._fieldSelect_1ixlm_185 .MuiSelect-select,
._operatorSelect_1ixlm_186 .MuiSelect-select {
  background-color: white;
}
._fieldSelect_1ixlm_185 .MuiOutlinedInput-notchedOutline,
._operatorSelect_1ixlm_186 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_1ixlm_185 .MuiInputBase-root,
._operatorSelect_1ixlm_186 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_1ixlm_185 .MuiInputBase-root fieldset,
._operatorSelect_1ixlm_186 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_1ixlm_185 .MuiInputBase-root fieldset legend,
._operatorSelect_1ixlm_186 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_1ixlm_211 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: white;
  min-width: 120px;
}
._valueInput_1ixlm_211:focus {
  outline: none;
  border-color: #1976d2;
}
._groupOperator_1ixlm_104,
._conditionOperator_1ixlm_224 {
  margin: 8px 0 !important;
  background-color: white;
}
._groupOperator_1ixlm_104 .MuiSelect-select,
._conditionOperator_1ixlm_224 .MuiSelect-select {
  background-color: white;
}
._groupOperator_1ixlm_104 .MuiOutlinedInput-notchedOutline,
._conditionOperator_1ixlm_224 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_1ixlm_104 .MuiInputBase-root,
._conditionOperator_1ixlm_224 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_1ixlm_104 .MuiInputBase-root fieldset,
._conditionOperator_1ixlm_224 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_1ixlm_104 .MuiInputBase-root fieldset legend,
._conditionOperator_1ixlm_224 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_1ixlm_249 {
  margin-top: 8px;
}
._addConditionButton_1ixlm_253 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_1ixlm_253 ._addIcon_1ixlm_258 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_1ixlm_127 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_1ixlm_127:hover {
  color: #1f1f1f;
  background-color: rgba(0, 0, 0, 0.04);
}
._colorSettings_1ixlm_272 {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
}
._colorOption_1ixlm_280 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_1ixlm_280 span {
  font-size: 14px;
  color: #1f1f1f;
}
._colorOption_1ixlm_280 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_1ixlm_280 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_1ixlm_280 .MuiInputAdornment-root {
  margin-left: 0;
  height: 100%;
  max-height: none;
}
._colorOption_1ixlm_280 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._tabsContainer_1ixlm_309 {
  width: 100%;
  border-bottom: 1px solid #d8dbdf;
}
._tabsList_1ixlm_314 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._tab_1ixlm_309 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #f5f5f5;
  border: 1px solid #d8dbdf;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
  height: 36px;
}
._tab_1ixlm_309 span {
  flex: 1;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tab_1ixlm_309:hover {
  background: #fafafa;
}
._tab_1ixlm_309:hover ._closeButton_1ixlm_345 {
  opacity: 1;
}
._tab_1ixlm_309._active_1ixlm_348 {
  background: white;
  border-color: #d8dbdf;
  color: #1f1f1f;
  position: relative;
}
._tab_1ixlm_309._active_1ixlm_348::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: white;
}
._tab_1ixlm_309._active_1ixlm_348 span {
  color: #1f1f1f;
}
._tab_1ixlm_309._active_1ixlm_348 ._closeButton_1ixlm_345 {
  opacity: 1;
}
._tab_1ixlm_309._empty_1ixlm_35 {
  border-color: #f44336;
  background: #ffebee;
}
._tab_1ixlm_309._empty_1ixlm_35 span {
  color: #c62828;
}
._tab_1ixlm_309._empty_1ixlm_35._active_1ixlm_348 {
  background: #ffebee;
  border-color: #f44336;
}
._tab_1ixlm_309._empty_1ixlm_35._active_1ixlm_348::after {
  background: #ffebee;
}
._closeButton_1ixlm_345 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  background: none;
  color: #98a2b3;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0;
  transition: all 0.2s ease;
  min-width: 24px;
  height: 24px;
}
._closeButton_1ixlm_345:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #1f1f1f;
}
._addButton_1ixlm_404 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: none;
  background: none;
  color: #5479f7;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  margin-left: 4px;
}
._addButton_1ixlm_404:hover {
  background: rgba(84, 121, 247, 0.04);
}._tagifyDropdownContainer_107ku_1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._inputWrapper_107ku_9 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  min-width: 0;
  overflow: visible;
}

._inputContainer_107ku_18 {
  flex: 1;
  width: 100%;
  position: relative;
  min-width: 0;
  overflow: visible;
}
._inputContainer_107ku_18 .editableWrapper {
  margin: 0;
  gap: 0;
  height: auto;
  min-height: auto;
  width: 100%;
  overflow: visible;
}
._inputContainer_107ku_18 .inputWithHelpIcon {
  position: relative;
  height: auto;
  min-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_107ku_18 .tags-input,
._inputContainer_107ku_18 .tags-input-flow {
  min-height: 48px;
  max-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_107ku_18 .tagify {
  width: 100% !important;
  overflow: visible !important;
}
._inputContainer_107ku_18 .tagify__input {
  min-height: 48px;
  max-height: 48px;
  padding: 14px 48px 14px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}
._inputContainer_107ku_18 .tagify__input::before {
  max-width: calc(100% - 48px) !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
._inputContainer_107ku_18 .tagify__placeholder {
  max-width: calc(100% - 48px) !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
._inputContainer_107ku_18 .tagify__tag {
  max-width: calc(100% - 48px) !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}

._chevronButton_107ku_83 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease;
  border-radius: 4px;
  pointer-events: auto;
}
._chevronButton_107ku_83:hover {
  background: rgba(0, 0, 0, 0.04);
}
._chevronButton_107ku_83:active {
  background: rgba(0, 0, 0, 0.08);
}

._chevronButtonOpen_107ku_107 {
  transform: translateY(-50%) rotate(180deg);
}

._chevronIcon_107ku_111 {
  color: #666;
  font-size: 20px;
  transition: transform 0.2s ease;
}

._dropdownContainer_107ku_117 {
  width: 100%;
  margin-top: 4px;
  display: block;
}._action_1urrs_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  overflow-x: hidden;
}

._fields_1urrs_9 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
}

._rowFields_1urrs_16 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
}
._rowFields_1urrs_16 > * {
  width: calc(50% - 7px);
  margin: 0;
}

._columnFields_1urrs_27 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
._columnFields_1urrs_27 > * {
  width: 100%;
  margin: 0;
}

._booleanFields_1urrs_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
}
._booleanFields_1urrs_38 > * {
  width: calc(55% - 7px);
  margin: 0;
}

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

._icon_1urrs_55 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._icon_1urrs_55 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._title_1urrs_68 {
  font-weight: 600;
  font-size: 16px;
  color: #1f1f1f;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._subcontainerBottom_12tws_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 100px;
}
._ddContainer_12tws_36 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_12tws_36 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
}
._fieldContainer_12tws_50 {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-width: 100%;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_12tws_61 {
  grid-column: span 3;
}
._flexContainer_12tws_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._hader_12tws_71 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._textHolder_12tws_79 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
._icon_12tws_91 {
  margin-top: -5px;
  cursor: pointer;
}
._textWithTooltip_12tws_96 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_12tws_101 {
  align-self: flex-start;
  width: 12px;
  height: 12px;
}
._field_12tws_50 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._fieldRows_12tws_123 {
  width: 100%;
  height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._checkboxContainer_12tws_140 {
  display: flex;
  align-items: center;
  height: 100%;
}
._checkboxContainer_12tws_140 label {
  display: flex;
  gap: 10px;
}
._checkboxContainer_12tws_140 span:last-child {
  padding-top: 1px;
}
._firstRow_12tws_153 {
  display: flex;
  gap: 14px;
}
._actionItems_12tws_158 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}
._switcherWrapper_12tws_166 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
._editor_fiun0_2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1400px;
  height: 67%;
  border-radius: 16px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  z-index: 10000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  overflow: hidden;
  animation: _slideIn_fiun0_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes _slideIn_fiun0_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
._editor_fiun0_2._light_fiun0_31 {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  color: #1a1a1a;
}
._editor_fiun0_2._light_fiun0_31 ._toolbar_fiun0_35 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.95) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px);
}
._editor_fiun0_2._light_fiun0_31 ._toolbarButton_fiun0_40 {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
  color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
._editor_fiun0_2._light_fiun0_31 ._toolbarButton_fiun0_40:hover:not(:disabled) {
  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._editor_fiun0_2._light_fiun0_31 ._toolbarButton_fiun0_40:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
._editor_fiun0_2._light_fiun0_31 ._toolbarButton_fiun0_40:disabled {
  color: #adb5bd;
  cursor: not-allowed;
  opacity: 0.5;
}
._editor_fiun0_2._light_fiun0_31 ._content_fiun0_60 {
  background: rgba(255, 255, 255, 0.5);
}
._editor_fiun0_2._dark_fiun0_63 {
  background: linear-gradient(135deg, #1a1d23 0%, #0f1117 100%);
  color: #e5e7eb;
}
._editor_fiun0_2._dark_fiun0_63 ._toolbar_fiun0_35 {
  background: linear-gradient(180deg, rgba(30, 34, 42, 0.95) 0%, rgba(20, 24, 32, 0.95) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
._editor_fiun0_2._dark_fiun0_63 ._toolbarButton_fiun0_40 {
  background: linear-gradient(180deg, #2d3748 0%, #1a202c 100%);
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
._editor_fiun0_2._dark_fiun0_63 ._toolbarButton_fiun0_40:hover:not(:disabled) {
  background: linear-gradient(180deg, #3d4757 0%, #2d3748 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.25);
}
._editor_fiun0_2._dark_fiun0_63 ._toolbarButton_fiun0_40:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
._editor_fiun0_2._dark_fiun0_63 ._toolbarButton_fiun0_40:disabled {
  color: #6b7280;
  cursor: not-allowed;
  opacity: 0.5;
}
._editor_fiun0_2._dark_fiun0_63 ._content_fiun0_60 {
  background: rgba(15, 17, 23, 0.5);
}

._toolbar_fiun0_35 {
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

._toolbarLeft_fiun0_106 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._toolbarRight_fiun0_112 {
  display: flex;
  gap: 10px;
  align-items: center;
}

._title_fiun0_118 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._unsavedIndicator_fiun0_129 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #f59e0b;
  opacity: 0.9;
  animation: _fadeInIndicator_fiun0_1 0.3s ease;
}
._dark_fiun0_63 ._unsavedIndicator_fiun0_129 {
  color: #fbbf24;
}
@keyframes _fadeInIndicator_fiun0_1 {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 0.9;
    transform: translateX(0);
  }
}

._dot_fiun0_153 {
  font-size: 12px;
  animation: _pulse_fiun0_1 2s ease-in-out infinite;
}
@keyframes _pulse_fiun0_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

._toolbarButton_fiun0_40 {
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  align-items: center;
  gap: 6px;
}
._toolbarButton_fiun0_40:disabled {
  opacity: 0.5;
}

._separator_fiun0_181 {
  width: 1px;
  height: 24px;
  margin: 0 4px;
  align-self: center;
}
._light_fiun0_31 ._separator_fiun0_181 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 100%);
}
._dark_fiun0_63 ._separator_fiun0_181 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 100%);
}

._cancelButton_fiun0_194 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3) !important;
}
._cancelButton_fiun0_194:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4) !important;
  transform: translateY(-1px);
}
._cancelButton_fiun0_194:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3) !important;
}

._saveButton_fiun0_210 {
  position: relative;
}
._saveButton_fiun0_210._hasChanges_fiun0_213 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  border-color: transparent !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}
._saveButton_fiun0_210._hasChanges_fiun0_213:hover:not(:disabled) {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
}
._saveButton_fiun0_210._hasChanges_fiun0_213::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background: #f59e0b;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white;
  animation: _saveButtonPulse_fiun0_1 2s ease-in-out infinite;
}
@keyframes _saveButtonPulse_fiun0_1 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}
._saveButton_fiun0_210:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._content_fiun0_60 {
  flex: 1;
  overflow: auto;
  padding: 20px;
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._content_fiun0_60::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
._content_fiun0_60::-webkit-scrollbar-track {
  background: transparent;
}
._content_fiun0_60::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._content_fiun0_60::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
._dark_fiun0_63 ._content_fiun0_60::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
}
._dark_fiun0_63 ._content_fiun0_60::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
}

._schemaEditorWrapper_fiun0_283 {
  min-height: 100%;
  background: transparent;
  padding: 0;
  transition: opacity 0.3s ease;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor {
  font-family: inherit;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor * {
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .json-schema-editor-container {
  background: transparent !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .json-schema-editor-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  min-height: 40px;
  border-radius: 6px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .json-schema-editor-row:hover {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.05) 0%, rgba(147, 197, 253, 0.05) 100%);
  border-left: 3px solid #3b82f6;
  padding-left: 9px;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text],
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number],
._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #ffffff;
  color: #1a1a1a;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-family: inherit;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text]::placeholder,
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number]::placeholder,
._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea::placeholder {
  opacity: 0.5;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text]:focus,
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number]:focus,
._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text]:hover:not(:focus),
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number]:hover:not(:focus),
._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea:hover:not(:focus) {
  border-color: rgba(59, 130, 246, 0.3);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor select {
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
  border: 1px solid #93c5fd;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor select:hover {
  transform: translateY(-1px);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor select:active {
  transform: translateY(0);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button {
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  font-size: 13px;
  border: 2px dashed #93c5fd;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(147, 197, 253, 0.05) 100%);
  color: #3b82f6;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button:hover {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-style: solid;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button:active {
  transform: scale(0.98);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button::before {
  content: "+";
  font-size: 16px;
  font-weight: 700;
  margin-right: 6px;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=delete],
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=remove],
._schemaEditorWrapper_fiun0_283 .json-schema-editor .delete-button,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .remove-button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 8px;
  opacity: 0.6;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=delete]::before,
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=remove]::before,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .delete-button::before,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .remove-button::before {
  content: "✕";
  margin: 0;
  font-size: 16px;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=delete]:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=remove]:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .delete-button:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .remove-button:hover {
  opacity: 1;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #dc2626;
  transform: scale(1.1) rotate(5deg);
  box-shadow: none;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=delete]:active,
._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=remove]:active,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .delete-button:active,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .remove-button:active {
  transform: scale(0.95) rotate(5deg);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=checkbox] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  accent-color: #3b82f6;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor label {
  font-weight: 600;
  color: #3b82f6;
  font-size: 14px;
  cursor: text;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor label:hover {
  background: rgba(59, 130, 246, 0.15);
  transform: translateX(2px);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .nested,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .indent {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 2px solid rgba(59, 130, 246, 0.15);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .expand-button,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .collapse-button {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .expand-button::before,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .collapse-button::before {
  content: "";
  margin: 0;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .expand-button:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .collapse-button:hover {
  transform: scale(1.1);
  background: rgba(59, 130, 246, 0.1);
  border-radius: 4px;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .type-selector,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .field-type {
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
  border: 1px solid #93c5fd;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.1);
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 0;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .dropdown-item,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .menu-item,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .dropdown-item,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .menu-item {
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  font-weight: 600;
}
._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .dropdown-item:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .menu-item:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .dropdown-item:hover,
._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .menu-item:hover {
  background: linear-gradient(90deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor {
  color: #e5e7eb;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .json-schema-editor-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .json-schema-editor-row:hover {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 197, 253, 0.1) 100%);
  border-left: 3px solid #60a5fa;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text],
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number],
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea {
  background: #1e222a;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text]:focus,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number]:focus,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=text]:hover:not(:focus),
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor input[type=number]:hover:not(:focus),
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor textarea:hover:not(:focus) {
  border-color: rgba(96, 165, 250, 0.3);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor select {
  background: linear-gradient(135deg, #1e3a5f 0%, #172b4d 100%);
  color: #93c5fd;
  border: 1px solid #3b82f6;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.3);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor button {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 197, 253, 0.05) 100%);
  color: #60a5fa;
  border: 2px dashed #3b82f6;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor button:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 197, 253, 0.15) 100%);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=delete]:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor button[aria-label*=remove]:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .delete-button:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .remove-button:hover {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.15) 100%);
  color: #f87171;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor label {
  color: #60a5fa;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor label:hover {
  background: rgba(59, 130, 246, 0.2);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .nested,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .indent {
  border-left-color: rgba(96, 165, 250, 0.2);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .type-selector,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .field-type {
  background: linear-gradient(135deg, #1e3a5f 0%, #172b4d 100%);
  color: #93c5fd;
  border: 1px solid #3b82f6;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.3);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu {
  background: #1e222a;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 0 0 1px rgba(255, 255, 255, 0.1);
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .dropdown-item,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .menu-item,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .dropdown-item,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .menu-item {
  color: #e5e7eb;
}
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .dropdown-item:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .dropdown .menu-item:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .dropdown-item:hover,
._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-editor .select-menu .menu-item:hover {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 197, 253, 0.15) 100%);
  color: #93c5fd;
}

._previewContainer_fiun0_605 {
  min-height: 100%;
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  animation: _fadeIn_fiun0_1 0.3s ease;
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._previewContainer_fiun0_605 {
  background: #1e222a;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
@keyframes _fadeIn_fiun0_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._previewCode_fiun0_627 {
  margin: 0;
  padding: 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px;
  font-family: "Monaco", "Menlo", "Consolas", "SF Mono", monospace;
  font-size: 13px;
  line-height: 1.8;
  color: #1a1a1a;
  overflow: auto;
  white-space: pre;
  border: 1px solid rgba(0, 0, 0, 0.08);
  max-height: calc(90vh - 200px);
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._previewCode_fiun0_627 {
  background: linear-gradient(135deg, #1a1d23 0%, #0f1117 100%);
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._previewCode_fiun0_627::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
._previewCode_fiun0_627::-webkit-scrollbar-track {
  background: transparent;
}
._previewCode_fiun0_627::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
._previewCode_fiun0_627::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
._dark_fiun0_63 ._previewCode_fiun0_627::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
}
._dark_fiun0_63 ._previewCode_fiun0_627::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
}

._jsonKey_fiun0_673 {
  color: #3b82f6;
  font-weight: 600;
  transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._jsonKey_fiun0_673 {
  color: #60a5fa;
}

._jsonString_fiun0_682 {
  color: #059669;
  font-weight: 500;
  transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._jsonString_fiun0_682 {
  color: #10b981;
}

._jsonNumber_fiun0_691 {
  color: #7c3aed;
  font-weight: 600;
  transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._jsonNumber_fiun0_691 {
  color: #a78bfa;
}

._jsonBoolean_fiun0_700 {
  color: #dc2626;
  font-weight: 600;
  transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._jsonBoolean_fiun0_700 {
  color: #f87171;
}

._jsonNull_fiun0_709 {
  color: #6b7280;
  font-style: italic;
  opacity: 0.8;
  transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._dark_fiun0_63 ._jsonNull_fiun0_709 {
  color: #9ca3af;
}

._toast_fiun0_719 {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(16, 185, 129, 0.4), 0 0 1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 14px;
  z-index: 10002;
  animation: _toastSlideIn_fiun0_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  overflow: hidden;
}
._toast_fiun0_719:hover {
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 12px 50px rgba(16, 185, 129, 0.5), 0 0 1px rgba(0, 0, 0, 0.1);
}
._toast_fiun0_719:active {
  transform: translateX(-50%) scale(0.98);
}
@keyframes _toastSlideIn_fiun0_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._toast_fiun0_719::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
._toast_fiun0_719::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  animation: _toastProgress_fiun0_1 3s linear;
}
@keyframes _toastProgress_fiun0_1 {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

._schemaEditorWrapper_fiun0_283 .adv-set {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .col-item-setting {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 90px !important;
  justify-content: flex-end !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .col-item-setting > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 16px !important;
  flex-shrink: 0 !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .delete-item {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: 16px !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .adv-set {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor span.adv-set {
  display: none !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .col-item-setting .adv-set {
  display: none !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .plus, ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .close {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .anticon {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}
._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .import-json-button {
  display: none !important;
}

._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor {
  color: #e5e7eb;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-input,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection--single {
  background: rgba(45, 55, 72, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-input:hover,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection:hover,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection--single:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-input:focus,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection:focus,
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection--single:focus {
  border-color: rgba(96, 165, 250, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.1) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-input::placeholder {
  color: rgba(229, 231, 235, 0.4) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-select-selection__rendered {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-btn {
  background: rgba(45, 55, 72, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-btn:hover {
  background: rgba(61, 71, 87, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .plus {
  color: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .close {
  color: #f87171 !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .adv-set {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor span.adv-set {
  display: none !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .col-item-setting .adv-set {
  display: none !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .icon-object {
  color: #93c5fd !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .object-style {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .pretty-editor {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: rgba(30, 34, 42, 0.5) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-checkbox-wrapper {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-checkbox-inner {
  background: rgba(45, 55, 72, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-checkbox-checked .ant-checkbox-inner {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-tabs-tab {
  color: rgba(229, 231, 235, 0.7) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-tabs-tab:hover {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-tabs-tab.ant-tabs-tab-active {
  color: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-tabs-ink-bar {
  background: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-radio-wrapper {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-radio-inner {
  background: rgba(45, 55, 72, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-radio-checked .ant-radio-inner {
  border-color: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-radio-checked .ant-radio-inner::after {
  background: #60a5fa !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-form-item-label > label {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .required-icon {
  color: #f87171 !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-divider {
  background: rgba(255, 255, 255, 0.1) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-tooltip-inner {
  background: rgba(30, 34, 42, 0.95) !important;
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-modal-content {
  background: #1a1d23 !important;
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-modal-header {
  background: #1a1d23 !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-modal-title {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-modal-close {
  color: #e5e7eb !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-modal-close:hover {
  color: #f87171 !important;
}
._editor_fiun0_2._dark_fiun0_63 ._schemaEditorWrapper_fiun0_283 .json-schema-react-editor .ant-input-textarea .ant-input {
  background: rgba(45, 55, 72, 0.8) !important;
  color: #e5e7eb !important;
}._panel_186if_1 {
  position: absolute;
  inset: 14px auto 14px 14px;
  width: 320px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 40px -16px rgba(15, 23, 42, 0.25), 0 8px 24px -10px rgba(15, 23, 42, 0.18);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  backdrop-filter: blur(16px);
  z-index: 50;
  pointer-events: auto;
}

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

._tabs_186if_23 {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border: 1px solid #EAEEF4;
  border-radius: 50px;
  padding: 6px;
  gap: 8px;
}

._tabButton_186if_33 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 37px;
  width: 136px;
  padding: 8px 14px;
  padding-right: 24px;
  border-radius: 50px;
  font-size: 13px;
  line-height: 16px;
  color: #4a5461;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

._tabButton_186if_33 svg {
  display: block;
}

._tabButton_186if_33:hover {
  color: var(--scss-text-color, #1f1f1f);
}

._tabButton_186if_33._active_186if_59 {
  background: var(--scss-text-color, #1f1f1f);
  color: #ffffff;
  box-shadow: 0 8px 16px -12px rgba(17, 24, 39, 0.65);
}

._tabIcon_186if_65 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._tabLabel_186if_71 {
  font-weight: 400;
  font-size: 14px;
}

._closeButton_186if_76 {
  height: 28px;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  background: #eff1f6;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  transition: background 0.2s ease;
}

._closeButton_186if_76:hover {
  background: #e2e6ef;
}

._content_186if_94 {
  flex: 1;
  overflow: hidden;
}

._sections_186if_99 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding-right: 6px;
}

._section_186if_99 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 0;
  border-top: 1px solid #ededed;
}

._section_186if_99:first-child {
  border-top: none;
  padding-top: 0;
}

._section_186if_99:last-child {
  padding-bottom: 0;
}

._sectionTitle_186if_122 {
  font-size: 10px;
  font-weight: 400;
  color: #666666;
}

._sectionItems_186if_128 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._nodeItem_186if_134 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 12px;
  background: white;
  border: 1px solid transparent;
  cursor: grab;
  transition: all 0.2s ease;
  user-select: none;
}

._nodeItem_186if_134:hover {
  border-color: #e0e6f1;
  background: #f7f9fc;
  box-shadow: 0 10px 22px -20px rgba(12, 18, 36, 0.6);
}

._nodeItem_186if_134:active {
  cursor: grabbing;
}

._nodeIcon_186if_157 {
  height: 26px;
  width: 26px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.92);
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  pointer-events: none;
}

._nodeIcon_186if_157 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
}

._nodeLabel_186if_176 {
  font-weight: 400;
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
}

._nodeBadge_186if_182 {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  color: #4a5461;
  background: #e9ecf5;
  border-radius: 999px;
  padding: 4px 8px;
}

._actionView_186if_192 {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._searchWrapper_186if_199 {
  position: relative;
  display: flex;
  align-items: center;
  background: #F5F6F9;
  border-radius: 50px;
  padding: 8px 8px 8px 12px;
}

._searchIcon_186if_208 {
  width: 18px;
  height: 18px;
  color: #9ca3af;
  flex-shrink: 0;
  overflow: visible;
}

._searchInput_186if_216 {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  outline: none;
  padding: 0;
  padding-left: 8px;
}

._searchInput_186if_216::placeholder {
  color: #9ca3af;
}

._actionList_186if_230 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-right: 6px;
}

._actionCategory_186if_238 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #EDEDED;
  padding: 8px 0;
  transition: all 0.2s ease;
}

._actionCategory_186if_238:first-child {
  border-top: none;
  padding-top: 0;
}

._actionCategory_186if_238:last-child {
  padding-bottom: 0;
}

._actionCategoryHeader_186if_253 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  padding-right: 14px;
  background: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #1e2430;
  font-weight: 500;
  transition: all 0.2s ease;
  width: 100%;
  text-align: left;
}

._actionCategoryHeader_186if_253._expanded_186if_270 {
  background: #ECEEF4;
}

._actionCategoryHeader_186if_253 span:not(._chevron_186if_273) {
  font-size: 14px;
}

._actionCategoryHeader_186if_253:hover {
  color: var(--scss-text-color, #1f1f1f);
}

._chevron_186if_273 {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  margin-left: auto;
}

._chevron_186if_273._open_186if_291 {
  transform: rotate(-135deg);
}

._actionIcon_186if_295 {
  height: 26px;
  width: 26px;
  border-radius: 50%;
  background: #e5e9f5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #444c59;
  font-weight: 600;
  flex-shrink: 0;
  pointer-events: none;
}

._actionIcon_186if_295 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
}

._actionsList_186if_314 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
}

._actionItem_186if_321 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: white;
  border: 1px solid transparent;
  cursor: grab;
  transition: all 0.2s ease;
  user-select: none;
}

._actionItem_186if_321:hover {
  border-color: #e0e6f1;
  background: #f7f9fc;
  box-shadow: 0 10px 22px -20px rgba(12, 18, 36, 0.6);
}

._actionItem_186if_321:active {
  cursor: grabbing;
}

._actionTitle_186if_344 {
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
}

._disabled_186if_350 {
  opacity: 0.55;
  cursor: not-allowed !important;
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, 0.04) !important;
  pointer-events: auto;
  background: white !important;
}

._dragHandle_186if_359 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: grab;
  pointer-events: none;
}._consoleRoot_4ckjh_1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  pointer-events: none;
  z-index: 6;
}

._toggleButton_4ckjh_10 {
  position: absolute;
  left: 50px;
  bottom: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: rgba(255, 255, 255, 0.9);
  color: #0b64fe;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
  pointer-events: auto;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.15);
}
._toggleButton_4ckjh_10:hover {
  transform: translateY(-1px);
  border-color: rgba(11, 100, 254, 0.4);
}

._toggleButtonActive_4ckjh_35 {
  background: rgba(11, 100, 254, 0.15);
  box-shadow: 0 10px 30px rgba(11, 100, 254, 0.35);
}

._panel_4ckjh_40 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  border-top: 1px solid rgba(15, 23, 42, 0.3);
  background: #0b1221;
  box-shadow: 0 -10px 40px rgba(2, 6, 23, 0.6);
  overflow: hidden;
  pointer-events: none;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease, height 120ms ease;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(12px);
}

._panelOpen_4ckjh_59 {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}

._panelDragging_4ckjh_65 {
  cursor: ns-resize;
  transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease !important;
}
._panelDragging_4ckjh_65,
._panelDragging_4ckjh_65 * {
  transition: none !important;
}

._dragHandle_4ckjh_74 {
  position: relative;
  width: 72px;
  height: 12px;
  margin: 0px auto 0;
  border-radius: 999px;
  background: transparent;
  cursor: ns-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dragHandle_4ckjh_74 span {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
}

._panelHeader_4ckjh_93 {
  padding: 0px 24px 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

._panelTitle_4ckjh_102 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

._panelSubtitle_4ckjh_109 {
  margin-top: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}

._headerControls_4ckjh_115 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

._headerControlsRight_4ckjh_123 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._autoscrollToggle_4ckjh_129 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

._autoscrollLabel_4ckjh_138 {
  user-select: none;
}

._themeSwitch_4ckjh_142 {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 2px;
  gap: 2px;
}

._themeOption_4ckjh_150 {
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease;
}

._themeOptionActive_4ckjh_161 {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

._closeButton_4ckjh_166 {
  border: none;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease;
}
._closeButton_4ckjh_166:hover {
  background: rgba(255, 255, 255, 0.18);
}

._clearButton_4ckjh_183 {
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}
._clearButton_4ckjh_183:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
}
._clearButton_4ckjh_183:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._logList_4ckjh_204 {
  flex: 1;
  margin: 0;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden auto;
  font-family: "JetBrains Mono", "SFMono-Regular", "SFMono", Consolas, monospace;
  font-size: 12px;
  line-height: 1.3;
}

._sessionBlock_4ckjh_217 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

._sessionDivider_4ckjh_223 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 4px;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
._sessionDivider_4ckjh_223::before, ._sessionDivider_4ckjh_223::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
._sessionDivider_4ckjh_223::before {
  max-width: 32px;
}

._copyButton_4ckjh_243 {
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background 150ms ease, color 150ms ease;
  flex-shrink: 0;
}
._copyButton_4ckjh_243:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}
._copyButton_4ckjh_243 svg {
  width: 14px;
  height: 14px;
}

._sessionLabel_4ckjh_265 {
  font-weight: 600;
}

._sessionTime_4ckjh_269 {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: rgba(148, 197, 255, 0.85);
}

._logRow_4ckjh_275 {
  display: grid;
  grid-template-columns: 120px 60px 120px 1fr;
  gap: 12px;
  align-items: center;
  padding: 4px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
}

._logRow_4ckjh_275:last-child {
  border-bottom: none;
}

._logRowSimple_4ckjh_290 {
  padding: 0px 8px;
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
}

._logRowClickable_4ckjh_296 ._logContent_4ckjh_296 {
  cursor: pointer;
}
._logRowClickable_4ckjh_296 ._logContent_4ckjh_296:hover {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

._logContent_4ckjh_296 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0px 4px;
  transition: background 150ms ease;
  width: 100%;
}

._logTime_4ckjh_313 {
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.65);
  white-space: nowrap;
  font-size: 11px;
}

._logLevel_4ckjh_320 {
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgba(248, 250, 252, 0.9);
  font-size: 11px;
  min-width: fit-content;
}

._logInteractionType_4ckjh_328 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 11px;
  font-weight: 500;
  margin-left: 2px;
}

._logMessageSimple_4ckjh_335 {
  color: rgba(255, 255, 255, 0.92);
  white-space: pre-wrap;
  word-break: break-word;
  flex: 1;
}

._chevron_4ckjh_342 {
  width: 6px;
  height: 6px;
  border-right: 2px solid rgba(255, 255, 255, 0.6);
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  transform: rotate(-45deg);
  display: inline-block;
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 200ms ease;
}

._chevronOpen_4ckjh_354 {
  transform: rotate(45deg);
}

._detailsContent_4ckjh_358 {
  margin-top: 8px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}

._detailsText_4ckjh_366 {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "JetBrains Mono", "SFMono-Regular", "SFMono", Consolas, monospace;
}

._emptyState_4ckjh_376 {
  padding: 48px 32px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}

._logTime_4ckjh_313 {
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.65);
  white-space: nowrap;
}

._logLevel_4ckjh_320 {
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgba(248, 250, 252, 0.9);
}

._logSource_4ckjh_396 {
  color: rgba(148, 197, 255, 0.85);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

._logMessage_4ckjh_335 {
  color: rgba(255, 255, 255, 0.92);
  white-space: pre-wrap;
  word-break: break-word;
}

._level-info_4ckjh_410 ._logLevel_4ckjh_320 {
  color: #60a5fa;
}

._level-warn_4ckjh_414 ._logLevel_4ckjh_320 {
  color: #fbbf24;
}

._level-error_4ckjh_418 ._logLevel_4ckjh_320 {
  color: #f87171;
}

._level-debug_4ckjh_422 ._logLevel_4ckjh_320 {
  color: #5eead4;
}

._logList_4ckjh_204::-webkit-scrollbar {
  width: 6px;
}

._logList_4ckjh_204::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 99px;
}

._theme-light_4ckjh_435 {
  background: #f9fafb;
  color: #0f172a;
  border-top-color: rgba(15, 23, 42, 0.14);
  box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.15);
}
._theme-light_4ckjh_435 ._dragHandle_4ckjh_74 span {
  background: rgba(15, 23, 42, 0.35);
}
._theme-light_4ckjh_435 ._panelHeader_4ckjh_93 {
  color: rgba(15, 23, 42, 0.9);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
._theme-light_4ckjh_435 ._autoscrollToggle_4ckjh_129 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_4ckjh_435 ._autoscrollToggle_4ckjh_129 input[type=checkbox] {
  border-color: rgba(15, 23, 42, 0.35);
  accent-color: #3b82f6;
}
._theme-light_4ckjh_435 ._panelSubtitle_4ckjh_109 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._themeSwitch_4ckjh_142 {
  border-color: rgba(15, 23, 42, 0.2);
}
._theme-light_4ckjh_435 ._themeOption_4ckjh_150 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._themeOptionActive_4ckjh_161 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_4ckjh_435 ._clearButton_4ckjh_183 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_4ckjh_435 ._clearButton_4ckjh_183:hover:not(:disabled) {
  background: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.35);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_4ckjh_435 ._closeButton_4ckjh_166 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_4ckjh_435 ._closeButton_4ckjh_166:hover {
  background: rgba(15, 23, 42, 0.16);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_4ckjh_435 ._pill_4ckjh_485 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.65);
}
._theme-light_4ckjh_435 ._logRow_4ckjh_275 {
  background: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_4ckjh_435 ._logRowSimple_4ckjh_290 {
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_4ckjh_435 ._logRowClickable_4ckjh_296 ._logContent_4ckjh_296:hover {
  background: rgba(15, 23, 42, 0.08);
}
._theme-light_4ckjh_435 ._logTime_4ckjh_313 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._logLevel_4ckjh_320 {
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_4ckjh_435 ._logMessageSimple_4ckjh_335 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_4ckjh_435 ._chevron_4ckjh_342 {
  border-right-color: rgba(15, 23, 42, 0.6);
  border-bottom-color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._detailsContent_4ckjh_358 {
  background: rgba(15, 23, 42, 0.05);
  border-left-color: rgba(15, 23, 42, 0.2);
}
._theme-light_4ckjh_435 ._detailsText_4ckjh_366 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_4ckjh_435 ._logTime_4ckjh_313 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._logSource_4ckjh_396 {
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_4ckjh_435 ._logMessage_4ckjh_335 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_4ckjh_435 ._sessionDivider_4ckjh_223 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._sessionDivider_4ckjh_223::after {
  background: rgba(15, 23, 42, 0.12);
}
._theme-light_4ckjh_435 ._sessionTime_4ckjh_269 {
  color: rgba(59, 130, 246, 0.8);
}
._theme-light_4ckjh_435 ._logInteractionType_4ckjh_328 {
  color: #000;
}
._theme-light_4ckjh_435 ._copyButton_4ckjh_243 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._copyButton_4ckjh_243:hover {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.8);
}
._theme-light_4ckjh_435 ._emptyState_4ckjh_376 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_4ckjh_435 ._logList_4ckjh_204::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.25);
}
._theme-light_4ckjh_435 ._level-info_4ckjh_410 ._logLevel_4ckjh_320 {
  color: #2563eb;
}
._theme-light_4ckjh_435 ._level-warn_4ckjh_414 ._logLevel_4ckjh_320 {
  color: #d97706;
}
._theme-light_4ckjh_435 ._level-error_4ckjh_418 ._logLevel_4ckjh_320 {
  color: #dc2626;
}
._theme-light_4ckjh_435 ._level-debug_4ckjh_422 ._logLevel_4ckjh_320 {
  color: #0891b2;
}

._theme-dark_4ckjh_568 {
  background: #1f1f1f;
}
._theme-dark_4ckjh_568 ._dragHandle_4ckjh_74 span {
  background: rgba(255, 255, 255, 0.4);
}
._theme-dark_4ckjh_568 ._logInteractionType_4ckjh_328 {
  color: rgba(255, 255, 255, 0.9);
}
._theme-dark_4ckjh_568 ._autoscrollToggle_4ckjh_129 {
  color: rgba(255, 255, 255, 0.85);
}
._theme-dark_4ckjh_568 ._autoscrollToggle_4ckjh_129 svg {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  ._toggleButton_4ckjh_10 {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.4);
    color: #e2e8f0;
  }
}@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.voice-button {
  cursor: pointer;
  z-index: 999999;
  position: fixed;
  left: 30px;
  bottom: 30px;
  border-radius: 100px;
  animation: moveUpDown 1s ease-in-out infinite alternate;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1x2v4_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  height: 90%;
}
._title_1x2v4_65 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._tableHeaderPadding_1x2v4_75 {
  padding: 14px 5px !important;
}
@media screen and (max-width: 1440px) {
  ._tableHeaderPadding_1x2v4_75 {
    padding: 14px 0px !important;
  }
}
._tableWrapper_1x2v4_84 {
  overflow-x: auto;
}
@media screen and (max-width: 1220px) {
  ._tableWrapper_1x2v4_84 {
    overflow-x: auto;
  }
}
@media (max-width: 1344px) {
  ._tableWrapper_1x2v4_84 {
    overflow-x: hidden;
  }
}
._content_1x2v4_98 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._toolTipContainer_1x2v4_105 {
  text-wrap: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
._cell_1x2v4_112 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0px 8px 0px !important;
  border: 1px none #eaeef4;
  border-top-style: solid;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_1x2v4_112 ._cellWrapper_1x2v4_123 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
._cell_1x2v4_112 ._cellWrapper_1x2v4_123._cellWrapperRoundLast_1x2v4_131 {
  border-radius: 0px 5px 5px 0px;
}
._cell_1x2v4_112 ._cellWrapper_1x2v4_123._cellWrapperRoundFirst_1x2v4_134 {
  border-radius: 5px 0px 0px 5px;
}
._cell_1x2v4_112 ._cellWrapper_1x2v4_123 div {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._cell_1x2v4_112 ._cellWrapperDeleted_1x2v4_144 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
._cell_1x2v4_112 ._cellWrapperDeleted_1x2v4_144._cellWrapperRoundLast_1x2v4_131 {
  border-radius: 0px 5px 5px 0px;
}
._cell_1x2v4_112 ._cellWrapperDeleted_1x2v4_144._cellWrapperRoundFirst_1x2v4_134 {
  border-radius: 5px 0px 0px 5px;
}
._cell_1x2v4_112 ._cellWrapperDeleted_1x2v4_144 div {
  font-family: "Roboto";
  font-style: italic;
  color: var(--scss-disabled-text-color, rgba(177, 177, 177, 0.8235294118));
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  width: fit-content;
  min-width: 60px;
}
._cell__status_1x2v4_168 {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 14px 4px 14px;
}
._cell__status__started_1x2v4_175 {
  background-color: rgba(255, 246, 200, 0.8);
}
._cell__status__finished_1x2v4_178 {
  background-color: rgba(221, 255, 200, 0.8);
}
._row_1x2v4_182 {
  height: 60px !important;
  max-height: 60px;
}
._row_1x2v4_182:hover ._cell_1x2v4_112 ._cellWrapper_1x2v4_123 {
  background-color: rgb(234, 239, 247);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._label_172oz_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 1440px) {
  ._label_172oz_29 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._label_172oz_29 {
    font-size: 14px;
  }
}
._waveformContainer_172oz_48 {
  width: 100%;
  height: 60px;
  overflow: hidden;
  position: relative;
}
._fade_172oz_55 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
}
._playerHolder_172oz_63 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
._player_172oz_63 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding-bottom: 14px;
  padding-top: 24px;
}
._player__time_172oz_83 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 100px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  opacity: 0.8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  ._player__time_172oz_83 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._player__time_172oz_83 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._player_172oz_63 {
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: none;
    padding-bottom: 14px;
  }
}
._player__waveforms_172oz_115 {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  justify-content: center;
  height: 100%;
  border-radius: 24px;
  background-color: #f2f3f5;
  padding-left: 16px;
  padding-right: 16px;
}
._player__waveforms_audioLine_172oz_129 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 12px;
}
._player__waveforms_item_172oz_135 {
  padding: 0px 12px 0px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._player__activeLine_172oz_142 {
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  background: #066dcc;
  z-index: 1000;
  transition: left 0.5s linear;
}
._player__activeLine_172oz_142:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  z-index: 10;
  top: 0;
  left: -150%;
  background-color: #066dcc;
}
._player__activeLine__answer_172oz_163 {
  background-color: #aaaafd;
}
._player__activeLine__answer_172oz_163:before {
  background-color: #aaaafd;
}
._player__slider_172oz_170 {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  left: 10px;
  top: 0px;
  background-color: transparent;
  position: absolute;
  z-index: 300;
  -webkit-appearance: none;
  appearance: none;
}
._tooltip_172oz_184 {
  pointer-events: none;
  position: absolute;
  z-index: 400;
  top: 35px;
  left: 0;
  right: 0;
  font-size: 14px;
  font-family: "Roboto";
  color: white;
  background-color: #5479f7;
  border-radius: 10px;
  width: 50px;
  height: 18px;
  text-align: center;
}
._pointer_172oz_201 {
  position: absolute;
  display: flex;
  left: calc(50% - 1.5px);
  width: 1px;
  top: 21px;
  background: rgba(84, 122, 247, 0.4156862745);
}
._leftSectionHolder_172oz_210 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
._leftSectionHolder_172oz_210 span {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-text-color, #1f1f1f);
}
._player__slider_172oz_170::-webkit-slider-runnable-track {
  height: 5px;
  background: transparent;
}
._player__slider_172oz_170::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 300px;
  width: 2px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
._player__slider_172oz_170::-webkit-slider-thumb:hover {
  background-color: #2e2eaa;
}
._player__slider_172oz_170::-moz-range-track {
  height: 5px;
  background: transparent;
}
._player__slider_172oz_170::-moz-range-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_172oz_170::-ms-track {
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
  background-color: transparent;
  border-style: solid;
}
._player__slider_172oz_170::-ms-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_172oz_170:focus {
  outline: none;
}
._loadingOverlay_172oz_283 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: white;
  font-weight: bold;
  animation: _fadeIn_172oz_1 1s ease-in-out;
  z-index: 999;
  mix-blend-mode: multiply;
}
@keyframes _fadeIn_172oz_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._loadingText_172oz_309 {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
@keyframes _loadingText_172oz_309 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
._muteButton_172oz_328 {
  cursor: pointer;
}._container_185pv_1 {
  width: 32px;
  height: 32px;
  background-color: #5865f2;
  border-radius: 50px;
  padding: 7px 6px 7px 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._avatar_1mn52_29 {
  width: 35px !important;
  height: 35px !important;
}
@media screen and (max-width: 480px) {
  ._avatar_1mn52_29 {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}
._mobileView_1mn52_42 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
._mobileView_1mn52_42 ._message__header__sentiment_1mn52_49 {
  margin-left: auto;
  display: flex;
}
._wrapper_1mn52_54 {
  display: inline-flex;
  flex-direction: row;
  width: 50%;
  gap: 4px;
}
._wrapper_1mn52_54._incoming_1mn52_60 {
  align-self: flex-end;
  flex-direction: row-reverse;
  border-left: none;
  border-radius: 10px 0px 10px 10px;
  left: calc(52% - 20px);
}
._wrapper_1mn52_54._incoming_1mn52_60 ._avatar_1mn52_29 {
  background: #aaaafd;
}
@media screen and (max-width: 480px) {
  ._wrapper_1mn52_54._incoming_1mn52_60 ._avatar_1mn52_29 {
    max-width: 24px !important;
    max-width: 24px !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1mn52_54._incoming_1mn52_60 {
    flex-direction: column;
    align-self: flex-start;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1mn52_54 {
    flex-direction: column;
    width: 100%;
  }
}
._argumentsContainer_1mn52_89 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-bottom: 10px;
}
._argumentsContainer_1mn52_89 span {
  word-break: break-word;
  white-space: pre-wrap;
  flex: 1;
  overflow-wrap: break-word;
}
._icon_1mn52_103 {
  width: 22px;
  height: 22px;
}
._message_1mn52_49 {
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  padding: 8px 16px;
  margin-bottom: 24px;
  border-radius: 0px 10px 10px 10px;
}
@media screen and (max-width: 480px) {
  ._message_1mn52_49 {
    padding: 8px;
    margin-left: 33px;
    margin-bottom: 0px;
  }
}
._message_1mn52_49 ._message__header_1mn52_49 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
._message_1mn52_49 ._message__header__name_1mn52_129, ._message_1mn52_49 ._message__header__duration_1mn52_129 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
@media screen and (max-width: 1440px) {
  ._message_1mn52_49 ._message__header__name_1mn52_129, ._message_1mn52_49 ._message__header__duration_1mn52_129 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._message_1mn52_49 ._message__header__name_1mn52_129, ._message_1mn52_49 ._message__header__duration_1mn52_129 {
    font-size: 14px;
  }
}
._message_1mn52_49 ._message__header__name_1mn52_129 mark, ._message_1mn52_49 ._message__header__duration_1mn52_129 mark {
  background-color: rgba(204, 204, 204, 0.69);
  border-radius: 5px;
}
._message_1mn52_49 ._message__header_1mn52_49 ._message__header__button_1mn52_149 {
  cursor: pointer;
  display: flex;
}
._message_1mn52_49 ._message__header_1mn52_49 ._message__header__sentiment_1mn52_49 {
  margin-left: auto;
  display: flex;
}
._message_1mn52_49 ._message__header_1mn52_49 ._avatar_1mn52_29 {
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 50%;
  background: #066dcc;
  display: grid;
  place-items: center;
}
._message_1mn52_49._incoming_1mn52_60 {
  left: calc(52% - 20px);
  border-left: none;
  border-radius: 10px 0px 10px 10px;
  background: #f7fafe;
}
._message_1mn52_49._incoming_1mn52_60 ._avatar_1mn52_29 {
  background: #aaaafd;
}
._message__content_1mn52_175 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._message__content__text_1mn52_180 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
@media screen and (max-width: 1440px) {
  ._message__content__text_1mn52_180 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._message__content__text_1mn52_180 {
    font-size: 14px;
  }
}
._message_1mn52_49._partial_1mn52_196 {
  opacity: 0.6;
  background: #f4f4f4;
}
._message_1mn52_49._partial_1mn52_196 ._message__header__name_1mn52_129,
._message_1mn52_49._partial_1mn52_196 ._message__header__duration_1mn52_129, ._message_1mn52_49._partial__content__text_1mn52_201 {
  font-style: italic;
}
._metricHolder_1mn52_205 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-text-color, #1f1f1f);
}._accordionHeader_1wywn_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f9f9f9;
  cursor: pointer;
}

._accordionHeader_1wywn_1:hover {
  background-color: #f1f1f1;
}

._accordionHeader_1wywn_1 span {
  font-size: 1.2em;
}

._accordionContent_1wywn_18 {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 10px;
}

._accordionContentOpen_1wywn_28 {
  max-height: 100%;
  padding: 10px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._chat_193c2_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  overflow-y: scroll;
}
._chat_193c2_29 ._chat__header_193c2_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._chat_193c2_29 ._chat__header_193c2_37 h3 {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  ._chat_193c2_29 ._chat__header_193c2_37 h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._chat_193c2_29 ._chat__header_193c2_37 h3 {
    font-size: 14px;
  }
}
._chat_193c2_29 ._chat__header_193c2_37 > div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  ._chat_193c2_29 {
    padding-top: 14px;
    overflow: hidden;
    gap: 14px;
  }
}
._chat__footerText_193c2_68 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._chat_193c2_29 ._chat_messages_193c2_78 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: clip;
  position: relative;
}
@media screen and (max-width: 480px) {
  ._chat_193c2_29 ._chat_messages_193c2_78 {
    padding: 0px;
  }
}
._chat_193c2_29 ._ruler_193c2_93 {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
._chat_193c2_29 ._ruler_193c2_93 ._ruler__item_193c2_103 {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--Header-table, #d2d1d2);
}
._chat_193c2_29 ._ruler_193c2_93 ._ruler__item_193c2_103:nth-child(2n) {
  margin-left: auto;
  background: rgba(210, 209, 210, 0.5607843137);
  width: 80%;
}
._chat_193c2_29 ._ruler_193c2_93 ._ruler__item_193c2_103:nth-child(2n-1)::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--Header-table, #d2d1d2);
  font-size: 10px;
}
._chat_193c2_29 ._ruler_193c2_93 ._ruler__item_193c2_103._theLastOne_193c2_122 {
  transform: translateY(10px);
  position: absolute;
  bottom: 0;
  right: 0;
}
._chat_193c2_29 ._ruler_193c2_93 ._ruler__item_193c2_103._theLastOne_193c2_122::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--Header-table, #d2d1d2);
  font-size: 10px;
}
._chat_193c2_29 ._typingContainer_193c2_136 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 34px;
  align-self: flex-end;
  flex-direction: row-reverse;
  border-left: none;
  border-radius: 10px 0px 10px 10px;
  left: calc(52% - 20px);
}
._chat_193c2_29 ._typingContainer_193c2_136 ._avatar_193c2_147 {
  background: #aaaafd;
}
._chat_193c2_29 ._chatInput_193c2_150 {
  padding: 14px;
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  font-family: "Roboto";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  height: 40px;
}
._chat_193c2_29 ._chatInput_193c2_150 > div {
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(245, 247, 249);
  height: 40px;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 8px;
}
._chat_193c2_29 ._chatInput__input_193c2_173 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
}
._chat_193c2_29 ._chatInput__input_193c2_173:focus {
  outline: none;
}
._chat--keyboardVisible_193c2_185 {
  gap: 12px;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  ._chat--keyboardVisible_193c2_185 {
    gap: 8px;
  }
}
._chat--keyboardVisible_193c2_185 ._chat_messages_193c2_78 {
  padding-bottom: 8px;
}
._chat--keyboardVisible_193c2_185 ._chatInput_193c2_150 {
  padding: 8px 14px 14px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  margin-bottom: 0;
}
._chat--keyboardVisible_193c2_185 ._chatInput_193c2_150 > div {
  min-height: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
._resumeScrollButton_193c2_207 {
  position: fixed;
  bottom: 200px;
  right: 20px;
  background: #1976d2;
  color: white;
  border: none;
  border-radius: 24px;
  padding: 12px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
  transition: all 0.2s ease;
  z-index: 1000;
  animation: _slideInUp_193c2_1 0.3s ease;
}
._resumeScrollButton_193c2_207:hover {
  background: #1565c0;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(25, 118, 210, 0.4);
}
._resumeScrollButton_193c2_207:active {
  transform: translateY(0);
}
._resumeScrollButton_193c2_207 svg {
  font-size: 20px;
}
@media (min-width: 769px) {
  ._resumeScrollButton_193c2_207._sidebar-open_193c2_239 {
    right: 420px;
  }
}
@media screen and (max-width: 480px) {
  ._resumeScrollButton_193c2_207 {
    bottom: 70px;
    right: 16px;
    padding: 10px 16px;
    font-size: 13px;
  }
  ._resumeScrollButton_193c2_207 svg {
    font-size: 18px;
  }
}
@keyframes _slideInUp_193c2_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._centeredAssistantMessage_193c2_265 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}
._centeredAssistantMessageContent_193c2_273 {
  background: linear-gradient(90deg, #e3eafc 0%, #f5f7fa 100%);
  color: #1a237e;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(26, 35, 126, 0.08);
  padding: 32px 48px;
  text-align: center;
  width: 100%;
  max-width: 700px;
  letter-spacing: 0.01em;
  transition: box-shadow 0.2s;
  margin: 0 auto;
}
@keyframes _fadeInScale_193c2_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._workspaceHint_193c2_299 {
  margin: 16px 0;
  display: flex;
  justify-content: center;
}
._workspaceHintContent_193c2_305 {
  background: #e3f2fd;
  color: #1565c0;
  border: 1px solid #90caf9;
  border-radius: 8px;
  padding: 16px 24px;
  font-size: 1.1rem;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(21, 101, 192, 0.08);
  max-width: 80%;
  text-align: left;
}
._workspaceHintContent_193c2_305 ._tableWrapper_193c2_317 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._workspaceHintContent_193c2_305 ._tableWrapper_193c2_317::-webkit-scrollbar {
  height: 6px;
}
._workspaceHintContent_193c2_305 ._tableWrapper_193c2_317::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._workspaceHintContent_193c2_305 ._tableWrapper_193c2_317::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._workspaceHintContent_193c2_305 ._tableWrapper_193c2_317::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._workspaceHintContent_193c2_305 ._markdownTable_193c2_336 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
._workspaceHintContent_193c2_305 ._markdownTh_193c2_346,
._workspaceHintContent_193c2_305 ._markdownTd_193c2_347 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 100px;
  max-width: 300px;
}
._workspaceHintContent_193c2_305 ._markdownTh_193c2_346:last-child,
._workspaceHintContent_193c2_305 ._markdownTd_193c2_347:last-child {
  border-right: none;
}
._workspaceHintContent_193c2_305 ._markdownTh_193c2_346 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._workspaceHintContent_193c2_305 ._markdownTr_193c2_364:last-child ._markdownTd_193c2_347 {
  border-bottom: none;
}
._workspaceHintContent_193c2_305 ._markdownTr_193c2_364:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_193c2_371 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_193c2_371 ._header_193c2_377 {
  font-size: 16px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 1440px) {
  ._result_193c2_371 ._header_193c2_377 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_193c2_371 ._header_193c2_377 {
    font-size: 14px;
  }
}
._result_193c2_371 ._content_193c2_392 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_193c2_371 ._content--text_193c2_397 {
  display: block;
}
._result_193c2_371 ._value_193c2_400 {
  width: 100%;
}
._result_193c2_371 ._tableWrapper_193c2_317 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_193c2_371 ._tableWrapper_193c2_317::-webkit-scrollbar {
  height: 6px;
}
._result_193c2_371 ._tableWrapper_193c2_317::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_193c2_371 ._tableWrapper_193c2_317::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_193c2_371 ._tableWrapper_193c2_317::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._result_193c2_371 ._markdownTable_193c2_336 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
._result_193c2_371 ._markdownTh_193c2_346,
._result_193c2_371 ._markdownTd_193c2_347 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 100px;
  max-width: 300px;
}
._result_193c2_371 ._markdownTh_193c2_346:last-child,
._result_193c2_371 ._markdownTd_193c2_347:last-child {
  border-right: none;
}
._result_193c2_371 ._markdownTh_193c2_346 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._result_193c2_371 ._markdownTr_193c2_364:last-child ._markdownTd_193c2_347 {
  border-bottom: none;
}
._result_193c2_371 ._markdownTr_193c2_364:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_193c2_371 ._label_193c2_456 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 1440px) {
  ._result_193c2_371 ._label_193c2_456 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_193c2_371 ._label_193c2_456 {
    font-size: 13px;
  }
}
._result_193c2_371 ._colon_193c2_473 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_193c2_371 ._colon_193c2_473 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_193c2_371 ._colon_193c2_473 {
    font-size: 13px;
  }
}
._result_193c2_371 ._value_193c2_400 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
}
._result_193c2_371 ._value_193c2_400::-webkit-scrollbar {
  height: 6px;
}
._result_193c2_371 ._value_193c2_400::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_193c2_371 ._value_193c2_400::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_193c2_371 ._value_193c2_400::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1440px) {
  ._result_193c2_371 ._value_193c2_400 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_193c2_371 ._value_193c2_400 {
    font-size: 13px;
  }
}
._headerContainer_193c2_525 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_193c2_532 {
  color: #ffffff !important;
  border: none !important;
  background-color: #1f1f1f !important;
}
@media print {
  ._printButton_193c2_532 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_193c2_371,
  ._result_193c2_371 * {
    visibility: visible !important;
  }
  ._result_193c2_371 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: white;
  }
  ._header_193c2_377 {
    font-size: 24px;
  }
  ._content_193c2_392 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_193c2_456,
  ._colon_193c2_473 {
    color: #666;
  }
}
.workspaceHintContent table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
.workspaceHintContent th {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 100px;
  max-width: 300px;
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
.workspaceHintContent th:last-child {
  border-right: none;
}
.workspaceHintContent td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 100px;
  max-width: 300px;
}
.workspaceHintContent td:last-child {
  border-right: none;
}
.workspaceHintContent tr:last-child td {
  border-bottom: none;
}
.workspaceHintContent tr:hover {
  background-color: rgba(0, 0, 0, 0.01);
}._costDetailsLabel_1xxk6_1 {
  display: grid;
  grid-template-columns: 1fr 15px 70px !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._info_dwjhi_29 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
._info_dwjhi_29 ._header_dwjhi_35 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
}
@media screen and (max-width: 1220px) {
  ._info_dwjhi_29 ._header_dwjhi_35 {
    font-size: 14px;
  }
}
._info_dwjhi_29 ._info__content_dwjhi_48 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media screen and (max-width: 1220px) {
  ._info_dwjhi_29 ._info__content_dwjhi_48 {
    row-gap: 8px;
  }
}
._info_dwjhi_29 ._info__content_dwjhi_48 span {
  font-size: 16px;
}
@media screen and (max-width: 1220px) {
  ._info_dwjhi_29 ._info__content_dwjhi_48 span {
    font-size: 14px;
  }
}
._info_dwjhi_29 ._info__content_dwjhi_48 ._detailHeader_dwjhi_72 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  display: flex;
  line-height: 24px;
}
@media screen and (max-width: 1220px) {
  ._info_dwjhi_29 ._info__content_dwjhi_48 ._detailHeader_dwjhi_72 {
    font-size: 14px;
  }
}
._detailHeader_dwjhi_72 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  display: flex;
  gap: 5px;
  line-height: 24px;
}
@media screen and (max-width: 1220px) {
  ._detailHeader_dwjhi_72 {
    font-size: 14px;
  }
}
._detailHeaderText_dwjhi_99 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1220px) {
  ._detailHeaderText_dwjhi_99 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._detailHeaderText_dwjhi_99 {
    font-size: 14px;
  }
}
._label_dwjhi_121 {
  display: grid;
  grid-template-columns: 100px 15px max-content;
}
._label_dwjhi_121 span {
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._label_dwjhi_121 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._label_dwjhi_121 span:nth-of-type(3) {
    width: 139px;
  }
}
@media screen and (max-width: 480px) {
  ._label_dwjhi_121 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) auto;
  }
}
._labelDescription_dwjhi_145 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
}
._labelDescription_dwjhi_145 span {
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._labelDescription_dwjhi_145 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._labelDescription_dwjhi_145 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) 1fr;
  }
}
._linkLabel_dwjhi_164 {
  display: grid;
  grid-template-columns: 100px 15px 240px 30px;
}
@media screen and (max-width: 480px) {
  ._linkLabel_dwjhi_164 {
    grid-template-columns: minmax(100px, 158px) minmax(30px, 37px) 139px;
  }
}
._linkLabel_dwjhi_164 ._detailHeaderLink_dwjhi_173 {
  line-height: 28px;
}
._linkLabel_dwjhi_164 span {
  font-family: "Roboto";
  line-height: 28px;
}
@media screen and (max-width: 480px) {
  ._linkLabel_dwjhi_164 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._linkLabel_dwjhi_164 span:nth-of-type(3) {
    width: 139px;
  }
}
._linkLabel_dwjhi_164 a {
  text-decoration: underline;
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
  line-height: 28px;
  color: var(--scss-text-color, #1f1f1f);
  white-space: normal;
  overflow-wrap: break-word;
}
._linkLabel_dwjhi_164 ._iconContainer_dwjhi_201 {
  display: inline-flex;
  gap: 8px;
}
._linkLabel_dwjhi_164 ._labelContainer_dwjhi_205 {
  width: fit-content;
  display: inline-flex;
  gap: 8px;
}
._linkLabel_dwjhi_164 ._icon_dwjhi_201 {
  cursor: pointer;
  justify-self: flex-end;
  width: 24px;
  height: 24px;
}
._tagsHolder_dwjhi_217 {
  display: inherit;
  gap: 8px;
  flex-wrap: wrap;
}
._tagsHolder_dwjhi_217 span {
  font-size: 16px;
  font-family: "Roboto";
}
@media screen and (max-width: 1440px) {
  ._tagsHolder_dwjhi_217 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._tagsHolder_dwjhi_217 span {
    font-size: 14px;
  }
}
._resultHolder_dwjhi_237 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._resultHolder_dwjhi_237 span {
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._resultHolder_dwjhi_237 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._resultHolder_dwjhi_237 span {
    font-size: 14px;
  }
}
._inlineLabel_dwjhi_257 {
  display: grid;
  grid-template-columns: 70px 20px 200px;
}
._inlineLabel_dwjhi_257 span {
  font-family: "Roboto";
}
._keywordsLabel_dwjhi_265 {
  float: left;
  line-height: 36px;
}
._container_dwjhi_270 {
  display: flex;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  align-items: baseline;
  flex-direction: row;
  gap: 8px;
}
._container_dwjhi_270 span {
  letter-spacing: 0.38px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_dwjhi_270 span {
    font-size: 14px;
  }
}
._tagsContainer_dwjhi_291 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagsContainer_dwjhi_291 span {
  letter-spacing: 0.38px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._skeletonContainer_dwjhi_302 {
  display: inline-flex;
}
._skeletonContainer_dwjhi_302 span {
  text-wrap: nowrap;
  letter-spacing: 0.38px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInlineNoValue_dwjhi_314 {
  display: inline-flex;
  gap: 16px;
}
._containerInlineNoValue_dwjhi_314 span {
  text-wrap: nowrap;
  letter-spacing: 0.38px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInline_dwjhi_314 {
  display: flex;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  flex-direction: column;
  gap: 8px;
}
._containerInline_dwjhi_314 span {
  letter-spacing: 0.38px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._status_dwjhi_342 {
  padding: 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
._status__started_dwjhi_350 {
  background-color: rgba(255, 246, 200, 0.8);
}
._status__finished_dwjhi_353 {
  background-color: rgba(221, 255, 200, 0.8);
}
._status__processing_dwjhi_356 {
  background-color: rgba(200, 230, 255, 0.8);
}
._statusLabel_dwjhi_360 {
  align-self: center;
}
._valueText_dwjhi_364 {
  font-size: 16px;
  max-width: 200px;
}
@media screen and (max-width: 1220px) {
  ._valueText_dwjhi_364 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueText_dwjhi_364 {
    max-width: 139px;
  }
}
._valueTextDescription_dwjhi_379 {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
@media screen and (max-width: 1220px) {
  ._valueTextDescription_dwjhi_379 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueTextDescription_dwjhi_379 {
    font-size: 14px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._topics_summary_bkwb0_29 {
  padding-top: 24px;
  padding-bottom: 24px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
._topics_summary_bkwb0_29 ._header_bkwb0_37 {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._topics_summary_bkwb0_29 ._header_bkwb0_37 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_summary_bkwb0_29 ._header_bkwb0_37 {
    font-size: 14px;
  }
}
._topics_summary_bkwb0_29 ._textHeader_bkwb0_50 {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._topics_summary_bkwb0_29 ._textHeader_bkwb0_50 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_summary_bkwb0_29 ._textHeader_bkwb0_50 {
    font-size: 14px;
  }
}
._topics_summary_bkwb0_29 ._text_bkwb0_50 {
  font-size: 16px;
  padding: 8px 16px 8px 16px;
}
@media screen and (max-width: 1440px) {
  ._topics_summary_bkwb0_29 ._text_bkwb0_50 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_summary_bkwb0_29 ._text_bkwb0_50 {
    font-size: 14px;
  }
}
._topics_summary_bkwb0_29 ._topics_summary__wrapper_bkwb0_77 {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 14px;
}
._block_bkwb0_84 {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
}
._label_bkwb0_91 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._sentiment_953rx_29 {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  border-radius: 10px;
  border: 0.5px solid var(--Header-table, #d2d1d2);
  background: #fff;
  overflow: hidden;
}
._sentiment_953rx_29 ._header_953rx_38 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  padding: 8px 16px;
  border-bottom: 1px solid #eaeef4;
}
@media screen and (max-width: 1440px) {
  ._sentiment_953rx_29 ._header_953rx_38 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._sentiment_953rx_29 ._header_953rx_38 {
    font-size: 14px;
  }
}
._sentiment_953rx_29 > div {
  display: flex;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 {
  min-width: 395px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 80%;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__chart__title_953rx_67 {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  z-index: 1;
  left: 37px;
  top: 32px;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__chart_953rx_67 {
  position: absolute;
  left: 39px;
  top: 14px;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__chart_953rx_67._disabled_953rx_84 {
  backdrop-filter: grayscale(1);
}
._sentiment_953rx_29 ._chartGroup_953rx_59 span {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._sentiment_953rx_29 ._chartGroup_953rx_59 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._sentiment_953rx_29 ._chartGroup_953rx_59 span {
    font-size: 14px;
  }
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__holder_953rx_100 {
  display: flex;
  flex-direction: row;
  height: 36px;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__legend_953rx_105 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__legend_953rx_105 ._legend__item_953rx_110 {
  display: flex;
  gap: 8px;
  padding: 2px 8px;
  align-items: center;
  border-radius: 4px;
  border: 0.5px solid var(--Header-table, #d2d1d2);
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__legend_953rx_105 ._legend__item_953rx_110 > div {
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background: var(--Green-brand, #00a82d);
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__legend_953rx_105 ._legend__item_953rx_110._neutral_953rx_124 > div {
  background: var(--Yellow, #fcbb39);
}
._sentiment_953rx_29 ._chartGroup_953rx_59 ._sentiment__legend_953rx_105 ._legend__item_953rx_110._negative_953rx_127 > div {
  background: #af2318;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._filter_1ym71_29 {
  position: relative;
  grid-column: 1;
  grid-row: 3;
  border-radius: 10px;
  border: 0.5px solid var(--Header-table, #d2d1d2);
  background: #fff;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
._filter_1ym71_29 ._header_1ym71_40 {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #eaeef4;
  line-height: 20px;
  text-align: left;
  padding: 8px 16px;
}
@media screen and (max-width: 1440px) {
  ._filter_1ym71_29 ._header_1ym71_40 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._filter_1ym71_29 ._header_1ym71_40 {
    font-size: 14px;
  }
}
._filter_1ym71_29 ._disabled_1ym71_58 {
  padding: 16px;
  opacity: 0.5;
  pointer-events: none;
}
._filter_1ym71_29 > div {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 16px;
}
._filter_1ym71_29 > div > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
._filter_1ym71_29 > div span {
  padding: 16px;
  padding: 0;
}
._filter_1ym71_29 > div ._filter__item_1ym71_78 {
  padding: 16px;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 50px;
  border: 0.5px solid var(--Green-brand, #00a82d);
}
._filter_1ym71_29 > div ._filter__item_1ym71_78._neutral_1ym71_85 {
  border: 0.5px solid var(--Yellow, #fcbb39);
}
._filter_1ym71_29 > div ._filter__item_1ym71_78._negative_1ym71_88 {
  border: 0.5px solid var(--Red, #ff0000);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._topics_1cg6h_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}
._topics_1cg6h_29 ._header_1cg6h_36 {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  ._topics_1cg6h_29 ._header_1cg6h_36 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_1cg6h_29 ._header_1cg6h_36 {
    font-size: 14px;
  }
}
._topics_1cg6h_29 ._topics_container_1cg6h_50 {
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
._topics_1cg6h_29 ._topics__item_1cg6h_56 {
  margin-bottom: 16px;
}
._topics_1cg6h_29 ._topics__item_1cg6h_56 ._topics__item__time_1cg6h_59,
._topics_1cg6h_29 ._topics__item_1cg6h_56 h3 {
  font-family: "Roboto";
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  ._topics_1cg6h_29 ._topics__item_1cg6h_56 ._topics__item__time_1cg6h_59,
  ._topics_1cg6h_29 ._topics__item_1cg6h_56 h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_1cg6h_29 ._topics__item_1cg6h_56 ._topics__item__time_1cg6h_59,
  ._topics_1cg6h_29 ._topics__item_1cg6h_56 h3 {
    font-size: 14px;
  }
}
._topics_1cg6h_29 ._topics__item__topics_1cg6h_80 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._topics_1cg6h_29 ._topics__item__line_1cg6h_85 {
  width: 26.458px;
  height: 0.5px;
  background: #d2d1d2;
  margin: 9px 0 8px 0;
}
._topics_1cg6h_29 ._lineContainer_1cg6h_91 {
  display: flex;
  width: 42.4px;
  height: 100%;
  place-items: center;
  justify-content: center;
  align-items: center;
}
._topics_1cg6h_29 ._topics__item__topic_1cg6h_80 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 0.5px solid var(--Header-table, #d2d1d2);
  height: fit-content;
}
@media screen and (max-width: 1440px) {
  ._topics_1cg6h_29 ._topics__item__topic_1cg6h_80 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_1cg6h_29 ._topics__item__topic_1cg6h_80 {
    font-size: 14px;
  }
}
._topicsHolder_1cg6h_119 {
  display: flex;
  max-width: 395px;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  height: fit-content;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_dcb5t_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9ca3b0 0%, #666f80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9ca3b0 0%, rgba(156, 163, 176, 0.01) 100%);
}
@media screen and (max-width: 480px) {
  ._content_dcb5t_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_dcb5t_97 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-left: 44px;
  margin-top: 24px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_dcb5t_97 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_dcb5t_114 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
@media screen and (max-width: 480px) {
  ._title_dcb5t_114 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_dcb5t_133 {
  max-width: 441px;
  margin-top: 24px;
  width: 100%;
  height: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
@media screen and (max-width: 480px) {
  ._explanation_dcb5t_133 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_dcb5t_154 {
  max-width: 441px;
  max-height: 52px;
  width: 100%;
  height: 100%;
  background-color: rgb(246, 249, 255);
  margin-left: 44px !important;
  margin-top: 24px;
  padding-left: 14px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_dcb5t_154::after {
  display: none;
}
._inputCustom_dcb5t_154::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_dcb5t_154 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_dcb5t_97 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_dcb5t_97 {
    width: 120px;
    height: 32px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_u92gp_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9CA3B0 0%, #666F80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9CA3B0 0%, rgba(156, 163, 176, 0.01) 100%);
}
._title_u92gp_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_u92gp_99 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_u92gp_112 {
  width: 441px;
  height: 52px;
  background-color: rgb(246, 249, 255);
  margin-left: 44px !important;
  margin-top: 24px;
  padding-left: 14px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_u92gp_112::after {
  display: none;
}
._inputCustom_u92gp_112::before {
  display: none;
}
._button_u92gp_132 {
  width: 200px;
  height: 52px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_u92gp_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9CA3B0 0%, #666F80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9CA3B0 0%, rgba(156, 163, 176, 0.01) 100%);
}
._title_u92gp_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_u92gp_99 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_u92gp_112 {
  width: 441px;
  height: 52px;
  background-color: rgb(246, 249, 255);
  margin-left: 44px !important;
  margin-top: 24px;
  padding-left: 14px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_u92gp_112::after {
  display: none;
}
._inputCustom_u92gp_112::before {
  display: none;
}
._button_u92gp_132 {
  width: 200px;
  height: 52px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_12l6w_79 {
  width: 529px;
  min-height: 336px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9CA3B0 0%, #666F80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9CA3B0 0%, rgba(156, 163, 176, 0.01) 100%);
}
._alert_12l6w_88 {
  min-height: 386px;
}
._title_12l6w_92 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_12l6w_103 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_12l6w_116 {
  width: 441px;
  height: 52px;
  background-color: rgb(246, 249, 255);
  margin-left: 44px !important;
  margin-top: 24px;
  padding-left: 14px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_12l6w_116::after {
  display: none;
}
._inputCustom_12l6w_116::before {
  display: none;
}
._button_12l6w_136 {
  width: 200px;
  height: 52px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._content_6uzof_29 {
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
._contentHolder_6uzof_36 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._deleteLabel_6uzof_45 {
  word-wrap: break-word;
  white-space: break-spaces;
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
}
._boldLabel_6uzof_53 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
._header_6uzof_60 {
  font-family: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 700;
}
._body_6uzof_68 {
  font-family: inherit;
  font-size: 16px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_sbjex_57 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: var(--page-header-padding);
  padding-top: 14px;
  width: 100%;
  height: calc(111vh - var(--page-header, 87px));
}
@media screen and (max-width: 834px) {
  ._container_sbjex_57 {
    height: calc(100vh - var(--page-header, 87px));
  }
}
._refresh_sbjex_73 {
  display: flex;
  align-self: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
._refresh_sbjex_73 ._title_sbjex_82 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._title_sbjex_82 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._showPerPageContainer_sbjex_100 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 480px) {
  ._showPerPageContainer_sbjex_100 {
    flex-direction: row;
  }
}
._paginationHolder_sbjex_112 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: var(--interaction-page-pagination);
  margin-top: auto;
  align-self: center;
}
@media screen and (max-width: 480px) {
  ._paginationHolder_sbjex_112 {
    flex-direction: column;
    height: fit-content;
  }
}
._tempPlaceholder_sbjex_128 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}
._pagination_sbjex_112 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_sbjex_112 li button {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_sbjex_112 li:first-child button {
  background-color: rgb(234, 238, 244);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._pagination_sbjex_112 li:last-child button {
  background-color: rgb(234, 238, 244);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._wrapperIntecationsPlaceholder_sbjex_156 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._intecationsPlaceholder_sbjex_164 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
._intecationsPlaceholder_sbjex_164 span {
  color: var(--scss-placeholderColor, #b8c5db);
  line-height: 27px;
  font-size: 18px;
}
._placeholderIcon_sbjex_177 {
  height: 112px;
  width: 85px;
}
._header_sbjex_182 {
  display: flex;
  gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
  height: var(--interaction-page-header);
  height: fit-content;
}
@media screen and (max-width: 480px) {
  ._header_sbjex_182 {
    gap: 0px;
    justify-content: space-between;
  }
}
._table_sbjex_197 {
  margin-top: 14px;
  width: 100%;
  max-height: calc(111vh - var(--interaction-page-header, 100px) - var(--interaction-page-pagination, 40px) - var(--page-header, 0) - 76px);
}
@media screen and (max-width: 834px) {
  ._table_sbjex_197 {
    max-height: calc(100vh - var(--interaction-page-header, 100px) - var(--interaction-page-pagination, 40px) - var(--page-header, 0) - 76px);
  }
}
._dropdownCustom_sbjex_208 div {
  color: rgb(31, 31, 31);
  border-radius: 10px;
}
._dropdownCustomSelected_sbjex_213 {
  padding: 0;
  justify-content: center;
  gap: 5px;
  font-size: 14px;
  line-height: 12px;
  color: rgb(31, 31, 31);
}
._dropdownCustomSelected_sbjex_213 span {
  margin-left: 5px;
}
._dropdownCustomPopUp_sbjex_225 {
  min-width: 47px !important;
  overflow-y: auto;
  height: 99px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
._dropdownCustomPopUp_sbjex_225 div {
  color: rgb(31, 31, 31);
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  display: flex;
  align-items: center;
  width: 39px;
  height: 25px;
  justify-content: start;
  padding: 0;
  border-radius: 5px;
}
._dropdownCustomPopUp_sbjex_225 div div {
  padding-left: 4px;
}
._dropdownExplanation_sbjex_251 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  line-height: 14px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_151vh_29 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: var(--page-header-padding);
  height: calc(111vh - var(--page-header, 0));
  position: relative;
}
@media screen and (max-width: 834px) {
  ._container_151vh_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._mainContent_151vh_44 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: calc(100% - 60px);
}
._wrapper_151vh_52 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100% - 60px);
  gap: 24px;
}
._paginationHolder_151vh_60 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}
._loaderContainer_151vh_68 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._loaderContainer_151vh_68 {
    height: 100vh;
  }
}
._title_151vh_81 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._sub_title_151vh_91 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-gray-text-color, #727272);
}
._content_151vh_101 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
}
._template_holder_151vh_108 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, max-content));
  gap: 16px;
  overflow-y: auto;
}
@media (min-width: 1930px) {
  ._template_holder_151vh_108 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media (max-width: 1920px) {
  ._template_holder_151vh_108 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  ._template_holder_151vh_108 {
    grid-template-columns: repeat(auto-fill, minmax(290px, max-content));
  }
}
._footer_151vh_131 {
  flex-direction: column;
  height: 100%;
  max-height: 124px;
  width: 100%;
  padding: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  position: relative;
  line-height: 20px;
  color: var(--scss-text-color, #1f1f1f);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
._footer_151vh_131::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to top, white 50%, transparent);
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}
._footer_151vh_131 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 500;
  overflow: hidden;
  max-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--scss-text-color, #1f1f1f);
}
._footer_151vh_131 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: start;
  overflow: visible;
  color: #666666;
}
._footer_151vh_131:hover {
  display: block;
  height: 100%;
  overflow: visible;
  max-height: 288px;
}
._footer_151vh_131:hover::after {
  opacity: 0;
}
._footer_151vh_131:hover p {
  -webkit-line-clamp: unset;
  height: auto;
  overflow: hidden;
  max-height: 208px;
  text-overflow: ellipsis;
}
._buttonHolder_151vh_202 {
  z-index: 2;
  background-color: white;
  display: flex;
  padding: 24px;
  height: auto;
  padding-top: 0;
}
._card_151vh_211 {
  height: 362px;
  width: 100%;
  max-width: 418px;
  border-radius: 25px 25px 20px 20px;
  border: 1px solid var(--scss-grey, #979caf);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid #d8dbdf;
  overflow: hidden;
  transition: max-height 0.8s ease-in-out, height 0.8s ease-in-out;
}
._footerContainer_151vh_227 {
  gap: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._card_img_151vh_234 {
  border-left: 1px solid var(--scss-grey, #979caf);
  border-right: 1px solid var(--scss-grey, #979caf);
  border-top: 1px solid var(--scss-grey, #979caf);
  width: calc(100% + 2px);
  max-height: 162px;
  min-height: 0px;
  height: 100%;
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  margin-top: -1px;
  margin-left: -1px;
  position: relative;
}
._card_img_151vh_234 ._header_151vh_251 {
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 39.07px;
  color: var(--scss-white, #ffffff);
}
._card_img_151vh_234 ._loadingOverlay_151vh_266 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0 0;
  z-index: 1;
}
._card_img_151vh_234 ._spinner_151vh_279 {
  width: 24px;
  height: 24px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: _spin_151vh_279 1s linear infinite;
}
@keyframes _spin_151vh_279 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  ._template_holder_151vh_108 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
@media (max-width: 600px) {
  ._template_holder_151vh_108 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
._legalModalContent_151vh_306 {
  max-height: 60vh;
  overflow-y: auto;
  padding: 0 24px;
}
._legalDisclaimerContent_151vh_312 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
  height: 320px;
  overflow-y: auto;
  padding-right: 8px;
}
._legalDisclaimerContent_151vh_312 h1, ._legalDisclaimerContent_151vh_312 h2, ._legalDisclaimerContent_151vh_312 h3, ._legalDisclaimerContent_151vh_312 h4, ._legalDisclaimerContent_151vh_312 h5, ._legalDisclaimerContent_151vh_312 h6 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}
._legalDisclaimerContent_151vh_312 h1 {
  font-size: 20px;
}
._legalDisclaimerContent_151vh_312 h2 {
  font-size: 18px;
}
._legalDisclaimerContent_151vh_312 h3 {
  font-size: 16px;
}
._legalDisclaimerContent_151vh_312 p {
  margin: 8px 0;
}
._legalDisclaimerContent_151vh_312 ul, ._legalDisclaimerContent_151vh_312 ol {
  margin: 8px 0;
  padding-left: 24px;
}
._legalDisclaimerContent_151vh_312 code {
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
._legalDisclaimerContent_151vh_312 pre {
  background: #f3f4f6;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 8px 0;
}
._legalDisclaimerContent_151vh_312 pre code {
  background: transparent;
  padding: 0;
}
._legalDisclaimerContent_151vh_312 a {
  color: #1976d2;
  text-decoration: none;
}
._legalDisclaimerContent_151vh_312 a:hover {
  text-decoration: underline;
}
._legalDisclaimerContent_151vh_312 blockquote {
  border-left: 4px solid #d8dbdf;
  padding-left: 16px;
  margin: 8px 0;
  color: #6b7280;
}
._legalDisclaimerContent_151vh_312 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
._legalDisclaimerContent_151vh_312 table th, ._legalDisclaimerContent_151vh_312 table td {
  border: 1px solid #d8dbdf;
  padding: 8px;
  text-align: left;
}
._legalDisclaimerContent_151vh_312 table th {
  background: #f9fafb;
  font-weight: 600;
}
._legalDisclaimerContent_151vh_312::-webkit-scrollbar {
  width: 8px;
}
._legalDisclaimerContent_151vh_312::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
._legalDisclaimerContent_151vh_312::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._legalDisclaimerContent_151vh_312::-webkit-scrollbar-thumb:hover {
  background: #555;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_12efj_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  height: 100%;
  min-width: 261px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
._title_12efj_40 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
._categoriesWrapper_12efj_48 {
  width: 100%;
  height: 100%;
}
._categoryItemWrapper_12efj_53 {
  padding: 7px 0px 7px 0px;
}
._categoryItemWrapper_12efj_53 ._categoryItem_12efj_53 {
  cursor: pointer;
  padding: 7px 12px 7px 12px;
  border-radius: 5px;
}
._categoryItemWrapper_12efj_53 ._categoryItem_12efj_53 ._categoryLabel_12efj_61 {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._categoryItemWrapper_12efj_53 ._categoryItem_12efj_53._active_12efj_67 {
  background-color: #d9e0ec;
}._dots_va1se_1 {
  font-size: 18px;
  font-weight: 600;
}

._allMembersContainer_va1se_6 {
  max-width: 300px;
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_inkd4_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_inkd4_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
._integrationsWrapper_inkd4_38 > * {
  flex: 1 1 calc(33.333% - 24px);
  box-sizing: border-box;
}
._title_inkd4_49 {
  display: inline-flex;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._titleWrapper_inkd4_56 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._enabledSpan_inkd4_63 {
  align-self: center;
  padding: 4px 8px;
  background-color: #1f1f1f;
  color: white;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  height: fit-content;
  z-index: 10;
}
._icon_inkd4_75 {
  min-width: 35px;
  min-height: 35px;
}
._iconWithOption_inkd4_80 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_inkd4_80::after {
  content: "x";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  font-family: "Roboto";
}
._iconWithOption_inkd4_80:hover::after {
  opacity: 1;
}
._membersHolder_inkd4_110 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_inkd4_119 {
  font-family: "Roboto";
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
._integration_inkd4_38 {
  width: 100%;
  padding: 24px;
  display: flex;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
._name_inkd4_137 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}
._icon_inkd4_75 {
  max-width: 40px;
  max-height: 40px;
}
._button_inkd4_150 {
  border: 2px solid #1f1f1f;
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_inkd4_159, ._instagramPage_inkd4_159 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: space-between;
}
._instagramPage_inkd4_159 {
  font-size: 14px;
}
._divLine_inkd4_171 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #1f1f1f;
}
._instagramPages_inkd4_177 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1mggo_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_1mggo_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._integrationsWrapper_1mggo_38 > * {
  flex: 1 1 calc(33.333% - 24px);
  box-sizing: border-box;
}
._title_1mggo_49 {
  display: inline-flex;
  min-width: 156px;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._comingSoonSpan_1mggo_57 {
  align-self: center;
  padding: 4px 8px;
  background-color: #c9c9c9;
  color: white;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  height: fit-content;
  z-index: 10;
}
._contentContainer_1mggo_69 {
  display: flex;
  gap: 34px;
  flex-direction: column;
  justify-content: flex-start;
}
._titleWrapper_1mggo_76 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._icon_1mggo_83 {
  min-width: 35px;
  min-height: 35px;
  filter: grayscale(100%);
}
._icon_1mggo_83._enabled_1mggo_88 {
  filter: grayscale(0%);
}
._iconWithOption_1mggo_92 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_1mggo_92::after {
  content: "x";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  font-family: "Roboto";
}
._iconWithOption_1mggo_92:hover::after {
  opacity: 1;
}
._membersHolder_1mggo_122 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_1mggo_131 {
  font-family: "Roboto";
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
._integration_1mggo_38 {
  width: 100%;
  padding: 24px;
  display: flex;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
._integration_1mggo_38::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(227, 227, 227, 0.5);
  border-radius: 10px;
  z-index: 1;
}
._integration_1mggo_38._enabled_1mggo_88::after {
  display: none;
}
._name_1mggo_163 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}
._icon_1mggo_83 {
  max-width: 40px;
  max-height: 40px;
}
._button_1mggo_176 {
  border: 2px solid #1f1f1f;
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_1mggo_185, ._instagramPage_1mggo_185 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  height: 100%;
}
._instagramPage_1mggo_185 {
  font-size: 14px;
}
._divLine_1mggo_197 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #1f1f1f;
}
._instagramPages_1mggo_203 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._modalContainer_s8w5x_29 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  gap: 14px;
  width: 545px;
  height: fit-content;
  position: absolute;
  bottom: 83px;
  right: 24px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  max-height: 500px;
  overflow: hidden;
  z-index: 9999999;
  box-shadow: 0px 4px 9px 0px rgba(128, 128, 128, 0.0705882353), 0px 17px 17px 0px rgba(128, 128, 128, 0.0588235294), 0px 38px 23px 0px rgba(128, 128, 128, 0.0392156863), 0px 67px 27px 0px rgba(128, 128, 128, 0.0117647059), 0px 105px 29px 0px rgba(128, 128, 128, 0);
}
@media screen and (max-width: 834px) {
  ._modalContainer_s8w5x_29 {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  ._modalContainer_s8w5x_29 {
    width: 100%;
    right: 0;
  }
}
._titleContainer_s8w5x_60 {
  display: flex;
  justify-content: space-between;
}
._title_s8w5x_60 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.48px;
}
._closeIcon_s8w5x_75 {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
._mainContent_s8w5x_81 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  min-height: 100%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_jhopc_29 {
  padding: 8px;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #efe7e7;
}
._content_jhopc_38 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._icon_jhopc_44 {
  width: 24px;
  height: 24px;
}
._textContent_jhopc_49 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_jhopc_55 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
._description_jhopc_64 {
  color: #666;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
._descriptionPL2_jhopc_73 {
  color: #666;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 12px;
}
._descriptionPL4_jhopc_83 {
  color: #666;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 24px;
}
._mainContent_jhopc_93 {
  display: flex;
  gap: 14px;
  flex-direction: column;
}
._link_jhopc_99 {
  text-decoration: underline;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  cursor: pointer;
  width: fit-content;
}._container_16uht_1 {
  position: relative;
  display: flex;
  align-items: center;
}

._mainButton_16uht_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 999;
  max-width: 48px;
  max-height: 48px;
}

._buttonGroup_16uht_19 {
  display: flex;
  position: absolute;
  left: -187px;
  transition: transform 0.4s ease;
  transform: translateX(70px);
  gap: 14px;
  width: 172px;
  justify-content: flex-end;
}

._mark_16uht_30 {
  display: flex;
  width: 10px;
  height: 10px;
  padding: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid var(--Schemes-On-Primary, #fff);
  background: var(--Colors-Red, #ff3b30);
  position: absolute;
  left: 3px;
  top: 2px;
}

._open_16uht_47 {
  transform: translateX(0);
  z-index: 800;
}

._additionalButton_16uht_52 {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 12px 14px;
  max-width: 48px;
  max-height: 48px;
  opacity: 0;
  transition: opacity 0.4s ease;
  box-shadow: 0px 0px 12px 0px rgba(125, 125, 125, 0.25);
  background: white;
  position: relative;
}
._additionalButton_16uht_52 img {
  width: 24px;
  height: 24px;
}

._additionalButton_16uht_52:hover {
  background: #d9e0ec;
  pointer-events: none;
}

._open_16uht_47 ._additionalButton_16uht_52 {
  opacity: 1;
  pointer-events: all;
}._content_1buij_1 {
  width: 500px;
}

._select_label_1buij_5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}._content_1buij_1 {
  width: 500px;
}

._select_label_1buij_5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}._content_1buij_1 {
  width: 500px;
}

._select_label_1buij_5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}._content_1buij_1 {
  width: 500px;
}

._select_label_1buij_5 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_3eu9p_29 {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: calc(111vh - var(--page-header, 0));
  position: relative;
  justify-content: space-between;
  padding: var(--page-header-padding);
}
@media screen and (max-width: 834px) {
  ._container_3eu9p_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._title_3eu9p_44 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._content_3eu9p_54 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
  width: 100%;
}
._contentContainer_3eu9p_62 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._headerContentContainer_3eu9p_68 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._wrapper_3eu9p_74 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_3eu9p_80 {
  width: 100%;
  height: calc(100% - 120px);
  overflow-y: scroll;
  padding: 24px 8px 24px 24px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-around;
}
._footer_3eu9p_94 {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--scss-black, #22242c);
  display: flex;
  align-items: center;
}._calls_1qii7_1 {
  padding-top: 10px;
}
._calls_1qii7_1 ._fields_1qii7_4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  height: 100%;
}
._calls_1qii7_1 ._field_1qii7_4 {
  min-width: 300px;
}
._calls_1qii7_1 ._codeBlock_1qii7_16 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@keyframes _fadeIn_1bn8f_1 {
  to {
    opacity: 1;
  }
}
p {
  margin-top: 0;
}
._chatContainer_1bn8f_12 {
  font-family: Roboto, sans-serif;
  z-index: 999;
  width: 300px;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 600px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  color: black;
  align-self: end;
}
._chatContainer__resizeBtn_1bn8f_26 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_1bn8f_12 ._chatHeader_1bn8f_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: linear-gradient(to right, #1c4966, #06252b);
  color: #fff;
}
._chatContainer_1bn8f_12 ._chatHeader_1bn8f_36 ._close_1bn8f_44 {
  border-radius: 25px;
  cursor: pointer;
}
._chatContainer_1bn8f_12 ._chatHeader_1bn8f_36 ._close_1bn8f_44:hover {
  opacity: 1;
}
._chatContainer_1bn8f_12 ._operatorInfo_1bn8f_51 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_1bn8f_12 ._operatorPhoto_1bn8f_59 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
}
._chatContainer_1bn8f_12 ._operatorDetails_1bn8f_66 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_1bn8f_12 ._operatorDetails_1bn8f_66 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_1bn8f_12 ._operatorName_1bn8f_77 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_1bn8f_12 ._operatorPosition_1bn8f_81 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_1bn8f_12 ._chatMessages_1bn8f_85 {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  color: black;
}
._chatContainer_1bn8f_12 ._message_1bn8f_91 {
  margin: 0;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  padding: 10px;
  text-align: right;
  background: linear-gradient(to right, #d0e4ff, #c5ecfa);
  color: black;
  border-radius: 8px;
}
._chatContainer_1bn8f_12 ._message_1bn8f_91 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_1bn8f_12 ._message_1bn8f_91._userMessage_1bn8f_106 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_1bn8f_1 0.5s ease-in-out forwards;
}
._chatContainer_1bn8f_12 ._message_1bn8f_91._userMessage_1bn8f_106:last-child {
  animation-delay: 0.2s;
}
._chatContainer_1bn8f_12 ._userMessage_1bn8f_106 {
  text-align: right;
}
._chatContainer_1bn8f_12 ._userMessage_1bn8f_106 ._message-content_1bn8f_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_1bn8f_12 ._userMessage_1bn8f_106 ._message-content_1bn8f_117 span {
  max-width: 100%;
}
._chatContainer_1bn8f_12 ._operatorMessage_1bn8f_125 {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left !important;
  border-radius: 10px 10px 10px 0;
  font-weight: normal;
}
._chatContainer_1bn8f_12 ._clientMessage_1bn8f_132 {
  text-align: left !important;
  border-radius: 10px 10px 0 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
._chatContainer_1bn8f_12 ._message_1bn8f_91 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
._chatContainer_1bn8f_12 ._uname_1bn8f_145 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_1bn8f_12 ._operatorMessage_1bn8f_125 {
  text-align: left;
}
._chatContainer_1bn8f_12 ._operatorMessage_1bn8f_125 ._message-content_1bn8f_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_1bn8f_12 ._chatInput_1bn8f_160 {
  padding: 14px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  font-family: Roboto, serif;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
._chatContainer_1bn8f_12 ._chatInput_1bn8f_160 > div {
  border-radius: 8px;
  width: 100%;
  display: flex;
  background: rgb(245, 247, 249);
  height: max-content;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 8px;
}
._chatContainer_1bn8f_12 ._chatInput__input_1bn8f_179 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
}
._chatContainer_1bn8f_12 ._chatInput__input_1bn8f_179:focus {
  outline: none;
}
._chatContainer_1bn8f_12 ._chatInput_1bn8f_160 ._pi_1bn8f_192 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_1bn8f_12 ._chatInput_1bn8f_160 svg {
  align-self: end;
  margin-bottom: 5px;
  margin-right: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
._chatContainer_1bn8f_12 ._chatInput_1bn8f_160 svg:hover {
  background-color: #217dbb;
}
@keyframes _moveUpDown_1bn8f_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._chatButton_1bn8f_218 {
  cursor: pointer;
  z-index: 999999;
  position: absolute;
  border-radius: 100px;
  animation: _moveUpDown_1bn8f_1 1s ease-in-out infinite alternate;
  width: 60px;
  height: 60px;
}
._timeText_1bn8f_228 {
  color: rgb(179, 179, 179);
  margin-top: -8px;
  margin-bottom: 10px;
}
._iconInChat_1bn8f_234 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 35px;
  border-radius: 30px;
}
._sign_1bn8f_243 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
}
._sign_1bn8f_243 strong {
  transition: color 0.2s ease;
}
._sign_1bn8f_243:hover strong {
  color: inherit !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_j6ht6_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
._flexColumn_j6ht6_38 {
  display: flex;
  flex-direction: column;
}
._mainHeader_j6ht6_43 {
  margin-top: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  font-family: "Roboto";
  font-style: normal;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}
._subwrapper_j6ht6_56 {
  width: 100%;
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
._subcontainer_j6ht6_63 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
}
._subcontainerBehaviour_j6ht6_72 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_j6ht6_77 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_j6ht6_77 ._hader_j6ht6_82 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  height: 24px;
  gap: 2px;
}
._fieldContainer_j6ht6_77 ._hader_j6ht6_82 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_j6ht6_77 ._hader_j6ht6_82 ._iconHolder_j6ht6_96 {
  width: 17px;
  height: 19px;
}
._fieldContainer_j6ht6_77 ._subhader_j6ht6_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 300;
  padding-bottom: 10px;
}
._fieldContainer_j6ht6_77 ._field_j6ht6_77 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._fieldContainer_j6ht6_77 ._checkboxContainer_j6ht6_119 {
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  margin-top: -10px;
}
._fieldContainer_j6ht6_77 ._checkboxContainer_j6ht6_119 ._tooltipIcon_j6ht6_125 {
  padding-top: 10px;
}
._fieldBig_j6ht6_129 {
  width: 100%;
}
._label_j6ht6_133, ._sliderCount_j6ht6_133, ._boldLabel_j6ht6_133 {
  color: #1f1f1f;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._boldLabel_j6ht6_133 {
  font-weight: bold;
}
._flexRow_j6ht6_146 {
  display: flex;
  flex-direction: row;
}
._flexColumn_j6ht6_38 {
  display: flex;
  flex-direction: column;
  width: 240px;
}
._checkBoxBlock_j6ht6_157 {
  width: 300px;
  gap: 10px;
}
._checkBoxBlock_j6ht6_157 > span {
  padding-left: 0;
  padding-top: 3px;
}
._checkBoxBlock_j6ht6_157 > input,
._checkBoxBlock_j6ht6_157 fieldset {
  border: 1px solid #eaeef4 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
}
._checkBoxBlock_j6ht6_157 input {
  padding-top: 14px;
  padding-bottom: 14px;
}
._sliderBlock_j6ht6_177 {
  width: 255px;
}
._sliderCount_j6ht6_133 {
  padding-top: 5px;
}
._colorPicketBlock_j6ht6_185 {
  width: 240px;
}
._colorPicketBlock_j6ht6_185 > input,
._colorPicketBlock_j6ht6_185 fieldset {
  border: 0 !important;
}
._colorPicketBlock_j6ht6_185 > div {
  margin-top: 5px;
  width: 100%;
}
._colorPicketBlock_j6ht6_185 > div > div {
  padding-left: 0;
}
._colorPicketBlock_j6ht6_185 input {
  text-transform: uppercase;
  border: 1px solid #eaeef4;
  border-radius: 5px;
  padding: 6px;
}
._colorPicketBlock_j6ht6_185 button {
  padding: 17px 17px !important;
  border: 1px solid #eaeef4;
  margin-left: 0;
  padding-left: 0;
}
._textFieldBlock_j6ht6_212 {
  width: 400px;
}
._textFieldBlock_j6ht6_212 > span {
  padding-left: 0;
}
._mt15_j6ht6_219 {
  margin-top: 15px;
}
._mt10_j6ht6_223 {
  margin-top: 10px;
}
._twoColumn_j6ht6_227 {
  display: flex;
  justify-content: space-between;
}
._previewBlock_j6ht6_232 {
  position: relative;
  background: rgba(158, 158, 158, 0.18);
  justify-content: end;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 8px;
  height: 100%;
  overflow-y: scroll;
  min-height: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._mainContainer_1vspl_79 {
  width: calc(100% - 48px);
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  ._mainContainer_1vspl_79 {
    width: calc(100% - 24px);
    padding: 0 12px;
  }
}
._header_1vspl_91 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._header_1vspl_91 {
    margin-top: 16px;
  }
}
._header_1vspl_91 ._fieldName_1vspl_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  ._header_1vspl_91 ._fieldName_1vspl_99 {
    font-size: 14px;
  }
}
._header_1vspl_91 ._fieldName_1vspl_99 span {
  width: 148px;
  height: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  ._header_1vspl_91 ._fieldName_1vspl_99 span {
    width: auto;
    font-size: 14px;
  }
}
._tooltipIcon_1vspl_129 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_1vspl_134 {
  margin-top: 32px;
}
._subheader_1vspl_134 ._fieldName_1vspl_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
}
._fieldsContainer_1vspl_147 {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._fieldsContainer_1vspl_147 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._fieldsContainer_1vspl_147 ._fieldName_1vspl_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  height: 19px;
  line-height: 19px;
}
._field_1vspl_99 {
  height: 52px;
  margin-top: 8px;
}
._numbers_1vspl_174 {
  width: 248px;
}
@media screen and (max-width: 834px) {
  ._numbers_1vspl_174 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._numbers_1vspl_174 {
    width: 100%;
  }
}
._customSelect_1vspl_188 {
  height: 100%;
  width: 100%;
  padding-bottom: 0 !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  padding-right: 0;
}
@media screen and (max-width: 834px) {
  ._customSelect_1vspl_188 {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  ._customSelect_1vspl_188 {
    padding-right: 0 !important;
  }
}
._customSelect_1vspl_188 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
._customSelect_1vspl_188 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1vspl_188 button span span svg {
  width: 24px;
  height: 17px;
}
._button_1vspl_226 {
  width: 120px;
  height: 48px;
  padding: 18px 22px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 700;
}
._tableContainer_1vspl_239 {
  margin-top: 14px;
}
@media screen and (max-width: 480px) {
  ._tableContainer_1vspl_239 {
    margin-top: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}
._placeholder_1vspl_251 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1vspl_188 fieldset {
  top: -10px;
}
._customSelect_1vspl_188 ul {
  width: 258px;
  height: auto !important;
  max-height: 567px;
  border-radius: 5px;
  margin-top: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
}
._customSelect_1vspl_188 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1vspl_188 ul li span svg {
  width: 24px;
  height: 17px;
}
._fieldHolderSmall_1vspl_288 {
  width: 150px;
}
@media screen and (max-width: 834px) {
  ._fieldHolderSmall_1vspl_288 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolderSmall_1vspl_288 {
    width: 100%;
  }
}
._fieldHolder_1vspl_288 {
  width: fit-content;
}
@media screen and (max-width: 834px) {
  ._fieldHolder_1vspl_288 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_1vspl_288 {
    width: 100%;
  }
}
._tabsContainer_1vspl_316 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  border-bottom: 1px solid #d8dbdf;
  gap: 16px;
}
@media screen and (max-width: 834px) {
  ._tabsContainer_1vspl_316 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._tabsContainer_1vspl_316 .wrapper {
    gap: 8px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ._tabsContainer_1vspl_316 .wrapper::-webkit-scrollbar {
    display: none;
  }
}
._tabsContainer_1vspl_316 .button {
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._tabsContainer_1vspl_316 .button {
    font-size: 12px;
    padding: 8px 10px 6px 10px;
    line-height: 18px;
  }
}
._addButton_1vspl_357 {
  height: 40px;
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  ._addButton_1vspl_357 {
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
    order: -1;
  }
}
._addButton_1vspl_357:hover ._addButtonCircle_1vspl_378 {
  background-color: #333;
}
._addButtonText_1vspl_382 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #1f1f1f;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._addButtonText_1vspl_382 {
    font-size: 14px;
  }
}
._addButtonCircle_1vspl_378 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, transform 0.2s;
  flex-shrink: 0;
}
._addButtonCircle_1vspl_378 img {
  width: 20px;
  height: 20px;
  filter: invert(1);
}
._tabContent_1vspl_414 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._tabContent_1vspl_414 {
    margin-top: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._emptyTab_1vspl_425 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #999;
}
._buyPanelContent_1vspl_438 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 24px 0 24px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._buyPanelContent_1vspl_438 {
    padding: 0 16px 0 16px;
  }
}
._buyPanelFilters_1vspl_451 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  ._buyPanelFilters_1vspl_451 {
    gap: 12px;
    margin-bottom: 16px;
  }
}
._filterField_1vspl_465 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._filterField_1vspl_465 ._field_1vspl_99,
._filterField_1vspl_465 .MuiTextField-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._filterField_1vspl_465 .flag-select {
  background-color: #ffffff !important;
  border-radius: 10px;
}
._filterField_1vspl_465 .MuiOutlinedInput-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._filterField_1vspl_465 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._filterField_1vspl_465 .MuiOutlinedInput-root legend {
  display: none;
}
._filterField_1vspl_465 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._phoneNumbersList_1vspl_493 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
}
._listHeader_1vspl_504 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #d8dbdf;
}
._tableHeader_1vspl_516 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #ffffff;
  border-bottom: 2px solid #d8dbdf;
  font-weight: 600;
}
._headerCell_1vspl_526 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #5f6368;
}
._phonesList_1vspl_536 {
  flex: 1;
  overflow-y: auto;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
  background-color: #ffffff;
}
._phoneItem_1vspl_544 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background-color 0.2s;
  background-color: #ffffff;
}
._phoneItem_1vspl_544:hover {
  background-color: #f9f9f9;
}
._phoneItem_1vspl_544:last-child {
  border-bottom: none;
}
._phoneItem_1vspl_544._selected_1vspl_560 {
  background-color: #e8f4ff;
  border-left: 3px solid #1f1f1f;
}
._phoneNumber_1vspl_493 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 500;
}
._phonePrice_1vspl_574 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: #1f1f1f;
}
._loadingContainer_1vspl_584 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  background-color: #ffffff;
}
._emptyList_1vspl_593 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #999;
  background-color: #ffffff;
}
._buyPanelFooter_1vspl_608 {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  flex-shrink: 0;
  margin-top: 24px;
}
._buyButton_1vspl_617 {
  min-width: 140px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1ewbg_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  height: 90%;
}
._title_1ewbg_37 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._link_1ewbg_47 {
  color: #2f54eb;
  text-decoration: none;
}
._link_1ewbg_47:hover {
  text-decoration: underline;
}
._table_1ewbg_55 ._headerRow_1ewbg_55 {
  border: 0;
}
._table_1ewbg_55 ._headerRow_1ewbg_55 ._headerCell_1ewbg_58 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  padding: 14px;
  width: 242px;
  margin-right: 1.5rem;
  background-color: #f6f9ff;
  border-color: #f6f9ff;
  border-top: 1px solid #eaeef4;
  border-bottom: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
}
._table_1ewbg_55 ._headerRow_1ewbg_55 ._headerCell_1ewbg_58:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #eaeef4;
}
._table_1ewbg_55 ._headerRow_1ewbg_55 ._headerCell_1ewbg_58:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #eaeef4;
}
._table_1ewbg_55 ._tableRow_1ewbg_83 {
  border: 1px none #eaeef4;
}
._table_1ewbg_55 ._cell_1ewbg_86 {
  white-space: nowrap;
  text-align: left;
  border-color: #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_1ewbg_55 ._cell_1ewbg_86 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_1ewbg_55 ._cell__status_1ewbg_99 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_1ewbg_55 ._cell__status__suspended_1ewbg_108 {
  background-color: rgba(255, 246, 200, 0.8);
}
._table_1ewbg_55 ._cell__status__paid_1ewbg_111 {
  background-color: rgba(221, 255, 200, 0.8);
}
._emptyAgent_1ewbg_115 {
  min-height: 33px;
}
._borderLeft_1ewbg_119 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_1ewbg_124 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._content_1ewbg_129 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._toolTipContainer_1ewbg_136 {
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._content_6uzof_29 {
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
._contentHolder_6uzof_36 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._deleteLabel_6uzof_45 {
  word-wrap: break-word;
  white-space: break-spaces;
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
}
._boldLabel_6uzof_53 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
._header_6uzof_60 {
  font-family: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 700;
}
._body_6uzof_68 {
  font-family: inherit;
  font-size: 16px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._table_2kkqe_29 ._headerRow_2kkqe_29 {
  border: 0;
}
._table_2kkqe_29 ._headerRow_2kkqe_29 ._headerCell_2kkqe_32 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  padding: 14px;
  width: 242px;
  margin-right: 1.5rem;
  background-color: #f6f9ff;
  border-color: #f6f9ff;
  border-top: 1px solid #eaeef4;
  border-bottom: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
}
._table_2kkqe_29 ._headerRow_2kkqe_29 ._headerCell_2kkqe_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #eaeef4;
}
._table_2kkqe_29 ._headerRow_2kkqe_29 ._headerCell_2kkqe_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #eaeef4;
}
._table_2kkqe_29 ._tableRow_2kkqe_57 {
  border: 1px none #eaeef4;
}
._table_2kkqe_29 ._cell_2kkqe_60 {
  white-space: nowrap;
  text-align: left;
  border-color: #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_2kkqe_29 ._cell_2kkqe_60 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_2kkqe_29 ._cell__status_2kkqe_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_2kkqe_29 ._cell__status__enabled_2kkqe_82 {
  background-color: rgba(221, 255, 200, 0.8);
}
._table_2kkqe_29 ._cell__status__disabled_2kkqe_85 {
  background-color: rgba(255, 246, 200, 0.8);
}
._emptyAgent_2kkqe_89 {
  min-height: 33px;
}
._link_2kkqe_93 {
  color: #2f54eb;
  text-decoration: none;
}
._link_2kkqe_93:hover {
  text-decoration: underline;
}
._borderLeft_2kkqe_101 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_2kkqe_106 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_2kkqe_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: #999;
  background-color: #ffffff;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._form_1mevw_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}
._field_1mevw_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_1mevw_36 .MuiTextField-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._field_1mevw_36 .MuiOutlinedInput-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._field_1mevw_36 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_1mevw_36 .MuiOutlinedInput-root legend {
  display: none;
}
._field_1mevw_36 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_1mevw_59 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #1f1f1f;
}
._actions_1mevw_69 {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._table_jwt0n_29 ._headerRow_jwt0n_29 {
  border: 0;
}
._table_jwt0n_29 ._headerRow_jwt0n_29 ._headerCell_jwt0n_32 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  padding: 14px;
  width: 242px;
  margin-right: 1.5rem;
  background-color: #f6f9ff;
  border-color: #f6f9ff;
  border-top: 1px solid #eaeef4;
  border-bottom: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
}
._table_jwt0n_29 ._headerRow_jwt0n_29 ._headerCell_jwt0n_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #eaeef4;
}
._table_jwt0n_29 ._headerRow_jwt0n_29 ._headerCell_jwt0n_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #eaeef4;
}
._table_jwt0n_29 ._tableRow_jwt0n_57 {
  border: 1px none #eaeef4;
}
._table_jwt0n_29 ._cell_jwt0n_60 {
  white-space: nowrap;
  text-align: left;
  border-color: #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_jwt0n_29 ._cell_jwt0n_60 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_jwt0n_29 ._cell__status_jwt0n_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_jwt0n_29 ._cell__status__enabled_jwt0n_82 {
  background-color: rgba(221, 255, 200, 0.8);
}
._table_jwt0n_29 ._cell__status__disabled_jwt0n_85 {
  background-color: rgba(255, 246, 200, 0.8);
}
._emptyAgent_jwt0n_89 {
  min-height: 33px;
}
._borderLeft_jwt0n_93 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_jwt0n_98 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_jwt0n_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: #999;
  background-color: #ffffff;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
._link_jwt0n_117 {
  color: #2f54eb;
  text-decoration: none;
}
._link_jwt0n_117:hover {
  text-decoration: underline;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._form_1dzyz_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._form_1dzyz_29 {
    overflow: auto;
  }
}
._field_1dzyz_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_1dzyz_41 .MuiTextField-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._field_1dzyz_41 .MuiOutlinedInput-root {
  background-color: #ffffff;
  border-radius: 10px;
}
._field_1dzyz_41 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_1dzyz_41 .MuiOutlinedInput-root legend {
  display: none;
}
._field_1dzyz_41 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_1dzyz_64 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: #1f1f1f;
}
._actions_1dzyz_74 {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  flex-shrink: 0;
}._container_2b6wm_1 {
  padding: 16px;
}

._wrapper_2b6wm_5 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._scrollableContent_2b6wm_12 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}

._section_2b6wm_18 {
  margin-bottom: 16px;
}

._sectionTitle_2b6wm_22 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f1f1f;
}

._formSection_2b6wm_29 {
  margin-top: 12px;
}

._formActions_2b6wm_33 {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

._footer_2b6wm_39 {
  border-top: 1px solid #d8dbdf;
  flex-shrink: 0;
  width: 140px;
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 480px) {
  ._footer_2b6wm_39 {
    border: none;
  }
}

._currentAssignee_2b6wm_53 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 12px;
}

._assigneeLabel_2b6wm_63 {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

._assigneeValue_2b6wm_69 {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 600;
}

._assigneeValueEmpty_2b6wm_75 {
  font-size: 14px;
  color: #999;
  font-style: italic;
}

._assignSelect_2b6wm_81 .MuiFormControl-root {
  overflow: hidden;
}

._assignSelect_2b6wm_81 .MuiOutlinedInput-root {
  background-color: #ffffff !important;
}

._assignSelect_2b6wm_81 .MuiInputBase-root fieldset {
  top: 0 !important;
}

._assignSelect_2b6wm_81 .MuiInputBase-root fieldset legend {
  display: none !important;
}

._assignSelect_2b6wm_81 .MuiOutlinedInput-notchedOutline {
  top: -5px !important;
}

._assignSelect_2b6wm_81 .MuiSelect-select {
  background-color: #ffffff !important;
}

._link_2b6wm_100 {
  color: #2f54eb;
  text-decoration: none;
}

._link_2b6wm_100:hover {
  text-decoration: underline;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._mainContainer_1jfbd_79 {
  width: calc(100% - 18px);
  height: calc(111vh - var(--page-header));
  margin: 0 auto;
  padding: 20px;
  padding-top: 14px;
  font-family: "Roboto" !important;
  color: var(--scss-text-color, #1f1f1f) !important;
  overflow: auto;
}
@media screen and (max-width: 834px) {
  ._mainContainer_1jfbd_79 {
    height: calc(100vh - var(--page-header));
  }
}
._header_1jfbd_95 {
  margin-top: 24px;
}
._header_1jfbd_95 ._fieldName_1jfbd_98 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
}
._header_1jfbd_95 ._fieldName_1jfbd_98 span {
  width: 148px;
  height: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
}
._fieldName_1jfbd_98 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  ._fieldName_1jfbd_98 {
    display: none;
  }
}
._tooltipIcon_1jfbd_131 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_1jfbd_136 {
  height: calc(100% - var(--page-header) - 60px);
  margin-top: 8px;
}
._subheader_1jfbd_136 ._fieldName_1jfbd_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
  color: #1f1f1f;
}
._fieldsContainer_1jfbd_151 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
._fieldsContainer_1jfbd_151 ._fieldName_1jfbd_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  height: 19px;
  line-height: 19px;
}
@media screen and (max-width: 1220px) {
  ._fieldsContainer_1jfbd_151 {
    flex-direction: row;
    height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldsContainer_1jfbd_151 {
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    flex-direction: row;
  }
}
._field_1jfbd_98 {
  height: 40px;
  min-width: fit-content;
  flex: 1;
}
@media screen and (max-width: 480px) {
  ._field_1jfbd_98 {
    min-width: 0px;
  }
}
._numbers_1jfbd_192 {
  width: 180px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._numbers_1jfbd_192 {
    max-width: 130px;
  }
}
._customSelect_1jfbd_202 {
  color: #1f1f1f;
  height: 100%;
  width: 100%;
  padding-bottom: 0 !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  padding-right: 0 !important;
}
._customSelect_1jfbd_202 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  color: #1f1f1f;
}
._customSelect_1jfbd_202 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1jfbd_202 button span span svg {
  width: 24px;
  height: 17px;
}
._button_1jfbd_232 {
  width: 120px;
  height: 48px;
  padding: 18px 22px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 700;
}
._tableContainer_1jfbd_245 {
  margin-top: 14px;
}
._placeholder_1jfbd_249 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1jfbd_202 fieldset {
  top: -10px;
}
._customSelect_1jfbd_202 ul {
  width: 258px;
  height: 567px !important;
  max-height: 567px;
  border-radius: 5px;
  margin-top: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
}
._customSelect_1jfbd_202 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1jfbd_202 ul li span svg {
  width: 24px;
  height: 17px;
}
._overviewContainer_1jfbd_286 {
  max-height: 40px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
._fieldHolder_1jfbd_295 {
  display: flex;
  gap: 20px;
  flex-direction: row;
  color: #1f1f1f;
  max-height: 40px;
}
._fieldHolder_1jfbd_295 > div:first-child {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1f1f1f;
}
@media screen and (max-width: 1220px) {
  ._fieldHolder_1jfbd_295 {
    flex-direction: row;
    justify-content: flex-start;
    max-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_1jfbd_295 {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
}
._widgetsContainer_1jfbd_324 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: column;
  padding-bottom: 35px;
}
._metricsSectionStacked_1jfbd_332 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._metricsSectionStacked_1jfbd_332 > ._row_1jfbd_337 {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
._row_1jfbd_337 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  min-height: 0;
}
._row_1jfbd_337 > * {
  flex: 1;
  display: flex;
  align-self: stretch;
  min-height: 0;
}
@media screen and (max-width: 480px) {
  ._row_1jfbd_337 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1220px) {
  ._row_1jfbd_337 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1440px) {
  ._row_1jfbd_337 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
._leftColumn_1jfbd_376 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 0 calc(66% + 24px);
  max-width: calc(66% + 24px);
  align-self: stretch;
  min-height: 0;
  height: 100%;
}
._leftColumn_1jfbd_376 > *:first-child {
  flex: 0 0 auto;
}
._leftColumn_1jfbd_376 > ._row_1jfbd_337 {
  margin: 0;
  padding: 0;
  flex: 1;
  min-height: 0;
  align-items: stretch;
}
@media screen and (max-width: 1220px) {
  ._leftColumn_1jfbd_376 > ._row_1jfbd_337 {
    flex-direction: column;
  }
}
._leftColumn_1jfbd_376 > ._row_1jfbd_337 > * {
  flex: 1;
  min-height: 330px;
}
@media screen and (max-width: 1440px) {
  ._leftColumn_1jfbd_376 > ._row_1jfbd_337 > * {
    min-height: 0;
  }
}
@media screen and (max-width: 1440px) {
  ._leftColumn_1jfbd_376 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
._rightColumn_1jfbd_417 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-width: 0;
  align-self: stretch;
}
._rightColumn_1jfbd_417 > * {
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._rightColumn_1jfbd_417 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1220px) {
  ._rightColumn_1jfbd_417 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._rightColumn_1jfbd_417 {
    flex-direction: column;
  }
}
._keywordsInline_1jfbd_445 {
  display: none;
  flex: 1;
}
._keywordsStandalone_1jfbd_450 {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._keywordsInline_1jfbd_445 {
    display: flex;
  }
  ._keywordsStandalone_1jfbd_450 {
    display: none;
  }
}
._refresh_1jfbd_463 {
  display: flex;
  gap: 10px;
  cursor: pointer;
}
._refresh_1jfbd_463 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #1f1f1f;
}
@media screen and (max-width: 480px) {
  ._refresh_1jfbd_463 span {
    display: none;
  }
}
._selectText_1jfbd_482 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
  margin-top: 4px;
  color: var(--scss-text-color, #1f1f1f);
}._main_1owxm_1 {
  box-sizing: content-box !important;
  flex: 1;
  height: 100%;
  display: flex;
}
@media screen and (max-width: 1440px) {
  ._main_1owxm_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1owxm_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1owxm_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_1owxm_1 {
    flex-basis: 100%;
  }
}
._chartContainer_1owxm_28 {
  width: 100%;
  height: 255px;
  max-height: 0px;
  min-height: 165px;
  zoom: 1.11111111;
}
@media screen and (max-width: 480px) {
  ._chartContainer_1owxm_28 {
    zoom: 1;
    height: 150px;
    min-height: 150px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1m4cw_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 14px;
  isolation: isolate;
  height: 100%;
  min-height: 0;
  flex: 1;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
@media screen and (max-width: 1220px) {
  ._wrapper_1m4cw_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1m4cw_29 {
    padding: 12px;
  }
}
._header_1m4cw_54 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_1m4cw_54 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_1m4cw_69 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  ._title_1m4cw_69 {
    font-size: 14px;
    text-align: center;
  }
}
._loader_1m4cw_83 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_1m4cw_91 {
  display: flex;
  width: 100%;
  justify-content: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._text_1xlpx_29 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  color: rgb(115, 123, 139);
}
@media screen and (max-width: 480px) {
  ._text_1xlpx_29 {
    font-size: 10px;
    text-align: center;
  }
}
._up_1xlpx_44 {
  color: rgb(20, 157, 82);
}
._down_1xlpx_48 {
  color: rgb(242, 56, 58);
}
._block_1xlpx_52 {
  display: flex;
  gap: 5px;
  justify-content: flex-start;
}
@media screen and (max-width: 480px) {
  ._block_1xlpx_52 {
    justify-content: center;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_l71gb_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  max-height: 270px;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 1220px) {
  ._main_l71gb_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_l71gb_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_l71gb_29 {
    flex-basis: 100%;
  }
}
._main75_l71gb_53 {
  box-sizing: content-box;
  flex: 0 0 300px;
  height: fit-content;
  min-height: 200px;
  max-height: 300px;
  display: flex;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 1220px) {
  ._main75_l71gb_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main75_l71gb_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main75_l71gb_53 {
    flex-basis: 100%;
  }
}
._count_l71gb_78 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: 700;
  line-height: 39.07px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  ._count_l71gb_78 {
    text-align: center;
  }
}
._content_l71gb_91 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-height: 255px;
  overflow-y: auto;
}
@media screen and (max-width: 480px) {
  ._content_l71gb_91 {
    gap: 24px;
  }
}
._sliderBlock_l71gb_105 {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-direction: row;
  align-items: center;
  color: black;
}
@media screen and (max-width: 480px) {
  ._sliderBlock_l71gb_105 {
    gap: 8px;
  }
}
._sliderLabel_l71gb_119, ._sliderCount_l71gb_119 {
  width: 123px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._sliderLabel_l71gb_119, ._sliderCount_l71gb_119 {
    text-wrap: nowrap;
  }
}
._sliderCount_l71gb_119 {
  width: max-content;
}
._slider_l71gb_105 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}
._slider_l71gb_105 > * {
  width: 100%;
}
._sliderContent_l71gb_148 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._billableTable_l71gb_154 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
}
._tableHeader_l71gb_160 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: rgb(179, 179, 179);
  text-transform: uppercase;
  padding: 12px 0;
  border-bottom: 1px solid rgb(234, 238, 244);
}
._tableRow_l71gb_172 {
  border-bottom: 1px solid rgb(234, 238, 244);
}
._tableRow_l71gb_172:last-child {
  border-bottom: none;
}
._tableCell_l71gb_179 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgb(31, 31, 31);
  padding: 12px 0;
}
._tableCell_l71gb_179:first-child {
  font-weight: 500;
}
._tableCell_l71gb_179:last-child {
  font-weight: 600;
  color: rgb(31, 31, 31);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1rl9u_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 14px;
  isolation: isolate;
  flex: 1;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
@media screen and (max-width: 1220px) {
  ._wrapper_1rl9u_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1rl9u_29 {
    padding: 12px;
  }
}
._header_1rl9u_52 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_1rl9u_52 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_1rl9u_67 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  align-self: center;
}
@media screen and (max-width: 480px) {
  ._title_1rl9u_67 {
    font-size: 14px;
    text-align: center;
  }
}
._loader_1rl9u_82 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_1rl9u_90 {
  display: flex;
  width: 100%;
  justify-content: center;
}._main_cmhft_1 {
  box-sizing: content-box !important;
  flex: 0 0 300px;
  min-width: 0;
  max-width: 100%;
  min-height: 272px;
  max-height: 300px;
  overflow-y: auto;
}
@media screen and (max-width: 1220px) {
  ._main_cmhft_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_cmhft_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_cmhft_1 {
    flex-basis: 100%;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_1qc86_29 {
  box-sizing: border-box !important;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  max-height: 274px;
}
@media screen and (max-width: 1440px) {
  ._main_1qc86_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1qc86_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1qc86_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_1qc86_29 {
    flex-basis: 100%;
  }
}
._tableHeader_1qc86_60 {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_1qc86_60 {
  border-collapse: collapse;
  position: relative;
}
._content_1qc86_72 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  overflow: hidden;
  min-height: 0;
  flex: 1;
  scrollbar-gutter: stable;
}
._content_1qc86_72:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_1qc86_72 {
    gap: 24px;
  }
}
._row_1qc86_92 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1qc86_92 > div {
  flex: 1;
}
._row_1qc86_92 > div:last-child {
  text-align: right;
}
._locationSpan_1qc86_105 {
  display: flex;
  min-height: 40px;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  padding-left: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
._strongText_1qc86_120 {
  padding-right: 5px;
  display: flex;
  min-height: 40px;
  justify-content: flex-end;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
._table_1qc86_60 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_1qc86_60 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_1qc86_60 tr {
  border-bottom: 1px solid rgb(234, 238, 244);
  height: 40px;
}
._table_1qc86_60 tr td:last-child {
  text-align: right;
}
._table_1qc86_60 tr:hover a {
  background-color: #eaeff7;
}
._table_1qc86_60 tr:hover a div,
._table_1qc86_60 tr:hover a span,
._table_1qc86_60 tr:hover a b {
  background-color: #eaeff7;
}
._table_1qc86_60 > tr:first-child {
  border-bottom: 0;
}
._table_1qc86_60 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_1qc86_165 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: rgb(179, 179, 179);
  text-transform: uppercase;
}
._tableText_1qc86_175 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgb(31, 31, 31);
  vertical-align: middle;
}
._tableText_1qc86_175 a {
  min-height: 40px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: rgb(31, 31, 31);
  width: 100%;
  border-radius: 5px;
}
._tableText_1qc86_175:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
._tableText_1qc86_175:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  justify-content: flex-end;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_1i5fl_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 33.3333333333%;
  align-self: stretch;
  flex: 1;
}
@media screen and (max-width: 480px) {
  ._main_1i5fl_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1i5fl_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_1i5fl_29 {
    flex-basis: 38%;
  }
}
._inlineLayout_1i5fl_53 ._content_1i5fl_53 {
  flex-direction: row;
}
._content_1i5fl_53 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 24px;
  flex: 1;
  min-height: 0;
}
@media screen and (max-width: 1440px) {
  ._content_1i5fl_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 1220px) {
  ._content_1i5fl_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._content_1i5fl_53 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._content_1i5fl_53 {
    flex-direction: column;
    gap: 24px;
  }
}
._sentimentSection_1i5fl_89,
._csatSection_1i5fl_90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  height: 100%;
  gap: 6px;
}
@media screen and (max-width: 1440px) {
  ._sentimentSection_1i5fl_89,
  ._csatSection_1i5fl_90 {
    flex-direction: column;
  }
}
@media screen and (max-width: 1220px) {
  ._sentimentSection_1i5fl_89,
  ._csatSection_1i5fl_90 {
    flex-direction: column;
  }
}
._sectionTitle_1i5fl_112 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: rgb(31, 31, 31);
}
@media screen and (max-width: 1440px) {
  ._sectionTitle_1i5fl_112 {
    align-self: center;
  }
}
._row_1i5fl_126 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1i5fl_126 > div {
  flex: 1;
}
._row_1i5fl_126 > div:last-child {
  text-align: right;
}
._table_1i5fl_139 td {
  padding-top: 10px;
}
._table_1i5fl_139 > tr:last-child {
  text-align: right;
}
._table_1i5fl_139 tr {
  border-bottom: 1px solid rgb(234, 238, 244);
}
._tableTitle_1i5fl_149 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: rgb(179, 179, 179);
  text-transform: uppercase;
}
._tableText_1i5fl_159 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgb(31, 31, 31);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._chartContainer_1xjk0_57 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._chartContainer_1xjk0_57 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._chartContainer_1xjk0_57 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._chartContainer_1xjk0_57 {
    flex-direction: column;
  }
}
._canvasWrapper_1xjk0_81 {
  position: relative;
  display: inline-block;
}
._averageValue_1xjk0_86 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  pointer-events: none;
}
._legend_1xjk0_98 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 12px;
  width: 100%;
}
._legendItem_1xjk0_108 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
._legendTextBlock_1xjk0_115 {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
._legendText_1xjk0_115 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.3799999952px;
  text-align: left;
  color: rgb(74, 73, 74);
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
svg {
  align-self: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_1wbrr_29 {
  box-sizing: border-box !important;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 274px;
  display: flex;
}
@media screen and (max-width: 1440px) {
  ._main_1wbrr_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1wbrr_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1wbrr_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  ._main_1wbrr_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
._content_1wbrr_63 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._content_1wbrr_63 {
    gap: 24px;
  }
}
._row_1wbrr_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
._tableTitle_1wbrr_82 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: center;
  text-transform: uppercase;
  color: rgb(179, 179, 179);
}
._tableText_1wbrr_92, ._tableCsat_1wbrr_92, ._linkLabel_1wbrr_92, ._tableLink_1wbrr_92 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: rgb(31, 31, 31);
}
._tableText_1wbrr_92 a, ._tableCsat_1wbrr_92 a, ._linkLabel_1wbrr_92 a, ._tableLink_1wbrr_92 a {
  padding-right: 5px;
  display: flex;
  justify-content: flex-end;
  text-decoration: none;
  color: rgb(31, 31, 31);
  width: 100%;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
._tableLink_1wbrr_92 {
  text-align: left;
}
._tableLink_1wbrr_92 a {
  min-height: 40px;
  height: 40px;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: rgb(31, 31, 31);
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
._boldText_1wbrr_133 {
  align-self: center;
}
._linkLabel_1wbrr_92 {
  text-align: justify !important;
  align-self: center;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._content_1wbrr_63 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-height: 0;
  flex: 1;
  scrollbar-gutter: stable;
}
._content_1wbrr_63:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_1wbrr_63 {
    gap: 24px;
  }
}
._row_1wbrr_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1wbrr_76 > div {
  flex: 1;
}
._row_1wbrr_76 > div:last-child {
  text-align: right;
}
tr:hover a {
  background-color: #eaeff7;
}
._tableHeader_1wbrr_182 {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_1wbrr_82 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_1wbrr_82 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_1wbrr_82 tr {
  border-bottom: 1px solid rgb(234, 238, 244);
  height: 40px;
}
._table_1wbrr_82 tr td:last-child {
  text-align: right;
}
._table_1wbrr_82 > tr:first-child {
  border-bottom: 0;
}
._table_1wbrr_82 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_1wbrr_82 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: rgb(179, 179, 179);
  text-transform: uppercase;
}
._tableTitleLeft_1wbrr_224 {
  text-align: left;
}
._tableTitleCenter_1wbrr_228 {
  text-align: center;
}
._tableTitleRight_1wbrr_232 {
  text-align: right;
}
._tableText_1wbrr_92, ._tableCsat_1wbrr_92, ._tableLink_1wbrr_92, ._linkLabel_1wbrr_92 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  color: rgb(31, 31, 31);
  vertical-align: middle;
}
._tableText_1wbrr_92 a, ._tableCsat_1wbrr_92 a, ._tableLink_1wbrr_92 a, ._linkLabel_1wbrr_92 a {
  min-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._tableCsat_1wbrr_92 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
._tableCsat_1wbrr_92 a {
  min-height: 40px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgb(31, 31, 31);
  width: 100%;
  border-radius: 5px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_rd4u3_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-basis: 33.3333333333%;
  align-self: stretch;
  flex: 1;
}
@media screen and (max-width: 480px) {
  ._main_rd4u3_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_rd4u3_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_rd4u3_29 {
    flex-basis: 100%;
  }
}
._content_rd4u3_53 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 6px;
  flex: 1;
  min-height: 0;
}
@media screen and (max-width: 480px) {
  ._content_rd4u3_53 {
    gap: 24px;
  }
}
._sectionTitle_rd4u3_69 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: rgb(31, 31, 31);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._dateRangeButton_1nv86_29 {
  font-family: "Roboto" !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  ._dateRangeButton_1nv86_29 {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
._buttonText_1nv86_44 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  color: var(--scss-text-color, #1f1f1f);
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  ._buttonText_1nv86_44 {
    font-size: 14px;
  }
}
._popoverContent_1nv86_62 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._presets_1nv86_68 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._presetChip_1nv86_74 {
  transition: all 0.2s ease;
}
._datePickers_1nv86_78 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_1nv86_84 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_cpzn1_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
._container_cpzn1_29 ._header_cpzn1_38 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
._container_cpzn1_29 ._balance_cpzn1_44 {
  font-weight: bold;
}
._container_cpzn1_29 ._title_cpzn1_47 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  text-align: left;
}
._container_cpzn1_29 ._cardsHolder_cpzn1_56 {
  width: 100%;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
._container_cpzn1_29 ._cardsHolder_cpzn1_56 ._footer_cpzn1_62 {
  padding-top: 32px;
  padding-bottom: 32px;
}
._yourCardText_cpzn1_67 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: #1f1f1f;
  margin-bottom: 10px;
}
._topUpButton_cpzn1_77 {
  font-family: "Roboto";
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 14px 24px 14px 24px !important;
}
._cards_cpzn1_56 {
  display: grid;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
._table_cpzn1_95 {
  display: flex;
  flex-direction: column;
}
._table_cpzn1_95 hr {
  margin: 8px 0 8px 0;
  color: #eaeef4;
}
._row_cpzn1_104, ._tableRow_cpzn1_104, ._tableHeader_cpzn1_104 {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto";
  font-weight: 400;
}
._tableHeader_cpzn1_104 > div {
  font-size: 12px !important;
  line-height: 14.32px;
  text-align: left;
  color: #b3b3b3;
  text-transform: uppercase;
}
._tableBody_cpzn1_119 {
  display: flex;
  gap: 8px !important;
  flex-direction: column;
}
._tableRow_cpzn1_104 {
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: left;
  border-bottom: 1px solid #eaeef4;
  padding-top: 8px;
  padding-bottom: 8px;
}
._tableRow_cpzn1_104:last-child {
  padding-bottom: 0;
  border: 0;
}
._circle_cpzn1_138, ._blackCircle_cpzn1_138 {
  width: auto;
  height: 25px;
  padding: 4px 14px 4px 14px;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid #eaeef4;
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 500;
  line-height: 17.09px !important;
  text-align: center !important;
}
._blackCircle_cpzn1_138 {
  background-color: #1f1f1f;
  color: #ffffff;
  display: flex;
}
._footer_cpzn1_62 {
  display: flex;
  padding: 24px;
  height: 96px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
._modalContent_cpzn1_167 {
  height: 550px !important;
}
._planName_cpzn1_171 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #727272;
  text-transform: capitalize;
}
._planPrice_cpzn1_181 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.98px;
  text-align: left;
  color: #1f1f1f;
}
._contentFlex_cpzn1_190 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._contentText_cpzn1_196 {
  color: var(--scss-text-color, #1f1f1f);
}
._contentBlock_cpzn1_200 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #eaeef4;
  padding: 24px;
  border-radius: 10px;
}
._active-subscription_cpzn1_209 {
  border: 1px solid #1f1f1f !important;
  background-color: #fafcff !important;
}
._canceledSubLabel_cpzn1_214 {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
  background-color: #ff3b30;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
._expDate_cpzn1_227 {
  color: #ff3b30;
  background-color: rgba(255, 59, 48, 0.15);
  line-height: 21px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
._closeIcon_cpzn1_238 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_cpzn1_238:hover {
  background-color: #ff3b30;
}:root {
  --interaction-page-header: 90px;
  --interaction-page-pagination: 45px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._progressContainer_rf2nd_29 {
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._statusContainer_rf2nd_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._status_rf2nd_37 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
  transition: color 0.3s ease-in-out;
}
._status_rf2nd_37._completed_rf2nd_50 {
  color: #4caf50;
  font-weight: 600;
}
._count_rf2nd_55 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1or6u_29 {
  width: 100%;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  ._container_1or6u_29 {
    border-bottom: none;
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 480px) {
    ._container_1or6u_29 {
      padding-bottom: 32px;
    }
  }
}
._btns_1or6u_50 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 24px;
}
@media screen and (max-width: 480px) {
  ._btns_1or6u_50 {
    margin-left: 0px;
    justify-content: flex-end;
  }
}
._buttonHolder_1or6u_64 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
._conversationBtn_1or6u_72 {
  width: 171px;
  height: 40px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  ._conversationBtn_1or6u_72 {
    width: fit-content;
  }
}
._menuItem_1or6u_88 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_1or6u_96 {
  line-height: 15px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._filterButton_1or6u_102 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding: 8px 14px 8px 14px;
  cursor: pointer;
}
._filterButton_1or6u_102 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  ._filterButton_1or6u_102 {
    max-width: 140px;
  }
}
._dropDownIcon_1or6u_123 {
  display: flex;
  justify-content: center;
  align-items: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._main_1d3zs_29 {
  height: calc(111vh - var(--page-header, 0));
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: var(--page-header-padding);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._main_1d3zs_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
@media screen and (max-width: 1440px) {
  ._main_1d3zs_29 {
    gap: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1d3zs_29 {
    gap: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._main_1d3zs_29 {
    padding-top: 14px;
    padding-bottom: 14px;
    flex-direction: column;
    height: calc(100% - var(--page-header, 0));
  }
}
._mainContentContainer_1d3zs_62 {
  flex: 2;
  height: 100%;
  padding: 14px 24px 24px 24px;
  border: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._mainContentContainer_1d3zs_62 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._mainContentContainer_1d3zs_62 {
    border: none;
  }
}
._tabs_1d3zs_83 {
  display: none;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
@media screen and (max-width: 480px) {
  ._tabs_1d3zs_83 {
    display: flex;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
._sideContentContainer_1d3zs_96 {
  flex: 1;
  max-width: 403px;
  height: 100%;
  padding: 24px;
  padding-right: 10px;
  border: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  border-radius: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._sideContentContainer_1d3zs_96 {
    padding: 14px;
  }
}
footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  height: 54px;
  align-items: center;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._toggleButton_1vhi5_29 {
  padding: 9.5px 14px;
  gap: 8px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  transition: background-color 0.3s, color 0.3s;
}
._toggleButtonLabel_1vhi5_38 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 17px;
  color: var(--scss-text-color, #1f1f1f);
}
._container_1vhi5_45 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  padding-left: 14px;
  padding-right: 14px;
}
._selected_1vhi5_54 {
  background-color: var(--scss-text-color, #1f1f1f);
}
._selectedLabel_1vhi5_58 {
  color: white;
  font-weight: 700;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1szjg_29 {
  width: 100%;
  margin: 16px 0;
  position: relative;
}
._progressBar_1szjg_35 {
  width: 100%;
  height: 24px;
  background: #ECEFF1;
  border-radius: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
._progressInner_1szjg_44 {
  width: 100%;
  height: 100%;
  display: flex;
}
._section_1szjg_50 {
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1);
}
._section_1szjg_50:hover {
  transform: scaleY(1.08);
  filter: brightness(1.1);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
._section_1szjg_50:hover ._sectionLabel_1szjg_65 {
  opacity: 1;
  transform: translateY(0);
}
._section_1szjg_50:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
._sectionLabel_1szjg_65 {
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  opacity: 0.9;
  transform: translateY(1px);
  transition: all 0.2s ease;
  user-select: none;
}
._tooltip_1szjg_84 {
  position: fixed;
  z-index: 1000;
  pointer-events: none;
  transform: translate(-50%, -100%);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
._tooltipContent_1szjg_92 {
  background: rgba(33, 33, 33, 0.95);
  backdrop-filter: blur(8px);
  padding: 8px 12px;
  border-radius: 8px;
  min-width: 120px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._tooltipContent_1szjg_92::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: rgba(33, 33, 33, 0.95);
}
._tooltipTitle_1szjg_111 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}
._tooltipValue_1szjg_118 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
._labels_1szjg_125 {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
._label_1szjg_125 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
  background: transparent;
  cursor: default;
}
._labelHighlighted_1szjg_143 {
  background: rgba(236, 239, 241, 0.6);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
._labelHighlighted_1szjg_143 ._labelColor_1szjg_148 {
  transform: scale(1.1);
}
._labelHighlighted_1szjg_143 ._labelText_1szjg_151 {
  color: #263238;
}
._labelHighlighted_1szjg_143 ._labelValue_1szjg_154 {
  color: #000000;
}
._labelColor_1szjg_148 {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
._labelText_1szjg_151 {
  color: #546E7A;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
._labelValue_1szjg_154 {
  color: #263238;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: color 0.2s ease;
  margin-left: 2px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._section_wajyu_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 14px;
  position: relative;
  gap: 8px;
}
._contentContainer_wajyu_38 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._latencyContainer_wajyu_45 {
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  background-color: var(--scss-baground, #f6f9ff);
  width: fit-content;
}
._label_wajyu_53 {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._timeLabel_wajyu_59 {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._result_1kpba_29 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_1kpba_29 ._header_1kpba_35 {
  font-size: 16px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 1440px) {
  ._result_1kpba_29 ._header_1kpba_35 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1kpba_29 ._header_1kpba_35 {
    font-size: 14px;
  }
}
._result_1kpba_29 ._content_1kpba_50 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_1kpba_29 ._content--text_1kpba_55 {
  display: block;
}
._result_1kpba_29 ._value_1kpba_58 {
  width: 100%;
}
._result_1kpba_29 ._tableWrapper_1kpba_61 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_1kpba_29 ._tableWrapper_1kpba_61::-webkit-scrollbar {
  height: 6px;
}
._result_1kpba_29 ._tableWrapper_1kpba_61::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_1kpba_29 ._tableWrapper_1kpba_61::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_1kpba_29 ._tableWrapper_1kpba_61::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._result_1kpba_29 ._markdownTable_1kpba_80 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
._result_1kpba_29 ._markdownTh_1kpba_90,
._result_1kpba_29 ._markdownTd_1kpba_91 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 100px;
  max-width: 300px;
}
._result_1kpba_29 ._markdownTh_1kpba_90:last-child,
._result_1kpba_29 ._markdownTd_1kpba_91:last-child {
  border-right: none;
}
._result_1kpba_29 ._markdownTh_1kpba_90 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._result_1kpba_29 ._markdownTr_1kpba_108:last-child ._markdownTd_1kpba_91 {
  border-bottom: none;
}
._result_1kpba_29 ._markdownTr_1kpba_108:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_1kpba_29 ._label_1kpba_114 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 1440px) {
  ._result_1kpba_29 ._label_1kpba_114 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1kpba_29 ._label_1kpba_114 {
    font-size: 13px;
  }
}
._result_1kpba_29 ._colon_1kpba_131 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_1kpba_29 ._colon_1kpba_131 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1kpba_29 ._colon_1kpba_131 {
    font-size: 13px;
  }
}
._result_1kpba_29 ._value_1kpba_58 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
}
._result_1kpba_29 ._value_1kpba_58::-webkit-scrollbar {
  height: 6px;
}
._result_1kpba_29 ._value_1kpba_58::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_1kpba_29 ._value_1kpba_58::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_1kpba_29 ._value_1kpba_58::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1440px) {
  ._result_1kpba_29 ._value_1kpba_58 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1kpba_29 ._value_1kpba_58 {
    font-size: 13px;
  }
}
._headerContainer_1kpba_183 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_1kpba_190 {
  color: #ffffff !important;
  border: none !important;
  background-color: #1f1f1f !important;
}
@media print {
  ._printButton_1kpba_190 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_1kpba_29,
  ._result_1kpba_29 * {
    visibility: visible !important;
  }
  ._result_1kpba_29 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: white;
  }
  ._header_1kpba_35 {
    font-size: 24px;
  }
  ._content_1kpba_50 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_1kpba_114,
  ._colon_1kpba_131 {
    color: #666;
  }
}._container_f5och_1 {
  position: relative;
  width: 111vw;
  height: 111vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._container_f5och_1 {
    width: 100vw;
    height: 100vh;
  }
}
._mainScreen_f5och_18 {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainScreen_f5och_18 {
    height: 100dvh;
  }
}
._screenImg_f5och_28 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media screen and (max-width: 480px) {
  ._screenImg_f5och_28 {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
}
._callTimer_f5och_42 {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}
@keyframes _moveUpDown_f5och_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._voiceButton_f5och_68 {
  border: none;
  background-color: transparent;
  max-height: 30px;
}
._icon_f5och_74 {
  width: 30px;
  height: 30px;
}
._voiceChat_f5och_79 {
  left: 24px;
  bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 4000;
  position: fixed;
  border-radius: 100px;
  animation: _moveUpDown_f5och_1 1s ease-in-out infinite alternate;
  max-width: 60px;
  max-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  background-color: #1f1f1f;
}
._callTimer_f5och_42 button {
  background-color: red;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  cursor: pointer;
}
._firstHandContainer_f5och_108 {
  position: absolute;
  width: 910.2px;
  height: 402.9px;
  top: 206.3px;
  left: -50.8px;
}
._firstHandContainer_f5och_108 img {
  position: absolute;
  bottom: 0;
}
._secondHandContainer_f5och_121 {
  position: absolute;
  width: 900.2px;
  height: 402.9px;
  top: 434.3px;
  right: 0;
  transform: rotateZ(-177.13deg);
}
._secondHandContainer_f5och_121 img {
  position: absolute;
  bottom: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_aaghd_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: var(--page-header-padding);
  padding-top: 14px;
  width: 100%;
  height: calc(111vh - var(--page-header));
}
@media screen and (max-width: 834px) {
  ._container_aaghd_29 {
    height: calc(100vh - var(--page-header));
  }
}
._container_aaghd_29 ._filterHolder_aaghd_43 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._membersContainer_aaghd_50 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
._title_aaghd_59 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._content_aaghd_69 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._content_aaghd_69 ._buttonsHolder_aaghd_75 {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}
._list_aaghd_81 {
  width: 100%;
  height: 100%;
}
._infoHolder_aaghd_86 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 1rem;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 {
  border: 1px solid #eaeef4;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  height: 95px;
  width: 33%;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 ._memberLabel_aaghd_103 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 ._cardContent_aaghd_112 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 ._cardContent_aaghd_112 ._typeLabelHolder_aaghd_118 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 ._cardContent_aaghd_112 ._typeLabelHolder_aaghd_118 ._typeLabel_aaghd_118 {
  width: 50%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._infoHolder_aaghd_86 ._infoCard_aaghd_92 ._cardContent_aaghd_112 ._memberIconsHolder_aaghd_134 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_aaghd_141 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-left: 10px;
}
._avatar_aaghd_152 {
  margin-left: -15px;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_aaghd_152 + ._avatar_aaghd_152 {
  margin-left: -15px;
  z-index: 2;
}
._dots_aaghd_167 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_aaghd_172 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_aaghd_181 {
  font-size: 1rem;
}
._buttonContainer_aaghd_185 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 41px;
}
._buttonContainer_aaghd_185 ._title_aaghd_59 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._headerCell_aaghd_202 {
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid #eaeef4;
  border-top: 1px solid #eaeef4;
  color: var(--scss-text-color, #1f1f1f);
  white-space: nowrap;
}
._tableLabel_aaghd_212 {
  font-family: "Roboto";
  font-size: 16px;
  color: rgb(31, 31, 31);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_tpd7b_79 {
  width: 529px;
  height: 228px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9CA3B0 0%, #666F80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9CA3B0 0%, rgba(156, 163, 176, 0.01) 100%);
}
._title_tpd7b_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._button_tpd7b_99 {
  width: 200px;
  height: 52px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
._content_tpd7b_79 {
  width: 529px;
  height: 228px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: 1px solid;
  border-image-source: radial-gradient(49.59% 163.62% at 49.59% 50.75%, #9CA3B0 0%, #666F80 0.01%, rgba(156, 163, 176, 0.01) 100%), radial-gradient(50% 164.97% at 50% 50%, #9CA3B0 0%, rgba(156, 163, 176, 0.01) 100%);
}
._title_tpd7b_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._button_tpd7b_99 {
  width: 200px;
  height: 52px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._templatesContainer_19lcd_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(111vh - 50px);
}
@media screen and (max-width: 834px) {
  ._templatesContainer_19lcd_57 {
    height: calc(100vh - 50px);
  }
}
._templatesContainer_19lcd_57 ._filterHolder_19lcd_69 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._templatesContainer_19lcd_57 ._placeHolderContainer_19lcd_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._templatesContainer_19lcd_57 ._placeHolderContainer_19lcd_75 ._placeHolder_19lcd_75 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._container_19lcd_87 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(111vh - 50px);
}
@media screen and (max-width: 834px) {
  ._container_19lcd_87 {
    height: calc(100vh - 50px);
  }
}
._container_19lcd_87 ._filterHolder_19lcd_69 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._container_19lcd_87 ._placeHolderContainer_19lcd_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._container_19lcd_87 ._placeHolderContainer_19lcd_75 ._placeHolder_19lcd_75 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._title_19lcd_117 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._content_19lcd_127 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._content_19lcd_127 ._buttonsHolder_19lcd_133 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
._list_19lcd_139 {
  width: 100%;
  height: 100%;
}
._infoHolder_19lcd_144 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 24px;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 {
  border: 1px solid #eaeef4;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  height: 95px;
  width: 33%;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 ._memberLabel_19lcd_161 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 ._cardContent_19lcd_170 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 ._cardContent_19lcd_170 ._typeLabelHolder_19lcd_176 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 ._cardContent_19lcd_170 ._typeLabelHolder_19lcd_176 ._typeLabel_19lcd_176 {
  width: 50%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._infoHolder_19lcd_144 ._infoCard_19lcd_150 ._cardContent_19lcd_170 ._memberIconsHolder_19lcd_192 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_19lcd_199 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
._avatar_19lcd_210 {
  margin-left: -15px;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_19lcd_210 + ._avatar_19lcd_210 {
  margin-left: -15px;
  z-index: 2;
}
._dots_19lcd_225 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_19lcd_75 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_19lcd_239 {
  font-size: 1rem;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_q08pd_57 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
._inputStyle_q08pd_64 {
  width: 3rem !important;
  height: 3rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0;
}
._codeHolder_q08pd_73 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
._incorrectDataLabel_q08pd_80 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  color: #e93434;
}
._formColumn_q08pd_91 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 70px;
}
@media screen and (max-width: 1220px) {
  ._formColumn_q08pd_91 {
    width: 100%;
  }
}
._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 ._signInImage_q08pd_111 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 ._subTitle_q08pd_104 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 ._subTitle_q08pd_104 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 ._helptext_q08pd_133 {
  font-family: "Roboto";
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._subTitleHolder_q08pd_104 ._helptext_q08pd_133 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_q08pd_91 ._titleHolder_q08pd_150 {
  width: 100%;
  padding-left: 50px;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-top: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._titleHolder_q08pd_150 {
    margin-top: 24px;
  }
}
._formColumn_q08pd_91 ._titleHolder_q08pd_150 ._title_q08pd_150 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_q08pd_91 ._titleHolder_q08pd_150 ._title_q08pd_150 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._titleHolder_q08pd_150 ._title_q08pd_150 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_q08pd_91 ._titleHolder_q08pd_150 ._title_q08pd_150 span a {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._titleHolder_q08pd_150 ._title_q08pd_150 span a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_q08pd_91 ._logo_q08pd_204 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._logo_q08pd_204 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_q08pd_91 ._logoAltText_q08pd_214 {
  display: inline-block;
  width: auto;
  min-width: 54px;
  height: 54px;
  line-height: 54px;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._logoAltText_q08pd_214 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_q08pd_91 ._flexWrapper_q08pd_238 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_q08pd_91 ._backgroungWrapper_q08pd_244 {
  background: linear-gradient(180deg, #ECECFE 0%, #BDBDFA 100%);
  border-radius: 20px;
  padding: 44px;
  box-shadow: 0px 0px 34px 0px rgba(104, 104, 136, 0.3019607843);
  height: fit-content;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._backgroungWrapper_q08pd_244 {
    padding: 24px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  height: fit-content;
  gap: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._formHolder_q08pd_256 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._forgotPassword_q08pd_272 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._forgotPassword__text_q08pd_278 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._header_q08pd_292 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._header_q08pd_292 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._subHeader_q08pd_307 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #1F1F1F;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._subHeader_q08pd_307 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._fieldsHolder_q08pd_322 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._formHolder_q08pd_256 ._fieldsHolder_q08pd_322 {
    gap: 12px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._buttonsHolder_q08pd_333 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_q08pd_91 ._formHolder_q08pd_256 ._buttonsHolder_q08pd_333 {
    gap: 12px;
  }
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._labelsHolder_q08pd_344 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._loginLabel_q08pd_350 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._loginLabel_q08pd_350 :hover {
  cursor: pointer;
}
._formColumn_q08pd_91 ._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._accountLabel_q08pd_363 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D6A;
}
._formHolder_q08pd_256 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
._formHolder_q08pd_256 ._forgotPassword_q08pd_272 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formHolder_q08pd_256 ._forgotPassword__text_q08pd_278 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._header_q08pd_292 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
}
@media screen and (max-width: 834px) {
  ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._header_q08pd_292 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._subHeader_q08pd_307 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #1F1F1F;
}
@media screen and (max-width: 834px) {
  ._formHolder_q08pd_256 ._formTitleHolder_q08pd_286 ._subHeader_q08pd_307 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formHolder_q08pd_256 ._fieldsHolder_q08pd_322 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formHolder_q08pd_256 ._fieldsHolder_q08pd_322 {
    gap: 12px;
  }
}
._formHolder_q08pd_256 ._buttonsHolder_q08pd_333 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formHolder_q08pd_256 ._buttonsHolder_q08pd_333 {
    gap: 12px;
  }
}
._formHolder_q08pd_256 ._labelsHolder_q08pd_344 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._loginLabel_q08pd_350 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._loginLabel_q08pd_350 :hover {
  cursor: pointer;
}
._formHolder_q08pd_256 ._labelsHolder_q08pd_344 ._accountLabel_q08pd_363 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D6A;
}
._imageColumn_q08pd_482 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1220px) {
  ._imageColumn_q08pd_482 {
    display: none;
  }
}
._imageColumn_q08pd_482 ._image_q08pd_482 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_q08pd_333 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: center;
  outline: none;
  text-decoration: none;
  border: 1px solid var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  background-color: white;
  padding: 18px 24px;
  height: 52px;
}
._button_q08pd_333 span {
  outline: none;
  text-decoration: none;
}
._button_q08pd_333 ._hiden_q08pd_524 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_q08pd_333 ._label_q08pd_344 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
  font-size: 16px;
  font-weight: 600;
}
._title_q08pd_150 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: rgb(31, 31, 31);
  font-weight: 700;
}
._subTitle_q08pd_104 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 20px;
  color: rgb(31, 31, 31);
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  ._subTitle_q08pd_104 {
    font-size: 14px;
    line-height: 17px;
  }
}
._timer_q08pd_566 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
}
._resendQuestion_q08pd_571 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
}
._formTitleBlock_q08pd_576 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formTitleBlock_q08pd_576 {
    gap: 12px;
  }
}
._resendButton_q08pd_587 {
  font-family: "Roboto";
  font-weight: 700;
  cursor: pointer;
  color: rgb(31, 31, 31);
  text-decoration: underline;
}
._notActiveBtn_q08pd_595 {
  opacity: 0.2;
}
._resendBlock_q08pd_599 {
  display: flex;
  justify-content: space_between;
}
._gobackContainer_q08pd_604 {
  display: flex;
  align-items: center;
}
._gobackContainer_q08pd_604 ._title_q08pd_150 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 0.9rem;
  font-weight: 400;
  color: #4D4D6A;
  cursor: default;
}
._gobackContainer_q08pd_604 ._action_q08pd_618 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 0.9rem;
  font-weight: 700;
  color: rgb(31, 31, 31);
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
}
._subWrappr_q08pd_631 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_q08pd_637 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_q08pd_637 {
    gap: 16px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1icdf_29 {
  display: flex;
  flex-direction: column;
  width: 356px;
  gap: 32px;
}
@media screen and (max-width: 1220px) {
  ._container_1icdf_29 {
    width: 100%;
  }
}
._icon_1icdf_41 {
  width: 48px;
  height: 48px;
}
._text_1icdf_46 {
  font-size: 16px;
  font-weight: 400;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._subContainer_1icdf_53 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  align-items: center;
}
._title_1icdf_61 {
  font-size: 32px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_16pol_29 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._incorrectDataLabel_16pol_37 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #e93434;
}
._formColumn_16pol_48 {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._formColumn_16pol_48 {
    width: 100%;
  }
}
._formColumn_16pol_48 ._subTitleHolder_16pol_59 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_16pol_48 ._subTitleHolder_16pol_59 ._subTitle_16pol_59 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._subTitleHolder_16pol_59 ._subTitle_16pol_59 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_16pol_48 ._subTitleHolder_16pol_59 ._signInImage_16pol_83 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_16pol_48 ._subTitleHolder_16pol_59 ._helptext_16pol_88 {
  font-family: "Roboto";
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._subTitleHolder_16pol_59 ._helptext_16pol_88 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_16pol_48 ._titleHolder_16pol_105 {
  width: 100%;
  padding-left: 50px;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-top: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._titleHolder_16pol_105 {
    margin-top: 24px;
  }
}
._formColumn_16pol_48 ._titleHolder_16pol_105 ._title_16pol_105 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_16pol_48 ._titleHolder_16pol_105 ._title_16pol_105 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._titleHolder_16pol_105 ._title_16pol_105 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_16pol_48 ._titleHolder_16pol_105 ._title_16pol_105 a {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._titleHolder_16pol_105 ._title_16pol_105 a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_16pol_48 ._logo_16pol_159 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._logo_16pol_159 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_16pol_48 ._logoAltText_16pol_169 {
  display: inline-block;
  width: auto;
  min-width: 54px;
  height: 54px;
  line-height: 54px;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._logoAltText_16pol_169 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_16pol_48 ._flexWrapper_16pol_193 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_16pol_48 ._backgroungWrapper_16pol_199 {
  background: linear-gradient(180deg, #ECECFE 0%, #BDBDFA 100%);
  border-radius: 20px;
  padding: 44px;
  box-shadow: 0px 0px 34px 0px rgba(104, 104, 136, 0.3019607843);
  height: fit-content;
  max-width: 440px;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._backgroungWrapper_16pol_199 {
    padding: 24px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._formHolder_16pol_212 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._forgotPassword_16pol_227 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._forgotPassword__text_16pol_233 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
  color: #4D4D69;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._formTitleHolder_16pol_242 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._formTitleHolder_16pol_242 ._header_16pol_248 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._formHolder_16pol_212 ._formTitleHolder_16pol_242 ._header_16pol_248 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._formTitleHolder_16pol_242 ._subHeader_16pol_263 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #1F1F1F;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._formHolder_16pol_212 ._formTitleHolder_16pol_242 ._subHeader_16pol_263 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._fieldsHolder_16pol_278 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._formHolder_16pol_212 ._fieldsHolder_16pol_278 {
    gap: 12px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._buttonsHolder_16pol_289 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_16pol_48 ._formHolder_16pol_212 ._buttonsHolder_16pol_289 {
    gap: 12px;
  }
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._buttonsHolder_16pol_289 button:hover {
  background-color: var(--hover-bg-color, white) !important;
  box-shadow: var(--hover-box-shadow, none) !important;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._labelsHolder_16pol_304 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._labelsHolder_16pol_304 ._loginLabel_16pol_310 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._labelsHolder_16pol_304 ._loginLabel_16pol_310 :hover {
  cursor: pointer;
}
._formColumn_16pol_48 ._formHolder_16pol_212 ._labelsHolder_16pol_304 ._accountLabel_16pol_323 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D4D;
}
._imageColumn_16pol_333 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 50%;
  height: 100%;
  overflow: hidden;
  box-shadow: -10px 0px 44px 0px rgba(52, 52, 52, 0.2509803922);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_16pol_333 {
    display: none;
  }
}
._imageColumn_16pol_333 ._image_16pol_333 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_16pol_289 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: center;
  outline: none;
  text-decoration: none;
  border: 1px solid var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  background-color: white;
  padding: 18px 24px;
  height: 52px;
}
._button_16pol_289 span {
  outline: none;
  text-decoration: none;
}
._button_16pol_289 ._hiden_16pol_379 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_16pol_289 ._label_16pol_304 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 600;
}
._subWrappr_16pol_395 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_16pol_401 {
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_16pol_401 {
    gap: 16px;
  }
}._overlay_1swdp_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  pointer-events: auto;
  user-select: none;
}

._footer_1swdp_13 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-top: 2px solid #1976d2;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  max-height: 60vh;
  display: flex;
  flex-direction: column;
}

._footerContent_1swdp_27 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  height: 100%;
}

._header_1swdp_34 {
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}

._title_1swdp_41 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}

._content_1swdp_49 {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #1f1f1f;
  font-size: 14px;
  max-height: calc(60vh - 120px);
}
._content_1swdp_49 h1, ._content_1swdp_49 h2, ._content_1swdp_49 h3, ._content_1swdp_49 h4, ._content_1swdp_49 h5, ._content_1swdp_49 h6 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}
._content_1swdp_49 h1 {
  font-size: 20px;
}
._content_1swdp_49 h2 {
  font-size: 18px;
}
._content_1swdp_49 h3 {
  font-size: 16px;
}
._content_1swdp_49 p {
  margin: 8px 0;
}
._content_1swdp_49 ul, ._content_1swdp_49 ol {
  margin: 8px 0;
  padding-left: 24px;
}
._content_1swdp_49 code {
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
._content_1swdp_49 pre {
  background: #f3f4f6;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 8px 0;
}
._content_1swdp_49 pre code {
  background: transparent;
  padding: 0;
}
._content_1swdp_49 a {
  color: #1976d2;
  text-decoration: none;
}
._content_1swdp_49 a:hover {
  text-decoration: underline;
}
._content_1swdp_49 blockquote {
  border-left: 4px solid #d8dbdf;
  padding-left: 16px;
  margin: 8px 0;
  color: #6b7280;
}
._content_1swdp_49 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
._content_1swdp_49 table th, ._content_1swdp_49 table td {
  border: 1px solid #d8dbdf;
  padding: 8px;
  text-align: left;
}
._content_1swdp_49 table th {
  background: #f9fafb;
  font-weight: 600;
}

._footerActions_1swdp_127 {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  background: #ffffff;
  flex-shrink: 0;
}

._cookieFooter_1swdp_136 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  height: 73px;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  box-sizing: border-box;
}

._cookieContent_1swdp_152 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
  height: 100%;
}

._cookieIcon_1swdp_160 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: block;
}

._cookieText_1swdp_167 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}

._cookieTitle_1swdp_176 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._cookieDescription_1swdp_188 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1f1f1f;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
._cookieDescription_1swdp_188 p {
  margin: 0;
  display: inline;
}
._cookieDescription_1swdp_188 * {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  display: inline;
}
._cookieDescription_1swdp_188 strong, ._cookieDescription_1swdp_188 b {
  font-weight: 600;
}

._cookieActions_1swdp_214 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_z4q3r_29 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._incorrectDataLabel_z4q3r_37 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #e93434;
}
._container_z4q3r_47 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._container_z4q3r_47 {
    gap: 16px;
  }
}
._agreementContainer_z4q3r_58 {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  height: 26px;
}
._checkBoxTitle_z4q3r_67 {
  font-family: "Roboto";
  font-size: 14px;
  color: #4D4D69;
  text-align: left;
  display: block;
  font-weight: 600;
  align-self: center;
}
._checkBoxTitle_z4q3r_67 a {
  font-weight: 600;
}
._text_z4q3r_80 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
  text-wrap: nowrap;
}
@media screen and (max-width: 1220px) {
  ._text_z4q3r_80 {
    text-wrap: wrap;
  }
}
._subWrapperCentered_z4q3r_95 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
._formHolderSuccess_z4q3r_102 {
  display: flex;
  flex-direction: column;
  width: 356px;
  gap: 32px;
  margin-top: 0px;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_z4q3r_102 {
    gap: 16px;
  }
}
._formHolderSuccess_z4q3r_102 ._formTitleHolder_z4q3r_114 {
  display: flex;
  flex-direction: column;
  width: 356px;
  align-items: center;
  gap: 14px;
}
._formHolderSuccess_z4q3r_102 ._formTitleHolder_z4q3r_114 ._header_z4q3r_121 {
  width: 100%;
  text-align: left;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_z4q3r_102 ._formTitleHolder_z4q3r_114 ._header_z4q3r_121 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formHolderSuccess_z4q3r_102 ._formTitleHolder_z4q3r_114 ._subHeader_z4q3r_137 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #1F1F1F;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_z4q3r_102 ._formTitleHolder_z4q3r_114 ._subHeader_z4q3r_137 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formHolderSuccess_z4q3r_102 ._fieldsHolder_z4q3r_153 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_z4q3r_102 ._fieldsHolder_z4q3r_153 {
    gap: 12px;
  }
}
._formHolderSuccess_z4q3r_102 ._buttonsHolder_z4q3r_163 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
._formHolderSuccess_z4q3r_102 ._labelsHolder_z4q3r_168 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formHolderSuccess_z4q3r_102 ._labelsHolder_z4q3r_168 ._loginLabel_z4q3r_174 {
  font-family: "Roboto";
  color: #4D4D6A;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formHolderSuccess_z4q3r_102 ._labelsHolder_z4q3r_168 ._loginLabel_z4q3r_174 :hover {
  cursor: pointer;
}
._formHolderSuccess_z4q3r_102 ._labelsHolder_z4q3r_168 ._accountLabel_z4q3r_187 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D6A;
}
._boldText_z4q3r_197 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19.09px;
  text-align: center;
}
._subContainer_z4q3r_206 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._subContainer_z4q3r_206 {
    gap: 12px;
  }
}
._contentHolder_z4q3r_217 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._contentHolder_z4q3r_217 {
    gap: 12px;
  }
}
._titleWrapper_z4q3r_228 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
._logo_z4q3r_236 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._logo_z4q3r_236 {
    width: 40px;
    height: 40px;
  }
}
._logoAltText_z4q3r_247 {
  display: inline-block;
  width: auto;
  min-width: 54px;
  height: 54px;
  line-height: 54px;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
@media screen and (max-width: 834px) {
  ._logoAltText_z4q3r_247 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_z4q3r_272 {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._formColumn_z4q3r_272 {
    width: 100%;
  }
}
._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._signInImage_z4q3r_290 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._subTitle_z4q3r_283 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._subTitle_z4q3r_283 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._helptext_z4q3r_312 {
  font-family: "Roboto";
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._helptext_z4q3r_312 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._subHeader_z4q3r_137 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #1F1F1F;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._subTitleHolder_z4q3r_283 ._subHeader_z4q3r_137 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 {
  width: 100%;
  padding-left: 50px;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-top: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 {
    margin-top: 24px;
  }
}
._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 ._title_z4q3r_228 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 ._title_z4q3r_228 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 ._title_z4q3r_228 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 ._title_z4q3r_228 a {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._titleHolder_z4q3r_345 ._title_z4q3r_228 a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_z4q3r_272 ._flexWrapper_z4q3r_399 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_z4q3r_272 ._backgroungWrapper_z4q3r_405 {
  background: linear-gradient(180deg, #ECECFE 0%, #BDBDFA 100%);
  border-radius: 20px;
  padding: 44px;
  box-shadow: 0px 0px 34px 0px rgba(104, 104, 136, 0.3019607843);
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._backgroungWrapper_z4q3r_405 {
    padding: 24px;
  }
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 {
  display: flex;
  flex-direction: column;
  width: 356px;
  gap: 14px;
  margin-top: 32px;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._formHolder_z4q3r_102 {
    width: 100%;
    max-width: 320px;
    margin-top: 0px;
  }
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._formTitleHolder_z4q3r_114 {
  display: flex;
  flex-direction: column;
  width: 356px;
  align-items: center;
  gap: 14px;
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._formTitleHolder_z4q3r_114 ._header_z4q3r_121 {
  width: 100%;
  text-align: left;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._formTitleHolder_z4q3r_114 ._header_z4q3r_121 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._formTitleHolder_z4q3r_114 ._subHeader_z4q3r_137 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._formTitleHolder_z4q3r_114 ._subHeader_z4q3r_137 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._fieldsHolder_z4q3r_153 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._fieldsHolder_z4q3r_153 {
    gap: 12px;
  }
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._buttonsHolder_z4q3r_163 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._labelsHolder_z4q3r_168 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._labelsHolder_z4q3r_168 ._loginLabel_z4q3r_174 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._labelsHolder_z4q3r_168 ._loginLabel_z4q3r_174 :hover {
  cursor: pointer;
}
._formColumn_z4q3r_272 ._formHolder_z4q3r_102 ._labelsHolder_z4q3r_168 ._accountLabel_z4q3r_187 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D6A;
}
._imageColumn_z4q3r_513 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  overflow: hidden;
  box-shadow: -10px 0px 44px 0px rgba(52, 52, 52, 0.2509803922);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_z4q3r_513 {
    display: none;
  }
}
._imageColumn_z4q3r_513 ._image_z4q3r_513 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_z4q3r_163 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: center;
  outline: none;
  text-decoration: none;
  border: 1px solid var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  background-color: white;
  padding: 18px 24px;
  height: 52px;
}
._button_z4q3r_163 span {
  outline: none;
  text-decoration: none;
}
._button_z4q3r_163 ._hiden_z4q3r_559 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_z4q3r_163 ._label_z4q3r_168 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 600;
}
._subWrappr_z4q3r_575 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  height: fit-content;
}
._subWrapprCenter_z4q3r_582 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_z4q3r_582 {
    gap: 16px;
    justify-content: flex-start;
    height: 510px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_may5a_57 {
  width: 100%;
  display: flex;
  gap: 20px;
  padding: var(--page-header-padding);
  overflow-y: auto;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._container_may5a_57 {
    height: 100vh;
  }
}
._mainContainer_may5a_71 {
  padding-top: 40px;
  width: 400px;
}
._dropDown_may5a_76 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
._dropDown1_may5a_84 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: none;
  border-radius: 10px;
}
._uploadButtonContainer_may5a_92 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
._closeIcon_may5a_99 {
  cursor: pointer;
  max-width: 18px;
  max-height: 18px;
}
._title_may5a_105, ._subTitle_may5a_105 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 9px;
  letter-spacing: 0;
  text-align: left;
}
._subTitle_may5a_105 {
  color: var(--scss-gray-text-color, #727272);
  font-size: 14px;
  font-weight: lighter;
}
._content_may5a_121 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-height: calc(111vh - 150px);
}
@media screen and (max-width: 834px) {
  ._content_may5a_121 {
    max-height: calc(100vh - 150px);
  }
}
@media screen and (max-width: 480px) {
  ._content_may5a_121 {
    gap: 16px;
  }
}
._avatarContainer_may5a_139 {
  display: flex;
  gap: 14px;
}
._uploadTitle_may5a_144 {
  display: flex;
  gap: 50px;
}
._uploadButton_may5a_92 {
  display: flex;
  flex-direction: column;
  align-content: start;
  justify-content: space-between;
}
._uploadButton_may5a_92 label {
  align-items: center;
  width: fit-content;
  padding: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  color: rgb(31, 31, 31);
  text-transform: none;
}
._uploadButton_may5a_92 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(114, 114, 114);
}
._field_may5a_176 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._subhader_may5a_184 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  color: rgb(31, 31, 31);
}
._form_may5a_197 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._formElement_may5a_204 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 520px;
}
._subwrapper_may5a_211 {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
._switcher_may5a_225 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  color: rgb(31, 31, 31);
}
._switcher_may5a_225 span {
  font-family: "Roboto" !important;
}
._helperText_may5a_237 {
  color: rgb(114, 114, 114) !important;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  margin-left: 0px !important;
  margin-top: 4px;
  font-family: "Roboto" !important;
}
._tryButton_may5a_251 {
  color: rgb(255, 255, 255);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: rgb(255, 215, 127) 50%;
  border-radius: 10px;
  padding: 0 5px;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` ts in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  box-sizing: border-box;
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none !important;
}
._flex-sb_1fvh4_547 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  ._flex-sb_1fvh4_547 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-sb-start_1fvh4_559 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  ._flex-sb-start_1fvh4_559 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-column_1fvh4_572 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  ._flex-column_1fvh4_572 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-row-center_1fvh4_586 {
  display: flex;
  align-items: center;
  flex-direction: row;
}
._flex-end_1fvh4_592 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._pointer_1fvh4_598 {
  cursor: pointer;
}
._gap-05_1fvh4_602 {
  gap: 0.5rem;
}
._gap-1_1fvh4_606 {
  gap: 1rem;
}
._mb-05_1fvh4_610 {
  margin-bottom: 0.5rem;
}
._mt-05_1fvh4_614 {
  margin-top: 0.5rem;
}
._mt-1_1fvh4_618 {
  margin-top: 1rem;
}
._mb-1_1fvh4_622 {
  margin-bottom: 1rem;
}
._mt-1dot5_1fvh4_626 {
  margin-top: 1.5rem;
}
._mb-1dot5_1fvh4_630 {
  margin-bottom: 1.5rem;
}
._bold_1fvh4_634 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
._pt-1_1fvh4_643 {
  padding-top: 1rem;
}
._pb-1_1fvh4_647 {
  padding-bottom: 1rem;
}
h3,
h4,
h5,
p,
span,
div,
button {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
*::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 16px !important;
}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
*::-webkit-scrollbar-button {
  display: none;
}
._add-action-scrollbar_1fvh4_684::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  ._html_1fvh4_694 {
    font-size: 14px;
  }
}
@keyframes _pulse_1fvh4_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _pulseLight_1fvh4_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
._demo_1fvh4_720 {
  width: 100%;
  height: 95%;
}
._demo__columns_1fvh4_724 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
._demo__column_1fvh4_724 {
  height: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
}
._demo__firstColumn_1fvh4_736 {
  width: 25%;
}
._demo__secondColumn_1fvh4_739 {
  width: 100%;
}
._tabLabel_1fvh4_743 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  font-weight: 700;
  margin-top: 0.5rem;
  margin-left: 20px;
  position: absolute;
  top: -30px;
  left: 0;
}
._previewBlock_1fvh4_755 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
  position: relative;
  flex: 1;
  padding: 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
._previewBlock_1fvh4_755 ._bgImg_1fvh4_768 {
  max-height: 420px;
  width: auto;
  height: auto;
}
._previewBlock_1fvh4_755 ._bgImgMobile_1fvh4_773 {
  height: 100%;
  object-fit: cover;
  object-position: top;
  max-width: 370px;
  min-height: 460px;
  border-radius: 20px;
  align-self: baseline;
  width: 100%;
}
._imagesContainer_1fvh4_784 {
  display: flex;
  position: relative;
  width: 100%;
  max-width: fit-content;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_r8d6z_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 var(--page-header-padding);
  height: calc(111vh - var(--page-header));
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._container_r8d6z_57 {
    height: calc(100vh - var(--page-header));
  }
}
._title_r8d6z_71, ._subTitle_r8d6z_71 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  text-align: left;
}
._subTitle_r8d6z_71 {
  color: var(--scss-gray-text-color, #727272);
  font-size: 14px;
  font-weight: lighter;
}
._header_r8d6z_87 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._content_r8d6z_94 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
._content_r8d6z_94 ._buttonsHolder_r8d6z_102 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1lwu9_29 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  position: relative;
  overflow: hidden;
  height: 100%;
}
._header_1lwu9_40 {
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
._footerText_1lwu9_46 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._messageInputArea_1lwu9_57 {
  padding: 20px 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgb(255, 255, 255) 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
._inputContainer_1lwu9_67 {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
._inputBox_1lwu9_74 {
  flex: 1;
  background: linear-gradient(145deg, #ffffff, #f8f9fa);
  border: 2px solid transparent;
  border-radius: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(0, 0, 0, 0.04);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
._inputBox_1lwu9_74:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
._inputBox_1lwu9_74 textarea::-webkit-scrollbar {
  width: 6px;
}
._inputBox_1lwu9_74 textarea::-webkit-scrollbar-track {
  background: transparent;
}
._inputBox_1lwu9_74 textarea::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._inputBox_1lwu9_74 textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._sendButton_1lwu9_100 {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
  flex-shrink: 0;
}
._sendButton_1lwu9_100:disabled {
  cursor: not-allowed;
}
._sendButton_1lwu9_100:active:not(:disabled) {
  transform: scale(0.95);
}
._bargeInBtn_1lwu9_122 {
  width: 171px;
  height: 40px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
._typingContainer_1lwu9_133 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 16px;
  margin-bottom: 16px;
}._main_atnzd_1 {
  height: calc(111vh - var(--page-header, 0));
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

._leftPanel_atnzd_9 {
  width: 320px;
  border-right: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._rightPanel_atnzd_17 {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  justify-content: center;
}

._transcriptContainer_atnzd_28 {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._tableContainer_312f2_29 {
  width: 100%;
}
._headerCell_312f2_33 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid rgb(234, 238, 244);
  border-top: 1px solid rgb(234, 238, 244);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_312f2_33._first_312f2_43 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid rgb(234, 238, 244);
}
._headerCell_312f2_33._last_312f2_47 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid rgb(234, 238, 244);
}
._tableLabel_312f2_52 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._expandTable_312f2_58 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_312f2_62 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_312f2_62 ._cellWrapper_312f2_72 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_312f2_62 ._cellWrapper_312f2_72._cellWrapperRoundLast_312f2_80 {
  border-radius: 0 5px 5px 0;
}
._cell_312f2_62 ._cellWrapper_312f2_72._cellWrapperRoundFirst_312f2_83 {
  border-radius: 5px 0 0 5px;
}
._cell_312f2_62 ._cellWrapper_312f2_72 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._row_312f2_92 {
  height: 60px !important;
  max-height: 60px;
}
._dateInfo_312f2_97 {
  display: flex;
  gap: 10px;
}
._dateInfo_312f2_97 > div {
  text-transform: uppercase;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._formWrapper_1m90p_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  margin: -20px;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
._formContainer_1m90p_40 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 20px;
  overflow-x: hidden;
}
._formContent_1m90p_48 {
  padding-bottom: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
._rowFields_1m90p_57 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  ._rowFields_1m90p_57 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
._formField_1m90p_70 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
._formField_1m90p_70:has(._tableContainer_1m90p_76) {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0;
}
._label_1m90p_84 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--scss-text-color, #1f1f1f);
}
._errorText_1m90p_91 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  color: #D32F2F;
  margin-top: 4px;
}
._labelWithTooltip_1m90p_99 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_1m90p_105 {
  width: 13px;
  height: 13px;
  color: #a0aab4;
}
._textarea_1m90p_111 {
  font-family: "Roboto";
  font-size: 16px;
  padding: 14px;
  border: 1px solid #D8DBDF;
  border-radius: 10px;
  outline: none;
  resize: vertical;
  min-height: 100px;
  transition: border-color 0.2s;
}
._textarea_1m90p_111:focus {
  border-color: #6f7e8c;
}
._textarea_1m90p_111::placeholder {
  color: #a0aab4;
}
._listContainer_1m90p_129 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 0;
}
._listItem_1m90p_137 {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
._listItem_1m90p_137:not(:first-child) {
  margin-top: -1px;
}
._customInputWrapper_1m90p_149 {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border: 1px solid #D8DBDF;
  position: relative;
}
._customInputWrapper_1m90p_149._roundedAll_1m90p_157 {
  border-radius: 10px;
}
._customInputWrapper_1m90p_149._roundedTop_1m90p_160 {
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
._customInputWrapper_1m90p_149._roundedBottom_1m90p_164 {
  border-radius: 0 0 10px 10px;
}
._customInputWrapper_1m90p_149._roundedNone_1m90p_167 {
  border-radius: 0;
  border-bottom: none;
}
._customInputWrapper_1m90p_149:focus-within {
  border-color: #0655F3;
  z-index: 1;
}
._customInput_1m90p_149 {
  flex: 1;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  background: transparent;
}
._customInput_1m90p_149::placeholder {
  color: #a0aab4;
}
._inputWrapper_1m90p_190 {
  flex: 1;
}
._deleteIcon_1m90p_194 {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.2s;
  margin-right: 14px;
  display: block;
}
._deleteIcon_1m90p_194:hover {
  opacity: 1;
}
._addRowButton_1m90p_210 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: #eaeef4;
  cursor: pointer;
  margin-top: 8px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
._addRowButton_1m90p_210:hover {
  background-color: #dce3ed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
._buttonLabel_1m90p_229 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_1m90p_236 {
  pointer-events: none;
  width: 20px;
  height: 20px;
}
._footer_1m90p_242 {
  flex-shrink: 0;
  padding: 20px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: flex-end;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  width: calc(100% + 40px);
  box-sizing: border-box;
}
._divider_1m90p_255 {
  width: 100%;
  height: 1px;
  background-color: #D8DBDF;
  margin: 24px 0;
}
._inputContainer_1m90p_262 {
  width: 100%;
  border: 1px solid #D8DBDF;
  border-radius: 10px;
  background-color: #fff;
  transition: border-color 0.2s;
}
._inputContainer_1m90p_262._inputContainerError_1m90p_269 {
  border: 1px solid #D32F2F;
}
._tableContainer_1m90p_76 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._questionRubricTable_1m90p_282 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #D8DBDF;
  background-color: #fff;
}
._questionRubricTable_1m90p_282 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._questionRubricTable_1m90p_282 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._questionRubricTable_1m90p_282 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
._questionRubricTable_1m90p_282 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
._testCasesTable_1m90p_304 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  border: 1px solid #D8DBDF;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
._testCasesTable_1m90p_304 thead {
  flex-shrink: 0;
  display: block;
  width: 100%;
  background-color: #F6F9FF;
}
._testCasesTable_1m90p_304 thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._testCasesTable_1m90p_304 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._testCasesTable_1m90p_304 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._testCasesTable_1m90p_304 tbody {
  flex: 1;
  display: block;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
}
._testCasesTable_1m90p_304 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._tableHeader_1m90p_347 {
  background-color: #F6F9FF;
  padding: 14px;
  text-align: left;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--scss-text-color, #1f1f1f);
  border-bottom: 1px solid #D8DBDF;
}
._tableHeader_1m90p_347:first-child {
  border-right: 1px solid #D8DBDF;
}
._tableCell_1m90p_361 {
  padding: 0;
  border-bottom: 1px solid #D8DBDF;
  background-color: #fff;
}
._tableCell_1m90p_361:first-child {
  border-right: 1px solid #D8DBDF;
}
._tableCell_1m90p_361:last-child {
  position: relative;
}
._testCaseNameCell_1m90p_373 {
  display: flex;
  align-items: center;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
}
._testCaseNotesCell_1m90p_382 {
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
}
._lastRow_1m90p_389 ._tableCell_1m90p_361 {
  border-bottom: 1px solid #D8DBDF;
}
._tableInput_1m90p_393 {
  width: 100%;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  background: transparent;
}
._tableInput_1m90p_393::placeholder {
  color: #a0aab4;
}
._tableInput_1m90p_393:focus {
  background-color: #fff;
}
._tableTextarea_1m90p_410 {
  width: 100%;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  background: transparent;
  resize: none;
  overflow: hidden;
  min-height: 48px;
  line-height: 1.5;
}
._tableTextarea_1m90p_410::placeholder {
  color: #a0aab4;
}
._tableTextarea_1m90p_410:focus {
  background-color: #fff;
}
._rubricCellWrapper_1m90p_431 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
._rubricCellWrapper_1m90p_431 ._tableTextarea_1m90p_410 {
  flex: 1;
  padding-right: 50px;
}
._rubricCellWrapper_1m90p_431 ._deleteIcon_1m90p_194 {
  position: absolute;
  right: 14px;
  top: 14px;
  margin-right: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_9xnxu_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: var(--page-header-padding);
  padding-top: 0px;
}
._searchContainer_9xnxu_38 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._sidebar_1nz7x_57 {
  width: 287px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-right: 1px solid #d8dbdf;
  height: 100%;
}
._tenantSection_1nz7x_66 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid #d8dbdf;
  padding: 16px 20px 16px 20px;
}
._tenantLabel_1nz7x_74 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #6A7282;
}
._tenantControls_1nz7x_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin-top: 8px;
}
._tenantSelectWrapper_1nz7x_92 {
  flex: 1;
  min-width: 0;
}
._addButton_1nz7x_97,
._editButton_1nz7x_98 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d8dbdf;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
  flex-shrink: 0;
}
._addButton_1nz7x_97:hover,
._editButton_1nz7x_98:hover {
  background-color: #f5f6f9;
  border-color: #9ca3b0;
}
._addButton_1nz7x_97:active,
._editButton_1nz7x_98:active {
  transform: scale(0.95);
}
._addButton_1nz7x_97 img,
._editButton_1nz7x_98 img {
  width: 20px;
  height: 20px;
}
._addButton_1nz7x_97 {
  background-color: #1f1f1f;
}
._addButton_1nz7x_97 img {
  filter: invert(1);
}
._addButton_1nz7x_97:hover {
  background-color: #333;
}
._editButton_1nz7x_98:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._editButton_1nz7x_98:disabled:hover {
  background-color: transparent;
  border-color: #d8dbdf;
  transform: none;
}
._searchSection_1nz7x_147 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 12px;
  overflow-y: auto;
}
._searchContainer_1nz7x_155 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
._searchIcon_1nz7x_162 {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  color: #5f6368;
}
._searchInput_1nz7x_171 {
  width: 100%;
  height: 40px;
  padding: 10px 12px 10px 40px;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
}
._searchInput_1nz7x_171::placeholder {
  color: #9ca3b0;
}
._searchInput_1nz7x_171:focus {
  border-color: #5f52f3;
}
._menuSection_1nz7x_192 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
._menuGroup_1nz7x_200 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionTitle_1nz7x_206 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #6A7282;
  padding: 0 12px;
}
._menuItems_1nz7x_217 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 12px;
}
._menuItem_1nz7x_217 {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  text-align: left;
}
._menuItem_1nz7x_217:hover {
  background-color: #f5f6f9;
}
._menuItem_1nz7x_217:active {
  transform: scale(0.98);
}
._menuItemActive_1nz7x_248 {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
  color: #1f1f1f;
  font-weight: 500;
}
._menuItemActive_1nz7x_248:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._menuItemIcon_1nz7x_257 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._menuItemLabel_1nz7x_263 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._sectionDivider_1nz7x_270 {
  height: 1px;
  background: transparent;
  margin: 16px 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._pageLayout_12bd3_57 {
  display: flex;
  width: 100%;
  height: calc(100vh - 0px);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._pageLayout_12bd3_57 {
    flex-direction: column;
    height: calc(100vh - 0px);
  }
}
._container_12bd3_70 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 24px;
  overflow-y: auto;
}
@media screen and (max-width: 834px) {
  ._container_12bd3_70 {
    height: auto;
    padding: var(--page-header-padding);
  }
}
._container_12bd3_70._noPadding_12bd3_86 {
  padding: 0;
}
._tabsWrapper_12bd3_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
  padding-bottom: 0;
  border-bottom: 1px solid #d8dbdf;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  ._tabsWrapper_12bd3_90 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._tabsWrapper_12bd3_90 {
    gap: 12px;
  }
}
._tabsContainer_12bd3_114 {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  -ms-overflow-style: none;
  /* Minimal horizontal scrollbar to indicate scrollability */
}
._tabsContainer_12bd3_114::-webkit-scrollbar {
  height: 1px;
}
._tabsContainer_12bd3_114::-webkit-scrollbar-track {
  background: transparent;
}
._tabsContainer_12bd3_114::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 999px;
}
@media screen and (max-width: 834px) {
  ._tabsContainer_12bd3_114 {
    width: 100%;
    order: 2;
  }
}
@media screen and (max-width: 480px) {
  ._tabsContainer_12bd3_114 {
    gap: 8px;
  }
}
._tenantControls_12bd3_148 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  margin-left: auto;
}
@media screen and (max-width: 834px) {
  ._tenantControls_12bd3_148 {
    width: 100%;
    margin-left: 0;
    order: 1;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  ._tenantControls_12bd3_148 {
    gap: 8px;
    flex-wrap: nowrap;
  }
}
._addButton_12bd3_172 {
  height: 40px;
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  ._addButton_12bd3_172 {
    flex: 1;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  ._addButton_12bd3_172 {
    gap: 8px;
  }
}
._addButton_12bd3_172:hover ._addButtonCircle_12bd3_195 {
  background-color: #333;
}
._addButtonText_12bd3_199 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._addButtonText_12bd3_199 {
    font-size: 14px;
    display: none;
  }
}
._addButtonCircle_12bd3_195 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, transform 0.2s;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._addButtonCircle_12bd3_195 {
    width: 36px;
    height: 36px;
  }
}
._addButtonCircle_12bd3_195 img {
  width: 20px;
  height: 20px;
  filter: invert(1);
}
@media screen and (max-width: 480px) {
  ._addButtonCircle_12bd3_195 img {
    width: 18px;
    height: 18px;
  }
}
._editButton_12bd3_242 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #d8dbdf;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  padding: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._editButton_12bd3_242 {
    width: 36px;
    height: 36px;
  }
}
._editButton_12bd3_242:hover {
  background-color: #f5f5f5;
  border-color: #9ca3b0;
}
._editButton_12bd3_242:active {
  transform: scale(0.95);
}
._editButton_12bd3_242:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f5f5f5;
}
._editButton_12bd3_242:disabled:hover {
  transform: none;
  background-color: #f5f5f5;
  border-color: #d8dbdf;
}
._editButton_12bd3_242 img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 480px) {
  ._editButton_12bd3_242 img {
    width: 18px;
    height: 18px;
  }
}
._content_12bd3_290 {
  flex: 1;
  width: 100%;
  overflow: auto;
}
._contentLoader_12bd3_296 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._loadingContainer_12bd3_303 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
}
._emptyState_12bd3_311 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
  padding: 40px;
}
@media screen and (max-width: 480px) {
  ._emptyState_12bd3_311 {
    padding: 20px;
  }
}
._emptyStateContent_12bd3_325 {
  text-align: center;
  max-width: 480px;
  display: flex;
  flex-direction: column;
}
._emptyStateContent_12bd3_325 h2 {
  font-family: "Roboto";
  font-size: 28px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 12px 0;
}
@media screen and (max-width: 480px) {
  ._emptyStateContent_12bd3_325 h2 {
    font-size: 24px;
  }
}
._emptyStateContent_12bd3_325 p {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: #5f6368;
  margin: 0 0 32px 0;
}
@media screen and (max-width: 480px) {
  ._emptyStateContent_12bd3_325 p {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
._emptyStateButtonLabel_12bd3_357 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  ._emptyStateButtonLabel_12bd3_357 {
    font-size: 14px;
  }
}
._emptyStateButtonLabel_12bd3_357 img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 480px) {
  ._emptyStateButtonLabel_12bd3_357 img {
    width: 18px;
    height: 18px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_16j0r_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_16j0r_66 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._title_16j0r_72 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin: 0;
}
._templatesList_16j0r_81 {
  flex: 1;
  overflow-y: auto;
}
._templatesGrid_16j0r_86 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
@media (max-width: 768px) {
  ._templatesGrid_16j0r_86 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  ._templatesGrid_16j0r_86 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
._templateCard_16j0r_103 {
  border: 1px solid #d8dbdf;
  border-radius: 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--scss-white, #ffffff);
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
}
._templateCard_16j0r_103:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: rgba(84, 121, 247, 0.3);
  transform: translateY(-2px);
}
._templatePreview_16j0r_120 {
  width: 100%;
  height: 220px;
  border: none;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background: #f6f9ff;
  position: relative;
}
._previewContent_16j0r_130 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: scale(0.5);
  transform-origin: top left;
  width: 200%;
  height: 200%;
  background-color: var(--scss-white, #ffffff);
}
._previewContent_16j0r_130 * {
  pointer-events: none;
}
._templateInfo_16j0r_144 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px;
}
._templateName_16j0r_152 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}
._templateDescription_16j0r_161 {
  font-family: "Roboto";
  color: var(--scss-gray-text-color, #727272);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._templateDate_16j0r_174 {
  font-family: "Roboto";
  color: var(--scss-gray-text-color, #727272);
  font-size: 12px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
._templateDate_16j0r_174 ._dateIcon_16j0r_183 {
  font-size: 14px;
  opacity: 0.6;
}
._templateActions_16j0r_188 {
  display: flex;
  gap: 12px;
  padding: 0 24px 24px;
}
._emptyState_16j0r_194 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  color: var(--scss-gray-text-color, #727272);
  font-family: "Roboto";
  font-size: 16px;
}
._editorContainer_16j0r_204 {
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
  height: 100%;
}
._editorHeader_16j0r_216 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
._editorHeaderLeft_16j0r_228 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._editorTitle_16j0r_234 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
._editorButtons_16j0r_242 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._iconButton_16j0r_248 {
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #666;
  transition: all 0.2s ease;
}
._iconButton_16j0r_248:hover {
  background-color: #f5f5f5;
  color: #333;
}
._iconButton_16j0r_248 svg {
  font-size: 20px;
}
._editorMain_16j0r_263 {
  flex: 1;
  display: flex;
  min-height: 0;
}
._editorContent_16j0r_269 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._editorTopTabs_16j0r_277 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 4px;
}
._editorTopTabButton_16j0r_284 {
  border: none;
  background: transparent;
  padding: 4px 12px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 13px;
  cursor: pointer;
  color: #6b7280;
  transition: background-color 0.15s ease, color 0.15s ease;
}
._editorTopTabButton_16j0r_284:hover {
  background-color: #e5e7eb;
  color: #111827;
}
._editorTopTabButtonActive_16j0r_300 {
  background-color: #111827;
  color: #ffffff;
}
._editorWrapper_16j0r_305 {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}
._editorWrapper_16j0r_305 .esPYYN .blockbuilder-branding {
  display: none !important;
}
._editorWrapper_16j0r_305 .email-tag-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.16) 0%, rgba(95, 82, 243, 0.24) 100%);
  color: #3b0764;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid rgba(129, 140, 248, 0.7);
  white-space: nowrap;
  font-weight: 500;
  user-select: none;
  cursor: default;
}
._editorWrapper_16j0r_305 .side-bar-tabs {
  display: none !important;
}
._editorWrapper_16j0r_305 > * {
  height: 100% !important;
}
._editorWrapper_16j0r_305 > * > * {
  height: 100% !important;
}
._imagesTab_16j0r_342 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 16px;
}
._imagesUploadRow_16j0r_350 {
  display: flex;
  justify-content: flex-start;
}
._imagesUploadButton_16j0r_355 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  background-color: #111827;
  color: #ffffff;
  font-family: "Roboto";
  font-size: 14px;
  cursor: pointer;
}
._imagesList_16j0r_368 {
  flex: 1;
  overflow-y: auto;
}
._imagesListDragOver_16j0r_373 {
  outline: 2px dashed #5479f7;
  outline-offset: 4px;
  background-color: #f9fafb;
}
._imagesEmpty_16j0r_379 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
}
._imagesEmptyBanner_16j0r_389 {
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #fafafa;
  text-align: center;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
._imagesEmptyBannerActive_16j0r_403 {
  border-color: #5479f7;
  background-color: #eef2ff;
}
._imagesEmptyIcon_16j0r_408 {
  font-size: 32px;
}
._imagesEmptyTitle_16j0r_412 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._imagesEmptyText_16j0r_419 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
}
._imagesGrid_16j0r_425 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
._imageCard_16j0r_431 {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 160px;
}
._imagePreview_16j0r_442 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f3f4f6;
}
._imagePreview_16j0r_442 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._imageDeleteButton_16j0r_459 {
  position: absolute !important;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  padding: 4px;
  background-color: rgba(15, 23, 42, 0.45) !important;
  color: #ffffff !important;
  border-radius: 999px;
}
._imageDeleteButton_16j0r_459:hover {
  background-color: rgba(15, 23, 42, 0.75) !important;
}
._imageDeleteButton_16j0r_459 svg {
  width: 16px;
  height: 16px;
}
._imageKey_16j0r_478 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-gray-text-color, #727272);
  word-break: break-all;
}
._imageKeyRow_16j0r_485 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._copyButton_16j0r_491 {
  padding: 4px;
}
._imageAddCard_16j0r_495 {
  align-items: center;
  justify-content: center;
  border-style: dotted;
  border-width: 2px;
  border-color: #9ca3af;
  background: radial-gradient(circle at top left, #f9fafb 0, #f3f4f6 40%, #eef2ff 100%);
  cursor: pointer;
  text-align: center;
  gap: 10px;
}
._imageAddCard_16j0r_495:hover {
  border-color: #9ca3af;
  background-color: #f3f4f6;
}
._imageAddCardActive_16j0r_511 {
  border-color: #5479f7;
  background: radial-gradient(circle at top left, #eef2ff 0, #e0e7ff 40%, #dbeafe 100%);
}
._imageAddIcon_16j0r_516 {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #374151;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}
._imageAddText_16j0r_530 {
  font-family: "Roboto";
  font-size: 13px;
  color: #4b5563;
  max-width: 160px;
}._container_12gne_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}

._header_12gne_10 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._title_12gne_16 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}

._description_12gne_24 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

._sections_12gne_31 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}

._section_12gne_31 {
  background: #ffffff;
}

._form_12gne_44 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._row_12gne_50 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._labelRow_12gne_56 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

._inputLabel_12gne_63 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
}

._hint_12gne_70 {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #9ca3b0;
}

._jsonInput_12gne_76 {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

._errorText_12gne_80 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #dc2626;
}

._actions_12gne_86 {
  background: #ffffff;
  padding: 12px 12px 0 12px;
  border-top: 1px solid #d8dbdf;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

._emptyState_12gne_96 {
  padding: 32px 24px;
  border-radius: 10px;
  border: 1px dashed #d8dbdf;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
}

._loaderWrapper_12gne_106 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_cuhnz_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_cuhnz_66 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._sections_cuhnz_72 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}
._section_cuhnz_72 {
  background: #ffffff;
}
._headerCell_cuhnz_85 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  background-color: #f5f5f7;
  border-bottom: 1px solid #d8dbdf;
}
._cell_cuhnz_94 {
  padding: 14px;
  height: 40px;
  border-bottom: 1px solid #eaeef4;
}
._tableLabel_cuhnz_100 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #1f1f1f;
}
._emptyText_cuhnz_106 {
  font-style: italic;
  color: #9fa6b3;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
._emptyCell_cuhnz_113 {
  padding: 24px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
}
._emptyState_cuhnz_121 {
  padding: 32px 24px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
}
._emailCell_cuhnz_129 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
}
._avatar_cuhnz_136 {
  width: 32px;
  height: 32px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_e8ivr_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._sectionTitle_e8ivr_63 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f1f1f;
}
._description_e8ivr_71 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #6a7282;
}
._tableWrapper_e8ivr_78 {
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  overflow: hidden;
}
._table_e8ivr_78 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
  font-size: 14px;
  color: #1f1f1f;
}
._thead_e8ivr_92 {
  background-color: #f5f6f9;
}
._th_e8ivr_92,
._td_e8ivr_97 {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #edf0f4;
}
._th_e8ivr_92 {
  font-weight: 500;
  color: #6a7282;
  white-space: nowrap;
}
._roleName_e8ivr_109 {
  font-weight: 500;
}
._checkboxCell_e8ivr_113 {
  text-align: center;
  width: 80px;
}
._toggleGroup_e8ivr_118 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._toggleRow_e8ivr_124 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._toggleLabel_e8ivr_130 {
  font-family: "Roboto";
  font-size: 14px;
  color: #1f1f1f;
}
._error_e8ivr_136 {
  margin-top: 8px;
  font-size: 12px;
  color: #e53935;
}
._actions_e8ivr_142 {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_e0ssj_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_e0ssj_66 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._title_e0ssj_72 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}
._description_e0ssj_80 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
._sections_e0ssj_87 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}
._section_e0ssj_87 {
  background: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}
._sectionTitle_e0ssj_102 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 12px 0;
}
._sectionDescription_e0ssj_110 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px 0;
}
._row_e0ssj_117 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._formGroup_e0ssj_123 {
  flex: 1;
  width: 50%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
._formGroup_e0ssj_123 .MuiTextField-root {
  width: 100%;
}
._mdEditorWrapper_e0ssj_134 {
  isolation: isolate;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  box-sizing: border-box !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor button[data-name="fullscreen"] {
  display: none !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text-pre {
  font-size: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-overflow: clip !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text {
  padding: 12px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-overflow: clip !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  text-overflow: clip !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text textarea {
  padding: 12px !important;
  margin: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-indent: 0 !important;
  border: none !important;
  outline: none !important;
  resize: none !important;
  box-sizing: border-box !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-overflow: clip !important;
  letter-spacing: normal !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text-input {
  padding: 12px !important;
  margin: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-indent: 0 !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-overflow: clip !important;
}
._mdEditorWrapper_e0ssj_134 .w-md-editor-text-pre > code {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace !important;
}
._inputLabel_e0ssj_205 {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 8px;
  line-height: 1.5;
}
._errorText_e0ssj_215 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #dc2626;
  margin-top: 8px;
}
._actions_e0ssj_222 {
  background: #ffffff;
  padding: 12px 12px 0 12px;
  border-top: 1px solid #d8dbdf;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._previewContainer_14sgs_29 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._previewHeader_14sgs_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 4px;
}
._previewTitle_14sgs_46 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}
._expandButton_14sgs_54 {
  padding: 6px 12px;
  background: #1f1f1f;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s;
}
._expandButton_14sgs_54:hover {
  background: #333;
}
._previewWrapper_14sgs_70 {
  width: 100%;
  height: 650px;
  display: flex;
  flex-direction: row;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
._formColumn_14sgs_82 {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}
._titleHolder_14sgs_89 {
  padding: 32px 32px 0;
}
._titleHolder_14sgs_89 ._title_14sgs_89 {
  display: flex;
  align-items: center;
  gap: 14px;
}
._titleHolder_14sgs_89 ._title_14sgs_89 ._logo_14sgs_97 {
  width: 40px;
  height: 40px;
}
._titleHolder_14sgs_89 ._title_14sgs_89 ._logoAltText_14sgs_101 {
  display: inline-block;
  width: auto;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
._titleHolder_14sgs_89 ._title_14sgs_89 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 18px;
  font-weight: 700;
}
._flexWrapper_14sgs_123 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 32px;
}
._backgroundWrapper_14sgs_131 {
  width: 100%;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 0px 24px rgba(104, 104, 136, 0.3);
}
._subWrapper_14sgs_138 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._subWrapperCenter_14sgs_145 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._subTitleHolder_14sgs_152 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
._subTitleHolder_14sgs_152 ._subTitle_14sgs_152 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._subTitleHolder_14sgs_152 ._signInImage_14sgs_169 {
  max-width: 200px;
  max-height: 60px;
  object-fit: contain;
}
._subTitleHolder_14sgs_152 ._helptext_14sgs_174 {
  font-family: "Roboto";
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._formHolder_14sgs_186 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._fieldsHolder_14sgs_192 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._inputPreview_14sgs_198 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._inputPreview_14sgs_198 label {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  color: #1F1F1F;
}
._inputPreview_14sgs_198 ._input_14sgs_198 {
  width: 100%;
  height: 36px;
  border: 1px solid #D8DBDF;
  border-radius: 5px;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: 13px;
  display: flex;
  align-items: center;
  background: #fff;
  color: #1F1F1F;
}
._button_14sgs_223 {
  width: 100%;
  height: 42px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s;
  border: none;
  letter-spacing: 0.5px;
}
._button_14sgs_223:hover {
  opacity: 0.9;
}
._imageColumn_14sgs_239 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._imageColumn_14sgs_239 ._sideImage_14sgs_246 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._expandedOverlay_14sgs_252 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 24px;
}
._expandedContainer_14sgs_266 {
  width: 90vw;
  height: 90vh;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._expandedHeader_14sgs_276 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #f5f5f5;
  border-bottom: 1px solid #d8dbdf;
}
._expandedHeader_14sgs_276 h3 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}
._closeButton_14sgs_292 {
  width: 32px;
  height: 32px;
  border: none;
  background: #1f1f1f;
  color: #fff;
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
._closeButton_14sgs_292:hover {
  background: #333;
}
._expandedPreviewWrapper_14sgs_310 {
  flex: 1;
  display: flex;
  overflow: hidden;
}
._expandedPreviewWrapper_14sgs_310 ._formColumn_14sgs_82 {
  width: 50%;
}
._expandedPreviewWrapper_14sgs_310 ._imageColumn_14sgs_239 {
  width: 50%;
}
._expandedPreviewWrapper_14sgs_310 ._logo_14sgs_97 {
  width: 54px;
  height: 54px;
}
._expandedPreviewWrapper_14sgs_310 ._logoAltText_14sgs_101 {
  display: inline-block;
  width: auto;
  min-width: 54px;
  height: 54px;
  line-height: 54px;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
._expandedPreviewWrapper_14sgs_310 ._titleHolder_14sgs_89 {
  padding: 44px 50px 0;
}
._expandedPreviewWrapper_14sgs_310 ._title_14sgs_89 span {
  font-size: 24px;
  line-height: 29px;
}
._expandedPreviewWrapper_14sgs_310 ._subTitle_14sgs_152 {
  font-size: 32px;
  line-height: 39px;
}
._expandedPreviewWrapper_14sgs_310 ._helptext_14sgs_174 {
  font-size: 16px;
  line-height: 19px;
}
._expandedPreviewWrapper_14sgs_310 ._backgroundWrapper_14sgs_131 {
  padding: 44px;
}
._expandedPreviewWrapper_14sgs_310 ._inputPreview_14sgs_198 label {
  font-size: 14px;
}
._expandedPreviewWrapper_14sgs_310 ._inputPreview_14sgs_198 ._input_14sgs_198 {
  height: 40px;
  font-size: 14px;
  padding: 0 12px;
}
._expandedPreviewWrapper_14sgs_310 ._button_14sgs_223 {
  height: 48px;
  font-size: 16px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_zmheg_57 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
._loading_zmheg_65 {
  padding: 48px;
  text-align: center;
  color: var(--scss-gray-text-color, #727272);
  font-family: "Roboto";
}
._header_zmheg_72 {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
}
._title_zmheg_80 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 8px 0;
  line-height: 29px;
}
._subtitle_zmheg_89 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0;
  line-height: 1.5;
}
._sections_zmheg_97 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
._loginPageLayout_zmheg_106 {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width: 1220px) {
  ._loginPageLayout_zmheg_106 {
    flex-direction: column;
  }
}
._menuPageLayout_zmheg_117 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._menuPageLayout_zmheg_117 {
    flex-direction: column;
  }
}
._loginPagePreview_zmheg_131 {
  flex: 0 0 auto;
  width: 750px;
  position: sticky;
  top: 0;
  height: fit-content;
  max-height: calc(100vh - 200px);
}
@media screen and (max-width: 1220px) {
  ._loginPagePreview_zmheg_131 {
    position: static;
    width: 100%;
  }
}
._menuSettingsPanel_zmheg_146 {
  flex: 0 0 auto;
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: sticky;
  top: 24px;
  align-self: flex-start;
}
@media screen and (max-width: 1220px) {
  ._menuSettingsPanel_zmheg_146 {
    position: static;
    width: 100%;
  }
}
._section_zmheg_97 {
  background: var(--scss-white, #ffffff);
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._section_zmheg_97 {
    width: 100%;
    flex: none;
  }
}
._sectionTitle_zmheg_176 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 8px 0;
  line-height: 22px;
}
._sectionDescription_zmheg_185 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0 0 20px 0;
  line-height: 1.5;
}
._subsection_zmheg_193 {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
._subsection_zmheg_193:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
._subsectionHeader_zmheg_203 {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
._subsectionTitle_zmheg_211 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 4px 0;
  line-height: 20px;
}
._subsectionDescription_zmheg_220 {
  font-family: "Roboto";
  font-size: 13px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
._subsectionContent_zmheg_228 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._formGroup_zmheg_234 {
  margin-bottom: 20px;
}
._formGroup_zmheg_234:last-child {
  margin-bottom: 0;
}
._inputHint_zmheg_241 {
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 12px;
  color: #6b7280;
}
._globalBrandingRow_zmheg_248 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._featuresBlock_zmheg_254 {
  margin-top: 24px;
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
}
._globalSection_zmheg_260 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._globalSection_zmheg_260 ._formGroup_zmheg_234 {
  max-width: 550px;
}
._urlFormGroup_zmheg_269 {
  max-width: 550px;
}
._gradientRow_zmheg_273 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._menuRow_zmheg_279 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._menuColors_zmheg_285 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 0 0 360px;
}
._menuItemsList_zmheg_292 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._colorPicker_zmheg_301 {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  background: #fff;
  flex-direction: row;
}
._colorPicker_zmheg_301 input[type=color] {
  width: 40px;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
._gradientPreview_zmheg_319 {
  flex: 1;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d8dbdf;
  background-color: #f5f5f7;
}
._filterRow_zmheg_327 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._filterControl_zmheg_333 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._filterControl_zmheg_333 label {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._sliderContainer_zmheg_345 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 4px;
}
._sliderValue_zmheg_352 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  min-width: 50px;
  text-align: right;
}
._tenantSelectWrapper_zmheg_361 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 260px;
}
._inputLabel_zmheg_368 {
  display: block;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-bottom: 8px;
  line-height: 1.5;
}
._checkboxGroup_zmheg_378 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._checkboxGroup_zmheg_378 label {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  user-select: none;
  line-height: 1.5;
}
._menuItemsList_zmheg_292 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._menuItemContainer_zmheg_401 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._menuItem_zmheg_292 {
  width: 100%;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  padding: 0;
  transition: background 0.2s;
}
._menuItem_zmheg_292:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._menuItem_zmheg_292._menuItemDisabled_zmheg_418 {
  opacity: 0.5;
}
._submenuContainer_zmheg_422 {
  margin-left: 38px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(186, 186, 235, 0.1) 0%, rgba(211, 148, 241, 0.1) 100%);
  padding: 4px 0;
}
._submenuItem_zmheg_433 {
  margin-left: 0;
}
._menuItemHolder_zmheg_437 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 7px 12px;
  border-radius: 5px;
}
._menuItemHolder_zmheg_437:hover {
  background-image: var(--menu-hover-bg);
}
._menuItemIcon_zmheg_450 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._menuItemIcon_zmheg_450 img {
  max-width: 24px !important;
  height: auto;
}
._menuItemIcon_zmheg_450 svg {
  width: 24px;
  height: 24px;
}
._menuItemIconMask_zmheg_468 {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
._menuItemIconMask_zmheg_468 img {
  max-width: 24px !important;
  height: auto;
  display: block;
}
._menuItemText_zmheg_487 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  flex: 1;
  color: var(--scss-text-color, #1f1f1f);
}
._menuItemCheckbox_zmheg_496 {
  flex-shrink: 0;
}
._colorGrid_zmheg_500 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
._uiPreviewContainer_zmheg_507 {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e5e7eb;
}
._previewTitle_zmheg_513 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 24px 0;
}
._previewSection_zmheg_521 {
  margin-bottom: 32px;
}
._previewSection_zmheg_521:last-child {
  margin-bottom: 0;
}
._previewSectionHeader_zmheg_528 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
._previewSectionLabel_zmheg_536 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}
._previewResetButton_zmheg_546 {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 1;
}
._previewResetButton_zmheg_546:hover {
  background: #f3f4f6;
  color: #111827;
}
._labelWithReset_zmheg_566 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  width: 100%;
}
._tabsPreviewWrapper_zmheg_574 .button.active {
  color: var(--active-tab-color, #5479F7);
}
._tabsPreviewWrapper_zmheg_574 .button.active::after {
  background-color: var(--active-tab-color, #5479F7) !important;
}
._buttonsPreviewGroup_zmheg_581 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._previewButton_zmheg_587 {
  width: 100%;
  padding: 12px 24px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
._previewButton_zmheg_587:not(:disabled):hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._volumeControlPreview_zmheg_601 {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
._actions_zmheg_607 {
  bottom: 0;
  left: var(--nav-bar-width, 0);
  right: 0;
  background: var(--scss-white, #ffffff);
  padding: 12px 12px 0px 12px;
  border-top: 1px solid #d8dbdf;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 834px) {
  ._actions_zmheg_607 {
    left: 0;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._form_sv5r6_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}
._field_sv5r6_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._label_sv5r6_42 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
}
._actions_sv5r6_49 {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1p9j1_29 {
  padding: 14px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(100% - (var(--page-header)) / 2);
  width: 100%;
}
._tabs_1p9j1_38 {
  display: flex;
  gap: 24px;
}
._tab_1p9j1_38 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #1f1f1f;
  cursor: pointer;
}
._active_1p9j1_53 {
  font-weight: bold;
  border-bottom: 2.5px solid #1f1f1f;
}
._balance_1p9j1_58 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
}
._balance_1p9j1_58 h5 {
  font-family: inherit;
  white-space: nowrap;
  color: #727272;
}
._balance_1p9j1_58 span {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._title_1x449_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  margin-top: 32px;
}
._tableCell_1x449_40 {
  margin: 7px;
}
._placeholderContainer_1x449_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_1x449_53 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: #f6f9ff;
  border-bottom: 1px solid rgb(234, 238, 244);
  border-top: 1px solid rgb(234, 238, 244);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_1x449_53._first_1x449_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid rgb(234, 238, 244);
}
._headerCell_1x449_53._last_1x449_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid rgb(234, 238, 244);
}
._tableLabel_1x449_72 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._buttonContainer_1x449_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_1x449_78 ._title_1x449_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_1x449_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_1x449_98 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none #eaeef4;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_1x449_98 ._cellWrapper_1x449_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_1x449_98 ._cellWrapper_1x449_108._cellWrapperRoundLast_1x449_116 {
  border-radius: 0 5px 5px 0;
}
._cell_1x449_98 ._cellWrapper_1x449_108._cellWrapperRoundFirst_1x449_119 {
  border-radius: 5px 0 0 5px;
}
._cell_1x449_98 ._cellWrapper_1x449_108 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._cell__status_1x449_127 {
  padding: 5px 14px 5px 14px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-transform: capitalize;
  min-width: 110px;
}
._cell__status__started_1x449_137 {
  background-color: rgba(255, 246, 200, 0.8);
}
._cell__status__finished_1x449_140 {
  background-color: rgba(221, 255, 200, 0.8);
}
._cell__status__error_1x449_143 {
  background-color: rgb(255, 188, 188);
}
._row_1x449_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_1x449_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_1x449_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_1x449_160 {
  margin-left: 8px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._temlateHolderAdmin_1rklb_29 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  height: 100%;
  overflow: auto;
  border: 1px solid #d8dbdf;
  border-radius: 10px 10px 10px 10px;
  padding: 24px;
  padding-right: 24px;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._temlateHolderAdmin_1rklb_29 {
    overflow-y: initial;
  }
}
@media screen and (max-width: 1220px) {
  ._temlateHolderAdmin_1rklb_29 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._temlateHolderAdmin_1rklb_29 {
    border: none;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._temlateHolderAdmin_1rklb_29._roundBorder_1rklb_59 {
  border-radius: 0px 10px 10px 10px;
}/* styles.module.scss */
._mainContent_ebmrs_2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 600px;
  max-width: 100%;
}

._content_ebmrs_10 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px !important;
}

._tableWrapper_ebmrs_17 {
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  height: 60vh;
}

._buttonHolder_ebmrs_24 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: fit-content;
}

._mainWrapper_ebmrs_32 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._menuItemsHolder_ebmrs_38 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._templatesContainer_oo4dz_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(111vh - 50px);
  padding-top: 24px;
}
@media screen and (max-width: 834px) {
  ._templatesContainer_oo4dz_57 {
    height: calc(100vh - 50px);
  }
}
._templatesContainer_oo4dz_57 ._filterHolder_oo4dz_70 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._templatesContainer_oo4dz_57 ._placeHolderContainer_oo4dz_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._templatesContainer_oo4dz_57 ._placeHolderContainer_oo4dz_76 ._placeHolder_oo4dz_76 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._flexContainer_oo4dz_88 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
._previewContainer_oo4dz_95 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  position: relative;
}
._mainContainer_oo4dz_103 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 14px;
}
._buttonsHolder_oo4dz_111 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
._saveButtonContainer_oo4dz_118 {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
}
._otherButtonsContainer_oo4dz_126 {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
}
._preview_oo4dz_95 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  background-color: rgba(234, 238, 244, 0.4156862745);
  width: 100%;
  height: 100%;
  z-index: 999;
}
._flexContainer_oo4dz_88 > * {
  flex: 0 0 calc(50% - 8px);
  box-sizing: border-box;
}
._container_oo4dz_150 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(111vh - 50px);
}
@media screen and (max-width: 834px) {
  ._container_oo4dz_150 {
    height: calc(100vh - 50px);
  }
}
._container_oo4dz_150 ._filterHolder_oo4dz_70 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._container_oo4dz_150 ._placeHolderContainer_oo4dz_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._container_oo4dz_150 ._placeHolderContainer_oo4dz_76 ._placeHolder_oo4dz_76 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._title_oo4dz_180 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._content_oo4dz_190 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._content_oo4dz_190 ._buttonsHolder_oo4dz_111 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
._list_oo4dz_202 {
  width: 100%;
  height: 100%;
}
._infoHolder_oo4dz_207 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 24px;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 {
  border: 1px solid #eaeef4;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  height: 95px;
  width: 33%;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 ._memberLabel_oo4dz_224 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 ._cardContent_oo4dz_233 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 ._cardContent_oo4dz_233 ._typeLabelHolder_oo4dz_239 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 ._cardContent_oo4dz_233 ._typeLabelHolder_oo4dz_239 ._typeLabel_oo4dz_239 {
  width: 50%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._infoHolder_oo4dz_207 ._infoCard_oo4dz_213 ._cardContent_oo4dz_233 ._memberIconsHolder_oo4dz_255 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_oo4dz_262 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
._avatar_oo4dz_273 {
  margin-left: -15px;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_oo4dz_273 + ._avatar_oo4dz_273 {
  margin-left: -15px;
  z-index: 2;
}
._dots_oo4dz_288 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_oo4dz_76 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_oo4dz_302 {
  font-size: 1rem;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._fieldsWrapper_1leyu_57 {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
._fieldsWrapper__header_1leyu_64 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #d8dbdf;
  background: #f5f6f9;
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_1leyu_64 span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._fieldsWrapper__content_1leyu_85 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_1leyu_57 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_1leyu_57 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_1leyu_57 {
    min-width: 100%;
  }
}
._fieldContainer_1leyu_118 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1leyu_118 ._flexContainer_1leyu_125 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1leyu_118 ._hader_1leyu_130 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainer_1leyu_118 ._field_1leyu_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
    height: 100%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1leyu_118 ._field_1leyu_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1leyu_118 ._field_1leyu_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1leyu_118 ._field_1leyu_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_1leyu_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1leyu_118 ._field_1leyu_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_1leyu_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1leyu_118 ._hader_1leyu_130 ._textHolder_1leyu_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1leyu_118 ._subhader_1leyu_145 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._fieldContainer_1leyu_118 ._field_1leyu_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1leyu_118 ._checkboxContainer_1leyu_168 {
    display: flex;
    align-items: flex-start;
  }
}
._textWithTooltip_1leyu_395 {
  display: inline-flex;
  gap: 12px;
}
._subwrapper_1leyu_400 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_1leyu_400 ._fieldsWrapper_1leyu_57 {
  flex: 1 1 calc(25% - 24px);
  min-width: 250px;
  max-width: 100%;
}/* styles.module.scss */
._mainWrapper_6hj9m_2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

._tableWrapper_6hj9m_15 {
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 70vh;
}.typing {
  position: relative;
}
.typing span {
  content: "";
  animation: blink 1.5s infinite;
  animation-fill-mode: both;
  height: 6px;
  width: 6px;
  background: #454545;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.typing span:nth-child(2) {
  animation-delay: 0.2s;
  margin-left: 9px;
}
.typing span:nth-child(3) {
  animation-delay: 0.4s;
  margin-left: 18px;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes _fadeIn_2w6ex_1 {
  to {
    opacity: 1;
  }
}
._startChatBtn_2w6ex_7 {
  padding: 6px 6px;
  border-radius: 5px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
}
._startChatBtn_2w6ex_7._disabled_2w6ex_17, ._startChatBtn_2w6ex_7:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._startChatBtn_2w6ex_7:hover {
  opacity: 0.8;
}
._button_2w6ex_26 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}
._button_2w6ex_26 ._icon_2w6ex_39 {
  width: 20px;
  height: 20px;
}
._button_2w6ex_26 ._label_2w6ex_43 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._messageContainer_2w6ex_49 {
  position: relative;
  gap: 5px;
  width: 100%;
  margin-bottom: 10px;
}
._chatContainer_2w6ex_56 {
  font-family: Roboto, sans-serif;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  color: black;
  overflow: hidden;
}
._chatContainer_2w6ex_56 ._connectionLostContainer_2w6ex_67 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.432);
  backdrop-filter: blur(1px);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
._chatContainer_2w6ex_56 ._connectionLostContainer_2w6ex_67 ._label_2w6ex_43 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._chatContainer_2w6ex_56 ._loadingContainer_2w6ex_85 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.187);
  backdrop-filter: blur(1px);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
._chatContainer_2w6ex_56 ._loadingContainer_2w6ex_85 span {
  font-size: 16px;
}
._chatContainer_2w6ex_56 ._chatMessages_2w6ex_101 {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  color: black;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  overscroll-behavior: contain;
  width: 100%;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
._chatContainer_2w6ex_56 ._chatMessages__messages_2w6ex_115 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
}
._chatContainer_2w6ex_56 ._message_2w6ex_49 {
  padding: 10px;
  background: linear-gradient(to right, #d0e4ff, #c5ecfa);
  color: black;
  border-radius: 8px;
  width: fit-content;
}
._chatContainer_2w6ex_56 ._message_2w6ex_49 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_2w6ex_56 ._message_2w6ex_49._userMessage_2w6ex_133 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_2w6ex_1 0.5s ease-in-out forwards;
}
._chatContainer_2w6ex_56 ._message_2w6ex_49._userMessage_2w6ex_133:last-child {
  animation-delay: 0.2s;
}
._chatContainer_2w6ex_56 ._userMessage_2w6ex_133 ._messageContent_2w6ex_141 {
  display: inline-block;
  padding: 0;
  border-radius: 8px;
}
._chatContainer_2w6ex_56 ._userMessage_2w6ex_133 ._messageContent_2w6ex_141 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_2w6ex_56 ._userMessage_2w6ex_133 ._messageContent_2w6ex_141 span {
  max-width: 100%;
}
._chatContainer_2w6ex_56 ._operatorMessage_2w6ex_153 {
  text-align: left !important;
  background: #f5f7f9;
  color: black;
  border: 1px solid #eaeef4;
  border-radius: 10px 10px 10px 0;
  padding: 0.5rem;
}
._chatContainer_2w6ex_56 ._operatorMessage_2w6ex_153 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_2w6ex_56 ._messageDots_2w6ex_165 {
  width: 100%;
}
._chatContainer_2w6ex_56 ._message_2w6ex_49 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
._chatContainer_2w6ex_56 ._uname_2w6ex_173 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_2w6ex_56 ._operatorMessage_2w6ex_153 {
  text-align: left;
}
._chatContainer_2w6ex_56 ._operatorMessage_2w6ex_153 ._message-content_2w6ex_183 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_2w6ex_56 ._chatInput_2w6ex_188 {
  padding: 14px;
  border-top: 1px solid #d8dbdf;
  box-sizing: border-box;
  font-family: Roboto, serif;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
._chatContainer_2w6ex_56 ._chatInput__inputContainer_2w6ex_200 {
  border-radius: 8px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  background: rgb(245, 247, 249);
  height: max-content;
  position: relative;
  border: 1px solid #d8dbdf;
  padding: 8px;
}
._chatContainer_2w6ex_56 ._chatInput__input_2w6ex_200 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
  font-family: Roboto, serif;
  flex: 1;
}
._chatContainer_2w6ex_56 ._chatInput__input_2w6ex_200:focus {
  outline: none;
}
._chatContainer_2w6ex_56 ._chatInput_2w6ex_188 ._pi_2w6ex_226 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_2w6ex_56 ._chatInput_2w6ex_188 svg {
  align-self: end;
  margin-bottom: 5px;
  margin-right: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
._sign_2w6ex_241 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
  padding: 0 14px;
  text-align: center;
  width: 100%;
}
._sign_2w6ex_241 p {
  max-width: fit-content !important;
  margin: 0 auto;
}
._sign_2w6ex_241 strong {
  transition: color 0.2s ease;
}
._sign_2w6ex_241:hover strong {
  color: inherit !important;
}
._joinedMessage_2w6ex_260 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._spamMessage_2w6ex_271 {
  margin: 0 auto;
  color: #e14e4e;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._iconInChat_2w6ex_282 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 10px;
  border-radius: 30px;
}
._iconInChat__typing_2w6ex_290 {
  margin-bottom: 0;
}
._timeText_2w6ex_294 {
  color: rgb(179, 179, 179);
  margin: 0px;
  font-size: 10px;
  line-height: 12px;
}
._timeText__white_2w6ex_300 {
  color: #fff;
}
@keyframes _rotate360_2w6ex_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
._loopIcon_2w6ex_312 {
  animation: _rotate360_2w6ex_1 1s linear infinite;
}
._no-scroll_2w6ex_316 {
  overflow: hidden;
}
@media (max-width: 480px) {
  ._chatContainer_2w6ex_56 {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0 !important;
    right: 0;
    left: 0;
    top: 0;
  }
  ._chatMessages_2w6ex_101 {
    flex: 1;
    flex-grow: 1;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding: 14px;
    box-sizing: border-box;
    min-height: 0;
    height: calc(var(--vh, 1vh) * 100 - 80px);
    max-height: calc(var(--vh, 1vh) * 100 - 80px);
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    -ms-touch-action: pan-y !important;
    will-change: scroll-position;
    position: relative;
    overscroll-behavior: contain;
    display: block !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  ._chatMessages__messages_2w6ex_115 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    justify-content: flex-end;
    padding-bottom: 0;
  }
  ._chatInput_2w6ex_188 {
    padding: 14px;
    background-color: #fff;
    border-top: 1px solid #d8dbdf;
    position: relative;
    display: flex;
    gap: 0.5rem;
  }
  ._chatInput__inputContainer_2w6ex_200 {
    border-radius: 8px;
    border: 1px solid #d8dbdf;
    width: 100%;
    display: flex;
    align-items: center;
  }
  ._chatInput__input_2w6ex_200 {
    background-color: transparent;
    resize: none;
    width: 100%;
    border: none;
    font-size: 16px !important;
    padding: 8px;
    padding-right: 28px;
  }
  ._connectionLostContainer_2w6ex_67 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(153, 153, 153, 0.432);
    backdrop-filter: blur(1px);
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0px !important;
    gap: 10px;
  }
  ._connectionLostContainer_2w6ex_67 ._label_2w6ex_43 {
    font-family: Roboto, sans-serif;
    color: #1f1f1f;
    font-size: 16px;
  }
  ._loadingContainer_2w6ex_85 {
    border-radius: 0px !important;
  }
  ._pi_2w6ex_226 {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}

._hint_1oc4c_3 {
  border: 1px solid var(--border-field);
  border-radius: 50px;
  padding: 0.5rem 24px;
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--background-light);
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  background: #5479f7;
  opacity: 0;
  transform: translateY(20px);
  animation: _fadeInUp_1oc4c_1 0.5s ease forwards;
}
._hint_1oc4c_3:hover {
  background-color: #f5f7f9;
  color: var(--background-dark);
  border-color: #d8dbdf;
}
@keyframes _fadeInUp_1oc4c_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_1oc4c_3:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_1oc4c_3:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_1oc4c_3:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_1oc4c_3:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_1oc4c_3:nth-child(5) {
  animation-delay: 0.9s;
}
/* Для всех последующих элементов каждые 2 */
._hint_1oc4c_3:nth-child(n+6) {
  animation-delay: calc(0.1s * (n - 1));
}
._progressWrapper_1oc4c_67 {
  width: 100%;
}
._progressBar_1oc4c_71 {
  width: 100%;
  height: 20px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
._progressFill_1oc4c_80 {
  height: 100%;
  background: linear-gradient(90deg, #4caf50, #8bc34a);
  transition: width 0.3s;
  border-radius: 10px 0 0 10px;
  position: absolute;
  left: 0;
  top: 0;
}
._progressTitle_1oc4c_90 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  pointer-events: none;
  z-index: 1;
}
._successWrapper_1oc4c_102,
._errorWrapper_1oc4c_103 {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
}
._successWrapper_1oc4c_102 {
  background-color: #d4edda;
  color: #155724;
}
._errorWrapper_1oc4c_103 {
  background-color: #f8d7da;
  color: #721c24;
}
._successIcon_1oc4c_121,
._errorIcon_1oc4c_122 {
  font-size: 20px;
  margin-right: 10px;
}
._successContent_1oc4c_127,
._errorContent_1oc4c_128 {
  display: flex;
  flex-direction: column;
}
._errorTitle_1oc4c_133,
._successTitle_1oc4c_134 {
  font-size: 16px;
  font-weight: 500;
}
._hints_42ant_2 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: fit-content;
  margin-top: auto;
  background-color: transparent;
  max-height: 200px;
  overflow-y: scroll;
  width: 100%;
}

._location_nj6c0_3 {
  max-width: 100%;
}
._location__input_nj6c0_6 {
  max-width: 100%;
}
._btn_nj6c0_10 {
  border: 1px solid var(--border-field);
  border-radius: 50px;
  padding: 0.5rem 24px;
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: var(--background-light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  background: #5479f7;
  opacity: 0;
  transform: translateY(20px);
  animation: _fadeInUp_nj6c0_1 0.5s ease forwards;
}
._btn_nj6c0_10:hover {
  background-color: #F5F7F9;
  color: var(--background-dark);
  border-color: #D8DBDF;
}
@keyframes _fadeInUp_nj6c0_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_nj6c0_49:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_nj6c0_49:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_nj6c0_49:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_nj6c0_49:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_nj6c0_49:nth-child(5) {
  animation-delay: 0.9s;
}
/* Для всех последующих элементов каждые 2 */
._hint_nj6c0_49:nth-child(n+6) {
  animation-delay: calc(0.1s * (n - 1));
}._form_1c6jr_1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._text_1c6jr_7 {
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--background-dark);
}._loader__fullpage_1wesb_1 {
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
._loader__inline_1wesb_13 {
  display: flex;
  width: 15px;
  height: 15px;
}* {
  box-sizing: border-box;
}

._main_1hrks_5 {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
}

._container_1hrks_12 {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

._firstHandContainer_1hrks_23 {
  position: absolute;
  width: 910.2px;
  height: 402.9px;
  top: 206.3px;
  left: -50.8px;
}

._firstHandContainer_1hrks_23 img {
  position: absolute;
  bottom: 0;
}

._secondHandContainer_1hrks_36 {
  position: absolute;
  width: 900.2px;
  height: 402.9px;
  top: 434.3px;
  right: 0;
  transform: rotateZ(-177.13deg);
}

._secondHandContainer_1hrks_36 img {
  position: absolute;
  bottom: 0;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: rgb(255, 215, 127) 50%;
  border-radius: 10px;
  padding: 0 5px;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` ts in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  box-sizing: border-box;
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*
markup example:
<div className={styles.tableWrapper}>
  <table>
    <thead>
      <tr>
      <th>text</th>
      <th>text</th>
        </tr>
    </thead>
    <tbody>
      <tr>
        <td>text</td>
        <td>text</td>
        </tr>
    </tbody>
    </table>
</div>
spans can be included in td, provide className "selected" to tr to highlight it.
!WARNING! selection highlight is working only with spans, not with td itself
for checkboxes put .check class on td, to center them
*/
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none !important;
}
.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .flex-sb {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-sb-start {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  .flex-sb-start {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .flex-column {
    flex-direction: column;
    align-items: flex-start;
  }
}
.flex-row-center {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pointer {
  cursor: pointer;
}
.gap-05 {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-1 {
  margin-top: 1rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mt-1dot5 {
  margin-top: 1.5rem;
}
.mb-1dot5 {
  margin-bottom: 1.5rem;
}
.bold {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
.pt-1 {
  padding-top: 1rem;
}
.pb-1 {
  padding-bottom: 1rem;
}
h3,
h4,
h5,
p,
span,
div,
button {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
*::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 16px !important;
}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
*::-webkit-scrollbar-button {
  display: none;
}
.add-action-scrollbar::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .html {
    font-size: 14px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulseLight {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}