@charset "UTF-8";@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");@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");@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_aecfa_29 {
  border-radius: 10px;
}
._content_aecfa_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_aecfa_33 {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 90vh;
  }
}
._wrapper_aecfa_54 {
  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;
}
@media screen and (max-width: 480px) {
  ._wrapper_aecfa_54 {
    width: 100%;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
._title_aecfa_75 {
  width: 100%;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-top: 0;
}
._subcontent_aecfa_85 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  max-height: 335px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
._subcontent_aecfa_85 div {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._subcontent_aecfa_85 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._subcontent_aecfa_85::-webkit-scrollbar {
  width: 8px;
}
._subcontent_aecfa_85::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
._subcontent_aecfa_85::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._subcontent_aecfa_85::-webkit-scrollbar-thumb:hover {
  background: #555;
}
._buttonHolder_aecfa_126 {
  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_aecfa_126 {
    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_1i5xj_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_1i5xj_29:hover {
  box-shadow: none;
}
._button_1i5xj_29._disabled_1i5xj_46 {
  border-color: #1f1f1f;
  background-color: rgba(99, 102, 241, 0);
  color: #1f1f1f;
  border: 1px solid;
}
._disabledButton_1i5xj_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_1i5xj_70 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._defaultButton_1i5xj_77 {
  z-index: 350;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 0;
  font-family: "Roboto";
}
._defaultButton_1i5xj_77 ._label_1i5xj_86 {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
._defaultButton_1i5xj_77._disabled_1i5xj_46 {
  border-color: #1f1f1f;
  background-color: rgba(99, 102, 241, 0);
  color: #1f1f1f;
  border: 1px solid;
}
._defaultButton_1i5xj_77 img {
  width: 48px;
  height: 48px;
  display: flex;
}
._label_1i5xj_86 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 1220px) {
  ._label_1i5xj_86 {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._label_1i5xj_86 {
    display: none;
  }
}
._menuItemLabel_1i5xj_120 {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._menuItem_1i5xj_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_1i5xj_139 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._icon_1i5xj_144 {
  width: 24px;
  height: 24px;
}
._menuItemIcon_1i5xj_149 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  line-height: 0;
}
._label_1i5xj_86 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
}
@media screen and (max-width: 1220px) {
  ._label_1i5xj_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_1jid9_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_1jid9_42 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._categoryTable_1jid9_48 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._categoryTableHead_1jid9_54 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 152px 152px 80px 48px;
  column-gap: 10px;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  padding-left: 74px;
  border-bottom: 1px solid #d8dbdf;
  background: #fafbfc;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--scss-text-color, #1f1f1f);
  box-sizing: border-box;
}
._categoryTableHeadCategory_1jid9_72 {
  min-width: 0;
  text-align: left;
}
._categoryTableHeadDate_1jid9_77 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadSize_1jid9_82 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadActions_1jid9_87 {
  min-width: 40px;
}
@media screen and (max-width: 480px) {
  ._categoryTableHead_1jid9_54 {
    grid-template-columns: minmax(0, 1fr) 48px;
    column-gap: 8px;
  }
  ._categoryTableHeadDate_1jid9_77,
  ._categoryTableHeadSize_1jid9_82 {
    display: none;
  }
}
._listWrapper_1jid9_101 {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
._listWrapper_1jid9_101 .SortableItem {
  display: block;
  width: 100%;
  min-width: 0;
}
._placeholder_1jid9_116 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
._subcontainer_1jid9_124 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 386px;
}
._subcontainer_1jid9_124 ._label_1jid9_131 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
  text-align: center;
}
._subcontainer_1jid9_124 ._icon_1jid9_139 {
  width: 120px;
  height: 120px;
}
._knowledgeContainer_1jid9_144 {
  padding: 24px;
  width: 100%;
  height: 100%;
}
._knowledgeContainer_1jid9_144 ._header_1jid9_149 {
  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_1jid9_144 ._header_1jid9_149 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_1jid9_144 ._contentHolder_1jid9_168 {
  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_1jid9_144 ._contentHolder_1jid9_168._dragging_1jid9_185 {
  background-color: #f0f8ff;
  border: 2px dashed #5c9ce6;
}
._knowledgeContainer_1jid9_144 ._contentHolder_1jid9_168._dragging_1jid9_185 p {
  color: #5c9ce6;
}
._container_1jid9_193 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  gap: 14px;
  position: relative;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 {
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 480px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 {
    flex-direction: column;
    gap: 14px;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 {
    width: 100%;
    padding: 8px;
    overflow: initial;
    overflow-y: initial;
    gap: 0px;
    border: none;
    height: fit-content;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._wrapper_1jid9_235 {
  display: none;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._wrapper_1jid9_235 {
    gap: 14px;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._addCategoryButton_1jid9_246 {
  display: none;
  justify-content: flex-start;
  align-self: center;
  flex-direction: row;
  gap: 10px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._addCategoryButton_1jid9_246 ._icon_1jid9_139 {
  margin-top: 7px;
  cursor: pointer;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._addCategoryButton_1jid9_246 ._disabledIcon_1jid9_260 {
  margin-top: 7px;
  cursor: default;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._addCategoryButton_1jid9_246 ._label_1jid9_131 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289._active_1jid9_300 {
  background-color: #d9e0ec;
  border-radius: 5px;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289 ._label_1jid9_131 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289 ._label_1jid9_131 {
    font-size: 14px;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289 ._deleteHolder_1jid9_320 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 24px;
  margin-left: auto;
}
@media screen and (max-width: 480px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289 {
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
  }
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._categoriesWrapper_1jid9_212 ._categoriesHolder_1jid9_270 ._category_1jid9_48 ._categoryHolder_1jid9_289._active_1jid9_300 {
    background-color: #d9e0ec;
    border-radius: 10px;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 {
    padding: 0;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  margin-right: 16px;
}
@media screen and (max-width: 1600px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 {
    display: none;
  }
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 :hover {
  background: var(--scss-hoveredBackground, #eaeff7);
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 ._button_1jid9_392 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 ._button__disabled_1jid9_404 {
  cursor: default;
  background-color: #d9e0ec;
  opacity: 0.5;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 ._button_1jid9_392 img {
  pointer-events: none;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 ._button_1jid9_392 ._hiden_1jid9_412 {
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._switcherWrapper_1jid9_356 ._filesActionButtons_1jid9_362 ._button_1jid9_392 ._label_1jid9_131 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 19px;
  height: 100%;
  pointer-events: none;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._tableWrapper_1jid9_430 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  outline: none;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._tableWrapper_1jid9_430 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_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._tableWrapper_1jid9_430 textarea:focus {
  border-color: #4a86ff !important;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._tableWrapper_1jid9_430 textarea:hover {
  border-color: #000 !important;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._instructionsWrapper_1jid9_456 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._instructionsWrapper_1jid9_456 ._inputWrapper_1jid9_463 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._container_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._instructionsWrapper_1jid9_456 ._inputWrapper_1jid9_463 ._textArea_1jid9_468 {
  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_1jid9_193 ._contentWrapper_1jid9_201 ._dataWrapper_1jid9_339 ._instructionsWrapper_1jid9_456 ._inputWrapper_1jid9_463 ._textArea_1jid9_468 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_1jid9_193 ._title_1jid9_484 {
  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_1jid9_193 ._title_1jid9_484 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_1jid9_502 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._systemInstructionsWrapper_1jid9_502 ._label_1jid9_131 {
  font-family: "Roboto";
  color: #727272;
  font-size: 16px;
  line-height: 33px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_1jid9_502 ._label_1jid9_131 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_1jid9_502 ._optionsWrapper_1jid9_520 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._fileActionButton_1jid9_526 {
  display: none;
}
@media screen and (max-width: 1600px) {
  ._fileActionButton_1jid9_526 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_1jid9_526 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_1jid9_526 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1220px) {
  ._fileActionButton_1jid9_526 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  ._fileActionButton_1jid9_526 {
    display: flex;
    height: 24px;
  }
}
._titleWrapper_1jid9_560 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._titleWrapper_1jid9_560 ._label_1jid9_131 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
}
._option_1jid9_520 {
  padding: 8px 24px 8px 17px;
  width: fit-content;
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid #9ca3b0;
}
._option_1jid9_520._disabled_1jid9_260 {
  pointer-events: none;
  cursor: not-allowed;
  color: gray;
  background-color: #d8dbdf;
}
._option_1jid9_520._disabled_1jid9_260 ._label_1jid9_131 {
  color: gray;
}
._option_1jid9_520 ._closeButton_1jid9_589 {
  display: none;
}
._option_1jid9_520 ._icon_1jid9_139 {
  display: flex;
}
._option_1jid9_520 ._label_1jid9_131 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
._dropped_1jid9_603 {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  width: fit-content;
}
._dropped_1jid9_603 ._icon_1jid9_139 {
  display: none;
}
._dropped_1jid9_603 ._closeButton_1jid9_589 {
  cursor: pointer;
  pointer-events: all;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
._cursor-line_1jid9_621 {
  position: absolute;
  width: 2px;
  background-color: black;
  pointer-events: none;
  z-index: 999;
}
._tag_1jid9_629 {
  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_1jid9_640 {
  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_rwwhh_29 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 152px 152px 80px 48px;
  column-gap: 10px;
  align-items: center;
  min-height: 73px;
  width: 100%;
  border-top: 1px solid #d8dbdf;
  cursor: pointer;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  ._categoryItem_rwwhh_29 {
    grid-template-columns: minmax(0, 1fr) 48px;
    column-gap: 8px;
  }
  ._dateColumn_rwwhh_48,
  ._sizeCell_rwwhh_49 {
    display: none;
  }
  ._content_rwwhh_52 {
    flex: 1;
    min-width: 0;
  }
  ._name_rwwhh_56 {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
._content_rwwhh_52 {
  gap: 14px;
}
._leftSide_rwwhh_68 {
  gap: 4px;
  min-width: 0;
}
._actionIcon_rwwhh_73 {
  cursor: pointer;
}
._name_rwwhh_56 {
  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_rwwhh_68,
._content_rwwhh_52,
._actions_rwwhh_89 {
  display: flex;
  flex-direction: row;
}
._icon_rwwhh_94 {
  width: 40px;
  height: 40px;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background: #fff;
}
._dateColumn_rwwhh_48,
._sizeValue_rwwhh_107 {
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._dateColumn_rwwhh_48 {
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._sizeCell_rwwhh_49 {
  min-width: 0;
  text-align: left;
}
._actions_rwwhh_89 {
  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;
}
._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_ufwfb_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  max-height: calc(100% - 80px);
  gap: 16px;
}
@media screen and (max-width: 480px) {
  ._container_ufwfb_29 {
    height: calc(100% - 80px);
  }
}
._document_ufwfb_43 {
  display: flex;
}
._webWrapper_ufwfb_47 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
._subContainer_ufwfb_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._webUrlWrapper_ufwfb_61 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
._webScraperBlock_ufwfb_68 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}
._webScraperLabelRow_ufwfb_76 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._tooltipIcon_ufwfb_84 {
  align-self: flex-start;
}
._descriptionReadonly_ufwfb_88 {
  min-height: 72px;
  max-height: 220px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  font-size: 15px;
  line-height: 22px;
  color: #1f1f1f;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fafbfc;
  flex-shrink: 0;
}
._title_ufwfb_107 {
  color: var(--scss-text-color, #1f1f1f);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._loaderContainer_ufwfb_115 {
  display: flex;
  z-index: 999999;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._fileWrapper_ufwfb_127 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 75%;
}
._titleHolder_ufwfb_135 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._subtitle_ufwfb_142 {
  font-size: 16px;
  text-transform: initial;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--scss-tabsDisabledText, #666);
}
._pdfContainer_ufwfb_151 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._title_ufwfb_107 {
  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;
}
._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_1z0tn_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(111vh + 40px);
}
@media screen and (max-width: 834px) {
  ._container_1z0tn_29 {
    height: 100vh;
  }
}
._mainHeader_1z0tn_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_1z0tn_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_1z0tn_68 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textWithTooltip_1z0tn_74 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_1z0tn_79 {
  align-self: flex-start;
}
._subcontainer_1z0tn_83 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_1z0tn_83 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_1z0tn_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_1z0tn_98 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_1z0tn_115 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_1z0tn_115 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_1z0tn_131 {
  color: rgba(0, 0, 0, 0.38);
  font-family: "Roboto";
  font-size: 16px;
}
._subcontainerBottom_1z0tn_115 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_1z0tn_115 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_1z0tn_153 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 24px;
  height: fit-content;
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_1z0tn_153 {
    gap: 14px;
  }
}
._subcontainerBehaviour_1z0tn_166 {
  width: 100%;
}
._flexContainerBehaviour_1z0tn_170 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_1z0tn_170 ._flexContainer_1z0tn_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1z0tn_170 ._hader_1z0tn_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1z0tn_170 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._flexContainerBehaviour_1z0tn_170 ._subhader_1z0tn_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_1z0tn_170 ._field_1z0tn_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_1z0tn_170 ._checkboxContainer_1z0tn_228 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_1z0tn_233 {
  flex-grow: 1;
}
._buttonContainer_1z0tn_237 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_1z0tn_242 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_1z0tn_248 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainerLanding_1z0tn_248 ._flexContainer_1z0tn_170 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_1z0tn_248 ._hader_1z0tn_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainerLanding_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_1z0tn_248 ._checkboxContainer_1z0tn_228 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_1z0tn_248 {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1z0tn_248 ._flexContainer_1z0tn_170 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1z0tn_248 ._field_1z0tn_212._terminateRequestField_1z0tn_359 {
  align-items: flex-start;
  justify-content: flex-start;
}
._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_1z0tn_248 {
    width: 200px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_1z0tn_248 {
    width: 200px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_1z0tn_248 {
    width: 200px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_1z0tn_248 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_1z0tn_248 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1z0tn_248 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_1z0tn_248 ._subhader_1z0tn_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_1z0tn_248 ._field_1z0tn_212 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1z0tn_248 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
._select_1z0tn_604 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_1z0tn_242 {
  padding: 7px;
  font-size: 16px;
  color: #1f1f1f;
}
._textAreaContainer_1z0tn_615 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_1z0tn_615 ._flexContainer_1z0tn_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._textAreaContainer_1z0tn_615 ._subhader_1z0tn_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_1z0tn_615 ._field_1z0tn_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_1z0tn_615 ._checkboxContainer_1z0tn_228 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1z0tn_615 ._subhader_1z0tn_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_1z0tn_615 ._field_1z0tn_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_1z0tn_615 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1z0tn_615 ._subhader_1z0tn_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_1z0tn_615 ._field_1z0tn_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_1z0tn_615 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1z0tn_615 ._subhader_1z0tn_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_1z0tn_615 ._field_1z0tn_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_1z0tn_615 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1z0tn_615 ._hader_1z0tn_184 ._textHolder_1z0tn_191 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_1z0tn_615 ._subhader_1z0tn_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_1z0tn_615 ._field_1z0tn_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_1z0tn_615 ._checkboxContainer_1z0tn_228 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_1z0tn_877 {
  width: 100%;
}
._fields_1z0tn_881 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
._iconHolder_1z0tn_888 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_1z0tn_894 {
  display: flex;
  justify-content: center;
  align-items: center;
}._placeholder_bfgyl_1 {
  color: #9ca3af;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

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

._compactValue_bfgyl_15,
._compactPlaceholder_bfgyl_16 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  font-family: inherit;
}

._compactPlaceholder_bfgyl_16 {
  color: #9098b1;
}@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;
}@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_dcjkb_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 16px;
  overflow: auto;
}
._inputWithHelpIcon_dcjkb_38 {
  position: relative;
  width: 100%;
  height: 100%;
}
._helpIcon_dcjkb_44 {
  position: absolute;
  bottom: 8px;
  right: -20px;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s;
}
._helpIcon_dcjkb_44:hover {
  color: #1976d2;
}
._pseudoInput_dcjkb_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_dcjkb_58 span {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_dcjkb_58 div {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_dcjkb_58:focus {
  outline: none;
}
._pseudoInput_dcjkb_58:hover {
  outline: none;
}
._pseudoInput_dcjkb_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;
}._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_1dp1o_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_1dp1o_29 {
    overflow: auto;
  }
}
._textWithTooltip_1dp1o_46 {
  display: flex;
  flex-direction: row;
  width: fit-content;
  gap: 8px;
}
._ddContainer_1dp1o_53 {
  display: flex;
  height: 70px;
  width: 100%;
  gap: 8px;
  flex-direction: column;
}
._descriptionFieldGroup_1dp1o_61 {
  display: flex;
  width: 100%;
  gap: 8px;
  flex-direction: column;
  flex-shrink: 0;
}
._subContainer_1dp1o_69 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_1dp1o_76 {
  align-self: flex-start;
}
._title_1dp1o_80 {
  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_1dp1o_90 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid #d8dbdf;
  border: none;
  border-radius: 10px;
}
._dropDown1_1dp1o_99 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border-radius: 10px;
}
._textHolder_1dp1o_106 {
  align-self: center;
  color: #1f1f1f;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
._descriptionReadonly_1dp1o_116 {
  min-height: 72px;
  max-height: 220px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 22px;
  color: #1f1f1f;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fafbfc;
}
: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;
  --scss-purple-border-color: rgba(107, 94, 255, 0.12);
}
.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 .MuiDialog-paper {
  transform: scale(0.9);
  transform-origin: center center;
}
@media screen and (max-width: 480px) {
  body.safari .MuiDialog-root .MuiDialog-paper {
    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;
  }
}
.react-flow__edge {
  z-index: 1 !important;
}
.legal-disclaimer-highlight {
  box-shadow: 0 0 0 4px #266dfd, 0 0 24px 4px rgba(38, 109, 253, 0.35) !important;
  border-radius: 10px;
}
.react-flow__node {
  z-index: 100 !important;
}
.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_46uwx_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: 2px 0 2px 0;
  gap: 0.8rem;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
._linkButton_46uwx_29 img {
  max-width: none;
}
._hr_46uwx_49 {
  width: 100%;
}
._holder_46uwx_53 {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 8px;
  padding: 7px 12px 7px 12px;
  border-radius: 5px;
}
._holder_46uwx_53:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._holderContainer_46uwx_65 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._textWrapper_46uwx_71 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  gap: 6px;
}
._textHolder_46uwx_79 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 24px;
}
._iconHolder_46uwx_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_46uwx_87 img {
  max-width: 24px !important;
}
._iconWrapper_46uwx_102 {
  position: relative;
  display: inline-flex;
}
._badge_46uwx_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_46uwx_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_46uwx_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_46uwx_160 {
  opacity: 0.5;
}
._active_46uwx_164 {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._active_46uwx_164:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._disabled_46uwx_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_46uwx_171 :hover {
  background-color: none;
}
._notCollapsedText_46uwx_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_46uwx_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_46uwx_29 ._holder_46uwx_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_46uwx_79 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._linkButton_46uwx_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_46uwx_29 ._holder_46uwx_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_46uwx_79 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._linkButton_46uwx_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_46uwx_29 ._holder_46uwx_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_46uwx_79 {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  ._linkButton_46uwx_29 {
    justify-content: center;
    width: 42px;
  }
  ._linkButton_46uwx_29 ._holder_46uwx_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_46uwx_79 {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  ._linkButton_46uwx_29 {
    justify-content: center;
    width: calc(100% - 32px);
  }
  ._linkButton_46uwx_29 ._holder_46uwx_53 {
    padding: 7px 12px 7px 9px;
  }
  ._textHolder_46uwx_79 {
    display: flex;
  }
}
._submenu_46uwx_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_46uwx_264 ._linkButton_46uwx_29 {
  gap: 0.5rem;
  margin-left: 38px;
}
._submenu_46uwx_264 ._linkButton_46uwx_29 ._holder_46uwx_53 {
  width: calc(100% - 32px);
  gap: 6px;
  padding: 7px 12px 7px 8px;
  margin-left: -6px;
}
@media screen and (max-width: 1440px) {
  ._submenu_46uwx_264 ._linkButton_46uwx_29 ._holder_46uwx_53 {
    margin-left: 0px;
    width: 100%;
  }
}
._submenu_46uwx_264 ._linkButton_46uwx_29 ._holder_46uwx_53 ._iconHolder_46uwx_87 {
  display: flex;
  width: 24px;
  height: 24px;
}
._submenu_46uwx_264 ._linkButton_46uwx_29 ._holder_46uwx_53 ._iconHolder_46uwx_87 img {
  max-width: 24px !important;
}
._submenu_46uwx_264 ._linkButton_46uwx_29 ._holder_46uwx_53 ._textHolder_46uwx_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_1cxjt_29 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  margin-bottom: 0.7rem;
}
._eventToolForm__description_1cxjt_37 {
  font-family: "Roboto";
  font-size: 0.875rem;
  line-height: 1.45;
  color: #6b7280;
  margin: -0.25rem 0 1rem;
  padding: 0.75rem 1rem;
  background: rgb(246, 249, 255);
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
}
._eventToolForm__timeoutRow_1cxjt_48 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid rgb(216, 219, 223);
  border-radius: 10px;
  background-color: rgb(246, 249, 255);
}
._eventToolForm__subTitle_1cxjt_58 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
}
._eventToolForm__selectedOption_1cxjt_65 {
  border-radius: 10px !important;
}
._eventToolForm__options_1cxjt_68 {
  min-width: 155px !important;
  z-index: 11111 !important;
  top: 100% !important;
}
._eventToolForm__header_1cxjt_73 {
  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_1cxjt_84 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._eventToolForm__label_1cxjt_90 {
  font-weight: 500;
  font-family: "Roboto";
  font-size: 1rem;
}
._ddContainer_1cxjt_96 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_1cxjt_96 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_pp8rz_29 {
  display: flex;
  flex-direction: column;
}
._Account_pp8rz_34 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}
._Account__avatar_pp8rz_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_pp8rz_34 ._statusIndicator_pp8rz_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_pp8rz_68 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin-left: 8px;
}
._titleHolder_pp8rz_77 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
._title_pp8rz_77 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._userInfoHolder_pp8rz_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_pp8rz_106 {
  width: fit-content;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: #727272;
}
._balanceLabel_pp8rz_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_pp8rz_116 {
    display: flex;
  }
}
._dropdown_pp8rz_132 {
  min-width: 235px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  border-radius: 10px;
  border: 1px solid #9ca3b0;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
}
._dropdown__option_pp8rz_145 {
  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_pp8rz_145:hover {
  background-color: #d9e0ec;
}
._dropdownIconGray_pp8rz_159 {
  color: #727272;
  min-width: 20px;
  min-height: 20px;
}
._iconsContainer_pp8rz_165 {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  gap: 5px;
}
._iconsContainer_pp8rz_165:hover {
  background-color: #d9e0ec;
}
._iconHolder_pp8rz_179 {
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._logoutSpan_pp8rz_187 {
  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_pp8rz_200 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0.75rem 1.5rem;
}
._sectionHeading_pp8rz_207 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-bottom: 4px;
}
._itemRow_pp8rz_215 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._itemLabel_pp8rz_221 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
}
._itemText_pp8rz_228 {
  font-family: "Roboto";
  font-size: 14px;
  color: #727272;
}
._divider_pp8rz_234 {
  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;
}._fancyButtonBorderContainer_1eifu_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 36px;
  position: relative;
  z-index: 1;
}

._fancyButton_1eifu_1, ._fancyButtonNoMenu_1eifu_11 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 10px 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: 80px;
  min-height: 48px;
  z-index: 2;
}

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

._disabled_1eifu_40 {
  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_1eifu_49 {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: inherit;
  font-family: "Inter", sans-serif;
  z-index: 2;
}

._arrow_1eifu_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
  margin-right: -5px;
  margin-top: -10px;
  margin-bottom: -10px;
  transition: transform 0.3s;
  z-index: 2;
  min-width: 40px;
  align-self: stretch;
}

._fancyButton_1eifu_1[aria-expanded=true] ._arrow_1eifu_58, [aria-expanded=true]._fancyButtonNoMenu_1eifu_11 ._arrow_1eifu_58 {
  transform: rotate(180deg);
}

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

._divider_1eifu_80 {
  width: 1px;
  margin-left: 10px;
  align-self: stretch;
  background: var(--divider-color, white);
}

._animation10_1eifu_87 {
  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_1eifu_1 2s ease-in-out infinite alternate;
}

._fancyButtonBorderContainer_1eifu_1:hover ._animation10_1eifu_87 {
  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_1eifu_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);
  }
}@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_ed1do_29 {
  display: flex;
  align-items: center;
  max-width: 500px;
  border-bottom: 1px solid #d8dbdf;
  gap: 24px;
}
._button_ed1do_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_ed1do_54 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._icon_ed1do_60 {
  width: 18px;
  height: 18px;
  display: block;
  filter: brightness(0) saturate(100%);
  flex-shrink: 0;
}
._label_ed1do_68 {
  white-space: nowrap;
}
._button_ed1do_37._active_ed1do_72 {
  font-weight: 700;
  color: var(--square-tabs-active-color, #5479F7);
}
._button_ed1do_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
}
._button_ed1do_37._active_ed1do_72::after {
  height: 3px;
  background-color: var(--square-tabs-active-color, #5479F7);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_ed1do_37._disabled_ed1do_92 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_ed1do_37._invalid_ed1do_99 {
  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_1ex2i_29 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._dndItems_1ex2i_29._botname_1ex2i_35 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._saveButtonContainer_1ex2i_42 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  max-height: 52px;
}
@media screen and (max-width: 480px) {
  ._saveButtonContainer_1ex2i_42 {
    gap: 24px;
  }
}
._dndnode_1ex2i_54 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._knowledgeBaseHolder_1ex2i_61 {
  padding: 0px !important;
}
._pageHeader_1ex2i_65 {
  padding: var(--page-header-padding);
}
._container_1ex2i_69 {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 111vh;
  position: relative;
  justify-content: flex-start;
}
@media screen and (max-width: 834px) {
  ._container_1ex2i_69 {
    gap: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._container_1ex2i_69 {
    height: 100vh;
  }
}
._title_1ex2i_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_1ex2i_98 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
}
._buttonContainer_1ex2i_105 {
  display: block;
}
@media screen and (max-width: 834px) {
  ._buttonContainer_1ex2i_105 {
    display: none;
  }
}
._contentContainer_1ex2i_114 {
  display: flex;
  flex-direction: column;
  height: calc(111vh - var(--page-header, 0) - 25px);
}
@media (orientation: landscape) and (max-height: 600px) {
  ._contentContainer_1ex2i_114 {
    height: fit-content;
    overflow-y: auto;
  }
}
@media screen and (max-width: 480px) {
  ._contentContainer_1ex2i_114 {
    gap: 14px;
  }
}
._adaptiveButton_1ex2i_131 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._adaptiveButton_1ex2i_131 {
    display: block;
  }
}
._headerContentContainer_1ex2i_140 {
  display: flex;
  flex-direction: column;
}
._headerContentContainerAdmin_1ex2i_145 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._disabledFieldBlock_1ex2i_151 {
  position: relative;
  opacity: 0.55;
  pointer-events: none;
}
._headerContent_1ex2i_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_1ex2i_170 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_1ex2i_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_1ex2i_176 {
    overflow-y: initial;
  }
}
@media screen and (max-width: 1220px) {
  ._template_holder_1ex2i_176 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_holder_1ex2i_176 {
    border: none;
    padding-top: 0px;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._template_holder_1ex2i_176._roundBorder_1ex2i_204 {
  border-radius: 0px 10px 10px 10px;
}
._template_schema_holder_1ex2i_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_1ex2i_208 {
    overflow-y: initial;
    min-height: 400px;
  }
}
@media screen and (max-width: 1220px) {
  ._template_schema_holder_1ex2i_208 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_schema_holder_1ex2i_208 {
    border: none;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._saveButton_1ex2i_42 {
  position: relative;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._saveButton_1ex2i_42 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileSaveButton_1ex2i_253 {
  display: none;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._mobileSaveButton_1ex2i_253 {
    max-height: 40px;
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileButtons_1ex2i_269 {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._saveButtonHolder_1ex2i_277 {
  margin-left: auto;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: var(--debug-console-offset, 0px);
}
@media screen and (max-width: 480px) {
  ._saveButtonHolder_1ex2i_277 {
    display: inline-flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    gap: 24px;
    width: 100%;
  }
}
._optionalRunAgentButton_1ex2i_294 {
  display: none;
}
@media screen and (max-width: 480px) {
  ._optionalRunAgentButton_1ex2i_294 {
    display: block;
  }
}
._footer_1ex2i_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_1ex2i_315 ._contentContainer_1ex2i_114 {
  height: 111vh;
}
._fullscreen_1ex2i_315 ._saveButtonHolder_1ex2i_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_1ex2i_328 ._contentContainer_1ex2i_114 {
  height: calc(100vh - 10px);
}
._flowFullscreen_1ex2i_328 ._saveButtonHolder_1ex2i_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_wnq69_29 {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
._EmptyPlaceholder_wnq69_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_wnq69_36 {
    padding-right: 0;
  }
}
._EmptyPlaceholder_wnq69_36 ._content_wnq69_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_wnq69_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;
}
._noTests_wnq69_72 {
  gap: 0;
}
._noTests_wnq69_72 > svg {
  margin-bottom: 14px;
}
._noTests_wnq69_72 ._title_wnq69_62 {
  width: 302px;
  max-width: 302px;
  text-align: center;
  margin-bottom: 8px;
}
._noTests_wnq69_72 ._content_wnq69_52 {
  width: 347px;
  text-align: center;
}.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);
}._tree_i2b1j_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._treeBlock_i2b1j_8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._folderRow_i2b1j_15,
._fileRow_i2b1j_16 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 42px;
  padding: 7px 12px 7px 8px;
  background: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  flex: none;
  flex-grow: 0;
  position: relative;
}

._folderRowSelected_i2b1j_36,
._fileRowSelected_i2b1j_37 {
  background: rgba(216, 219, 223, 0.24);
}

._folderRow_i2b1j_15:hover,
._fileRow_i2b1j_16:hover {
  background: rgba(216, 219, 223, 0.24);
}

._folderRowDropTarget_i2b1j_46 {
  background: rgba(107, 94, 255, 0.1);
  outline: 1px dashed rgba(107, 94, 255, 0.65);
}

._fileRowDragging_i2b1j_51 {
  opacity: 0.6;
  cursor: crosshair;
}

._chevron_i2b1j_56 {
  width: 27px;
  height: 27px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._chevron_i2b1j_56 span {
  width: 7px;
  height: 7px;
  border-right: 1.8px solid #1f1f1f;
  border-bottom: 1.8px solid #1f1f1f;
  transform: rotate(-44deg) translateY(-1px);
  transition: transform 0.15s ease;
}

._chevronOpen_i2b1j_75 span {
  transform: rotate(45deg) translate(-1px, 1px);
}

._folderIcon_i2b1j_79 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

._folderTextWrap_i2b1j_85,
._fileTextWrap_i2b1j_86 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  display: block;
}

._folderName_i2b1j_93,
._fileName_i2b1j_94 {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
}

._rowMenu_i2b1j_106 {
  width: 24px;
  flex: 0 0 24px;
  opacity: 0;
  transition: opacity 0.15s ease;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

._folderRow_i2b1j_15:hover ._rowMenu_i2b1j_106,
._folderRowSelected_i2b1j_36 ._rowMenu_i2b1j_106,
._fileRow_i2b1j_16:hover ._rowMenu_i2b1j_106,
._fileRowSelected_i2b1j_37 ._rowMenu_i2b1j_106 {
  opacity: 1;
}

._dragHandle_i2b1j_124 {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  opacity: 0;
  position: relative;
}

._dragHandle_i2b1j_124::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #7e8797;
  box-shadow: 0 5px 0 #7e8797, 0 10px 0 #7e8797, 5px 0 0 #7e8797, 5px 5px 0 #7e8797, 5px 10px 0 #7e8797;
}

._fileIndent_i2b1j_144 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

._fileRow_i2b1j_16:hover ._dragHandle_i2b1j_124,
._fileRowDragging_i2b1j_51 ._dragHandle_i2b1j_124 {
  opacity: 1;
}

._fileIcon_i2b1j_155 {
  width: 20px;
  height: 20px;
  flex: 0 0 24px;
}

._renameRow_i2b1j_161 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._renameIcon_i2b1j_168 {
  width: 27px;
  height: 27px;
  flex: 0 0 23px;
}

._renameInputWrap_i2b1j_174 {
  position: relative;
  flex: 1;
  min-width: 0;
}

._renameInput_i2b1j_174 {
  border: 1px solid rgba(107, 94, 255, 0.6);
  border-radius: 6px;
  height: 30px;
  padding: 0 34px 0 10px;
  width: 100%;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
  background: #ffffff;
  outline: none;
}

._renameActionApply_i2b1j_194,
._renameActionCancel_i2b1j_195 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
}

._renameActionApply_i2b1j_194 {
  position: absolute;
  right: 3px;
  top: 3px;
  background: #1f1f1f;
  color: #ffffff;
}

._renameActionCancel_i2b1j_195 {
  flex: 0 0 24px;
  background: #eceff3;
  color: #79808d;
}

._selectorVariant_i2b1j_221 {
  gap: 2px;
}
._selectorVariant_i2b1j_221 ._treeBlock_i2b1j_8 {
  gap: 0;
}
._selectorVariant_i2b1j_221 ._folderRow_i2b1j_15,
._selectorVariant_i2b1j_221 ._fileRow_i2b1j_16 {
  height: 46px;
  padding: 6px 8px;
  border-radius: 6px;
  background: transparent;
  gap: 0;
}
._selectorVariant_i2b1j_221 ._folderRow_i2b1j_15:hover,
._selectorVariant_i2b1j_221 ._fileRow_i2b1j_16:hover {
  background: rgba(216, 219, 223, 0.24);
}
._selectorVariant_i2b1j_221 ._folderRowSelected_i2b1j_36,
._selectorVariant_i2b1j_221 ._fileRowSelected_i2b1j_37 {
  background: rgba(216, 219, 223, 0.5);
}
._selectorVariant_i2b1j_221 ._folderName_i2b1j_93,
._selectorVariant_i2b1j_221 ._fileName_i2b1j_94 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
._selectorVariant_i2b1j_221 ._folderIcon_i2b1j_79,
._selectorVariant_i2b1j_221 ._fileIcon_i2b1j_155 {
  margin-right: 8px;
}
._selectorVariant_i2b1j_221 ._folderRow_i2b1j_15 .MuiCheckbox-root,
._selectorVariant_i2b1j_221 ._fileRow_i2b1j_16 .MuiCheckbox-root {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 8px 0 0;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  transform: translateY(-4px);
}
._selectorVariant_i2b1j_221 ._fileRow_i2b1j_16 .MuiCheckbox-root {
  margin-left: 61px;
}
._selectorVariant_i2b1j_221 ._fileIndent_i2b1j_144 {
  width: 0;
  height: 0;
  flex: 0 0 0;
}

._selectorCheckboxIcon_i2b1j_275 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #d8dbdf;
  background: #ffffff;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._selectorCheckboxCheckedIcon_i2b1j_287 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: linear-gradient(141.99deg, #d394f1 0%, #5f52f3 100%) !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._selectorCheckboxCheckedIcon_i2b1j_287::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -58%) rotate(45deg);
}

._selectorCheckboxIndeterminateIcon_i2b1j_311 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: linear-gradient(141.99deg, #d394f1 0%, #5f52f3 100%) !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._selectorCheckboxIndeterminateIcon_i2b1j_311::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #ffffff;
  border-radius: 1px;
  transform: translate(-50%, -50%);
}._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_ohoek_29 {
  width: 100vw;
  overflow: hidden;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._root_ohoek_29 {
    height: 100vh;
  }
}
._wrapper_ohoek_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 111vh;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._wrapper_ohoek_40 {
    height: 100vh;
  }
}
._container_ohoek_53 {
  height: 100%;
  width: 100%;
}
._header_ohoek_58 {
  height: 40px;
  width: 100%;
}
._container_content_ohoek_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_ohoek_63 {
    align-self: baseline;
    height: 91vh !important;
    max-height: 91vh !important;
  }
}
@media screen and (max-width: 834px) {
  ._container_content_ohoek_63 {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._container_content_ohoek_63 {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._children_ohoek_92 {
  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%;
}._widget_1bjqp_1 {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 340px;
  background: #ffffff;
  border: 1px solid #eceff6;
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(16, 20, 50, 0.14), 0 2px 8px rgba(16, 20, 50, 0.06);
  z-index: 100000;
  overflow: hidden;
  opacity: 0;
  transform: translateY(16px) scale(0.97);
  transition: opacity 240ms cubic-bezier(0.22, 1, 0.36, 1), transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

._visible_1bjqp_18 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

._panel_1bjqp_24 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

._panelDone_1bjqp_31 {
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 60%);
}

._panelError_1bjqp_35 {
  background: linear-gradient(135deg, #fef2f2 0%, #ffffff 60%);
}

._icon_1bjqp_39 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f0eeff;
  display: grid;
  place-items: center;
  color: #6b5ce7;
}

._iconInner_1bjqp_50 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

._doneIcon_1bjqp_57 {
  font-size: 20px !important;
  color: #16a34a;
}

._iconDone_1bjqp_62 {
  background: #dcfce7;
  color: #16a34a;
}

._iconError_1bjqp_67 {
  background: #fee2e2;
  color: #ef4444;
}

._errorIcon_1bjqp_72 {
  font-size: 20px !important;
  color: #ef4444;
}

._body_1bjqp_77 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._title_1bjqp_85 {
  font-size: 13px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 1.2;
}

._sub_1bjqp_92 {
  font-size: 11px;
  font-weight: 500;
  color: #9098b1;
}

._track_1bjqp_98 {
  height: 4px;
  border-radius: 999px;
  background: #f3f4fb;
  overflow: hidden;
}

._fill_1bjqp_105 {
  height: 100%;
  border-radius: inherit;
  transition: width 300ms linear;
}

._pct_1bjqp_111 {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--web-agent-accent-color);
  min-width: 34px;
  text-align: right;
}

._iconBtn_1bjqp_120 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #9098b1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._iconBtn_1bjqp_120:hover {
  background: #f3f4fb;
  color: #1f1f1f;
}

._cta_1bjqp_140 {
  flex-shrink: 0;
  height: 32px;
  padding: 0 14px;
  border: 1px solid #1f1f1f;
  border-radius: 999px;
  background: #1f1f1f;
  color: #ffffff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._cta_1bjqp_140:hover {
  background: #ffffff;
  color: #1f1f1f;
}

._iconBtnInner_1bjqp_159 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

._actionIcon_1bjqp_166 {
  font-size: 15px !important;
}

@media (max-width: 900px) {
  ._widget_1bjqp_1 {
    right: 12px;
    left: 12px;
    width: auto;
  }
}._stepper_1v70f_1 {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

._stepGroup_1v70f_9 {
  display: contents;
}

._item_1v70f_13 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 92px;
  height: 30px;
  border: 1px solid #eceff6;
  border-radius: 999px;
  padding: 0 10px 0 8px;
  background: #ffffff;
  color: #9098b1;
  font-size: 12px;
  font-weight: 800;
}
._item_1v70f_13 > span {
  color: #1f1f1f;
  font-weight: 400;
}
._item_1v70f_13 > strong {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f3f4fb;
  color: currentColor;
  font-size: 11px;
  font-weight: 800;
}

._current_1v70f_43 {
  border-color: #d4dcff;
  color: #1f1f1f;
  background-color: transparent;
}
._current_1v70f_43 > strong {
  color: #ffffff;
}

._complete_1v70f_52 {
  border-color: rgba(37, 167, 102, 0.22);
  background: rgba(37, 167, 102, 0.08);
  color: #25a766;
}
._complete_1v70f_52 > strong {
  background: #25a766;
  color: #ffffff;
}

._line_1v70f_62 {
  height: 1px;
  background: #eceff6;
}

._lineComplete_1v70f_67 {
  background: #d4dcff;
}

@media (max-width: 900px) {
  ._stepper_1v70f_1 {
    gap: 6px;
  }
  ._item_1v70f_13 {
    min-width: auto;
    padding-right: 8px;
  }
  ._item_1v70f_13 > span {
    display: none;
  }
}._step_xfmff_1 {
  display: flex;
  flex-direction: column;
}

._card_xfmff_6 {
  border: 1px solid #eceff6;
  border-radius: 14px;
  background: #f8f9fc;
  padding: 18px;
}

._cardHead_xfmff_13 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}
._cardHead_xfmff_13 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #1f1f1f;
}
._cardHead_xfmff_13 p {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #9098b1;
}
._cardHead_xfmff_13 strong {
  color: var(--web-agent-accent-color);
  font-size: 18px;
  font-weight: 500;
  flex-shrink: 0;
}

._progressTrack_xfmff_39 {
  height: 8px;
  border-radius: 999px;
  background: #f3f4fb;
  overflow: hidden;
}

._progressFill_xfmff_46 {
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width 300ms linear;
}

._progressList_xfmff_53 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  color: #9098b1;
  font-size: 13px;
  font-weight: 600;
}
._progressList_xfmff_53 > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
._progressList_xfmff_53 strong {
  margin-left: auto;
  border: 1px solid #d4dcff;
  border-radius: 999px;
  background: #eef1ff;
  color: var(--web-agent-accent-color);
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
  flex-shrink: 0;
}

._iconWrap_xfmff_79 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

._listIcon_xfmff_87,
._spinIcon_xfmff_88 {
  font-size: 18px !important;
}

._done_xfmff_92 {
  color: #25a766;
}

._failed_xfmff_96 {
  color: #ef4444;
}
._failed_xfmff_96 strong {
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
}

._active_xfmff_105 {
  color: var(--web-agent-accent-color);
}

._pending_xfmff_109 {
  color: #9098b1;
}

._spinIcon_xfmff_88 {
  animation: _spin_xfmff_88 900ms linear infinite;
}

@keyframes _spin_xfmff_88 {
  to {
    transform: rotate(360deg);
  }
}._step_149t2_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._banner_149t2_7 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid #eceff6;
}
._banner_149t2_7 h3 {
  margin: 6px 0 4px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}
._banner_149t2_7 p {
  margin: 0 0 16px;
  color: #525a73;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}

._bannerIcon_149t2_29 {
  flex-shrink: 0;
  font-size: 28px !important;
}

._success_149t2_34 {
  border-color: rgba(37, 167, 102, 0.28);
  background: rgba(37, 167, 102, 0.08);
  color: #25a766;
}
._success_149t2_34 h3 {
  color: #25a766;
}

._error_149t2_43 {
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
}
._error_149t2_43 h3 {
  color: #ef4444;
}

._warning_149t2_52 {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(245, 158, 11, 0.08);
  color: #f59e0b;
}
._warning_149t2_52 h3 {
  color: #f59e0b;
}

._meta_149t2_61 {
  color: var(--web-agent-accent-color);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.01em;
}._root_rw96h_1 {
  position: relative;
  width: 100%;
}

._trigger_rw96h_6 {
  width: 100%;
  min-height: 44px;
  border: 1px solid #e8ecf4;
  border-radius: 12px;
  background: #ffffff;
  color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
._trigger_rw96h_6:hover {
  background: #f8f9fc;
}
._trigger_rw96h_6:focus-visible {
  border-color: #cfc8ff;
  box-shadow: 0 0 0 3px rgba(107, 92, 231, 0.07);
  outline: 0;
}

._isOpen_rw96h_33 ._trigger_rw96h_6 {
  border-color: #cfc8ff;
  box-shadow: 0 0 0 3px rgba(107, 92, 231, 0.07);
}

._triggerValue_rw96h_38 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 400;
}

._triggerCaret_rw96h_49 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

._caret_rw96h_57 {
  font-size: 20px !important;
  color: #1f1f1f;
  transition: transform 160ms ease;
}

._isOpen_rw96h_33 ._caret_rw96h_57 {
  transform: rotate(180deg);
}

._menu_rw96h_67 {
  border: 1px solid #eceff6;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.1), 0 4px 20px rgba(107, 94, 255, 0.08);
  padding: 6px;
}

._option_rw96h_75 {
  width: 100%;
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1f1f1f;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
._option_rw96h_75:hover {
  background: #f3f4fb;
}

._check_rw96h_95 {
  width: 16px;
  margin-top: 2px;
  color: transparent;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

._isSelected_rw96h_106 {
  background: #f3f4fb;
  font-weight: 700;
}
._isSelected_rw96h_106 ._check_rw96h_95 {
  color: #525a73;
}

._optionBody_rw96h_114 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._optionName_rw96h_121 {
  font-size: 13px;
  font-weight: 600;
  color: #1f1f1f;
}

._optionDesc_rw96h_127 {
  font-size: 11px;
  font-weight: 400;
  color: #9098b1;
  line-height: 1.45;
  white-space: normal;
}._step_1c4hk_1 {
  display: flex;
  flex-direction: column;
}

._field_1c4hk_6,
._compactField_1c4hk_7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 500;
}

._compactField_1c4hk_7 {
  gap: 6px;
  font-weight: 600;
}
._compactField_1c4hk_7 ._labelRow_1c4hk_20 {
  font-size: 13px;
  font-weight: 400;
  color: #1f1f1f;
}

._labelRow_1c4hk_20 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  font-size: 13px;
  font-weight: 500;
  color: #1f1f1f;
}

._tooltipIcon_1c4hk_36 {
  align-self: center;
}

._field_1c4hk_6 input,
._compactField_1c4hk_7 input,
._compactField_1c4hk_7 textarea,
._inputWrap_1c4hk_43 {
  width: 100%;
  min-width: 0;
  border: 1px solid #e8ecf4;
  border-radius: 10px;
  background: #ffffff;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  outline: 0;
}

._field_1c4hk_6 input,
._compactField_1c4hk_7 input {
  height: 44px;
  padding: 0 12px;
}

._compactField_1c4hk_7 textarea {
  min-height: 78px;
  resize: vertical;
  padding: 10px 12px;
  line-height: 1.5;
}

._field_1c4hk_6 input::placeholder,
._compactField_1c4hk_7 input::placeholder,
._compactField_1c4hk_7 textarea::placeholder,
._inputWrap_1c4hk_43 input::placeholder {
  color: #9098b1;
  font-size: 13px;
  font-weight: 400;
}

._field_1c4hk_6 input:focus,
._compactField_1c4hk_7 input:focus,
._compactField_1c4hk_7 textarea:focus,
._inputWrap_1c4hk_43:focus-within {
  border-color: #d4dcff;
  box-shadow: 0 0 0 3px rgba(107, 92, 231, 0.07);
}

._inputWrapError_1c4hk_86 {
  border-color: #ff3b30;
  box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.08);
}

._fieldError_1c4hk_91 {
  color: #ff3b30;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

._inputWrap_1c4hk_43 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  padding: 0 12px;
  box-sizing: border-box;
}
._inputWrap_1c4hk_43 input {
  flex: 1;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}
._inputWrap_1c4hk_43 input:focus {
  box-shadow: none;
  outline: 0;
}

._inputIconWrap_1c4hk_126 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

._inputIcon_1c4hk_126 {
  font-size: 18px !important;
  color: #9098b1;
}

._accordion_1c4hk_139 {
  margin-top: 14px;
  border: 1px solid #d4dcff;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: visible;
}

._accordionHead_1c4hk_148 {
  width: 100%;
  min-height: 58px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
  color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

._accordionHeadText_1c4hk_167 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
._accordionHeadText_1c4hk_167 strong {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
}
._accordionHeadText_1c4hk_167 small {
  color: #9098b1;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 400;
}

._accordionHead_1c4hk_148:hover {
  background: #f8f9fc;
}

._accordionIconWrap_1c4hk_189 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

._accordionIcon_1c4hk_189 {
  color: var(--web-agent-accent-color);
  font-size: 20px !important;
  transition: transform 160ms ease;
}

._accordionOpen_1c4hk_203 ._accordionHead_1c4hk_148 {
  border-radius: 16px 16px 0 0;
}

._accordionOpen_1c4hk_203 ._accordionIcon_1c4hk_189 {
  transform: rotate(180deg);
}

._accordionBody_1c4hk_211 {
  border-top: 1px solid #eceff6;
  background: #f8f9fc;
  border-radius: 0 0 16px 16px;
}

._settingsGrid_1c4hk_217 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 10px;
}

._settingsGroup_1c4hk_224 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid #eceff6;
  border-radius: 12px;
  background: #ffffff;
}
._settingsGroup_1c4hk_224 h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eceff6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #9098b1;
}
._settingsGroup_1c4hk_224 input {
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}
._settingsGroup_1c4hk_224 textarea {
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
._settingsGroup_1c4hk_224 input::placeholder,
._settingsGroup_1c4hk_224 textarea::placeholder {
  color: #9098b1;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}

@media (max-width: 900px) {
  ._settingsGrid_1c4hk_217 {
    grid-template-columns: 1fr;
  }
}._modal_16gdp_1 {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 100001;
}

._overlay_16gdp_11 {
  position: fixed;
  inset: 0;
  border: 0;
  background: rgba(31, 36, 53, 0.42);
  backdrop-filter: blur(3px);
  cursor: pointer;
  z-index: 0;
}

._dialog_16gdp_21 {
  position: relative;
  z-index: 1;
  width: min(820px, 100%);
  max-height: min(860px, 100vh - 48px);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #eceff6;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(16, 28, 64, 0.18), 0 4px 20px rgba(107, 94, 255, 0.08);
  overflow: visible;
}

._head_16gdp_35,
._foot_16gdp_36 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 24px;
  background: #ffffff;
}

._head_16gdp_35 {
  border-bottom: 1px solid #eceff6;
  border-radius: 16px 16px 0 0;
}

._foot_16gdp_36 {
  border-top: 1px solid #eceff6;
  background: #f8f9fc;
  border-radius: 0 0 16px 16px;
  height: fit-content;
}

._titleRow_16gdp_58 {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

._titleIcon_16gdp_65 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f0eeff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

._titleIconInner_16gdp_75 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

._titleText_16gdp_82 {
  min-width: 0;
}

._head_16gdp_35 h2 {
  margin: 0;
  color: var(--scss-text-color, #1f1f1f);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}

._head_16gdp_35 p {
  margin: 5px 0 0;
  color: #9098b1;
  font-size: 13px;
  line-height: 1.45;
}

._closeBtn_16gdp_102 {
  width: 38px;
  height: 38px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #525a73;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
}

._closeBtn_16gdp_102:hover {
  background: #f3f4fb;
  border-color: #eceff6;
}

._closeIcon_16gdp_121 {
  font-size: 22px !important;
  height: 22px;
}

._body_16gdp_126 {
  padding: 18px 24px 20px;
  overflow: auto;
}

._bodyNoFoot_16gdp_131 {
  padding-bottom: 20px;
  border-radius: 0 0 16px 16px;
}

._footRight_16gdp_136 {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

@media (max-width: 900px) {
  ._modal_16gdp_1 {
    padding: 12px;
  }
  ._dialog_16gdp_21 {
    max-height: calc(100vh - 24px);
  }
  ._head_16gdp_35,
  ._body_16gdp_126,
  ._foot_16gdp_36 {
    padding: 14px;
  }
  ._head_16gdp_35 h2 {
    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;
}
._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;
}
@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_1szk5_57 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  ._container_1szk5_57 {
    gap: 4px;
  }
  ._container_1szk5_57 ._label_1szk5_69 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._container_1szk5_57 {
    gap: 4px;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 375px) {
  ._container_1szk5_57 ._label_1szk5_69 {
    display: none;
  }
}
._toolBtn_1szk5_85 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 8px;
  border: 1px solid rgba(107, 94, 255, 0.2);
  background: #fff;
  border-radius: 10px;
  font-family: "Roboto";
  font-size: 12.5px;
  font-weight: 600;
  color: #1a2240;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(107, 94, 255, 0.08);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 220ms ease, background 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.34, 1.25, 0.64, 1), box-shadow 220ms ease;
}
._toolBtn_1szk5_85::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.75) 50%, transparent 65%);
  transform: translateX(-130%);
  transition: transform 650ms ease;
  pointer-events: none;
}
._toolBtn_1szk5_85:hover::after {
  transform: translateX(130%);
}
._toolBtn_1szk5_85:hover {
  border-color: rgba(107, 94, 255, 0.42);
  box-shadow: 0 4px 16px rgba(107, 94, 255, 0.18), 0 2px 6px rgba(95, 82, 243, 0.1);
  transform: translateY(-2px);
}
._toolBtn_1szk5_85:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px rgba(107, 94, 255, 0.12);
}
._toolBtn_1szk5_85:hover ._toolBtnSentimentIcon_1szk5_127, ._toolBtn_1szk5_85:hover ._toolBtnIconWrap_1szk5_127 {
  transform: scale(1.14) rotate(-6deg);
}
._toolBtn_1szk5_85 ._label_1szk5_69 {
  order: 1;
  font-size: 12.5px;
  font-weight: 600;
  color: #1a2240;
  line-height: 1;
}
._toolBtn_1szk5_85 ._toolBtnIconWrap_1szk5_127 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 47px;
  flex-shrink: 0;
  transition: transform 260ms cubic-bezier(0.34, 1.45, 0.64, 1), background 220ms ease, color 220ms ease;
  order: 0;
  background: linear-gradient(135deg, #e3f0ff 0%, #c7e0ff 100%);
}
._toolBtn_1szk5_85 ._toolBtnIconWrap_1szk5_127 img {
  width: 16px;
  height: 16px;
  display: block;
}
._toolBtn_1szk5_85:hover {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06) 0%, rgba(59, 130, 246, 0.1) 100%);
  border-color: rgba(37, 99, 235, 0.35);
  color: #1d4ed8;
}
._toolBtn_1szk5_85:hover ._label_1szk5_69 {
  color: #1d4ed8;
}
._disabled_1szk5_163 {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
._label_1szk5_69 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._label_1szk5_69 {
    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;
}.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_2e3uv_1 {
  to {
    opacity: 1;
  }
}
._startChatBtn_2e3uv_8 {
  padding: 6px 6px;
  border-radius: 5px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
}
._startChatBtn_2e3uv_8._disabled_2e3uv_18, ._startChatBtn_2e3uv_8:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._startChatBtn_2e3uv_8:hover {
  opacity: 0.8;
}
._button_2e3uv_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_2e3uv_27 ._icon_2e3uv_40 {
  width: 20px;
  height: 20px;
}
._button_2e3uv_27 ._label_2e3uv_44 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._messageContainer_2e3uv_50 {
  position: relative;
  gap: 5px;
}
._chatContainer_2e3uv_55 {
  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;
}
._chatContainer_2e3uv_55 ._connectionLostContainer_2e3uv_72 {
  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_2e3uv_55 ._connectionLostContainer_2e3uv_72 ._label_2e3uv_44 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._chatContainer_2e3uv_55 ._loadingContainer_2e3uv_91 {
  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_2e3uv_55 ._loadingContainer_2e3uv_91 span {
  font-size: 16px;
}
._chatContainer__resizeBtn_2e3uv_108 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_2e3uv_55 ._chatHeader_2e3uv_117 {
  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_2e3uv_55 ._chatHeader_2e3uv_117 ._close_2e3uv_129 {
  border-radius: 25px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
._chatContainer_2e3uv_55 ._chatHeader_2e3uv_117 ._close_2e3uv_129:hover {
  opacity: 1;
}
._chatContainer_2e3uv_55 ._operatorInfo_2e3uv_138 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_2e3uv_55 ._operatorPhoto_2e3uv_146 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff; /* Цвет фона, замените на ваш фон */
  margin-right: 10px;
}
._chatContainer_2e3uv_55 ._operatorDetails_2e3uv_153 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_2e3uv_55 ._operatorDetails_2e3uv_153 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_2e3uv_55 ._operatorName_2e3uv_164 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_2e3uv_55 ._operatorPosition_2e3uv_168 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_2e3uv_55 ._chatMessages_2e3uv_172 {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: scroll;
  padding: 14px;
  color: black;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  overscroll-behavior: contain;
}
._chatContainer_2e3uv_55 ._chatMessages__messages_2e3uv_183 {
  display: flex;
  flex-direction: column;
}
._chatContainer_2e3uv_55 ._message_2e3uv_50 {
  padding: 10px;
  background: linear-gradient(to right, #d0e4ff, #c5ecfa);
  color: black;
  border-radius: 8px;
  width: fit-content;
}
._chatContainer_2e3uv_55 ._message_2e3uv_50 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_2e3uv_55 ._message_2e3uv_50._userMessage_2e3uv_199 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_2e3uv_1 0.5s ease-in-out forwards;
}
._chatContainer_2e3uv_55 ._message_2e3uv_50._userMessage_2e3uv_199:last-child {
  animation-delay: 0.2s;
}
._chatContainer_2e3uv_55 ._userMessage_2e3uv_199 ._messageContent_2e3uv_207 {
  display: inline-block;
  padding: 0;
  border-radius: 8px;
}
._chatContainer_2e3uv_55 ._userMessage_2e3uv_199 ._messageContent_2e3uv_207 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_2e3uv_55 ._userMessage_2e3uv_199 ._messageContent_2e3uv_207 span {
  max-width: 100%;
}
._chatContainer_2e3uv_55 ._operatorMessage_2e3uv_219 {
  text-align: left !important;
  background: #f5f7f9;
  color: black;
  border: 1px solid #eaeef4;
  border-radius: 10px 10px 10px 0;
  padding: 0.5rem;
}
._chatContainer_2e3uv_55 ._operatorMessage_2e3uv_219 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_2e3uv_55 ._messageDots_2e3uv_231 {
  width: 100%;
}
._chatContainer_2e3uv_55 ._message_2e3uv_50 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
._chatContainer_2e3uv_55 ._uname_2e3uv_239 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_2e3uv_55 ._operatorMessage_2e3uv_219 {
  text-align: left;
}
._chatContainer_2e3uv_55 ._operatorMessage_2e3uv_219 ._message-content_2e3uv_249 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_2e3uv_55 ._chatInput_2e3uv_254 {
  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;
}
._chatContainer_2e3uv_55 ._chatInput__inputContainer_2e3uv_265 {
  border-radius: 8px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background: rgb(245, 247, 249);
  height: max-content;
  position: relative;
  border: 1px solid #d8dbdf;
  padding: 8px;
}
._chatContainer_2e3uv_55 ._chatInput__input_2e3uv_265 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
  font-family: Roboto, serif;
}
._chatContainer_2e3uv_55 ._chatInput__input_2e3uv_265:focus {
  outline: none;
}
._chatContainer_2e3uv_55 ._chatInput_2e3uv_254 ._pi_2e3uv_291 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_2e3uv_55 ._chatInput_2e3uv_254 svg {
  align-self: end;
  margin-right: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
._chatContainer_2e3uv_55 ._chatInput_2e3uv_254 ._sendButton_2e3uv_304 {
  align-self: center;
  flex-shrink: 0;
  line-height: 0;
}
._chatContainer_2e3uv_55 ._chatInput_2e3uv_254 ._sendButton_2e3uv_304 svg {
  align-self: center !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
._sign_2e3uv_315 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
  align-self: center;
  max-width: fit-content !important;
}
._sign_2e3uv_315 p {
  max-width: fit-content !important;
}
._sign_2e3uv_315 strong {
  transition: color 0.2s ease;
}
._sign_2e3uv_315:hover strong {
  color: inherit !important;
}
._joinedMessage_2e3uv_332 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._spamMessage_2e3uv_343 {
  margin: 0 auto;
  color: #e14e4e;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._iconInChat_2e3uv_354 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 10px;
  border-radius: 30px;
}
._iconInChat__typing_2e3uv_362 {
  margin-bottom: 0;
}
._timeText_2e3uv_366 {
  color: rgb(179, 179, 179);
  margin: 0px;
  font-size: 10px;
  line-height: 12px;
}
._timeText__white_2e3uv_372 {
  color: #fff;
}
@keyframes _rotate360_2e3uv_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
._loopIcon_2e3uv_384 {
  animation: _rotate360_2e3uv_1 1s linear infinite;
}
._no-scroll_2e3uv_388 {
  overflow: hidden;
}
@media (max-width: 480px) {
  ._chatContainer_2e3uv_55 {
    border-radius: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0 !important;
    right: 0;
    left: 0;
  }
  ._chatHeader_2e3uv_117 {
    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-radius: 0px !important;
  }
  ._chatHeader_2e3uv_117 ._close_2e3uv_129 {
    border-radius: 25px;
    cursor: pointer;
    width: 25px;
    height: 25px;
  }
  ._chatHeader_2e3uv_117 ._close_2e3uv_129:hover {
    opacity: 1;
  }
  ._chatMessages_2e3uv_172 {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
    -ms-touch-action: pan-y !important;
    will-change: scroll-position;
    overscroll-behavior: contain;
    display: block !important;
    padding: 14px;
    box-sizing: border-box;
  }
  ._chatMessages__messages_2e3uv_183 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    justify-content: flex-end;
  }
  ._chatInput_2e3uv_254 {
    padding: 14px;
    background-color: #fff;
    border-top: 1px solid #d8dbdf;
    position: relative;
    display: flex;
    gap: 0.5rem;
  }
  ._chatInput__inputContainer_2e3uv_265 {
    border-radius: 8px;
    border: 1px solid #d8dbdf;
    width: 100%;
    display: flex;
    align-items: center;
  }
  ._chatInput__input_2e3uv_265 {
    background-color: transparent;
    resize: none;
    width: 100%;
    border: none;
    font-size: 16px !important;
    padding: 8px;
    padding-right: 28px;
  }
  ._connectionLostContainer_2e3uv_72 {
    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_2e3uv_72 ._label_2e3uv_44 {
    font-family: Roboto, sans-serif;
    color: #1f1f1f;
    font-size: 16px;
  }
  ._pi_2e3uv_291 {
    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);
}._autocompleteContainer_878at_1 {
  position: relative;
  width: 100%;
}

._suggestionsList_878at_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_878at_19 {
  padding: 8px 12px;
  cursor: pointer;
}
._suggestionItem_878at_19:hover {
  background-color: #f5f5f5;
}
._suggestionItem_878at_19._selected_878at_26 {
  background-color: #e3f2fd;
}

._inputWrapper_878at_30 {
  position: relative;
  width: 100%;
}

._locationIcon_878at_35 {
  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;
}
@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;
  border-radius: 100px;
  animation: moveUpDown 1s ease-in-out infinite alternate;
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
}

.chat-button {
  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;
}
._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_1fqzi_1 {
  height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}
._container_1fqzi_1 ._timer_1fqzi_7 {
  font-weight: 700;
  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;
}
._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_1t3nm_57 {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
._background_1t3nm_67 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._dndItems_1t3nm_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_1t3nm_75._botname_1t3nm_90 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._dndnode_1t3nm_97 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._reactflowWrapper_1t3nm_104 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: var(--debug-console-offset, 0px);
  transition: padding-bottom 220ms ease;
}
._flowInitOverlay_1t3nm_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_1t3nm_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
._flowInitBoxes_1t3nm_130 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._flowInitBox_1t3nm_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_1t3nm_1 1.8s infinite ease-in-out;
}
._flowInitBox--center_1t3nm_145 {
  animation-delay: 0.18s;
}
._flowInitBox--right_1t3nm_148 {
  animation-delay: 0.36s;
}
._flowInitConnector_1t3nm_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_1t3nm_1 1.8s infinite linear;
  opacity: 0.85;
}
._flowInitGraph_1t3nm_162 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
._flowInitRow_1t3nm_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._flowInitConnectorVertical_1t3nm_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_1t3nm_1 1.8s infinite linear;
  opacity: 0.65;
}
._flowInitTitle_1t3nm_186 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: var(--scss-text-color, #1f1f1f);
}
._flowInitSubTitle_1t3nm_195 {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 18px;
  color: var(--scss-gray-text-color, #727272);
}
@keyframes _flowBoxTravel_1t3nm_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_1t3nm_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
._disabledView_1t3nm_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_1t3nm_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_1t3nm_248 {
  width: 100%;
  height: calc(100% - 54px);
  overflow-y: scroll;
}
._subcontainer_1t3nm_254 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
  margin-top: 24px;
}
._subcontainerBehaviour_1t3nm_264 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_1t3nm_269 {
  height: 112px;
  width: 513px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1t3nm_269 ._hader_1t3nm_276 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1t3nm_269 ._hader_1t3nm_276 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_1t3nm_269 ._hader_1t3nm_276 ._iconHolder_1t3nm_290 {
  width: 17px;
  height: 19px;
}
._fieldContainer_1t3nm_269 ._subhader_1t3nm_294 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
._fieldContainer_1t3nm_269 ._field_1t3nm_269 {
  width: 100%;
  height: 52px;
}
._fieldBig_1t3nm_309 {
  width: 100%;
}
._sideTabs_1t3nm_313 {
  position: absolute;
  left: 24px;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}
._sideTab_1t3nm_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_1t3nm_313:hover {
  transform: translateX(0);
  background: #ffffff;
  color: #1f2329;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
._sideTab_1t3nm_313 ._icon_1t3nm_290 {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
}
._sideTab_1t3nm_313 ._label_1t3nm_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_1t3nm_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_1t3nm_380 {
  width: 1px;
  height: 32px;
  background: #e5e7eb;
  margin: 0 2px;
}
._flowToolbarButton_1t3nm_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_1t3nm_387:hover {
  background: #e5e7eb;
  color: #111827;
  transform: translateY(-1px);
}
._flowToolbarButtonActive_1t3nm_408 {
  background: #fee2e2;
  color: #111827;
}
._flowToolbarIcon_1t3nm_413 {
  width: 24px;
  height: 24px;
  line-height: 1;
}
._flowToolbarMuiIcon_1t3nm_419 {
  width: 22px;
  height: 22px;
}
._selectionMode_1t3nm_424 .react-flow__pane {
  cursor: crosshair !important;
}
._flowToolbarIconVertical_1t3nm_428 {
  transform: rotate(90deg);
}
._flowToolbarTooltip_1t3nm_432 {
  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_1t3nm_387:hover ._flowToolbarTooltip_1t3nm_432 {
  opacity: 1;
}
._sideTab_1t3nm_313:hover ._label_1t3nm_357,
._sideTab_1t3nm_313._active_1t3nm_453 ._label_1t3nm_357 {
  opacity: 1;
  max-width: 320px;
}
._sideTab_1t3nm_313._active_1t3nm_453 {
  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_1kz5g_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_1kz5g_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_1kz5g_35 p {
  font-size: 16px;
  color: #666;
}
._passFailLabel_1kz5g_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_1kz5g_48 svg {
  color: #2250c6;
  font-size: 1.4em;
}
._eventContent_1kz5g_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_1kz5g_83 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_1kz5g_90 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}
._eventName_1kz5g_90:hover, ._eventName_1kz5g_90:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_1kz5g_103 {
  margin-bottom: 16px;
}
._logicOperator_1kz5g_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_1kz5g_103 select:hover {
  border-color: #4caf50;
}
._conditionGroup_1kz5g_119 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_1kz5g_119:last-child {
  margin-bottom: 24px;
}
._groupOperator_1kz5g_129 {
  width: 120px;
  margin: 8px 0;
  background-color: white;
}
._groupOperator_1kz5g_129 .MuiSelect-select {
  background-color: white;
}
._conditions_1kz5g_138 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_1kz5g_144 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_1kz5g_144 .SortableList-item.dragging .operatorContainer {
  display: none;
}
._conditionWrapper_1kz5g_153 {
  display: flex;
  background: #f7f7f7;
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_1kz5g_161 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
  cursor: grab;
}
._dragHandleContainer_1kz5g_161 svg {
  color: #98a2b3;
}
._dragHandleContainer_1kz5g_161 svg:hover {
  color: #1f1f1f;
}
._SortableItem-dragging_1kz5g_175 ._operatorContainer_1kz5g_149 {
  display: none;
}
._conditionContent_1kz5g_179 {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  gap: 8px;
  padding: 14px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
._singleLineInput_1kz5g_189 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: fit-content;
}
._singleLineInput_1kz5g_189 .editableWrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._singleLineInput_1kz5g_189 .inputWithHelpIcon {
  width: 80%;
  min-width: 0;
  max-width: 100%;
}
._deleteButtonContainer_1kz5g_208 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_1kz5g_208 {
  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_1kz5g_208 svg {
  font-size: 20px;
}
._deleteButton_1kz5g_208:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1f1f1f !important;
}
._deleteButton--disabled_1kz5g_237 {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed !important;
  background: none !important;
  color: #d3d3d3 !important;
}
._fieldSelect_1kz5g_245,
._operatorSelect_1kz5g_246 {
  width: 100%;
  background-color: white;
}
._fieldSelect_1kz5g_245 .MuiSelect-select,
._operatorSelect_1kz5g_246 .MuiSelect-select {
  background-color: white;
}
._fieldSelect_1kz5g_245 .MuiOutlinedInput-notchedOutline,
._operatorSelect_1kz5g_246 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_1kz5g_245 .MuiInputBase-root,
._operatorSelect_1kz5g_246 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_1kz5g_245 .MuiInputBase-root fieldset,
._operatorSelect_1kz5g_246 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_1kz5g_245 .MuiInputBase-root fieldset legend,
._operatorSelect_1kz5g_246 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_1kz5g_271 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: white;
  width: 100%;
}
._valueInput_1kz5g_271:focus {
  outline: none;
  border-color: #1976d2;
}
._valueInput--invalid_1kz5g_283 {
  border: 1.5px solid #f44336 !important;
}
._groupOperator_1kz5g_129,
._conditionOperator_1kz5g_288 {
  margin: 8px 0 !important;
  background-color: white;
}
._groupOperator_1kz5g_129 .MuiSelect-select,
._conditionOperator_1kz5g_288 .MuiSelect-select {
  background-color: white;
}
._groupOperator_1kz5g_129 .MuiOutlinedInput-notchedOutline,
._conditionOperator_1kz5g_288 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_1kz5g_129 .MuiInputBase-root,
._conditionOperator_1kz5g_288 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_1kz5g_129 .MuiInputBase-root fieldset,
._conditionOperator_1kz5g_288 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_1kz5g_129 .MuiInputBase-root fieldset legend,
._conditionOperator_1kz5g_288 .MuiInputBase-root fieldset legend {
  display: none;
}
._subConditionOperator_1kz5g_313 {
  width: 120px !important;
  margin: 8px auto !important;
  background-color: white;
}
._subConditionOperator_1kz5g_313 .MuiSelect-select {
  background-color: white;
}
._subConditionOperator_1kz5g_313 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._subConditionOperator_1kz5g_313 .MuiInputBase-root {
  height: 36px;
}
._subConditionOperator_1kz5g_313 .MuiInputBase-root fieldset {
  top: 0;
}
._subConditionOperator_1kz5g_313 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_1kz5g_334 {
  margin-top: 8px;
}
._addConditionButton_1kz5g_338 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_1kz5g_338 ._addIcon_1kz5g_343 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_1kz5g_161 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_1kz5g_161:hover {
  color: #1f1f1f;
  background-color: rgba(0, 0, 0, 0.04);
}
._bottomActions_1kz5g_357 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  gap: 16px;
}
._colorSettings_1kz5g_366 {
  display: flex;
  gap: 24px;
}
._colorOption_1kz5g_371 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_1kz5g_371 span {
  font-size: 14px;
  color: #1f1f1f;
}
._colorOption_1kz5g_371 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_1kz5g_371 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_1kz5g_371 .MuiInputAdornment-root {
  margin-left: 0;
  height: 70%;
  margin-top: 4px;
  max-height: none;
}
._colorOption_1kz5g_371 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._fieldSelect_1kz5g_245 {
  min-width: 200px;
  background: #fff;
  transition: all 0.2s ease;
}
._fieldSelect_1kz5g_245:hover {
  background: #f5f5f5;
}
._treeItem_1kz5g_410:hover {
  background: #f5f5f5;
}
._treeItem_1kz5g_410._Mui-selected_1kz5g_413 {
  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_1pa65_1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._inputContainer_1pa65_18 {
  flex: 1;
  width: 100%;
  position: relative;
  min-width: 0;
  overflow: visible;
}
._inputContainer_1pa65_18 .editableWrapper {
  margin: 0;
  gap: 0;
  height: auto;
  min-height: auto;
  width: 100%;
  overflow: visible;
}
._inputContainer_1pa65_18 .inputWithHelpIcon {
  position: relative;
  height: auto;
  min-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_1pa65_18 .tags-input,
._inputContainer_1pa65_18 .tags-input-flow {
  min-height: 48px;
  max-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_1pa65_18 .tagify {
  width: 100% !important;
  overflow: visible !important;
}
._inputContainer_1pa65_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_1pa65_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_1pa65_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_1pa65_18 .tagify__tag {
  max-width: calc(100% - 48px) !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
._inputContainer_1pa65_18 .tagify__tag > div {
  max-width: calc(100% - 48px) !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
._inputContainer_1pa65_18 .tagify__tag-text {
  display: inline-block !important;
  max-width: calc(100% - 8px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

._chevronButton_1pa65_96 {
  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_1pa65_96:hover {
  background: rgba(0, 0, 0, 0.04);
}
._chevronButton_1pa65_96:active {
  background: rgba(0, 0, 0, 0.08);
}

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

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

._dropdownContainer_1pa65_130 {
  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_v1wwz_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_v1wwz_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

._tabButton_v1wwz_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_v1wwz_33 svg {
  display: block;
}

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

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

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

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

._closeButton_v1wwz_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_v1wwz_76:hover {
  background: #e2e6ef;
}

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

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

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

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

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

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

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

._nodeItem_v1wwz_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_v1wwz_134:hover {
  border-color: #e0e6f1;
  background: #f7f9fc;
  box-shadow: 0 10px 22px -20px rgba(12, 18, 36, 0.6);
}

._nodeItem_v1wwz_134:active {
  cursor: grabbing;
}

._nodeIcon_v1wwz_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_v1wwz_157 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
}

._nodeText_v1wwz_176 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

._actionCategoryHeader_v1wwz_261 {
  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_v1wwz_261._expanded_v1wwz_278 {
  background: #ECEEF4;
}

._actionCategoryHeader_v1wwz_261 span:not(._chevron_v1wwz_281) {
  font-size: 14px;
}

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

._chevron_v1wwz_281 {
  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_v1wwz_281._open_v1wwz_299 {
  transform: rotate(-135deg);
}

._actionIcon_v1wwz_303 {
  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_v1wwz_303 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
}

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

._actionItem_v1wwz_329 {
  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_v1wwz_329:hover {
  border-color: #e0e6f1;
  background: #f7f9fc;
  box-shadow: 0 10px 22px -20px rgba(12, 18, 36, 0.6);
}

._actionItem_v1wwz_329:active {
  cursor: grabbing;
}

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

._disabled_v1wwz_358 {
  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_v1wwz_367 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: grab;
  pointer-events: none;
}._consoleRoot_1dsy3_1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  pointer-events: none;
  z-index: 6;
}

._toggleButton_1dsy3_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_1dsy3_10:hover {
  transform: translateY(-1px);
  border-color: rgba(11, 100, 254, 0.4);
}

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

._panel_1dsy3_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_1dsy3_59 {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}

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

._dragHandle_1dsy3_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_1dsy3_74 span {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
}

._panelHeader_1dsy3_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_1dsy3_102 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

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

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

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

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

._autoscrollLabel_1dsy3_138 {
  user-select: none;
}

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

._themeOption_1dsy3_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_1dsy3_161 {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

._closeButton_1dsy3_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_1dsy3_166:hover {
  background: rgba(255, 255, 255, 0.18);
}

._clearButton_1dsy3_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_1dsy3_183:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
}
._clearButton_1dsy3_183:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._logList_1dsy3_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_1dsy3_217 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

._sidSpacer_1dsy3_223 {
  height: 20px;
}

._sessionDivider_1dsy3_227 {
  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_1dsy3_227::before, ._sessionDivider_1dsy3_227::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
._sessionDivider_1dsy3_227::before {
  max-width: 32px;
}

._copyButton_1dsy3_247 {
  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_1dsy3_247:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}
._copyButton_1dsy3_247 svg {
  width: 14px;
  height: 14px;
}

._sessionLabel_1dsy3_269 {
  font-weight: 600;
}

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

._logRow_1dsy3_279 {
  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_1dsy3_279:last-child {
  border-bottom: none;
}

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

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

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

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

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

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

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

._chevron_1dsy3_346 {
  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-right: 2px;
  flex-shrink: 0;
  transition: transform 200ms ease;
}

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

._detailsContent_1dsy3_362 {
  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_1dsy3_370 {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  line-height: 1.5;
  white-space: normal;
  word-break: break-word;
  font-family: "JetBrains Mono", "SFMono-Regular", "SFMono", Consolas, monospace;
}

._detailsRow_1dsy3_380 {
  margin-bottom: 2px;
}

._detailsKey_1dsy3_384 {
  color: rgba(148, 197, 255, 0.9);
}

._detailsValue_1dsy3_388 {
  color: rgba(255, 255, 255, 0.9);
}

._detailsExpandButton_1dsy3_392 {
  margin-top: 6px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(148, 197, 255, 0.9);
  font-size: 11px;
  cursor: pointer;
}

._stackTraceBlock_1dsy3_402 {
  margin-top: 8px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

._stackTraceHeader_1dsy3_410 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

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

._stackTraceRow_1dsy3_424 {
  display: grid;
  grid-template-columns: 90px minmax(160px, 1fr) minmax(260px, 2fr) 72px;
  align-items: center;
  gap: 10px;
}

._stackTraceType_1dsy3_431 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid rgba(148, 197, 255, 0.2);
  background: rgba(148, 197, 255, 0.1);
  color: rgba(148, 197, 255, 0.8);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: none;
  padding: 0px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

._stackTraceTitle_1dsy3_448 {
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._stackTraceDuration_1dsy3_455 {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

._stackTraceBarTrack_1dsy3_462 {
  position: relative;
  height: 12px;
  border-radius: 999px;
  background: #1f2937;
  overflow: hidden;
}

._stackTraceBar_1dsy3_462 {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 999px;
  background: #3b82f6;
}

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

._logRowChild_1dsy3_486 {
  padding-left: calc(8px + var(--log-depth, 1) * 16px);
  border-left: 2px solid rgba(255, 255, 255, 0.08);
  margin-left: calc(var(--log-depth, 1) * 4px);
  background: rgba(255, 255, 255, 0.02);
}

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

._logType_1dsy3_498 {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(148, 197, 255, 0.75);
  background: rgba(148, 197, 255, 0.1);
  border: 1px solid rgba(148, 197, 255, 0.2);
  border-radius: 3px;
  padding: 0px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

._logTypeRequest_1dsy3_511 {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(245, 158, 11, 0.36);
}

._logTypeResponse_1dsy3_517 {
  color: #6366f1;
  background: rgba(99, 102, 241, 0.14);
  border-color: rgba(99, 102, 241, 0.36);
}

._logTypeAction_1dsy3_523 {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.36);
}

._logTypeTool_1dsy3_529 {
  color: #a855f7;
  background: rgba(168, 85, 247, 0.14);
  border-color: rgba(168, 85, 247, 0.36);
}

._logTypeFunction_1dsy3_535 {
  color: #ec4899;
  background: rgba(236, 72, 153, 0.14);
  border-color: rgba(236, 72, 153, 0.36);
}

._logTypeTransition_1dsy3_541 {
  color: #0ea5e9;
  background: rgba(14, 165, 233, 0.14);
  border-color: rgba(14, 165, 233, 0.36);
}

._stackBarRequest_1dsy3_547 {
  background: #f8c27a;
}

._stackBarResponse_1dsy3_551 {
  background: #a7a4f5;
}

._stackBarAction_1dsy3_555 {
  background: #8fd9ab;
}

._stackBarTool_1dsy3_559 {
  background: #c5a7ef;
}

._stackBarFunction_1dsy3_563 {
  background: #f2a8cf;
}

._stackBarTransition_1dsy3_567 {
  background: #8eccea;
}

._pendingDot_1dsy3_571 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fbbf24;
  flex-shrink: 0;
  animation: _pendingPulse_1dsy3_1 1.2s ease-in-out infinite;
}

@keyframes _pendingPulse_1dsy3_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.75);
  }
}
._logUpdatedTime_1dsy3_591 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
  white-space: nowrap;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}

._detailsToggle_1dsy3_600 {
  width: 6px;
  height: 6px;
  border-right: 2px solid rgba(148, 197, 255, 0.6);
  border-bottom: 2px solid rgba(148, 197, 255, 0.6);
  transform: rotate(-45deg);
  display: inline-block;
  flex-shrink: 0;
  transition: transform 200ms ease;
  cursor: pointer;
}

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

._detailsContentChild_1dsy3_616 {
  margin-left: 0;
}

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

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

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

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

._level-info_1dsy3_646 ._logLevel_1dsy3_324 {
  color: #60a5fa;
}

._level-warn_1dsy3_650 ._logLevel_1dsy3_324 {
  color: #fbbf24;
}

._level-error_1dsy3_654 ._logLevel_1dsy3_324 {
  color: #f87171;
}

._level-debug_1dsy3_658 ._logLevel_1dsy3_324 {
  color: #5eead4;
}

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

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

._theme-light_1dsy3_671 {
  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_1dsy3_671 ._dragHandle_1dsy3_74 span {
  background: rgba(15, 23, 42, 0.35);
}
._theme-light_1dsy3_671 ._panelHeader_1dsy3_93 {
  color: rgba(15, 23, 42, 0.9);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
._theme-light_1dsy3_671 ._autoscrollToggle_1dsy3_129 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1dsy3_671 ._autoscrollToggle_1dsy3_129 input[type=checkbox] {
  border-color: rgba(15, 23, 42, 0.35);
  accent-color: #3b82f6;
}
._theme-light_1dsy3_671 ._panelSubtitle_1dsy3_109 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._themeSwitch_1dsy3_142 {
  border-color: rgba(15, 23, 42, 0.2);
}
._theme-light_1dsy3_671 ._themeOption_1dsy3_150 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._themeOptionActive_1dsy3_161 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_1dsy3_671 ._clearButton_1dsy3_183 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_1dsy3_671 ._clearButton_1dsy3_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_1dsy3_671 ._closeButton_1dsy3_166 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_1dsy3_671 ._closeButton_1dsy3_166:hover {
  background: rgba(15, 23, 42, 0.16);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_1dsy3_671 ._pill_1dsy3_721 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.65);
}
._theme-light_1dsy3_671 ._logRow_1dsy3_279 {
  background: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1dsy3_671 ._logRowSimple_1dsy3_294 {
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1dsy3_671 ._logRowClickable_1dsy3_300 ._logContent_1dsy3_300:hover {
  background: rgba(15, 23, 42, 0.08);
}
._theme-light_1dsy3_671 ._logTime_1dsy3_317 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._logLevel_1dsy3_324 {
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1dsy3_671 ._logMessageSimple_1dsy3_339 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1dsy3_671 ._chevron_1dsy3_346 {
  border-right-color: rgba(15, 23, 42, 0.6);
  border-bottom-color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._detailsContent_1dsy3_362 {
  background: rgba(15, 23, 42, 0.05);
  border-left-color: rgba(15, 23, 42, 0.2);
}
._theme-light_1dsy3_671 ._detailsText_1dsy3_370 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1dsy3_671 ._detailsKey_1dsy3_384 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_1dsy3_671 ._detailsValue_1dsy3_388 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1dsy3_671 ._detailsExpandButton_1dsy3_392 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_1dsy3_671 ._stackTraceBlock_1dsy3_402 {
  background: rgba(15, 23, 42, 0.05);
  border-color: rgba(15, 23, 42, 0.14);
}
._theme-light_1dsy3_671 ._stackTraceHeader_1dsy3_410 {
  color: rgba(15, 23, 42, 0.68);
}
._theme-light_1dsy3_671 ._stackTraceType_1dsy3_431 {
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(37, 99, 235, 0.08);
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_1dsy3_671 ._stackTraceTitle_1dsy3_448 {
  color: rgba(15, 23, 42, 0.86);
}
._theme-light_1dsy3_671 ._stackTraceDuration_1dsy3_455 {
  color: rgba(15, 23, 42, 0.64);
}
._theme-light_1dsy3_671 ._stackTraceBarTrack_1dsy3_462 {
  background: #cbd5e1;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462 {
  background: #3b82f6;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarRequest_1dsy3_547 {
  background: #f8c27a;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarResponse_1dsy3_551 {
  background: #a7a4f5;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarAction_1dsy3_555 {
  background: #8fd9ab;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarTool_1dsy3_559 {
  background: #c5a7ef;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarFunction_1dsy3_563 {
  background: #f2a8cf;
}
._theme-light_1dsy3_671 ._stackTraceBar_1dsy3_462._stackBarTransition_1dsy3_567 {
  background: #8eccea;
}
._theme-light_1dsy3_671 ._logTime_1dsy3_317 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._logSource_1dsy3_632 {
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_1dsy3_671 ._logMessage_1dsy3_339 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1dsy3_671 ._sessionDivider_1dsy3_227 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._sessionDivider_1dsy3_227::after {
  background: rgba(15, 23, 42, 0.12);
}
._theme-light_1dsy3_671 ._sessionTime_1dsy3_273 {
  color: rgba(59, 130, 246, 0.8);
}
._theme-light_1dsy3_671 ._logInteractionType_1dsy3_332 {
  color: #000;
}
._theme-light_1dsy3_671 ._copyButton_1dsy3_247 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._copyButton_1dsy3_247:hover {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.8);
}
._theme-light_1dsy3_671 ._emptyState_1dsy3_478 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1dsy3_671 ._logList_1dsy3_204::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.25);
}
._theme-light_1dsy3_671 ._logRowChild_1dsy3_486 {
  border-left-color: rgba(15, 23, 42, 0.12);
  background: rgba(15, 23, 42, 0.02);
}
._theme-light_1dsy3_671 ._logType_1dsy3_498 {
  color: rgba(37, 99, 235, 0.8);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.2);
}
._theme-light_1dsy3_671 ._logTypeRequest_1dsy3_511 {
  color: #b45309;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
}
._theme-light_1dsy3_671 ._logTypeResponse_1dsy3_517 {
  color: #3730a3;
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.35);
}
._theme-light_1dsy3_671 ._logTypeAction_1dsy3_523 {
  color: #15803d;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
}
._theme-light_1dsy3_671 ._logTypeTool_1dsy3_529 {
  color: #7e22ce;
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.35);
}
._theme-light_1dsy3_671 ._logTypeFunction_1dsy3_535 {
  color: #be185d;
  background: rgba(236, 72, 153, 0.12);
  border-color: rgba(236, 72, 153, 0.35);
}
._theme-light_1dsy3_671 ._logTypeTransition_1dsy3_541 {
  color: #075985;
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(14, 165, 233, 0.35);
}
._theme-light_1dsy3_671 ._logUpdatedTime_1dsy3_591 {
  color: rgba(15, 23, 42, 0.35);
}
._theme-light_1dsy3_671 ._detailsToggle_1dsy3_600 {
  border-right-color: rgba(37, 99, 235, 0.6);
  border-bottom-color: rgba(37, 99, 235, 0.6);
}
._theme-light_1dsy3_671 ._level-info_1dsy3_646 ._logLevel_1dsy3_324 {
  color: #2563eb;
}
._theme-light_1dsy3_671 ._level-warn_1dsy3_650 ._logLevel_1dsy3_324 {
  color: #d97706;
}
._theme-light_1dsy3_671 ._level-error_1dsy3_654 ._logLevel_1dsy3_324 {
  color: #dc2626;
}
._theme-light_1dsy3_671 ._level-debug_1dsy3_658 ._logLevel_1dsy3_324 {
  color: #0891b2;
}

._theme-dark_1dsy3_901 {
  background: #1f1f1f;
}
._theme-dark_1dsy3_901 ._dragHandle_1dsy3_74 span {
  background: rgba(255, 255, 255, 0.4);
}
._theme-dark_1dsy3_901 ._logInteractionType_1dsy3_332 {
  color: rgba(255, 255, 255, 0.9);
}
._theme-dark_1dsy3_901 ._autoscrollToggle_1dsy3_129 {
  color: rgba(255, 255, 255, 0.85);
}
._theme-dark_1dsy3_901 ._autoscrollToggle_1dsy3_129 svg {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  ._toggleButton_1dsy3_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_1jupo_29 {
  font-family: "Roboto";
  color: #64748B;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._label_1jupo_29 {
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  ._label_1jupo_29 {
    font-size: 12px;
  }
}
._waveformContainer_1jupo_49 {
  width: 100%;
  height: 60px;
  overflow: hidden;
  position: relative;
}
._playerSliderStack_1jupo_56 {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  z-index: 300;
  touch-action: none;
}
._playerSentimentOverlay_1jupo_65 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
._fade_1jupo_72 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
}
._playerHolder_1jupo_80 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  touch-action: none;
}
._player_1jupo_56 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding-bottom: 14px;
  padding-top: 24px;
}
._player_embedded_1jupo_101 {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  gap: 0;
}
._player_embedded_1jupo_101 ._player__waveforms_1jupo_107 {
  border-radius: 10px;
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}
._player_embedded_1jupo_101 ._playerHolder_1jupo_80 {
  padding-top: 0;
  padding-bottom: 0;
}
._player__time_1jupo_117 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 72px;
  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: 480px) {
  ._player__time_1jupo_117 {
    min-width: 56px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1440px) {
  ._player__time_1jupo_117 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._player__time_1jupo_117 {
    font-size: 14px;
  }
}
@media screen and (max-width: 834px) {
  ._player_1jupo_56 {
    padding-top: 8px;
    padding-bottom: 10px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  ._player_1jupo_56 {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 10px;
  }
}
._player__waveforms_1jupo_107 {
  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;
}
@media screen and (max-width: 834px) {
  ._player__waveforms_1jupo_107 {
    border-radius: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 480px) {
  ._player__waveforms_1jupo_107 {
    border-radius: 12px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
._player__waveforms_audioLine_1jupo_190 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 12px;
}
._player__waveforms_item_1jupo_196 {
  padding: 0px 12px 0px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._player__activeLine_1jupo_203 {
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  background: #066dcc;
  z-index: 1000;
  transition: left 0.5s linear;
}
._player__activeLine_1jupo_203:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  z-index: 10;
  top: 0;
  left: -150%;
  background-color: #066dcc;
}
._player__activeLine__answer_1jupo_224 {
  background-color: #aaaafd;
}
._player__activeLine__answer_1jupo_224:before {
  background-color: #aaaafd;
}
._player__slider_1jupo_231 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: transparent;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
}
._tooltip_1jupo_243 {
  pointer-events: none;
  position: absolute;
  z-index: 400;
  top: 0px;
  left: 0;
  font-size: 14px;
  font-family: "Roboto";
  color: white;
  background-color: #5479f7;
  border-radius: 10px;
  width: 50px;
  height: 18px;
  text-align: center;
}
._pointer_1jupo_259 {
  position: absolute;
  display: flex;
  left: calc(50% - 1.5px);
  width: 1px;
  top: 21px;
  background: rgba(84, 122, 247, 0.4156862745);
}
._leftSectionHolder_1jupo_268 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
._leftSectionHolder_1jupo_268 span {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-text-color, #1f1f1f);
}
._player__slider_1jupo_231::-webkit-slider-runnable-track {
  height: 5px;
  background: transparent;
}
._player__slider_1jupo_231::-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_1jupo_231::-webkit-slider-thumb:hover {
  background-color: #2e2eaa;
}
._player__slider_1jupo_231::-moz-range-track {
  height: 5px;
  background: transparent;
}
._player__slider_1jupo_231::-moz-range-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_1jupo_231::-ms-track {
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
  background-color: transparent;
  border-style: solid;
}
._player__slider_1jupo_231::-ms-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_1jupo_231:focus {
  outline: none;
}
._loadingOverlay_1jupo_341 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: white;
  font-weight: bold;
  animation: _fadeIn_1jupo_1 1s ease-in-out;
  z-index: 999;
  mix-blend-mode: multiply;
}
@keyframes _fadeIn_1jupo_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._loadingText_1jupo_367 {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
@keyframes _loadingText_1jupo_367 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
._muteButton_1jupo_386 {
  cursor: pointer;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: visible;
  position: relative;
  z-index: 5;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_1jupo_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_1jupo_399 {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_1jupo_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_1jupo_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}._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;
}
._widget_12gem_29 {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
._widget__header_12gem_35 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid #eaeef4;
  background: #fff;
  cursor: pointer;
  text-align: left;
}
._widget__chevron_12gem_48 {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #9098b1;
  border-bottom: 1.5px solid #9098b1;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._widget__chevron_12gem_48._expanded_12gem_57 {
  transform: rotate(45deg);
}
._widget__title_12gem_61 {
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #9098b1;
  text-transform: uppercase;
}
._widget__legend_12gem_70 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
._widget__legendItem_12gem_79 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}
._widget__legendDot_12gem_90 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
._chart_12gem_97 {
  position: relative;
  padding: 12px 14px 10px;
}
._chart_embedded_12gem_102 {
  padding: 0;
}
._chart_overlay_12gem_106 {
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
._chart_overlay_12gem_106 ._chart__track_12gem_112 {
  width: 100%;
  height: 100%;
}
._chart__embeddedTrack_12gem_117 {
  width: 100%;
  height: 172px;
}
._chart__embeddedTrack_overlay_12gem_122 {
  height: 100%;
}
._chart__track_12gem_112 {
  position: relative;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
}
._chart__yLabelEmbedded_12gem_134 {
  position: absolute;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 500;
  color: #9aa3b8;
  line-height: 1;
  pointer-events: none;
}
._chart__svg_12gem_147 {
  display: block;
  width: 100%;
  height: 172px;
  overflow: visible;
}
._chart__svg_overlay_12gem_154 {
  height: 100%;
}
._chart__plotBackground_12gem_158 {
  fill: #fafbfd;
}
._chart__gridLine_12gem_162 {
  stroke: #e3e8f3;
  stroke-width: 1;
  stroke-dasharray: 5 5;
}
._chart__gridLineVertical_12gem_168 {
  stroke: #eef1f7;
  stroke-width: 1;
}
._chart__line_12gem_173 {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
._chart__line_overlay_12gem_180 {
  stroke-width: 2;
}
._chart__axisLabel_12gem_184 {
  fill: #9aa3b8;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 500;
}
._chart__overlay_12gem_191 {
  position: absolute;
  inset: 0;
  height: 172px;
  pointer-events: none;
}
._chart__overlay_waveform_12gem_198 {
  height: 100%;
  z-index: 2;
}
._chart__dotHit_12gem_203 {
  position: absolute;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
._chart__dot_12gem_203 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: transform 0.15s ease;
}
._chart__dotHit_12gem_203:hover ._chart__dot_12gem_203,
._chart__dotHit_12gem_203:focus-visible ._chart__dot_12gem_203 {
  transform: scale(1.2);
}
._chart__tooltip_12gem_232 {
  position: fixed;
  z-index: 1400;
  min-width: 220px;
  max-width: min(320px, 100vw - 24px);
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #e8ecf7;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
  transform: translate(-50%, calc(-100% - 14px));
  pointer-events: none;
}
._chart__tooltip_below_12gem_246 {
  transform: translate(-50%, 14px);
}
._chart__tooltipTime_12gem_250 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 6px;
}
._chart__tooltipSentiment_12gem_258 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
}
._chart__tooltipDot_12gem_268 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid #fff;
  flex-shrink: 0;
}
._chart__tooltipReason_12gem_276 {
  margin-top: 8px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 1.45;
  color: #64748b;
}
._chart__tooltipReasonLabel_12gem_284 {
  font-weight: 600;
  color: #475569;
}
@media screen and (max-width: 480px) {
  ._widget__header_12gem_35 {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  ._widget__legend_12gem_70 {
    width: 100%;
    margin-left: 16px;
    justify-content: flex-start;
  }
  ._chart__tooltip_12gem_232 {
    min-width: 180px;
    transform: translate(-50%, calc(-100% - 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;
}
._avatar_a3lgv_29 {
  width: 35px !important;
  height: 35px !important;
}
@media screen and (max-width: 480px) {
  ._avatar_a3lgv_29 {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}
._mobileView_a3lgv_42 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
._mobileView_a3lgv_42 ._message__header__sentiment_a3lgv_49 {
  margin-left: auto;
  display: flex;
}
._wrapper_a3lgv_54 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: fit-content;
  max-width: min(100%, 380px);
  min-width: 0;
  margin-bottom: 18px;
  position: relative;
  align-self: flex-start;
}
._wrapper_a3lgv_54:last-child {
  margin-bottom: 0;
}
._wrapper_a3lgv_54._assistant_a3lgv_68 {
  max-width: min(100%, 533px);
}
._wrapper_a3lgv_54._incoming_a3lgv_71 {
  align-self: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  ._wrapper_a3lgv_54 {
    max-width: 75%;
  }
}
@media screen and (max-width: 375px) {
  ._wrapper_a3lgv_54 {
    max-width: 100%;
  }
}
._messageColumn_a3lgv_86 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}
._messageMeta_a3lgv_96 {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  flex-wrap: wrap;
}
._messageMeta_incoming_a3lgv_103 {
  justify-content: flex-end;
}
._messageMeta__name_a3lgv_107 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
._metaAvatar_a3lgv_115 {
  width: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}
._assistantLetter_a3lgv_121 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, #e8eaf6, #d1d5f0);
  color: #5a6aaa;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
}
._messageTimeBelow_a3lgv_135 {
  display: block;
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 11px;
  line-height: 1.3;
  color: #9098b1;
}
._messageTimeBelow_right_a3lgv_144 {
  text-align: right;
}
._messageTimeBelow_left_a3lgv_148 {
  text-align: left;
}
._countryCircle_a3lgv_152 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e8eaf5;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #5a6075;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
}
._messageBubbleRow_a3lgv_166 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
._messageBubbleRow_incoming_a3lgv_174 {
  margin-left: auto;
}
._messageBubbleRow_a3lgv_166:hover ._messageCopyBtn_a3lgv_177 {
  opacity: 1;
  pointer-events: auto;
}
._messageCopyBtn_a3lgv_177 {
  opacity: 0;
  pointer-events: none;
  align-self: center;
  flex-shrink: 0;
}
._messageCard_a3lgv_189 {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 11px 13px;
  border-radius: 12px;
  overflow: visible;
  cursor: pointer;
}
._messageCard_textChat_a3lgv_202 {
  cursor: default;
}
._messageCard_keywordPulse_a3lgv_205 {
  animation: _messageKeywordPulse_a3lgv_1 4s ease-out 1;
  z-index: 2;
}
._wrapper_a3lgv_54._assistant_a3lgv_68 ._messageCard_a3lgv_189 {
  background: var(--agent-message-bubble-bg, #ffffff);
  border: 1px solid var(--agent-message-bubble-border, #e6eaf5);
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._wrapper_a3lgv_54._incoming_a3lgv_71 ._messageCard_a3lgv_189 {
  background: var(--user-message-bubble-bg, #eef1ff);
  border: 1px solid var(--user-message-bubble-border, #d4dcff);
  padding: 12px 13px;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._messageCard_a3lgv_189._partial_a3lgv_220 {
  opacity: 0.6;
}
._messageCard_a3lgv_189._partial_a3lgv_220 ._messageMeta__name_a3lgv_107,
._messageCard_a3lgv_189._partial_a3lgv_220 ._message__content__text_a3lgv_224,
._messageCard_a3lgv_189._partial_a3lgv_220 ._msgText_a3lgv_225 {
  font-style: italic;
}
._messageCard_interrupted_a3lgv_228 ._message__content_a3lgv_224 {
  padding-top: 0;
}
._messageSentimentFloat_a3lgv_232 {
  position: absolute;
  top: -20px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(16, 28, 64, 0.1);
}
._messageSentimentFloat_incoming_a3lgv_246 {
  right: auto;
  left: 10px;
}
._sentimentIcon_a3lgv_251 {
  width: 22px;
  height: 22px;
}
._interruptLabel_a3lgv_256 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  padding: 3px 8px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 6px;
  background: #fff7ed;
  color: #b45309;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  align-self: flex-start;
}
._interruptLabel_a3lgv_256 svg {
  width: 13px;
  height: 13px;
}
._msgText_a3lgv_225 {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: var(--scss-text-color, #1f1f1f);
}
._ttsSpoken_a3lgv_287 {
  color: inherit;
}
._ttsCutMarker_a3lgv_291 {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin: 0 4px;
  background: #ef4444;
  border-radius: 1px;
  vertical-align: middle;
}
._ttsUnspoken_a3lgv_301 {
  color: #a8b0c4;
}
._message__header__button_a3lgv_305 {
  cursor: pointer;
  display: flex;
  margin-left: auto;
}
._argumentsContainer_a3lgv_311 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-bottom: 10px;
}
._argumentsContainer_a3lgv_311 span {
  word-break: break-word;
  white-space: pre-wrap;
  flex: 1;
  overflow-wrap: break-word;
}
._icon_a3lgv_325 {
  width: 22px;
  height: 22px;
}
._message__content_a3lgv_224 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
._message__content_a3lgv_224 ._cacheHighlight_a3lgv_336 {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  border-radius: 2px;
  cursor: help;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(107, 92, 231, 0.55);
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}
._message__content_a3lgv_224 ._cacheHighlight_a3lgv_336:hover {
  background: rgba(107, 92, 231, 0.07);
}
._wrapper_a3lgv_54._incoming_a3lgv_71 ._message__content_a3lgv_224,
._wrapper_a3lgv_54._incoming_a3lgv_71 ._message__content__text_a3lgv_224,
._wrapper_a3lgv_54._incoming_a3lgv_71 ._msgText_a3lgv_225 {
  text-align: left;
}
._message__content__text_a3lgv_224 {
  font-family: "Roboto";
  font-size: 13px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 1.5;
  min-width: 0;
  width: 100%;
}
._msgDivider_a3lgv_367 {
  height: 1px;
  margin: 10px 0 9px;
  background: #d4dcff;
}
._wrapper_a3lgv_54._assistant_a3lgv_68 ._msgDivider_a3lgv_367 {
  background: #e6e3f5;
}
._performance_a3lgv_377 {
  margin-top: 8px;
  padding-top: 0;
  border-top: none;
  font-family: "Roboto";
  width: 100%;
}
._wrapper_a3lgv_54._incoming_a3lgv_71 ._performance_a3lgv_377 {
  margin-top: 0;
}
._performance__summary_a3lgv_389 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._performance__summary_a3lgv_389 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__chips_a3lgv_403 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
._performanceChip_a3lgv_410 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 50px;
  background: #f2f4f9;
  font-family: "Roboto";
}
._performanceChip_a3lgv_410 span {
  line-height: 1;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: #6f7d98;
}
._performanceChip_a3lgv_410 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._performanceChip_token_a3lgv_431 svg {
  color: #4f7dff;
}
._performanceChip_audio_a3lgv_434 svg {
  color: #ff6d9e;
}
._performanceChip_stt_a3lgv_437 {
  gap: 4px;
  padding: 4px 6px;
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}
._performanceChip_stt_a3lgv_437 span {
  font-size: 11px;
  font-weight: 500;
  color: #5a6075;
}
._performanceChip_sttIcon_a3lgv_449 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
  color: #64748b;
}
._performance__toggle_a3lgv_456 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--sidebar-link-color, #6b5ce7);
  cursor: pointer;
  font-family: "Roboto";
  font-size: 11.5px;
  line-height: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  ._performance__toggle_a3lgv_456 {
    margin-left: 0;
  }
}
._performance__chevron_a3lgv_477 {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--sidebar-link-color, #6b5ce7);
  border-bottom: 1.5px solid var(--sidebar-link-color, #6b5ce7);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
._performance__chevron_a3lgv_477._expanded_a3lgv_485 {
  transform: rotate(225deg);
}
._performance__details_a3lgv_489 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid #f0f0f2;
  border-radius: 8px;
  background: #fafafa;
  font-size: 12px;
}
._performance__detailRow_a3lgv_501 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  color: #64748b;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 16px;
}
._performance__detailRow_a3lgv_501 span:first-child {
  flex: 0 0 auto;
}
@media screen and (max-width: 834px) {
  ._performance__detailRow_a3lgv_501 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__detailValue_a3lgv_522 {
  flex: 1;
  min-width: 0;
  color: var(--scss-text-color, #1f1f1f);
  text-align: right;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._performance__detailValue_a3lgv_522 {
    width: 100%;
    text-align: left;
  }
}
._urlLink_a3lgv_537,
._performance__detailLink_a3lgv_538 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin-left: auto;
  color: var(--sidebar-link-color, #6b5ce7);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
._urlLink_a3lgv_537:hover,
._performance__detailLink_a3lgv_538:hover {
  text-decoration: underline;
}
@media screen and (max-width: 834px) {
  ._urlLink_a3lgv_537,
  ._performance__detailLink_a3lgv_538 {
    margin-left: 0;
    justify-content: flex-start;
    white-space: normal;
  }
}
._urlLinkIcon_a3lgv_568,
._performance__detailLinkIcon_a3lgv_569 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
}
._metricHolder_a3lgv_575 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-text-color, #1f1f1f);
}
@keyframes _messageKeywordPulse_a3lgv_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(22, 101, 52, 0), 0 4px 20px rgba(22, 101, 52, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  18% {
    box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.34), 0 8px 24px rgba(22, 101, 52, 0.22), 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  36% {
    box-shadow: 0 0 0 0 rgba(22, 101, 52, 0), 0 4px 20px rgba(22, 101, 52, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  54% {
    box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.28), 0 8px 24px rgba(22, 101, 52, 0.18), 0 2px 8px rgba(0, 0, 0, 0.04);
  }
  72%, 100% {
    box-shadow: 0 0 0 0 rgba(22, 101, 52, 0), 0 4px 20px rgba(22, 101, 52, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  }
}._btn_108as_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 4px;
  border: 1px solid #eceff6;
  border-radius: 6px;
  background: #ffffff;
  color: var(--cost-icon-color, #6b5ce7);
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
  transition: opacity 0.15s ease, transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
._btn_108as_1:hover {
  background: #f7f4ff;
  border-color: #cfc8ff;
}

._btnCopied_108as_22 {
  color: #22c55e !important;
  border-color: #bbf7d0;
  background: #f0fdf4;
}
._btnCopied_108as_22 ._icon_108as_27,
._btnCopied_108as_22 ._icon_108as_27 path {
  fill: #22c55e !important;
  color: #22c55e !important;
}

._icon_108as_27 {
  display: block;
}
@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;
}
._toolAccordionRoot_u1sus_30 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  margin: 30px 0;
}
@media screen and (max-width: 834px) {
  ._toolAccordionRoot_u1sus_30 {
    gap: 12px;
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._toolAccordionRoot_u1sus_30 {
    margin: 20px 0;
  }
}
._groupedProcess_u1sus_50 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 12px 10px 10px;
  background: #fafbfc;
  border-radius: 12px;
  border: 1px solid #e2e6f5;
}
._groupedProcess__header_u1sus_61 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
._groupedProcess__chip_u1sus_68 {
  padding: 3px 12px;
  border-radius: 999px;
  border: 1px solid #e2e6f5;
  background: #ffffff;
  color: #9098b1;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
._groupedProcess__content_u1sus_81 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
/* ─── Combined text bubble ─── */
._combinedBubble_u1sus_89 {
  width: 533px;
  align-self: center;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #dde3ec;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
}
._combinedBubble__text_u1sus_102 {
  color: #131722;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
/* ─── Announcement + tool card share width/centering ─── */
._announcementBubble_u1sus_111,
._toolCard_u1sus_112 {
  width: min(100%, 533px);
  align-self: center;
  border-radius: 15px;
  border: 1px solid var(--transcript-card-border, rgba(107, 94, 255, 0.3));
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
}
._announcementBubble_u1sus_111 {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: var(--announcement-bg, #eff2fe);
}
._announcementBubble__icon_u1sus_127,
._toolBubble__icon_u1sus_128 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__iconImg_u1sus_138,
._toolBubble__iconImg_u1sus_139 {
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__body_u1sus_146,
._toolBubble__body_u1sus_147 {
  min-width: 0;
}
._announcementBubble__header_u1sus_151 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._announcementBubble__title_u1sus_157,
._toolBubble__title_u1sus_158 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._announcementBubble__title_u1sus_157 {
  background: #ffecfb;
  color: var(--sidebar-link-color, #6b5ce7);
}
._toolBubble__title_u1sus_158 {
  background: #eaf5ff;
  color: #0662b5;
}
._announcementBubble__time_u1sus_180 {
  color: #9098b1;
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._announcementBubble__text_u1sus_189 {
  margin-top: 6px;
  color: #131722;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
/* ─── Flow transition (subtype = transition) ─── */
._transitionCard_u1sus_199 {
  width: 533px;
  align-self: center;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #fdba74;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 16px 0 rgba(249, 115, 22, 0.0784313725);
  background: var(--transition-bg, linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%));
}
._transitionBubble_u1sus_209 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border: none;
  background: var(--transition-bg, linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%));
  cursor: pointer;
  text-align: left;
}
._transitionBubble_open_u1sus_221 {
  border-bottom: 1px solid #fdba74;
}
._transitionStandalone_u1sus_225 {
  width: 533px;
  align-self: center;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  margin: 30px 0;
  background: var(--transition-bg, linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%));
  border: 1px solid #fdba74;
  border-radius: 14px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 16px 0 rgba(249, 115, 22, 0.0784313725);
}
@media screen and (max-width: 834px) {
  ._transitionStandalone_u1sus_225 {
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._transitionStandalone_u1sus_225 {
    margin: 20px 0;
  }
}
._transitionBubble__icon_u1sus_249 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
}
._transitionBubble__icon_u1sus_249 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__body_u1sus_265 {
  flex: 1;
  min-width: 0;
}
._transitionBubble__header_u1sus_270 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._transitionBubble__title_u1sus_277 {
  color: #9a3412;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._transitionBubble__time_u1sus_287 {
  color: #c2410c;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
._transitionBubble__meta_u1sus_296 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-shrink: 0;
  align-self: center;
}
._transitionBubble__duration_u1sus_305 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #c2410c;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
._transitionBubble__duration_u1sus_305 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__chevron_u1sus_321 {
  color: #c2410c;
  transition: transform 0.2s ease;
}
._transitionBubble__chevronOpen_u1sus_326 {
  transform: rotate(180deg);
}
._transitionBubble__text_u1sus_330 {
  margin-top: 6px;
  color: #1f2937;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._compactDivider_u1sus_339 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 533px;
  align-self: center;
  margin: 28px 0;
  padding: 0 8px;
}
._compactDivider__line_u1sus_350 {
  flex: 1;
  min-width: 24px;
  height: 1px;
  margin-top: 11px;
  background: linear-gradient(90deg, transparent, #d1d5db 20%, #d1d5db 80%, transparent);
}
._compactDivider__content_u1sus_358 {
  flex: 0 1 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
._compactDivider__label_u1sus_367 {
  color: #6b7280;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._compactDivider__time_u1sus_376 {
  color: #9ca3af;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
}
._compactDivider__summary_u1sus_383 {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px dashed #d1d5db;
  background: #f9fafb;
  color: #374151;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}
._toolCard_u1sus_112 {
  overflow: hidden;
  background: #ffffff;
}
._toolBubble_u1sus_128 {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px;
  border: none;
  border-bottom: 1px solid var(--transcript-card-border, rgba(107, 94, 255, 0.3));
  background: var(--tool-bg, linear-gradient(135deg, #fafbff 0%, #f6f7fc 100%));
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
}
._toolCard_expanded_u1sus_418 ._toolBubble_u1sus_128 {
  border-radius: 15px 15px 0 0;
}
._toolBubble__name_u1sus_422 {
  color: #96a2b7;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.6px;
  word-break: break-word;
}
._toolBubble__meta_u1sus_432 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
._toolBubble__time_u1sus_439 {
  color: #9098b1;
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._toolBubble__duration_u1sus_448 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #f0f2fb;
  color: #63708b;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
._toolBubble__duration_u1sus_448 svg {
  width: 16px;
  height: 16px;
  color: #63708b;
}
._toolBubble__chevron_u1sus_468 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._toolBubble__chevronOpen_u1sus_475 {
  transform: rotate(180deg);
}
._toolDetails_u1sus_479 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  background: #ffffff;
}
._toolDetails__metrics_u1sus_487 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
._toolDetails__metricChip_u1sus_494 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 50px;
  background: #f2f4f9;
  color: #6f7d98;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
._toolDetails__metricChip_u1sus_494 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._toolDetails__metricChip_token_u1sus_513 svg {
  color: #4f7dff;
}
._toolDetails__metricChip_audio_u1sus_516 svg {
  color: #c255f5;
}
._toolDetails__sectionTitle_u1sus_520 {
  margin-bottom: 12px;
}
._toolDetails__sectionTitle_u1sus_520,
._executedActionsHeader_u1sus_525 strong,
._actionCard__title_u1sus_526 {
  color: #7f8eaa;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._parametersGroup_u1sus_536 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._parametersBox_u1sus_542 {
  padding: 14px;
  border: 1px solid rgba(107, 94, 255, 0.1);
  border-radius: 15px;
  background: rgba(247, 248, 253, 0.5);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
  min-width: 0;
}
._parametersBox__text_u1sus_551 {
  color: #1f2435;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._parametersTable_u1sus_562 {
  width: 100%;
  border-collapse: collapse;
  min-width: 0;
  table-layout: fixed;
}
._parametersTable_u1sus_562 thead th {
  padding: 8px 12px;
  border-bottom: 1px solid #e6e9f2;
  background: rgba(255, 255, 255, 0.65);
  color: #8a92ab;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
}
._parametersTable_u1sus_562 tbody th[scope=row] {
  width: 34%;
  padding: 10px 12px;
  border-bottom: 1px solid #f1f3f8;
  color: #7f8eaa;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._parametersTable_u1sus_562 tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f3f8;
  color: #1f2435;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: break-word;
}
._parametersTable_u1sus_562 tbody tr:last-child th,
._parametersTable_u1sus_562 tbody tr:last-child td {
  border-bottom: none;
}
._executedActionsHeader_u1sus_525 {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 12px;
}
._executedActionsHeader_u1sus_525 span {
  flex: 1;
  height: 1px;
  background: #e6e3ff;
}
._executedActionsHeader_u1sus_525 strong {
  white-space: nowrap;
}
._actionAccordion_u1sus_628 {
  overflow: hidden;
  border: 1px solid #a0ecb2;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
}
._actionAccordion_u1sus_628 + ._actionAccordion_u1sus_628 {
  margin-top: 8px;
}
._actionAccordion_pass_u1sus_639 {
  border-color: #86efac;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(34, 197, 94, 0.1215686275);
}
._actionAccordion_fail_u1sus_644 {
  border-color: #fca5a5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(239, 68, 68, 0.1215686275);
}
._actionAccordion__header_u1sus_649 {
  padding: 8px 14px;
  border-bottom-color: #a0ecb2;
  background: var(--action-bg, linear-gradient(135deg, #fafbff 0%, #f6f7fc 100%));
}
._actionAccordion_pass_u1sus_639 ._actionAccordion__header_u1sus_649 {
  border-bottom-color: #86efac;
  background: var(--action-pass-bg, linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%));
}
._actionAccordion_fail_u1sus_644 ._actionAccordion__header_u1sus_649 {
  border-bottom-color: #fca5a5;
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._actionAccordion__headerStatic_u1sus_665 {
  cursor: default;
}
._actionAccordion_static_u1sus_669 ._actionAccordion__header_u1sus_649 {
  border-bottom: none;
}
._actionCard__titleRow_u1sus_673 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._actionCard__codeChip_u1sus_679 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 8px;
  max-height: 24px;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.1019607843);
  color: #64748b;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.6px;
}
._actionCard__codeChip_u1sus_679 span {
  line-height: 1;
}
._actionCard__name_u1sus_699 {
  color: #64748b;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
}
._actionCard__pass_u1sus_706 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #15803d;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(34, 197, 94, 0.18);
}
._actionCard__pass_u1sus_706 svg {
  width: 14px;
  height: 14px;
}
._actionCard__fail_u1sus_725 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #b91c1c;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.18);
}
._actionAccordion__content_u1sus_731 {
  padding-top: 14px;
}
._rawPayloadToggle_u1sus_735 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 0 0;
  border: none;
  background: transparent;
  color: #7f8eaa;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-align: left;
  text-transform: uppercase;
}
._rawPayloadToggle__chevron_u1sus_754 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._rawPayloadToggle__chevronOpen_u1sus_761 {
  transform: rotate(180deg);
}
._rawPayload_u1sus_735 {
  max-height: 520px;
  margin: 0;
  padding: 10px 12px;
  overflow: auto;
  border-radius: 9px;
  background: #10131e;
  color: #c5cadf;
  font-family: "SF Mono", "Fira Code", ui-monospace, monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  white-space: pre;
}
/* ─── Final answer – just a wrapper so ChatMessage renders inline ─── */
._finalAnswerWrapper_u1sus_781 {
  width: 100%;
  padding-top: 4px;
}
/* ─── Result display inside action accordion ─── */
._resultSection_u1sus_787 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* One card = one top-level result object */
._resultCard_u1sus_794 {
  padding: 14px;
  border: 1px solid rgba(107, 94, 255, 0.1019607843);
  border-radius: 15px;
  background: #ffffff;
}
._resultTree_u1sus_801 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__children_u1sus_808 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__array_u1sus_816 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__objectCard_u1sus_824 {
  position: relative;
  padding: 10px 12px 10px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
._resultTree__objectCard_u1sus_824 ._resultTree__children_u1sus_808,
._resultTree__objectCard_u1sus_824 ._resultTree__array_u1sus_816 {
  margin-left: 0;
}
._resultTree__objectCard_u1sus_824 ._resultTree__child_u1sus_808,
._resultTree__objectCard_u1sus_824 ._resultTree__lastEntry_u1sus_837 {
  padding-left: 0;
}
._resultTree__objectCard_u1sus_824 ._resultTree__child_u1sus_808::before,
._resultTree__objectCard_u1sus_824 ._resultTree__lastEntry_u1sus_837::before {
  display: none;
}
/* Nested object cards — muted pastel depth coding (blue → green → amber, cycles) */
._resultTree__objectCard_depth0_u1sus_846::after,
._resultTree__objectCard_depth1_u1sus_847::after,
._resultTree__objectCard_depth2_u1sus_848::after,
._resultTree__objectCard_depth3_u1sus_849::after,
._resultTree__objectCard_depth4_u1sus_850::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 0 4px 4px 0;
}
/* Level 1 — calm blue #3B82F6 */
._resultTree__objectCard_depth0_u1sus_846,
._resultTree__objectCard_depth3_u1sus_849 {
  background: #eff6ff;
  border-color: rgba(59, 130, 246, 0.22);
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.06);
}
._resultTree__objectCard_depth0_u1sus_846::after,
._resultTree__objectCard_depth3_u1sus_849::after {
  background: #93c5fd;
}
/* Level 2 — soft green #10B981 */
._resultTree__objectCard_depth1_u1sus_847,
._resultTree__objectCard_depth4_u1sus_850 {
  background: #ecfdf5;
  border-color: rgba(16, 185, 129, 0.22);
  box-shadow: 0 1px 2px rgba(16, 185, 129, 0.06);
}
._resultTree__objectCard_depth1_u1sus_847::after,
._resultTree__objectCard_depth4_u1sus_850::after {
  background: #6ee7b7;
}
/* Level 3 — soft amber #F59E0B */
._resultTree__objectCard_depth2_u1sus_848 {
  background: #fffbeb;
  border-color: rgba(245, 158, 11, 0.22);
  box-shadow: 0 1px 2px rgba(245, 158, 11, 0.06);
}
._resultTree__objectCard_depth2_u1sus_848::after {
  background: #fcd34d;
}
._resultTree__lastEntry_u1sus_837 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__lastEntry_u1sus_837::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 11px;
  width: 1px;
  background: #cbd5e1;
}
._resultTree__child_u1sus_808 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__child_u1sus_808::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #cbd5e1;
}
._resultTree__branch_u1sus_924 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__row_u1sus_931 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
  min-width: 0;
  line-height: 22px;
}
._resultTree__key_u1sus_940 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  color: #7f8eaa;
}
._resultTree__scalar_u1sus_948 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  color: #1f2435;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
}
._resultTree__scalar_u1sus_948 p {
  margin: 0 0 4px;
}
._resultTree__scalar_u1sus_948 p:last-child {
  margin-bottom: 0;
}
._resultTree__scalar_u1sus_948 ul, ._resultTree__scalar_u1sus_948 ol {
  margin: 4px 0;
  padding-left: 18px;
}
._resultTree__scalar_u1sus_948 pre {
  margin: 4px 0;
}
@media screen and (max-width: 1100px) {
  ._groupedProcess_u1sus_50 {
    padding: 12px;
    gap: 12px;
  }
  ._combinedBubble_u1sus_89,
  ._announcementBubble_u1sus_111,
  ._transitionCard_u1sus_199,
  ._transitionStandalone_u1sus_225,
  ._toolCard_u1sus_112 {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
  ._combinedBubble_u1sus_89 {
    padding: 12px;
  }
  ._combinedBubble__text_u1sus_102,
  ._announcementBubble__text_u1sus_189,
  ._transitionBubble__text_u1sus_330 {
    font-size: 13px;
    line-height: 1.5;
  }
  ._announcementBubble__header_u1sus_151 {
    flex-wrap: wrap;
    gap: 7px;
  }
  ._transitionStandalone_u1sus_225 ._toolBubble__meta_u1sus_432 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__meta_u1sus_432 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  ._parametersBox_u1sus_542 {
    padding: 12px;
  }
  ._keyValueList__row_u1sus_1014 {
    flex-direction: column;
    gap: 4px;
  }
  ._keyValueList__key_u1sus_1018 {
    white-space: normal;
  }
  ._rawPayload_u1sus_735 {
    max-height: 280px;
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.6;
  }
  ._resultTree__child_u1sus_808 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  ._groupedProcess_u1sus_50 {
    padding: 10px;
    border-radius: 12px;
  }
  ._combinedBubble_u1sus_89,
  ._announcementBubble_u1sus_111,
  ._transitionCard_u1sus_199,
  ._transitionStandalone_u1sus_225,
  ._toolCard_u1sus_112 {
    border-radius: 12px;
  }
  ._transitionCard_u1sus_199 ._toolBubble__meta_u1sus_432,
  ._transitionStandalone_u1sus_225 ._toolBubble__meta_u1sus_432 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__duration_u1sus_448 {
    font-size: 13px;
    padding: 6px 12px;
  }
  ._toolBubble__time_u1sus_439 {
    font-size: 11.5px;
  }
  ._actionCard__titleRow_u1sus_673 {
    flex-wrap: wrap;
  }
  ._executedActionsHeader_u1sus_525 {
    gap: 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_1s6yf_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
._chat_canvas_1s6yf_39 {
  padding-top: 0;
  gap: 0;
  height: 100%;
  min-height: 0;
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
}
._chat_canvas_1s6yf_39 ._chat_messages_1s6yf_48 {
  padding: 20px;
  min-height: 300px;
}
._chat_1s6yf_29 ._chat__header_1s6yf_52 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._chat_1s6yf_29 ._chat__header_1s6yf_52 h3 {
  font-size: 10.5px;
  font-family: "Roboto";
  font-weight: 700;
  color: #9098b1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._chat_1s6yf_29 ._chat__header_1s6yf_52 h3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  ._chat_1s6yf_29 ._chat__header_1s6yf_52 h3 {
    font-size: 12px;
  }
}
._chat_1s6yf_29 ._chat__header_1s6yf_52 > div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 834px) {
  ._chat_1s6yf_29 {
    padding-top: 12px;
    gap: 12px;
    min-height: 0;
    flex: 1;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._chat_1s6yf_29 {
    padding-top: 8px;
    overflow: hidden;
    gap: 10px;
  }
}
._chat__footerText_1s6yf_95 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._chat_1s6yf_29 ._chat_messages_1s6yf_48 {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior: contain;
  position: relative;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 834px) {
  ._chat_1s6yf_29 ._chat_messages_1s6yf_48 {
    padding: 4px 0;
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  ._chat_1s6yf_29 ._chat_messages_1s6yf_48 {
    padding: 0;
    gap: 0;
  }
}
._chat_1s6yf_29 ._ruler_1s6yf_130 {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
._chat_1s6yf_29 ._ruler_1s6yf_130 ._ruler__item_1s6yf_140 {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--Header-table, #d2d1d2);
}
._chat_1s6yf_29 ._ruler_1s6yf_130 ._ruler__item_1s6yf_140:nth-child(2n) {
  margin-left: auto;
  background: rgba(210, 209, 210, 0.5607843137);
  width: 80%;
}
._chat_1s6yf_29 ._ruler_1s6yf_130 ._ruler__item_1s6yf_140:nth-child(2n-1)::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--Header-table, #d2d1d2);
  font-size: 10px;
}
._chat_1s6yf_29 ._ruler_1s6yf_130 ._ruler__item_1s6yf_140._theLastOne_1s6yf_159 {
  transform: translateY(10px);
  position: absolute;
  bottom: 0;
  right: 0;
}
._chat_1s6yf_29 ._ruler_1s6yf_130 ._ruler__item_1s6yf_140._theLastOne_1s6yf_159::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--Header-table, #d2d1d2);
  font-size: 10px;
}
._chat_1s6yf_29 ._typingContainer_1s6yf_173 {
  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_1s6yf_29 ._typingContainer_1s6yf_173 ._avatar_1s6yf_184 {
  background: #aaaafd;
}
._chat_1s6yf_29 ._chatInput_1s6yf_187 {
  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_1s6yf_29 ._chatInput_1s6yf_187 > 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_1s6yf_29 ._chatInput__input_1s6yf_210 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
}
._chat_1s6yf_29 ._chatInput__input_1s6yf_210:focus {
  outline: none;
}
._chat--keyboardVisible_1s6yf_222 {
  gap: 12px;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  ._chat--keyboardVisible_1s6yf_222 {
    gap: 8px;
  }
}
._chat--keyboardVisible_1s6yf_222 ._chat_messages_1s6yf_48 {
  padding-bottom: 8px;
}
._chat--keyboardVisible_1s6yf_222 ._chatInput_1s6yf_187 {
  padding: 8px 14px 14px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  margin-bottom: 0;
}
._chat--keyboardVisible_1s6yf_222 ._chatInput_1s6yf_187 > div {
  min-height: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
._resumeScrollButton_1s6yf_244 {
  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_1s6yf_1 0.3s ease;
}
._resumeScrollButton_1s6yf_244:hover {
  background: #1565c0;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(25, 118, 210, 0.4);
}
._resumeScrollButton_1s6yf_244:active {
  transform: translateY(0);
}
._resumeScrollButton_1s6yf_244 svg {
  font-size: 20px;
}
@media (min-width: 769px) {
  ._resumeScrollButton_1s6yf_244._sidebar-open_1s6yf_276 {
    right: 420px;
  }
}
@media screen and (max-width: 834px) {
  ._resumeScrollButton_1s6yf_244 {
    bottom: 88px;
    right: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._resumeScrollButton_1s6yf_244 {
    bottom: 70px;
    right: 12px;
    padding: 10px 14px;
    font-size: 12px;
  }
  ._resumeScrollButton_1s6yf_244 span {
    display: none;
  }
  ._resumeScrollButton_1s6yf_244 svg {
    font-size: 18px;
  }
}
@keyframes _slideInUp_1s6yf_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._centeredAssistantMessage_1s6yf_311 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}
._centeredAssistantMessageContent_1s6yf_319 {
  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;
}
@media screen and (max-width: 834px) {
  ._centeredAssistantMessageContent_1s6yf_319 {
    padding: 20px 16px;
    font-size: 1.05rem;
    border-radius: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._centeredAssistantMessageContent_1s6yf_319 {
    padding: 16px 12px;
    font-size: 1rem;
  }
}
@keyframes _fadeInScale_1s6yf_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._workspaceHint_1s6yf_358 {
  margin: 16px 0;
  display: flex;
  justify-content: center;
}
._workspaceHintContent_1s6yf_364 {
  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;
}
@media screen and (max-width: 834px) {
  ._workspaceHintContent_1s6yf_364 {
    max-width: 100%;
    padding: 12px 14px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  ._workspaceHintContent_1s6yf_364 {
    padding: 10px 12px;
    font-size: 0.95rem;
  }
}
._workspaceHintContent_1s6yf_364 ._tableWrapper_1s6yf_389 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._workspaceHintContent_1s6yf_364 ._tableWrapper_1s6yf_389::-webkit-scrollbar {
  height: 6px;
}
._workspaceHintContent_1s6yf_364 ._tableWrapper_1s6yf_389::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._workspaceHintContent_1s6yf_364 ._tableWrapper_1s6yf_389::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._workspaceHintContent_1s6yf_364 ._tableWrapper_1s6yf_389::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._workspaceHintContent_1s6yf_364 ._markdownTable_1s6yf_408 {
  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_1s6yf_364 ._markdownTh_1s6yf_418,
._workspaceHintContent_1s6yf_364 ._markdownTd_1s6yf_419 {
  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_1s6yf_364 ._markdownTh_1s6yf_418:last-child,
._workspaceHintContent_1s6yf_364 ._markdownTd_1s6yf_419:last-child {
  border-right: none;
}
._workspaceHintContent_1s6yf_364 ._markdownTh_1s6yf_418 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._workspaceHintContent_1s6yf_364 ._markdownTr_1s6yf_436:last-child ._markdownTd_1s6yf_419 {
  border-bottom: none;
}
._workspaceHintContent_1s6yf_364 ._markdownTr_1s6yf_436:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_1s6yf_443 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_1s6yf_443 ._header_1s6yf_449 {
  font-size: 16px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 1440px) {
  ._result_1s6yf_443 ._header_1s6yf_449 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1s6yf_443 ._header_1s6yf_449 {
    font-size: 14px;
  }
}
._result_1s6yf_443 ._content_1s6yf_464 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_1s6yf_443 ._content--text_1s6yf_469 {
  display: block;
}
._result_1s6yf_443 ._value_1s6yf_472 {
  width: 100%;
}
._result_1s6yf_443 ._tableWrapper_1s6yf_389 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_1s6yf_443 ._tableWrapper_1s6yf_389::-webkit-scrollbar {
  height: 6px;
}
._result_1s6yf_443 ._tableWrapper_1s6yf_389::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_1s6yf_443 ._tableWrapper_1s6yf_389::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_1s6yf_443 ._tableWrapper_1s6yf_389::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._result_1s6yf_443 ._markdownTable_1s6yf_408 {
  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_1s6yf_443 ._markdownTh_1s6yf_418,
._result_1s6yf_443 ._markdownTd_1s6yf_419 {
  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_1s6yf_443 ._markdownTh_1s6yf_418:last-child,
._result_1s6yf_443 ._markdownTd_1s6yf_419:last-child {
  border-right: none;
}
._result_1s6yf_443 ._markdownTh_1s6yf_418 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._result_1s6yf_443 ._markdownTr_1s6yf_436:last-child ._markdownTd_1s6yf_419 {
  border-bottom: none;
}
._result_1s6yf_443 ._markdownTr_1s6yf_436:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_1s6yf_443 ._label_1s6yf_528 {
  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_1s6yf_443 ._label_1s6yf_528 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1s6yf_443 ._label_1s6yf_528 {
    font-size: 13px;
  }
}
._result_1s6yf_443 ._colon_1s6yf_545 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_1s6yf_443 ._colon_1s6yf_545 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1s6yf_443 ._colon_1s6yf_545 {
    font-size: 13px;
  }
}
._result_1s6yf_443 ._value_1s6yf_472 {
  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_1s6yf_443 ._value_1s6yf_472::-webkit-scrollbar {
  height: 6px;
}
._result_1s6yf_443 ._value_1s6yf_472::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_1s6yf_443 ._value_1s6yf_472::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_1s6yf_443 ._value_1s6yf_472::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1440px) {
  ._result_1s6yf_443 ._value_1s6yf_472 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1s6yf_443 ._value_1s6yf_472 {
    font-size: 13px;
  }
}
._headerContainer_1s6yf_597 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_1s6yf_604 {
  color: #ffffff !important;
  border: none !important;
  background-color: #1f1f1f !important;
}
@media print {
  ._printButton_1s6yf_604 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_1s6yf_443,
  ._result_1s6yf_443 * {
    visibility: visible !important;
  }
  ._result_1s6yf_443 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: white;
  }
  ._header_1s6yf_449 {
    font-size: 24px;
  }
  ._content_1s6yf_464 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_1s6yf_528,
  ._colon_1s6yf_545 {
    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);
}@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;
}
._detailsPanel_z8j51_29 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-family: Roboto, sans-serif;
}
._quickMetrics_z8j51_37 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media screen and (max-width: 375px) {
  ._quickMetrics_z8j51_37 {
    grid-template-columns: 1fr;
  }
}
._quickMetricCardFull_z8j51_48 {
  grid-column: 1/-1;
}
._quickMetricCard_z8j51_48 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  background: #f8f9fc;
}
._quickMetricCard_z8j51_48 > span {
  color: #848ca3;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.03em;
}
._quickMetricCard_z8j51_48 strong {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
}
._quickMetricTooltipTarget_z8j51_80 {
  cursor: help;
  -webkit-tap-highlight-color: transparent;
}
._quickMetricTooltipTarget_z8j51_80 > span,
._quickMetricTooltipTarget_z8j51_80 > strong,
._quickMetricTooltipTarget_z8j51_80 > strong span {
  pointer-events: none;
}
._quickMetricTooltip_z8j51_80 {
  max-width: min(400px, 80vw);
  max-height: 320px;
  overflow: auto;
  white-space: pre-wrap;
  line-height: 1.4;
  font-size: 13px;
}
._quickMetricSentimentIcon_z8j51_99 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._quickMetricCsat_z8j51_105 {
  gap: 8px;
}
._quickMetricCsatDot_z8j51_109 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._quickMetricStatusOk_z8j51_118 {
  color: #2eb24f !important;
}
._sidebarAccordion_z8j51_122 {
  overflow: hidden;
  border: 1px solid #eceff6;
  border-radius: 14px;
  background: #ffffff;
}
._sidebarAccordion__head_z8j51_129 {
  width: 100%;
  padding: 14px;
  border: none;
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.08) 0%, rgba(95, 82, 243, 0.08) 100%);
  color: #1f2435;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
._sidebarAccordion__head_z8j51_129 svg {
  width: 20px;
  height: 20px;
  color: #8a91a8;
  transform: rotate(180deg);
  transition: transform 180ms ease;
  flex-shrink: 0;
}
._sidebarAccordion__title_z8j51_153 {
  min-width: 0;
  text-align: left;
}
._sidebarAccordion__headRight_z8j51_158 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
._sidebarAccordion__total_z8j51_165 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  white-space: nowrap;
}
._sidebarAccordion__total_z8j51_165 > span {
  color: #8e95ab;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
}
._sidebarAccordion__total_z8j51_165 strong {
  color: #1f2435;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
._sidebarAccordion__total_z8j51_165 small {
  color: #8e95ab;
  font-size: 11px;
  font-weight: 600;
}
._sidebarAccordionOpen_z8j51_191 ._sidebarAccordion__head_z8j51_129 svg {
  transform: rotate(0deg);
}
._sidebarAccordion__body_z8j51_195 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 14px 14px;
}
._sidebarRow_z8j51_202,
._costRow_z8j51_203 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px 0;
  cursor: default;
}
@media screen and (max-width: 834px) {
  ._sidebarRow_z8j51_202,
  ._costRow_z8j51_203 {
    align-items: stretch;
    gap: 6px;
    padding: 12px 0;
  }
}
._sidebarKey_z8j51_221 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  max-width: 52%;
  color: #64748b;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media screen and (max-width: 834px) {
  ._sidebarKey_z8j51_221 {
    max-width: 100%;
  }
}
._sidebarKey_z8j51_221 svg {
  width: 18px;
  height: 18px;
  color: #8a91a8;
  flex: 0 0 18px;
}
._sidebarValueWrap_z8j51_244 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  flex: 1 1 auto;
  max-width: fit-content;
}
@media screen and (max-width: 834px) {
  ._sidebarValueWrap_z8j51_244 {
    max-width: 100%;
    width: 100%;
  }
}
._sidebarValueWrap_z8j51_244:hover ._sidebarCopyBtn_z8j51_259 {
  opacity: 1;
  pointer-events: auto;
}
._sidebarValueWrap_z8j51_244:hover ._sidebarValue_z8j51_244,
._sidebarValueWrap_z8j51_244:hover ._sidebarLink_z8j51_264 {
  transform: translateX(-32px);
}
._sidebarCopyBtn_z8j51_259 {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
._sidebarValue_z8j51_244,
._sidebarLink_z8j51_264 {
  min-width: 0;
  color: #1f2435;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
  overflow-wrap: anywhere;
  word-break: break-word;
  transition: transform 0.15s ease;
}
._sidebarValue_z8j51_244 span,
._sidebarLink_z8j51_264 span {
  font-size: 14px;
}
@media screen and (max-width: 834px) {
  ._sidebarValue_z8j51_244,
  ._sidebarLink_z8j51_264 {
    text-align: left;
  }
}
._sidebarLink_z8j51_264 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: #6b5ce7;
  text-decoration: none;
}
._sidebarLink_z8j51_264 svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}
._sidebarLink_z8j51_264:hover {
  text-decoration: underline;
}
._pillSoft_z8j51_319,
._pillWarn_z8j51_320 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._pillSoft_z8j51_319 svg,
._pillSoft_z8j51_319 img,
._pillWarn_z8j51_320 svg,
._pillWarn_z8j51_320 img {
  width: 16px;
  height: 16px;
}
._pillSoft_z8j51_319 {
  background: #fff8e5;
  color: #7c6214;
}
._pillWarn_z8j51_320 {
  background: #f3f5fb;
  color: #4f5d7c;
  text-transform: capitalize;
}
._chipList_z8j51_349 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}
@media screen and (max-width: 834px) {
  ._chipList_z8j51_349 {
    justify-content: flex-start;
  }
}
._chipList_z8j51_349 span {
  padding: 5px 12px;
  border-radius: 14px;
  background: #ecf0fb;
  color: #1f2435;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow-wrap: anywhere;
}
._chipList_z8j51_349 span:nth-child(2n) {
  background: #f4f2fc;
}
._chipList_z8j51_349 span:nth-child(3n) {
  background: #f5ecf5;
}
._chipList_z8j51_349 span:nth-child(4n) {
  background: #effaed;
}
._textBlock_z8j51_381 {
  padding-top: 8px;
}
._textBlock_z8j51_381 h4 {
  margin: 0 0 6px;
  color: #3f4760;
  font-size: 13px;
  font-weight: 700;
}
._textBlock_z8j51_381 p {
  margin: 0;
  color: #3f4760;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
._costRow_z8j51_203 {
  align-items: center;
}
._costRow_z8j51_203 strong {
  color: #1f2435;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}
._costLabel_z8j51_408,
._breakTitle_z8j51_409 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #1f2435;
  font-size: 14px;
  font-weight: 500;
}
._costIcon_z8j51_418 {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  background: var(--cost-icon-bg, #f0eeff);
  color: var(--cost-icon-color, #6b5ce7);
  line-height: 0;
}
._costIconGlyph_img_z8j51_431,
._costIconGlyph_circuit_z8j51_432 {
  display: block;
  flex-shrink: 0;
}
._costRowTotal_z8j51_437 {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid #eceff6;
}
._costRowTotal_z8j51_437 small {
  color: #8e95ab;
  font-size: 11px;
  font-weight: 600;
}
._openCostButton_z8j51_448 {
  width: 100%;
  height: 38px;
  margin-top: 10px;
  border: var(--open-cost-btn-border, 1px solid #181c2d);
  border-radius: 10px;
  background: var(--open-cost-btn-bg, #181c2d);
  color: var(--open-cost-btn-color, #ffffff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 210ms ease, border-color 210ms ease, color 210ms ease;
}
._openCostButton_z8j51_448 > span {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
._openCostButton_z8j51_448:hover {
  border: var(--open-cost-btn-hover-border, 1px solid #252b40);
  background: var(--open-cost-btn-hover-bg, #252b40);
  color: var(--open-cost-btn-hover-color, #ffffff);
}
._openCostButton__icon_z8j51_477 {
  display: block;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex-shrink: 0;
  color: currentColor !important;
}
._costModal_z8j51_486 {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  pointer-events: none;
}
._costModal__overlay_z8j51_497 {
  position: fixed;
  inset: 0;
  border: none;
  background: rgba(15, 23, 42, 0.18);
  pointer-events: auto;
}
._costModal__dialog_z8j51_505 {
  position: relative;
  z-index: 1;
  width: min(540px, 100vw - 48px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 14px;
  border: 1px solid #dfe5f2;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: rgba(10, 22, 54, 0.16) -12px 0 36px;
  pointer-events: auto;
}
._costModal__dialog_z8j51_505 > p {
  margin: 6px 0 12px;
  color: #7f88a3;
  font-size: 13px;
  font-weight: 600;
}
._costModal__head_z8j51_525 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._costModal__head_z8j51_525 h3 {
  margin: 0;
  color: #1e2436;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
._costModal__head_z8j51_525 button {
  width: 32px;
  height: 32px;
  border: 1px solid #e8ecf7;
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._breakdownList_z8j51_551 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._breakCard_z8j51_557 {
  overflow: hidden;
  border: 1px solid #eceff6;
  border-radius: 12px;
  background: #ffffff;
}
._breakCard__head_z8j51_564 {
  padding: 9px 12px;
  border-bottom: 1px solid #ece9ff;
  background: linear-gradient(90deg, rgba(197, 140, 242, 0) 0%, rgba(95, 82, 243, 0.08) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._breakCard__head_z8j51_564 strong {
  color: #2b3248;
  font-size: 13px;
}
._breakTable_z8j51_578 {
  display: flex;
  flex-direction: column;
}
._breakRow_z8j51_583 {
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.9fr 0.8fr;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #f1f3f8;
  align-items: center;
}
._breakRow_z8j51_583:last-child {
  border-bottom: none;
}
._breakRow_z8j51_583 span {
  min-width: 0;
  color: #2e3650;
  font-size: 12px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
._breakRowHead_z8j51_602 span {
  color: #8a92ab;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._breakRowSubtotal_z8j51_610 span:last-child {
  font-weight: 700;
  color: #1f2435;
}
._breakRateHeader_z8j51_615 {
  color: #8a92ab;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  cursor: help;
}
._breakUnitRate_z8j51_624 {
  color: #6253f7;
  font-weight: 600;
}
._breakTotal_z8j51_629 {
  margin-top: 2px;
  padding: 10px 12px;
  border: 1px solid #eceff6;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._breakTotal_z8j51_629 span {
  color: #2a3148;
  font-size: 16px;
  font-weight: 700;
}
._breakTotal_z8j51_629 strong {
  color: #1f2435;
  font-size: 18px;
  font-weight: 700;
}
._breakTotal_z8j51_629 small {
  color: #8e95ab;
  font-size: 11px;
  font-weight: 600;
}
._info_z8j51_655 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
._info_z8j51_655 ._header_z8j51_661 {
  font-family: Roboto, sans-serif;
  color: #64748b;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.07em;
  text-align: left;
  text-transform: uppercase;
  padding-top: 14px;
}
@media screen and (max-width: 1220px) {
  ._info_z8j51_655 ._header_z8j51_661 {
    font-size: 12px !important;
  }
}
._info_z8j51_655 ._info__content_z8j51_677 {
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
@media screen and (max-width: 1220px) {
  ._info_z8j51_655 ._info__content_z8j51_677 {
    row-gap: 14px;
  }
}
._info_z8j51_655 ._info__content_z8j51_677 span {
  font-size: 14px;
}
@media screen and (max-width: 1220px) {
  ._info_z8j51_655 ._info__content_z8j51_677 span {
    font-size: 14px;
  }
}
._info_z8j51_655 ._info__content_z8j51_677 ._detailHeader_z8j51_701 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  line-height: 100%;
  color: #96a2b7;
}
@media screen and (max-width: 1220px) {
  ._info_z8j51_655 ._info__content_z8j51_677 ._detailHeader_z8j51_701 {
    font-size: 14px;
  }
}
._detailHeader_z8j51_701 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  gap: 5px;
  line-height: 100%;
  letter-spacing: 0.6px;
  color: #96a2b7;
}
@media screen and (max-width: 1220px) {
  ._detailHeader_z8j51_701 {
    font-size: 14px;
  }
}
._detailHeaderText_z8j51_731 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1220px) {
  ._detailHeaderText_z8j51_731 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._detailHeaderText_z8j51_731 {
    font-size: 14px;
  }
}
._detailHeaderText_z8j51_731 span:first-child {
  color: #96a2b7;
}
._label_z8j51_759 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
._label_z8j51_759 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._label_z8j51_759 span:first-child {
  color: #96a2b7;
}
._label_z8j51_759 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._label_z8j51_759 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
._label_z8j51_759 span:nth-of-type(3) {
  color: #1f1f1f;
  text-align: right;
  justify-self: end;
}
@media screen and (max-width: 480px) {
  ._label_z8j51_759 span:nth-of-type(3) {
    width: 139px;
  }
}
@media screen and (max-width: 480px) {
  ._label_z8j51_759 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) auto;
  }
}
._labelDescription_z8j51_799 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._labelDescription_z8j51_799 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._labelDescription_z8j51_799 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._labelDescription_z8j51_799 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._labelDescription_z8j51_799 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) 1fr;
  }
}
._linkLabel_z8j51_825 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
@media screen and (max-width: 480px) {
  ._linkLabel_z8j51_825 {
    grid-template-columns: minmax(100px, 158px) minmax(30px, 37px) 139px;
  }
}
._linkLabel_z8j51_825 ._detailHeaderLink_z8j51_836 {
  line-height: 100%;
  color: #96a2b7;
}
._linkLabel_z8j51_825 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._linkLabel_z8j51_825 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._linkLabel_z8j51_825 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._linkLabel_z8j51_825 span:nth-of-type(3) {
    width: 139px;
  }
}
._linkLabel_z8j51_825 a {
  text-decoration: none;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  line-height: 100%;
  color: #5479f7;
  white-space: normal;
  overflow-wrap: break-word;
}
._linkLabel_z8j51_825 ._iconContainer_z8j51_871 {
  display: inline-flex;
  gap: 8px;
}
._linkLabel_z8j51_825 ._labelContainer_z8j51_875 {
  width: fit-content;
  display: inline-flex;
  gap: 8px;
  margin-left: auto;
  align-items: center;
}
._linkLabel_z8j51_825 ._icon_z8j51_871 {
  cursor: pointer;
  justify-self: flex-end;
  width: 16px;
  height: 16px;
}
._tagsHolder_z8j51_889 {
  display: inherit;
  gap: 8px;
  flex-wrap: wrap;
}
._tagsHolder_z8j51_889 span {
  font-size: 16px;
  font-family: "Roboto";
}
@media screen and (max-width: 1440px) {
  ._tagsHolder_z8j51_889 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._tagsHolder_z8j51_889 span {
    font-size: 14px;
  }
}
._resultHolder_z8j51_909 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._resultHolder_z8j51_909 span {
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._resultHolder_z8j51_909 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._resultHolder_z8j51_909 span {
    font-size: 14px;
  }
}
._inlineLabel_z8j51_929 {
  display: grid;
  grid-template-columns: 70px 20px 200px;
}
._inlineLabel_z8j51_929 span {
  font-family: "Roboto";
}
._keywordsLabel_z8j51_937 {
  float: left;
  color: #96a2b7 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6px;
}
._tagsContainer_z8j51_947 ._keywordsLabel_z8j51_937 {
  color: #96a2b7 !important;
}
._notGridLabel_z8j51_951 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._notGridValue_z8j51_957 {
  display: inline-flex;
  align-items: center;
  color: #1f1f1f;
}
._container_z8j51_963 {
  display: flex;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  align-items: baseline;
  flex-direction: column;
  gap: 8px;
}
._container_z8j51_963 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_z8j51_963 span {
    font-size: 14px;
  }
}
._container_z8j51_963 ._detailHeader_z8j51_701 {
  color: #96a2b7;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._tagsContainer_z8j51_947 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagsContainer_z8j51_947 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
}
._skeletonContainer_z8j51_1003 {
  display: inline-flex;
}
._skeletonContainer_z8j51_1003 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInlineNoValue_z8j51_1014 {
  display: inline-flex;
  gap: 16px;
}
._containerInlineNoValue_z8j51_1014 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInline_z8j51_1014 {
  display: flex;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  flex-direction: column;
  gap: 8px;
}
._containerInline_z8j51_1014 span {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._status_z8j51_1040 {
  padding: 4px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: fit-content;
}
._status__started_z8j51_1049 {
  background-color: rgba(255, 246, 200, 0.8);
}
._status__finished_z8j51_1052 {
  background-color: rgba(221, 255, 200, 0.8);
}
._status__processing_z8j51_1055 {
  background-color: rgba(200, 230, 255, 0.8);
}
._statusLabel_z8j51_1059 {
  align-self: center;
  color: #96a2b7;
}
._valueText_z8j51_1064 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6px;
  color: #1f1f1f;
  text-align: right;
  max-width: 200px;
}
@media screen and (max-width: 1220px) {
  ._valueText_z8j51_1064 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueText_z8j51_1064 {
    max-width: 139px;
  }
}
._valueTextDescription_z8j51_1085 {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.6px;
  color: #1f1f1f;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
@media screen and (max-width: 1220px) {
  ._valueTextDescription_z8j51_1085 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueTextDescription_z8j51_1085 {
    font-size: 14px;
  }
}
._insightsStack_z8j51_1108 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 0 2px;
}
._insightCard_z8j51_1115 {
  border: 1px solid #e8ecf4;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px 14px;
  cursor: default;
}
._insightCard__head_z8j51_1123 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
._insightCard_split_z8j51_1130 ._insightCard__head_z8j51_1123 {
  margin-bottom: 0;
}
._insightCard__icon_z8j51_1134 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--cost-icon-bg, #f0eeff);
  color: var(--cost-icon-color, #6b5ce7);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
._insightCard__iconImg_z8j51_1145 {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._insightCard__title_z8j51_1152 {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #1f2435;
}
._insightValueChip_z8j51_1162 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f3f4fb;
  font-size: 12px;
  font-weight: 600;
  color: #525a73;
  flex-shrink: 0;
}
._insightValueChip_csat_z8j51_1176 {
  font-weight: 700;
}
._insightValueChipDot_z8j51_1180 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
._insightValueChipIcon_z8j51_1188 {
  width: 15px;
  height: 15px;
}
._insightCard__divider_z8j51_1193 {
  height: 1px;
  background: #eceff6;
  margin: 10px 0;
}
._insightCard__body_z8j51_1199 p,
._insightCard__desc_z8j51_1200 p {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  color: #9098b1;
  line-height: 1.55;
}
._insightCard__desc_z8j51_1200 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
._insightChips_z8j51_1216 {
  justify-content: flex-start;
}
._keywordChip_z8j51_1220 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 5px 10px 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #525a73;
  background: #f3f4fb;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
._keywordChip_z8j51_1220:nth-child(1) {
  background: #ecf0fb;
}
._keywordChip_z8j51_1220:nth-child(2) {
  background: #f4f2fc;
}
._keywordChip_z8j51_1220:nth-child(3) {
  background: #f5ecf5;
}
._keywordChip_z8j51_1220:nth-child(4) {
  background: #effaed;
}
._keywordChip_z8j51_1220:hover:not(:disabled) {
  border-color: rgba(107, 94, 255, 0.28);
  box-shadow: 0 2px 8px rgba(107, 94, 255, 0.12);
}
._keywordChip_active_z8j51_1251 {
  border-color: rgba(107, 94, 255, 0.45);
  box-shadow: 0 0 0 2px rgba(107, 94, 255, 0.12);
}
._keywordChip_disabled_z8j51_1256 {
  opacity: 0.45;
  cursor: default;
}
._keywordChip__label_z8j51_1261 {
  line-height: 1.2;
}
._keywordChip__count_z8j51_1265 {
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 700;
  color: #5145da;
  line-height: 1.4;
}
._insightCopyBtn_z8j51_1276 {
  margin-left: auto;
}
._insightCard__desc_z8j51_1200 ._insightCopyBtn_z8j51_1276 {
  margin-left: 0;
  margin-top: 1px;
}@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_ckdqd_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_ckdqd_29 ._header_ckdqd_38 {
  color: #64748b;
  font-family: Roboto, sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.6px;
  text-align: left;
  text-transform: uppercase;
  padding: 8px 16px;
  border-bottom: 1px solid #eaeef4;
}
@media screen and (max-width: 1440px) {
  ._sentiment_ckdqd_29 ._header_ckdqd_38 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1220px) {
  ._sentiment_ckdqd_29 ._header_ckdqd_38 {
    font-size: 12px !important;
  }
}
._sentiment_ckdqd_29 > div {
  display: flex;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 {
  min-width: 395px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 80%;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__chart__title_ckdqd_71 {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  z-index: 1;
  left: 37px;
  top: 32px;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__chart_ckdqd_71 {
  position: absolute;
  left: 39px;
  top: 14px;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__chart_ckdqd_71._disabled_ckdqd_88 {
  backdrop-filter: grayscale(1);
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 span {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 span {
    font-size: 14px;
  }
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__holder_ckdqd_104 {
  display: flex;
  flex-direction: row;
  height: 36px;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__legend_ckdqd_109 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__legend_ckdqd_109 ._legend__item_ckdqd_114 {
  display: flex;
  gap: 8px;
  padding: 2px 8px;
  align-items: center;
  border-radius: 4px;
  border: 0.5px solid var(--Header-table, #d2d1d2);
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__legend_ckdqd_109 ._legend__item_ckdqd_114 > div {
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background: var(--Green-brand, #00a82d);
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__legend_ckdqd_109 ._legend__item_ckdqd_114._neutral_ckdqd_128 > div {
  background: var(--Yellow, #fcbb39);
}
._sentiment_ckdqd_29 ._chartGroup_ckdqd_63 ._sentiment__legend_ckdqd_109 ._legend__item_ckdqd_114._negative_ckdqd_131 > 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_wv303_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_wv303_29 ._header_wv303_40 {
  color: #64748b;
  font-family: Roboto, sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  border-bottom: 1px solid #eaeef4;
  line-height: 100%;
  letter-spacing: 0.6px;
  text-align: left;
  text-transform: uppercase;
  padding: 8px 16px;
}
@media screen and (max-width: 1440px) {
  ._filter_wv303_29 ._header_wv303_40 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1220px) {
  ._filter_wv303_29 ._header_wv303_40 {
    font-size: 12px !important;
  }
}
._filter_wv303_29 ._disabled_wv303_62 {
  padding: 16px;
  opacity: 0.5;
  pointer-events: none;
}
._filter_wv303_29 > div {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 16px;
}
._filter_wv303_29 > div > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
._filter_wv303_29 > div span {
  padding: 16px;
  padding: 0;
}
._filter_wv303_29 > div ._filter__item_wv303_82 {
  padding: 16px;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 50px;
  border: 0.5px solid var(--Green-brand, #00a82d);
}
._filter_wv303_29 > div ._filter__item_wv303_82._neutral_wv303_89 {
  border: 0.5px solid var(--Yellow, #fcbb39);
}
._filter_wv303_29 > div ._filter__item_wv303_82._negative_wv303_92 {
  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_vjwoh_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}
._topics_vjwoh_29 ._header_vjwoh_36 {
  color: #64748b;
  font-family: Roboto, sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._topics_vjwoh_29 ._header_vjwoh_36 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_vjwoh_29 ._header_vjwoh_36 {
    font-size: 12px !important;
  }
}
._topics_vjwoh_29 ._topics_container_vjwoh_55 {
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
._topics_vjwoh_29 ._topics__item_vjwoh_61 {
  margin-bottom: 16px;
}
._topics_vjwoh_29 ._topics__item_vjwoh_61 ._topics__item__time_vjwoh_64,
._topics_vjwoh_29 ._topics__item_vjwoh_61 h3 {
  font-family: "Roboto";
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  ._topics_vjwoh_29 ._topics__item_vjwoh_61 ._topics__item__time_vjwoh_64,
  ._topics_vjwoh_29 ._topics__item_vjwoh_61 h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_vjwoh_29 ._topics__item_vjwoh_61 ._topics__item__time_vjwoh_64,
  ._topics_vjwoh_29 ._topics__item_vjwoh_61 h3 {
    font-size: 14px;
  }
}
._topics_vjwoh_29 ._topics__item__topics_vjwoh_85 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._topics_vjwoh_29 ._topics__item__line_vjwoh_90 {
  width: 26.458px;
  height: 0.5px;
  background: #d2d1d2;
  margin: 9px 0 8px 0;
}
._topics_vjwoh_29 ._lineContainer_vjwoh_96 {
  display: flex;
  width: 42.4px;
  height: 100%;
  place-items: center;
  justify-content: center;
  align-items: center;
}
._topics_vjwoh_29 ._topics__item__topic_vjwoh_85 {
  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_vjwoh_29 ._topics__item__topic_vjwoh_85 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._topics_vjwoh_29 ._topics__item__topic_vjwoh_85 {
    font-size: 14px;
  }
}
._topicsHolder_vjwoh_124 {
  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;
}
._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_1kkkq_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_1kkkq_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._mainContent_1kkkq_44 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: calc(100% - 60px);
}
._wrapper_1kkkq_52 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  gap: 24px;
}
._paginationHolder_1kkkq_60 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}
._loaderContainer_1kkkq_68 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._loaderContainer_1kkkq_68 {
    height: 100vh;
  }
}
._title_1kkkq_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_1kkkq_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_1kkkq_101 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
}
._template_holder_1kkkq_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_1kkkq_108 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media (max-width: 1920px) {
  ._template_holder_1kkkq_108 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  ._template_holder_1kkkq_108 {
    grid-template-columns: repeat(auto-fill, minmax(290px, max-content));
  }
}
._footer_1kkkq_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_1kkkq_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_1kkkq_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_1kkkq_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_1kkkq_131:hover {
  display: block;
  height: 100%;
  overflow: visible;
  max-height: 288px;
}
._footer_1kkkq_131:hover::after {
  opacity: 0;
}
._footer_1kkkq_131:hover p {
  -webkit-line-clamp: unset;
  height: auto;
  overflow: hidden;
  max-height: 208px;
  text-overflow: ellipsis;
}
._buttonHolder_1kkkq_202 {
  z-index: 2;
  background-color: white;
  display: flex;
  padding: 24px;
  height: auto;
  padding-top: 0;
}
._card_1kkkq_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_1kkkq_227 {
  gap: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._card_img_1kkkq_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_1kkkq_234 ._header_1kkkq_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_1kkkq_234 ._loadingOverlay_1kkkq_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_1kkkq_234 ._spinner_1kkkq_279 {
  width: 24px;
  height: 24px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: _spin_1kkkq_279 1s linear infinite;
}
@keyframes _spin_1kkkq_279 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  ._template_holder_1kkkq_108 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
@media (max-width: 600px) {
  ._template_holder_1kkkq_108 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
._legalModalContent_1kkkq_306 {
  padding: 0 24px;
}
@media screen and (max-width: 480px) {
  ._legalModalContent_1kkkq_306 {
    padding: 0 12px;
    width: 100%;
  }
}
._legalDisclaimerContent_1kkkq_316 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 8px;
}
._legalDisclaimerContent_1kkkq_316 h1, ._legalDisclaimerContent_1kkkq_316 h2, ._legalDisclaimerContent_1kkkq_316 h3, ._legalDisclaimerContent_1kkkq_316 h4, ._legalDisclaimerContent_1kkkq_316 h5, ._legalDisclaimerContent_1kkkq_316 h6 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}
._legalDisclaimerContent_1kkkq_316 h1 {
  font-size: 20px;
}
._legalDisclaimerContent_1kkkq_316 h2 {
  font-size: 18px;
}
._legalDisclaimerContent_1kkkq_316 h3 {
  font-size: 16px;
}
._legalDisclaimerContent_1kkkq_316 p {
  margin: 8px 0;
}
._legalDisclaimerContent_1kkkq_316 ul, ._legalDisclaimerContent_1kkkq_316 ol {
  margin: 8px 0;
  padding-left: 24px;
}
._legalDisclaimerContent_1kkkq_316 code {
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
._legalDisclaimerContent_1kkkq_316 pre {
  background: #f3f4f6;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 8px 0;
}
._legalDisclaimerContent_1kkkq_316 pre code {
  background: transparent;
  padding: 0;
}
._legalDisclaimerContent_1kkkq_316 a {
  color: #1976d2;
  text-decoration: none;
}
._legalDisclaimerContent_1kkkq_316 a:hover {
  text-decoration: underline;
}
._legalDisclaimerContent_1kkkq_316 blockquote {
  border-left: 4px solid #d8dbdf;
  padding-left: 16px;
  margin: 8px 0;
  color: #6b7280;
}
._legalDisclaimerContent_1kkkq_316 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
._legalDisclaimerContent_1kkkq_316 table th, ._legalDisclaimerContent_1kkkq_316 table td {
  border: 1px solid #d8dbdf;
  padding: 8px;
  text-align: left;
}
._legalDisclaimerContent_1kkkq_316 table th {
  background: #f9fafb;
  font-weight: 600;
}
._legalDisclaimerContent_1kkkq_316::-webkit-scrollbar {
  width: 8px;
}
._legalDisclaimerContent_1kkkq_316::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
._legalDisclaimerContent_1kkkq_316::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._legalDisclaimerContent_1kkkq_316::-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_5jeq5_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_5jeq5_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
._integrationsWrapper_5jeq5_38 > * {
  flex: 1 1 calc(25% - 24px);
  box-sizing: border-box;
}
._title_5jeq5_49 {
  display: inline-flex;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._titleWrapper_5jeq5_56 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._enabledSpan_5jeq5_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;
  border: 1px solid #1f1f1f;
  transition: all 0.3s ease;
}
._enabledSpan_5jeq5_63:hover {
  background-color: white;
  color: #1f1f1f;
}
._icon_5jeq5_82 {
  min-width: 35px;
  min-height: 35px;
}
._iconWithOption_5jeq5_87 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_5jeq5_87::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_5jeq5_87:hover::after {
  opacity: 1;
}
._membersHolder_5jeq5_117 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_5jeq5_126 {
  font-family: "Roboto";
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
._integration_5jeq5_38 {
  width: 100%;
  padding: 24px;
  display: flex;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
._name_5jeq5_144 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}
._icon_5jeq5_82 {
  max-width: 40px;
  max-height: 40px;
}
._button_5jeq5_157 {
  border: 2px solid #1f1f1f;
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_5jeq5_166, ._instagramPage_5jeq5_166 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: space-between;
}
._instagramPage_5jeq5_166 {
  font-size: 14px;
}
._divLine_5jeq5_178 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #1f1f1f;
}
._instagramPages_5jeq5_184 {
  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;
}._tableWrapper_11y9q_1 {
  position: relative;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

._tableHeader_11y9q_11 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  position: sticky;
  top: 0;
  z-index: 999;
  background: #f5f7fa;
  border-bottom: 1px solid #d8dbdf;
  padding: 0 14px;
  align-items: center;
  min-height: 50px;
}

._colLabel_11y9q_24 {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 8px 6px;
}

._addBtn_11y9q_34 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
._addBtn_11y9q_34:hover ._addBtnLabel_11y9q_43 {
  opacity: 0.7;
}
._addBtn_11y9q_34:hover ._addBtnIcon_11y9q_46 {
  opacity: 0.8;
}

._addBtnLabel_11y9q_43 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1;
  white-space: nowrap;
  transition: opacity 0.15s;
}

._addBtnIcon_11y9q_46 {
  width: 32px;
  height: 32px;
  display: block;
  flex-shrink: 0;
  transition: opacity 0.15s;
}

._tableBody_11y9q_68 {
  overflow: visible;
}

._row_11y9q_72 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  padding: 8px 14px;
  border-bottom: 1px solid #eef0f3;
  gap: 8px;
}
._row_11y9q_72:last-child {
  border-bottom: none;
}

._keyInput_11y9q_84 {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 13px;
  border: 1px solid #d8dbdf;
  border-radius: 6px;
  padding: 6px 10px;
  outline: none;
  color: #1f1f1f;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  transition: border-color 0.15s;
}
._keyInput_11y9q_84:focus {
  border-color: #0655f3;
}
._keyInput_11y9q_84::placeholder {
  color: #b0b7c3;
}

._keyInputError_11y9q_105 {
  border-color: #dc2626;
}
._keyInputError_11y9q_105:focus {
  border-color: #dc2626;
}

._valueCell_11y9q_112 {
  width: 94%;
}

._valueInputWrapper_11y9q_116 {
  overflow: visible !important;
  gap: 0 !important;
}
._valueInputWrapper_11y9q_116 .inputWithHelpIcon {
  width: 100% !important;
}
._valueInputWrapper_11y9q_116 .helpIcon {
  right: 8px !important;
}

._deleteBtn_11y9q_127 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #9ca3b0;
  transition: background 0.15s, color 0.15s;
  padding: 0;
  flex-shrink: 0;
}
._deleteBtn_11y9q_127:hover {
  background: #fff1f1;
  color: #dc2626;
}

._empty_11y9q_147 {
  padding: 20px 16px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #9ca3b0;
}@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;
}._container_1ldet_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

._columns_1ldet_8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

._accordion_1ldet_19 {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  background: #ffffff;
}

._accordionSummary_1ldet_26 {
  padding: 0 20px !important;
  min-height: 56px !important;
  background: #f5f6f9;
}

._accordionTitle_1ldet_32 {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

._accordionDetails_1ldet_38 {
  padding: 16px 20px 20px 20px !important;
  background: #f9fafb;
}

._emptyState_1ldet_43 {
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
  padding: 16px 14px;
  text-align: left;
  background: #ffffff;
}

._emptyTitle_1ldet_51 {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

._emptySubtitle_1ldet_57 {
  margin-top: 4px;
  font-size: 13px;
  color: #6b7280;
}

._fallbackListHeader_1ldet_63 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._fallbackListTitle_1ldet_70 {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

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

._fallbackCard_1ldet_82 {
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 12px 12px 14px 12px;
}

._fallbackCardHeader_1ldet_89 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

._fallbackName_1ldet_96 {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

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

._fieldContainer_1ldet_108 {
  width: 100%;
}

._fieldHeader_1ldet_112 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

._fieldIconWrap_1ldet_119 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

._fieldLabel_1ldet_132 {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 4px;
}

._fieldRow_1ldet_139 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

._modelHint_1ldet_145 {
  margin-top: 4px;
  font-size: 11px;
  color: #6b7280;
}

._modelHintValue_1ldet_151 {
  font-weight: 500;
}

._saveSection_1ldet_155 {
  margin-top: 8px;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._jsonPreview_1ldet_166 {
  padding: 12px;
  border-radius: 10px;
  background: #0b1120;
  color: #e5e7eb;
  max-height: 260px;
  overflow: auto;
}

._jsonTitle_1ldet_175 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #e5e7eb;
}

._jsonCode_1ldet_182 {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: pre;
}

._grayText_1ldet_190 {
  color: #9CA3B0;
  font-size: 13px;
}

._tooltipIcon_1ldet_195 {
  margin-left: 4px;
}

._loadingWrapper_1ldet_199 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

@media (max-width: 960px) {
  ._fieldRow_1ldet_139 {
    grid-template-columns: minmax(0, 1fr);
  }
}@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_grf8h_79 {
  min-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%);
}
@media screen and (max-width: 480px) {
  ._content_grf8h_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_grf8h_97 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-left: 44px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_grf8h_97 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_grf8h_115 {
  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_grf8h_115 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_grf8h_134 {
  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_grf8h_134 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_grf8h_155 {
  max-width: 441px;
  width: 100%;
  background-color: rgb(246, 249, 255);
  margin-left: 44px !important;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  resize: none;
}
._inputCustom_grf8h_155 textarea {
  padding: 14px;
}
._inputCustom_grf8h_155::after, ._inputCustom_grf8h_155::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_grf8h_155 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_grf8h_97 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_grf8h_97 {
    width: 120px;
    height: 32px;
  }
}._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;
}.call-widget-simple-host {
  display: flex;
  align-items: center;
  justify-content: center;
}

.call-widget-simple {
  border: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  vertical-align: bottom;
}

.call-widget-simple__icon {
  display: block;
  width: var(--call-widget-simple-image-size, 30px);
  height: var(--call-widget-simple-image-size, 30px);
  max-width: var(--call-widget-simple-image-size, 30px);
  max-height: var(--call-widget-simple-image-size, 30px);
  object-fit: contain;
  pointer-events: none;
  border-radius: 0;
}

.call-widget-sphere-fallback-host {
  position: fixed;
  z-index: 9999;
  bottom: 24px;
  right: 24px;
  pointer-events: auto;
}

.call-widget-sphere-block {
  margin: 44px 0;
}

@media (max-width: 700px) {
  .call-widget-sphere-block {
    margin-bottom: 44px;
  }
}

.call-widget-sphere {
  width: var(--call-widget-sphere-size, 360px);
  height: var(--call-widget-sphere-size, 360px);
  margin: 0 auto 0 auto;
  border-radius: 50%;
  background: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 83px 0 var(--cws-orb-glow-color, #9c89f1);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  contain: layout paint size style;
  isolation: isolate;
}

.call-widget-sphere__webgl {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  pointer-events: none;
  transform: scale(var(--orb-canvas-scale, 1)) translateZ(0);
  transform-origin: center;
  will-change: transform;
}

.call-widget-sphere__svg,
.call-widget-sphere__mic-svg {
  position: absolute;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
  z-index: 2;
}

.call-widget-sphere__svg {
  opacity: 0;
}

.call-widget-sphere--webgl .call-widget-sphere__svg {
  opacity: 0 !important;
}

.call-widget-sphere--webgl {
  background: var(
    --cws-orb-background,
    radial-gradient(circle at 50% 50%, #20254e 0%, #121635 62%, #0b1028 100%)
  );
  box-shadow:
    inset 0 0 42px var(--cws-orb-inner-glow, rgba(156, 137, 241, 0.35)),
    0 0 26px var(--cws-orb-outer-glow, rgba(126, 155, 255, 0.24));
}

.call-widget-sphere.call-widget-sphere--webgl {
  background: var(
    --cws-orb-background,
    radial-gradient(circle at 50% 50%, #20254e 0%, #121635 62%, #0b1028 100%)
  ) !important;
  box-shadow:
    inset 0 0 42px var(--cws-orb-inner-glow, rgba(156, 137, 241, 0.35)),
    0 0 26px var(--cws-orb-outer-glow, rgba(126, 155, 255, 0.24)) !important;
  transition: background 0.28s ease, box-shadow 0.3s ease, filter 0.28s ease;
}

.call-widget-sphere.call-widget-sphere--webgl:hover {
  background: radial-gradient(circle at 50% 46%, #2b3161 0%, #171d45 60%, #101739 100%) !important;
  box-shadow:
    inset 0 0 56px rgba(172, 156, 255, 0.48),
    0 0 34px rgba(149, 177, 255, 0.34) !important;
  filter: brightness(1.06);
}

.call-widget-sphere.call-widget-sphere--webgl .call-widget-sphere__svg {
  display: none !important;
}

.call-widget-sphere.call-widget-sphere--webgl .call-widget-sphere__mic-svg {
  display: block !important;
  opacity: 0.95 !important;
  z-index: 3;
  width: 34%;
  height: auto;
  transform: translateZ(0) scale(1.02);
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 0.35))
    drop-shadow(0 6px 12px rgba(21, 24, 66, 0.5))
    drop-shadow(0 0 22px rgba(153, 137, 255, 0.35));
}

.call-widget-sphere__mic-svg {
  opacity: 0;
  animation: micPulse 2.2s ease-in-out infinite;
}

.call-widget-sphere.call-widget-sphere--webgl::before {
  content: "";
  position: absolute;
  width: 34%;
  aspect-ratio: 1 / 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(198, 182, 255, 0.28) 0%,
    rgba(135, 120, 255, 0.1) 55%,
    rgba(135, 120, 255, 0) 100%
  );
  filter: blur(6px);
  z-index: 2;
  pointer-events: none;
}

.call-widget-sphere.call-widget-sphere--interactive:hover .call-widget-sphere__svg {
  opacity: 0;
}

.call-widget-sphere.call-widget-sphere--interactive:hover .call-widget-sphere__mic-svg {
  opacity: 1;
}

.call-widget-sphere.call-widget-sphere--interactive:hover ~ .call-widget-sphere__caption .call-widget-sphere-caption-rolodex .line {
  transform: translateY(-1.2em);
}

.call-widget-sphere.call-widget-sphere--interactive:hover
  ~ .call-widget-sphere__caption
  .call-widget-sphere-caption-rolodex
  .rolodex-text.current {
  opacity: 0.2;
  transform: translateY(-0.2em);
}

.call-widget-sphere.call-widget-sphere--interactive:hover
  ~ .call-widget-sphere__caption
  .call-widget-sphere-caption-rolodex
  .rolodex-text.hover {
  opacity: 1;
  transform: translateY(0);
}

@keyframes micPulse {
  0% {
    transform: translateZ(0) scale(1.01);
    filter: brightness(1.08) saturate(1.1);
  }
  50% {
    transform: translateZ(0) scale(1.055);
    filter: brightness(1.18) saturate(1.2);
  }
  100% {
    transform: translateZ(0) scale(1.01);
    filter: brightness(1.08) saturate(1.1);
  }
}

.call-widget-sphere__caption {
  margin-top: 24px;
  text-align: center;
  color: var(--cws-caption-color, #202020);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.call-widget-sphere-caption-rolodex {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  height: 1.2em;
}

.call-widget-sphere-caption-rolodex .line {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.call-widget-sphere-caption-rolodex .rolodex-text {
  line-height: 1.2;
  display: block;
  height: 1.2em;
  transition: opacity 0.52s ease, transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.call-widget-sphere-caption-rolodex .rolodex-text.current {
  opacity: 1;
  transform: translateY(0);
}

.call-widget-sphere-caption-rolodex .rolodex-text.hover {
  opacity: 0.18;
  transform: translateY(0.26em);
}

@media (max-width: 700px) {
  .call-widget-sphere:not(.call-widget-sphere--webgl) {
    --call-widget-sphere-size: 180px;
  }

  .call-widget-sphere {
    margin-bottom: 28px;
  }
}
._panel_137tv_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px;
  width: 100%;
}

._overlay_137tv_10 {
  position: absolute;
  bottom: 24px;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  pointer-events: none;
}

._overlayLeft_137tv_19 {
  left: 24px;
}

._overlayRight_137tv_23 {
  right: 24px;
}

._defaultButton_137tv_27 {
  border: none;
  background-color: #1f1f1f;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  padding: 0;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _call-widget-default-bob_137tv_1 1s ease-in-out infinite alternate;
}

._defaultIcon_137tv_43 {
  width: 30px;
  height: 30px;
  max-height: 30px;
  object-fit: contain;
  pointer-events: none;
}

@keyframes _call-widget-default-bob_137tv_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-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;
}
@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_jqcfm_57 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
._loading_jqcfm_65 {
  padding: 48px;
  text-align: center;
  color: var(--scss-gray-text-color, #727272);
  font-family: "Roboto";
}
._header_jqcfm_72 {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
}
._title_jqcfm_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_jqcfm_89 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0;
  line-height: 1.5;
}
._sections_jqcfm_97 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
._loginPageLayout_jqcfm_106 {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width: 1220px) {
  ._loginPageLayout_jqcfm_106 {
    flex-direction: column;
  }
}
._menuPageLayout_jqcfm_117 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._menuPageLayout_jqcfm_117 {
    flex-direction: column;
  }
}
._loginPagePreview_jqcfm_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_jqcfm_131 {
    position: static;
    width: 100%;
  }
}
._menuSettingsPanel_jqcfm_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_jqcfm_146 {
    position: static;
    width: 100%;
  }
}
._section_jqcfm_97 {
  background: var(--scss-white, #ffffff);
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._section_jqcfm_97 {
    width: 100%;
    flex: none;
  }
}
._sectionTitle_jqcfm_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_jqcfm_185 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0 0 20px 0;
  line-height: 1.5;
}
._subsection_jqcfm_193 {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
._subsection_jqcfm_193:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
._subsectionWithPreview_jqcfm_203 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e8e8e8;
}
._subsectionWithPreview_jqcfm_203:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 1220px) {
  ._subsectionWithPreview_jqcfm_203 {
    flex-direction: column;
  }
}
._subsectionMain_jqcfm_222 {
  flex: 1;
  min-width: 0;
}
._subsectionPreview_jqcfm_227 {
  flex: 0 0 360px;
  width: 360px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #f8f9fc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media screen and (max-width: 1220px) {
  ._subsectionPreview_jqcfm_227 {
    width: 100%;
    flex: none;
    min-height: auto;
  }
}
._interactionPageLayout_jqcfm_247 {
  width: 100%;
  min-width: 0;
}
._subsectionHeader_jqcfm_252 {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
._subsectionTitle_jqcfm_260 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 4px 0;
  line-height: 20px;
}
._subsectionDescription_jqcfm_269 {
  font-family: "Roboto";
  font-size: 13px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
._subsectionContent_jqcfm_277 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._formGroup_jqcfm_283 {
  margin-bottom: 20px;
}
._formGroup_jqcfm_283:last-child {
  margin-bottom: 0;
}
._inputHint_jqcfm_290 {
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 12px;
  color: #6b7280;
}
._globalBrandingRow_jqcfm_297 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._featuresBlock_jqcfm_303 {
  margin-top: 24px;
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
}
._globalSection_jqcfm_309 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._globalSection_jqcfm_309 ._formGroup_jqcfm_283 {
  max-width: 550px;
}
._urlFormGroup_jqcfm_318 {
  max-width: 550px;
}
._gradientRow_jqcfm_322 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._menuRow_jqcfm_328 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._menuColors_jqcfm_334 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 0 0 360px;
}
._menuItemsList_jqcfm_341 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._colorPicker_jqcfm_350 {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  background: #fff;
  flex-direction: row;
}
._colorPicker_jqcfm_350 input[type=color] {
  width: 40px;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
._gradientPreview_jqcfm_368 {
  flex: 1;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d8dbdf;
  background-color: #f5f5f7;
}
._filterRow_jqcfm_376 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._filterControl_jqcfm_382 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._filterControl_jqcfm_382 label {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._sliderContainer_jqcfm_394 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 4px;
}
._sliderValue_jqcfm_401 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  min-width: 50px;
  text-align: right;
}
._tenantSelectWrapper_jqcfm_410 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 260px;
}
._inputLabel_jqcfm_417 {
  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_jqcfm_427 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._checkboxGroup_jqcfm_427 label {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  user-select: none;
  line-height: 1.5;
}
._poweredByRow_jqcfm_441 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
._poweredByInput_jqcfm_448 {
  flex: 1;
  min-width: 220px;
}
._poweredByFields_jqcfm_453 {
  margin-top: 12px;
  width: 100%;
}
._poweredByFieldGroup_jqcfm_458 {
  margin-bottom: 10px;
}
._menuItemsList_jqcfm_341 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._menuItemContainer_jqcfm_471 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._menuItem_jqcfm_341 {
  width: 100%;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  padding: 0;
  transition: background 0.2s;
}
._menuItem_jqcfm_341:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._menuItem_jqcfm_341._menuItemDisabled_jqcfm_488 {
  opacity: 0.5;
}
._submenuContainer_jqcfm_492 {
  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_jqcfm_503 {
  margin-left: 0;
}
._menuItemHolder_jqcfm_507 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 7px 12px;
  border-radius: 5px;
}
._menuItemHolder_jqcfm_507:hover {
  background-image: var(--menu-hover-bg);
}
._menuItemIcon_jqcfm_520 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._menuItemIcon_jqcfm_520 img {
  max-width: 24px !important;
  height: auto;
}
._menuItemIcon_jqcfm_520 svg {
  width: 24px;
  height: 24px;
}
._menuItemIconMask_jqcfm_538 {
  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_jqcfm_538 img {
  max-width: 24px !important;
  height: auto;
  display: block;
}
._menuItemText_jqcfm_557 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  flex: 1;
  color: var(--scss-text-color, #1f1f1f);
}
._menuItemCheckbox_jqcfm_566 {
  flex-shrink: 0;
}
._colorGrid_jqcfm_570 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
._colorGrid_jqcfm_570._fixedWidth_jqcfm_576 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
}
._uiPreviewContainer_jqcfm_580 {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e5e7eb;
}
._previewTitle_jqcfm_586 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
}
._previewSection_jqcfm_593 {
  margin-bottom: 32px;
}
._previewSection_jqcfm_593:last-child {
  margin-bottom: 0;
}
._previewSectionHeader_jqcfm_600 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
._previewSectionLabel_jqcfm_608 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}
._transcriptCardsPreview_jqcfm_618 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._transcriptCardsPreview__item_jqcfm_624 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transcriptCardsPreview__labelWrap_jqcfm_630 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._transcriptCardsPreview__label_jqcfm_630 {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._transcriptCardsPreview__chip_jqcfm_645 {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(107, 94, 255, 0.3);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #525a73;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
}
._messageBubblesPreview_jqcfm_657 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._messageBubblesPreview__row_jqcfm_663 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._messageBubblesPreview__labelWrap_jqcfm_669 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._messageBubblesPreview__label_jqcfm_669 {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._messageBubblesPreview__bubble_jqcfm_684 {
  align-self: flex-start;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #1f2435;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._messageBubblesPreview__bubble_user_jqcfm_695 {
  align-self: flex-end;
  padding: 12px 13px;
}
._previewResetButton_jqcfm_700 {
  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_jqcfm_700:hover {
  background: #f3f4f6;
  color: #111827;
}
._labelWithReset_jqcfm_720 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  width: 100%;
}
._tabsPreviewWrapper_jqcfm_728 .button.active {
  color: var(--active-tab-color, #5479F7);
}
._tabsPreviewWrapper_jqcfm_728 .button.active::after {
  background-color: var(--active-tab-color, #5479F7) !important;
}
._buttonsPreviewGroup_jqcfm_735 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._previewButton_jqcfm_741 {
  width: 100%;
  padding: 12px 24px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
._previewButton_jqcfm_741:not(:disabled):hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._volumeControlPreview_jqcfm_755 {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
._fieldsWrapperHeaderPreview_jqcfm_761 {
  border-radius: 10px 10px 0 0;
  border: 1px solid #d8dbdf;
  display: flex;
  padding: 14px;
  align-self: stretch;
}
._fieldsWrapperHeaderPreview_jqcfm_761 span {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._webAgentPreview_jqcfm_776 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._webAgentPreviewStepper_jqcfm_782 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._webAgentPreviewStepComplete_jqcfm_788,
._webAgentPreviewStepCurrent_jqcfm_789,
._webAgentPreviewStepUpcoming_jqcfm_790 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  height: 26px;
  border: 1px solid #eceff6;
  border-radius: 999px;
  padding: 0 8px 0 6px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
._webAgentPreviewStepComplete_jqcfm_788 > span,
._webAgentPreviewStepCurrent_jqcfm_789 > span,
._webAgentPreviewStepUpcoming_jqcfm_790 > span {
  font-weight: 400;
  color: #1f1f1f;
}
._webAgentPreviewStepComplete_jqcfm_788 > strong,
._webAgentPreviewStepCurrent_jqcfm_789 > strong,
._webAgentPreviewStepUpcoming_jqcfm_790 > strong {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
  flex-shrink: 0;
  line-height: 18px;
}
._webAgentPreviewStepComplete_jqcfm_788 {
  border-color: rgba(37, 167, 102, 0.22);
  background: rgba(37, 167, 102, 0.08);
  color: #25a766;
}
._webAgentPreviewStepComplete_jqcfm_788 > strong {
  background: #25a766;
  color: #ffffff;
}
._webAgentPreviewStepCurrent_jqcfm_789 {
  border-color: #d4dcff;
  color: #1f1f1f;
  background-repeat: no-repeat;
  background-size: cover;
}
._webAgentPreviewStepCurrent_jqcfm_789 > strong {
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  line-height: 18px;
}
._webAgentPreviewStepUpcoming_jqcfm_790 {
  color: #9098b1;
}
._webAgentPreviewStepUpcoming_jqcfm_790 > strong {
  background: #f3f4fb;
  color: currentColor;
}
._webAgentPreviewLine_jqcfm_854 {
  flex: 1;
  min-width: 8px;
  height: 1px;
  background: #d4dcff;
}
._webAgentPreviewCard_jqcfm_861 {
  border: 1px solid #eceff6;
  border-radius: 14px;
  padding: 12px;
  background: #ffffff;
}
._webAgentPreviewCardHead_jqcfm_868 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
._webAgentPreviewCardHead_jqcfm_868 > span {
  font-size: 12px;
  font-weight: 600;
  color: #1f1f1f;
}
._webAgentPreviewCardHead_jqcfm_868 > strong {
  font-size: 12px;
  font-weight: 800;
  color: var(--web-agent-accent-color);
}
._webAgentPreviewTrack_jqcfm_886 {
  height: 6px;
  border-radius: 999px;
  background: #eef1ff;
  overflow: hidden;
  margin-bottom: 10px;
}
._webAgentPreviewFill_jqcfm_894 {
  display: block;
  height: 100%;
  border-radius: inherit;
}
._webAgentPreviewListItem_jqcfm_900 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--web-agent-accent-color);
}
._webAgentPreviewPagesBadge_jqcfm_909 {
  margin-left: auto;
  border: 1px solid #d4dcff;
  border-radius: 999px;
  background: #eef1ff;
  color: var(--web-agent-accent-color);
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
}
._webAgentPreviewListRow_jqcfm_921 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._webAgentPreviewSpinIcon_jqcfm_927 {
  font-size: 16px !important;
  animation: _webAgentPreviewSpin_jqcfm_927 1.2s linear infinite;
}
@keyframes _webAgentPreviewSpin_jqcfm_927 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._sidebarLinkPreview_jqcfm_940 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: default;
}
._interactionPreviewUser_jqcfm_951 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  gap: 6px;
}
._interactionPreviewUser__meta_jqcfm_959 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._interactionPreviewUser__name_jqcfm_965 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
._interactionPreviewUser__country_jqcfm_972 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8eaf5;
  display: grid;
  place-items: center;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  color: #5a6075;
}
._interactionPreviewUser__bubble_jqcfm_985 {
  width: 100%;
  padding: 12px 13px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._interactionPreviewUser__bubble_jqcfm_985 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #1f2435;
}
._interactionPreviewAgent_jqcfm_999 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 6px;
}
._interactionPreviewAgent__meta_jqcfm_1007 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._interactionPreviewAgent__avatar_jqcfm_1013 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #e8eaf6, #d1d5f0);
  color: #5a6aaa;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
}
._interactionPreviewAgent__name_jqcfm_1026 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
._interactionPreviewAgent__bubble_jqcfm_1033 {
  width: 100%;
  padding: 11px 13px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._interactionPreviewAgent__bubble_jqcfm_1033 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #1f2435;
}
._interactionPreviewAnnouncement_jqcfm_1047 {
  display: flex;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border-radius: 15px;
  border: 1px solid rgba(107, 94, 255, 0.3);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
}
._interactionPreviewAnnouncement__icon_jqcfm_1057 {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
}
._interactionPreviewAnnouncement__icon_jqcfm_1057 svg {
  display: block;
  width: 28px;
  height: 28px;
}
._interactionPreviewAnnouncement__body_jqcfm_1068 {
  min-width: 0;
  flex: 1;
}
._interactionPreviewAnnouncement__header_jqcfm_1073 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
._interactionPreviewAnnouncement__tag_jqcfm_1080 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;
  background: #ffecfb;
  color: #5145da;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._interactionPreviewAnnouncement__time_jqcfm_1093 {
  margin-left: auto;
  font-family: "Roboto";
  font-size: 11px;
  color: #9098b1;
}
._interactionPreviewAnnouncement__body_jqcfm_1068 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #131722;
}
._interactionPreviewToolCard_jqcfm_1108,
._interactionPreviewActionCard_jqcfm_1109,
._interactionPreviewTransitionCard_jqcfm_1110 {
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid rgba(107, 94, 255, 0.3);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(107, 94, 255, 0.0784313725);
  background: #ffffff;
}
._interactionPreviewToolCard__header_jqcfm_1119,
._interactionPreviewActionCard__header_jqcfm_1120,
._interactionPreviewTransitionCard__header_jqcfm_1121 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(107, 94, 255, 0.12);
}
._interactionPreviewToolCard__icon_jqcfm_1129,
._interactionPreviewTransitionCard__icon_jqcfm_1130 {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._interactionPreviewToolCard__icon_jqcfm_1129 svg,
._interactionPreviewTransitionCard__icon_jqcfm_1130 svg {
  width: 28px;
  height: 28px;
}
._interactionPreviewTransitionCard__icon_jqcfm_1130 {
  border-radius: 50%;
  background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
  color: #ffffff;
}
._interactionPreviewTransitionCard__icon_jqcfm_1130 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewToolCard__body_jqcfm_1154,
._interactionPreviewTransitionCard__body_jqcfm_1155 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
._interactionPreviewToolCard__tag_jqcfm_1163,
._interactionPreviewTransitionCard__tag_jqcfm_1164 {
  display: inline-block;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 8px;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._interactionPreviewToolCard__tag_jqcfm_1163 {
  background: #eaf5ff;
  color: #0662b5;
}
._interactionPreviewTransitionCard__tag_jqcfm_1164 {
  background: #ffedd5;
  color: #9a3412;
}
._interactionPreviewToolCard__name_jqcfm_1186,
._interactionPreviewTransitionCard__name_jqcfm_1187 {
  font-family: "Roboto";
  font-size: 12px;
  color: #96a2b7;
  letter-spacing: 0.6px;
}
._interactionPreviewToolCard__latency_jqcfm_1194 {
  padding: 6px 12px;
  border-radius: 999px;
  background: #f0f2fb;
  color: #63708b;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
._interactionPreviewActionList_jqcfm_1205 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
._interactionPreviewActionCard_pass_jqcfm_1212 {
  border-color: #86efac;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(34, 197, 94, 0.1215686275);
}
._interactionPreviewActionCard_fail_jqcfm_1217 {
  border-color: #fca5a5;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 20px 0 rgba(239, 68, 68, 0.1215686275);
}
._interactionPreviewActionCard__header_jqcfm_1120 {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._interactionPreviewActionCard__header_pass_jqcfm_1229 {
  border-bottom: 1px solid #86efac;
}
._interactionPreviewActionCard__header_fail_jqcfm_1233 {
  border-bottom: 1px solid #fca5a5;
}
._actionGradientGroups_jqcfm_1237 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._actionGradientGroup__label_jqcfm_1243 {
  display: block;
  margin-bottom: 10px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
}
._actionGradientGroup_jqcfm_1237 ._colorGrid_jqcfm_570 {
  margin-bottom: 0;
}
._interactionPreviewActionCard__top_jqcfm_1258 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
._interactionPreviewActionCard__label_jqcfm_1266 {
  padding: 2px 5px;
  border-radius: 4px;
  background: #f2f4f9;
  color: #7f8eaa;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
._interactionPreviewActionCard__chip_jqcfm_1278 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
  font-family: "Roboto";
  font-size: 12px;
}
._interactionPreviewActionCard__chip_jqcfm_1278 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewActionCard__subtitle_jqcfm_1294 {
  font-family: "Roboto";
  font-size: 12px;
  color: #64748b;
  letter-spacing: 0.6px;
}
._interactionPreviewActionCard__status_jqcfm_1301 {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
._interactionPreviewActionCard__status_jqcfm_1301 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewActionCard__status_pass_jqcfm_1320 {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #15803d;
  box-shadow: 0 1px 3px rgba(34, 197, 94, 0.18);
}
._interactionPreviewActionCard__status_fail_jqcfm_1326 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #b91c1c;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.18);
}
._interactionPreviewTransitionCard_jqcfm_1110 {
  border-color: #fdba74;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.0392156863), 0 4px 16px 0 rgba(249, 115, 22, 0.0784313725);
}
._interactionPreviewSidebar_jqcfm_1337 {
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #eceff6;
  background: #ffffff;
}
._interactionPreviewSidebar__row_jqcfm_1345 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._interactionPreviewSidebar__key_jqcfm_1352 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9098b1;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
}
._interactionPreviewSidebar__key_jqcfm_1352 svg {
  width: 18px;
  height: 18px;
  color: #9098b1;
}
._interactionPreviewSidebar__link_jqcfm_1367 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
._interactionPreviewSidebar__link_jqcfm_1367 svg {
  width: 14px;
  height: 14px;
}
._actions_jqcfm_1381 {
  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_jqcfm_1381 {
    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;
}
._container_1019d_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
._flexColumn_1019d_38 {
  display: flex;
  flex-direction: column;
}
._mainHeader_1019d_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_1019d_56 {
  width: 100%;
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
._subcontainer_1019d_63 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
}
._subcontainerBehaviour_1019d_72 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_1019d_77 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1019d_77 ._hader_1019d_82 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  height: 24px;
  gap: 2px;
}
._fieldContainer_1019d_77 ._hader_1019d_82 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_1019d_77 ._hader_1019d_82 ._iconHolder_1019d_96 {
  width: 17px;
  height: 19px;
}
._fieldContainer_1019d_77 ._subhader_1019d_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_1019d_77 ._field_1019d_77 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._fieldContainer_1019d_77 ._checkboxContainer_1019d_119 {
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  margin-top: -10px;
}
._fieldContainer_1019d_77 ._checkboxContainer_1019d_119 ._tooltipIcon_1019d_125 {
  padding-top: 10px;
}
._fieldBig_1019d_129 {
  width: 100%;
}
._label_1019d_133, ._sliderCount_1019d_133, ._boldLabel_1019d_133 {
  color: #1f1f1f;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._boldLabel_1019d_133 {
  font-weight: bold;
}
._flexRow_1019d_146 {
  display: flex;
  flex-direction: row;
}
._flexColumn_1019d_38 {
  display: flex;
  flex-direction: column;
  width: 240px;
}
._checkBoxBlock_1019d_157 {
  width: 300px;
  gap: 10px;
}
._checkBoxBlock_1019d_157 > span {
  padding-left: 0;
  padding-top: 3px;
}
._checkBoxBlock_1019d_157 > input,
._checkBoxBlock_1019d_157 fieldset {
  border: 1px solid #eaeef4 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
}
._checkBoxBlock_1019d_157 input {
  padding-top: 14px;
  padding-bottom: 14px;
}
._sliderBlock_1019d_177 {
  width: 255px;
}
._sliderCount_1019d_133 {
  padding-top: 5px;
}
._colorPicketBlock_1019d_185 {
  width: 240px;
}
._colorPicketBlock_1019d_185 > input,
._colorPicketBlock_1019d_185 fieldset {
  border: 0 !important;
}
._colorPicketBlock_1019d_185 > div {
  margin-top: 5px;
  width: 100%;
}
._colorPicketBlock_1019d_185 > div > div {
  padding-left: 0;
}
._colorPicketBlock_1019d_185 input {
  text-transform: uppercase;
  border: 1px solid #eaeef4;
  border-radius: 5px;
  padding: 6px;
}
._colorPicketBlock_1019d_185 button {
  padding: 17px 17px !important;
  border: 1px solid #eaeef4;
  margin-left: 0;
  padding-left: 0;
}
._textFieldBlock_1019d_212 {
  width: 400px;
}
._textFieldBlock_1019d_212 > span {
  padding-left: 0;
}
._mt15_1019d_219 {
  margin-top: 15px;
}
._mt10_1019d_223 {
  margin-top: 10px;
}
._twoColumn_1019d_227 {
  display: flex;
  justify-content: space-between;
}
._previewBlock_1019d_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: hidden;
  min-height: 0;
}._root_21uyg_1 {
  width: 100%;
}

._layout_21uyg_5 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
}

._settingsColumn_21uyg_12 {
  flex: 1;
  min-width: 0;
}

._toolbarRow_21uyg_17 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

._codeBlock_21uyg_23 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

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

._fieldRow_21uyg_36 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

._simpleImageRow_21uyg_43 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

._simpleConfigPreviewButton_21uyg_50 {
  display: inline-block;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: default;
  line-height: 0;
  vertical-align: bottom;
}

._simpleConfigPreviewIcon_21uyg_62 {
  display: block;
  width: var(--call-widget-simple-image-size, 30px);
  height: var(--call-widget-simple-image-size, 30px);
  object-fit: contain;
  pointer-events: none;
  border-radius: 0;
}

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

._simplePreviewStage_21uyg_77 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px;
}

._previewPanel_21uyg_85 {
  flex: 0 0 400px;
  width: 400px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 16px;
  align-self: flex-start;
  z-index: 2;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}

@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;
}
@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_1r2wn_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 14px;
  isolation: isolate;
  position: relative;
  height: 100%;
  min-height: 0;
  flex: 1;
  border: 1px solid #d8dbdf;
  border-radius: 10px;
}
@media screen and (max-width: 1220px) {
  ._wrapper_1r2wn_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1r2wn_29 {
    padding: 12px;
  }
}
._header_1r2wn_55 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_1r2wn_55 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_1r2wn_70 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  ._title_1r2wn_70 {
    font-size: 14px;
    text-align: center;
  }
}
._loader_1r2wn_84 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_1r2wn_92 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  display: flex;
  justify-content: center;
  pointer-events: 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;
}
._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_wjicp_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_wjicp_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_wjicp_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_wjicp_1 {
    flex-basis: 100%;
  }
}
._mainHiddenOverflow_wjicp_26 {
  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;
}
._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_1ty0c_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_1ty0c_29 {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
._buttonText_1ty0c_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_1ty0c_44 {
    font-size: 14px;
  }
}
._popoverContent_1ty0c_62 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._presets_1ty0c_68 {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
._presetButton_1ty0c_74 {
  flex: 1;
  min-width: 0 !important;
  padding: 0 8px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._datePickers_1ty0c_83 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_1ty0c_89 {
  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_r4amg_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
._container_r4amg_29 ._header_r4amg_38 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
._container_r4amg_29 ._balance_r4amg_44 {
  font-weight: bold;
}
._container_r4amg_29 ._title_r4amg_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_r4amg_29 ._cardsHolder_r4amg_56 {
  width: 100%;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
._container_r4amg_29 ._cardsHolder_r4amg_56 ._footer_r4amg_62 {
  padding-top: 32px;
  padding-bottom: 32px;
}
._usageReportContainer_r4amg_67 {
  width: 100%;
  padding: 14px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
._yourCardText_r4amg_78 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: #1f1f1f;
  margin-bottom: 10px;
}
._topUpButton_r4amg_88 {
  font-family: "Roboto";
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 14px 24px 14px 24px !important;
}
._cards_r4amg_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_r4amg_106 {
  display: flex;
  flex-direction: column;
}
._table_r4amg_106 hr {
  margin: 8px 0 8px 0;
  color: #eaeef4;
}
._row_r4amg_115, ._tableRow_r4amg_115, ._tableHeader_r4amg_115 {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto";
  font-weight: 400;
}
._tableHeader_r4amg_115 > div {
  font-size: 12px !important;
  line-height: 14.32px;
  text-align: left;
  color: #b3b3b3;
  text-transform: uppercase;
}
._tableBody_r4amg_130 {
  display: flex;
  gap: 8px !important;
  flex-direction: column;
}
._tableRow_r4amg_115 {
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: left;
  border-bottom: 1px solid #eaeef4;
  padding-top: 8px;
  padding-bottom: 8px;
}
._tableRow_r4amg_115:last-child {
  padding-bottom: 0;
  border: 0;
}
._circle_r4amg_149, ._blackCircle_r4amg_149 {
  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_r4amg_149 {
  background-color: #1f1f1f;
  color: #ffffff;
  display: flex;
}
._footer_r4amg_62 {
  display: flex;
  padding: 24px;
  height: 96px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
._modalContent_r4amg_178 {
  height: 550px !important;
}
._planName_r4amg_182 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #727272;
  text-transform: capitalize;
}
._planPrice_r4amg_192 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.98px;
  text-align: left;
  color: #1f1f1f;
}
._contentFlex_r4amg_201 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._contentText_r4amg_207 {
  color: var(--scss-text-color, #1f1f1f);
}
._contentBlock_r4amg_211 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #eaeef4;
  padding: 24px;
  border-radius: 10px;
}
._active-subscription_r4amg_220 {
  border: 1px solid #1f1f1f !important;
  background-color: #fafcff !important;
}
._canceledSubLabel_r4amg_225 {
  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_r4amg_238 {
  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_r4amg_249 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_r4amg_249: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;
}
@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_glb7r_57 {
  width: 100%;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  min-width: 0;
  position: relative;
  z-index: 6;
  overflow: visible;
}
@media screen and (max-width: 1100px) {
  ._container_glb7r_57 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  ._container_glb7r_57 {
    flex-wrap: wrap;
    padding-bottom: 6px;
  }
}
._containerTimeline_glb7r_89 {
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: 0 0 10px;
  width: 100%;
  padding: 12px 0 10px;
  border-bottom: 1px solid rgba(107, 94, 255, 0.12);
  border-radius: 0;
  gap: 12px;
  position: relative;
  z-index: 1100;
  overflow: visible;
  flex-shrink: 0;
  isolation: isolate;
}
@media screen and (max-width: 480px) {
  ._containerTimeline_glb7r_89 {
    flex-wrap: wrap;
  }
}
._containerTimeline_glb7r_89 ._btns_glb7r_110 {
  margin-left: 0;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
._containerTimeline_glb7r_89 ._leftActions_glb7r_117 {
  flex-wrap: nowrap;
  overflow: visible;
}
._leftActions_glb7r_117 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  overflow: visible;
}
._btns_glb7r_110 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 24px;
  min-width: 0;
  gap: 8px;
}
@media screen and (max-width: 1100px) {
  ._btns_glb7r_110 {
    margin-left: auto;
    width: auto;
    flex: 1 1 auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 6px;
  }
}
@media screen and (max-width: 480px) {
  ._btns_glb7r_110 {
    flex-wrap: wrap;
    row-gap: 6px;
  }
}
._buttonHolder_glb7r_159 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_glb7r_159 {
    gap: 6px;
  }
}
._conversationBtn_glb7r_173 {
  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_glb7r_173 {
    width: fit-content;
  }
}
@keyframes _supervisorPulse_glb7r_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes _supervisorPopIn_glb7r_1 {
  from {
    opacity: 0;
    transform: scale(0.7) translateX(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes _supervisorVolumeExpand_glb7r_1 {
  from {
    width: 0;
    padding: 7px 0;
    opacity: 0;
  }
  to {
    width: 116px;
    padding: 7px 14px;
    opacity: 1;
  }
}
._supervisorControls_glb7r_219 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
  max-width: 100%;
  overflow: visible;
}
@media screen and (max-width: 1100px) {
  ._supervisorControls_glb7r_219 {
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 6px;
  }
}
@media screen and (max-width: 480px) {
  ._supervisorControls_glb7r_219 {
    gap: 4px;
  }
}
._supervisorButton_glb7r_242 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px;
  max-width: 100%;
  border: var(--supervisor-btn-border, 1px solid #181c2d);
  border-radius: 999px;
  background: var(--supervisor-btn-bg, #181c2d);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--supervisor-btn-color, #ffffff);
  cursor: pointer;
  transition: background 210ms ease, border-color 210ms ease, color 210ms ease, transform 210ms ease;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  ._supervisorButton_glb7r_242 {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
    gap: 5px;
  }
  ._supervisorButton_glb7r_242 svg {
    width: 15px;
    height: 15px;
  }
}
._supervisorButton_glb7r_242 svg {
  width: 17px;
  height: 17px;
  color: currentColor;
}
._supervisorButton_glb7r_242:hover {
  border: var(--supervisor-btn-hover-border, 1px solid #252b40);
  background: var(--supervisor-btn-hover-bg, #252b40);
  color: var(--supervisor-btn-hover-color, #ffffff);
  transform: translateY(-1px);
}
._supervisorButton_glb7r_242:active {
  filter: brightness(0.92);
  transform: translateY(0);
}
._supervisorButton_glb7r_242[aria-expanded=true] {
  border: var(--supervisor-btn-expanded-border, 1px solid #252b40);
  background: var(--supervisor-btn-expanded-bg, #252b40);
  color: var(--supervisor-btn-hover-color, #ffffff);
}
@media screen and (max-width: 480px) {
  ._supervisorButton_glb7r_242 {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
  ._supervisorButton_glb7r_242 span {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 375px) {
  ._supervisorButton_glb7r_242 {
    padding: 0 10px;
  }
  ._supervisorButton_glb7r_242 span {
    display: none;
  }
}
._supervisorCaret_glb7r_313 {
  transition: transform 210ms ease;
}
._supervisorButton_glb7r_242[aria-expanded=true] ._supervisorCaret_glb7r_313 {
  transform: rotate(180deg);
}
._supervisorButtonListening_glb7r_321 {
  border-color: rgba(37, 167, 102, 0.35);
  background: rgba(37, 167, 102, 0.08);
  color: #166534;
}
._supervisorButtonListening_glb7r_321:hover {
  border-color: rgba(37, 167, 102, 0.45);
  background: rgba(37, 167, 102, 0.14);
}
._supervisorButtonConnecting_glb7r_331 {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  color: #3b4fd8;
  cursor: default;
}
._supervisorButtonConnecting_glb7r_331:hover {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  transform: none;
}
@keyframes _supervisorConnectingPulse_glb7r_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}
._supervisorStatusConnecting_glb7r_353 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(84, 121, 247, 0.35);
  border-radius: 999px;
  background: rgba(84, 121, 247, 0.08);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  color: #3b4fd8;
  letter-spacing: 0.02em;
}
._supervisorStatusConnectingDot_glb7r_369 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5479f7;
  animation: _supervisorConnectingPulse_glb7r_1 1.2s ease-in-out infinite;
}
._supervisorButtonBarge_glb7r_377 {
  border-color: rgba(220, 38, 38, 0.3);
  background: #fef2f2;
  color: #991b1b;
  cursor: default;
}
._supervisorButtonBarge_glb7r_377:hover {
  border-color: rgba(220, 38, 38, 0.3);
  background: #fef2f2;
  transform: none;
}
._supervisorStatusLabel_glb7r_389 {
  pointer-events: none;
  user-select: none;
}
._supervisorButtonOccupied_glb7r_394 {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  cursor: default;
}
._supervisorButtonOccupied_glb7r_394 svg {
  color: #a0a0b8;
}
._supervisorButtonOccupied_glb7r_394:hover {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  transform: none;
  filter: none;
}
._supervisorButtonOccupied_glb7r_394:active {
  filter: none;
  transform: none;
}
._supervisorButtonOccupied_glb7r_394[aria-expanded=true] {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
}
._supervisorMenu_glb7r_420 {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1000;
  width: 276px;
  max-width: calc(100vw - 24px);
  overflow: hidden;
  border: 1px solid #eceff6;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.1);
}
._supervisorItem_glb7r_434 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: none;
  background: transparent;
  color: #131722;
  cursor: pointer;
  font-family: "Roboto";
  text-align: left;
  transition: background 210ms ease;
}
._supervisorItem_glb7r_434:hover {
  background: #f8f9ff;
}
._supervisorItemDanger_glb7r_452:hover {
  background: #fff7f7;
}
._supervisorItemDisabled_glb7r_456 {
  opacity: 0.45;
  cursor: not-allowed;
}
._supervisorItemDisabled_glb7r_456:hover {
  background: transparent;
}
._supervisorItemDisabled_glb7r_456 ._supervisorItemTitle_glb7r_463 {
  color: #9098b1;
}
._supervisorItemDisabled_glb7r_456 ._supervisorChevron_glb7r_466 {
  opacity: 0;
}
._supervisorItemTooltipWrap_glb7r_470 {
  display: block;
  width: 100%;
}
._supervisorBargeTip_glb7r_475 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}
._supervisorBargeTipIcon_glb7r_484 {
  width: 13px !important;
  height: 13px !important;
  color: rgba(255, 255, 255, 0.65);
}
._supervisorItemIcon_glb7r_490 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 10px;
  background: #eeeeff;
}
._supervisorItemIcon_glb7r_490 svg {
  width: 18px;
  height: 18px;
  color: #6b5ce7;
}
._supervisorItemIconListen_glb7r_506 {
  background: #eeeeff;
}
._supervisorItemIconBarge_glb7r_510 {
  background: #fef2f2;
}
._supervisorItemIconBarge_glb7r_510 svg {
  color: #dc2626;
}
._supervisorItemActive_glb7r_517 ._supervisorItemIcon_glb7r_490 {
  background: rgba(37, 167, 102, 0.1);
}
._supervisorItemActive_glb7r_517 ._supervisorItemIcon_glb7r_490 svg {
  color: #25a766;
}
._supervisorItemActive_glb7r_517 ._supervisorItemTitle_glb7r_463 {
  color: #25a766;
}
._supervisorItemText_glb7r_527 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
._supervisorItemTitle_glb7r_463 {
  color: #131722;
  font-size: 13px;
  font-weight: 600;
}
._supervisorItemHint_glb7r_540 {
  color: #7a8094;
  font-size: 11px;
  line-height: 1.4;
}
._supervisorChevron_glb7r_466 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #7a8094;
}
._supervisorSeparator_glb7r_553 {
  height: 1px;
  margin: 0 14px;
  background: #eceff6;
}
._supervisorInlineListen_glb7r_559 {
  gap: 6px;
}
._supervisorConfirm_glb7r_563 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 14px;
  font-family: "Roboto";
}
._supervisorConfirm_glb7r_563 p {
  margin: 0;
  color: #7a8094;
  font-size: 12px;
  line-height: 1.55;
}
._supervisorConfirmWarn_glb7r_577 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #131722;
  font-size: 13px;
  font-weight: 700;
}
._supervisorConfirmWarn_glb7r_577 svg {
  width: 20px;
  height: 20px;
  color: #f59e0b;
}
._supervisorConfirmActions_glb7r_591 {
  display: flex;
  gap: 8px;
}
._supervisorConfirmActions_glb7r_591 button {
  flex: 1;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  transition: background 140ms ease;
}
._supervisorConfirmActions_glb7r_591 button:first-child {
  border: 1px solid #e8ecf7;
  background: #ffffff;
  color: #131722;
  font-weight: 500;
}
._supervisorConfirmActions_glb7r_591 button:first-child:hover {
  background: #f6f7fe;
}
._supervisorConfirmActions_glb7r_591 button:last-child {
  border: none;
  background: #dc2626;
  color: #ffffff;
  font-weight: 700;
}
._supervisorConfirmActions_glb7r_591 button:last-child:hover {
  background: #b91c1c;
}
._supervisorInline_glb7r_559 {
  display: flex;
  align-items: center;
  gap: 6px;
  animation: _supervisorPopIn_glb7r_1 200ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: visible;
}
@media screen and (max-width: 480px) {
  ._supervisorInline_glb7r_559 {
    gap: 4px;
  }
}
._supervisorTimer_glb7r_638 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(37, 167, 102, 0.35);
  border-radius: 999px;
  background: rgba(37, 167, 102, 0.08);
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #25a766;
  letter-spacing: 0.02em;
}
._supervisorListenRow_glb7r_655 {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: visible;
}
._unmuteConfirmAnchor_glb7r_662 {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 1;
}
._unmuteConfirmPopover_glb7r_669 {
  padding: 14px;
  border: 1px solid #dbe2f3;
  border-radius: 12px;
  background-color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.14);
  font-family: "Roboto";
  pointer-events: auto;
  box-sizing: border-box;
}
._unmuteConfirmTitle_glb7r_680 {
  margin: 0 0 6px;
  color: #131722;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
._unmuteConfirmText_glb7r_688 {
  margin: 0 0 12px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}
._unmuteConfirmActions_glb7r_695 {
  display: flex;
  gap: 8px;
}
._unmuteConfirmCancel_glb7r_700,
._unmuteConfirmPrimary_glb7r_701 {
  flex: 1;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  transition: background 140ms ease, border-color 140ms ease;
}
._unmuteConfirmCancel_glb7r_700 {
  border: 1px solid #e8ecf7;
  background-color: #ffffff;
  color: #131722;
}
._unmuteConfirmCancel_glb7r_700:hover {
  background-color: #f6f7fe;
}
._unmuteConfirmPrimary_glb7r_701 {
  border: none;
  background-color: #dc2626;
  color: #ffffff;
}
._unmuteConfirmPrimary_glb7r_701:hover {
  background-color: #b91c1c;
}
._supervisorCircle_glb7r_730 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid #e8ecf7;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, transform 100ms ease;
}
._supervisorCircle_glb7r_730 svg {
  width: 18px;
  height: 18px;
  color: #7a8094;
}
._supervisorCircle_glb7r_730:hover {
  background: #f3f4fb;
  transform: scale(1.06);
}
._supervisorCircleListen_glb7r_753 {
  border-color: rgba(37, 167, 102, 0.35);
  background: rgba(37, 167, 102, 0.08);
  cursor: default;
  pointer-events: none;
}
._supervisorCircleListen_glb7r_753 svg {
  color: #25a766;
}
._supervisorCircleStop_glb7r_763 {
  border-color: rgba(220, 38, 38, 0.3);
  background: #dc2626;
}
._supervisorCircleStop_glb7r_763 svg {
  color: #ffffff;
}
._supervisorCircleStop_glb7r_763:hover {
  background: #b91c1c;
  transform: scale(1.06);
}
._supervisorCircleEnd_glb7r_775 {
  border-color: rgba(220, 38, 38, 0.3);
  background: #dc2626;
}
._supervisorCircleEnd_glb7r_775 svg {
  width: 17px;
  height: 17px;
  color: #ffffff;
}
._supervisorCircleEnd_glb7r_775:hover {
  background: #b91c1c;
}
._supervisorCircleMuted_glb7r_788 {
  border-color: rgba(220, 38, 38, 0.3);
  background: #fef2f2;
}
._supervisorCircleMuted_glb7r_788 svg {
  color: #dc2626;
}
._supervisorCircleMuted_glb7r_788:hover {
  background: #fee2e2;
}
._supervisorCircleVolume_glb7r_799 {
  background: #ffffff;
}
._supervisorVolume_glb7r_803 {
  position: relative;
  display: flex;
  align-items: center;
}
._supervisorVolumeSlider_glb7r_809 {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid #eceff6;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: none;
  animation: _supervisorVolumeExpand_glb7r_1 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
._supervisorVolumeSlider_glb7r_809 input[type=range] {
  width: 88px;
  height: 4px;
  border-radius: 999px;
  outline: none;
  background: #e2e8f0;
  accent-color: #64748b;
  cursor: pointer;
  appearance: none;
}
._supervisorVolumeSlider_glb7r_809 input[type=range]::-webkit-slider-thumb {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #64748b;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  cursor: pointer;
  -webkit-appearance: none;
}
._supervisorVolumeSlider_glb7r_809 input[type=range]::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border: none;
  border-radius: 50%;
  background: #64748b;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  cursor: pointer;
}
._supervisorVolumeSlider_glb7r_809 input[type=range]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: #e2e8f0;
}
._menuItem_glb7r_856 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_glb7r_864 {
  line-height: 15px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._filterButton_glb7r_870 {
  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;
  flex-shrink: 0;
}
._filterButton_glb7r_870 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  ._filterButton_glb7r_870 {
    padding: 6px 10px;
    gap: 6px;
  }
  ._filterButton_glb7r_870 span {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._filterButton_glb7r_870 {
    padding: 6px 8px;
  }
}
._toolBtnSentiment_glb7r_901 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 8px;
  border: 1px solid rgba(107, 94, 255, 0.2);
  background: #fff;
  border-radius: 10px;
  font-family: "Roboto";
  font-size: 12.5px;
  font-weight: 600;
  color: #1a2240;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(107, 94, 255, 0.08);
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 220ms ease, background 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.34, 1.25, 0.64, 1), box-shadow 220ms ease;
  text-align: left;
}
._toolBtnSentiment_glb7r_901::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.75) 50%, transparent 65%);
  transform: translateX(-130%);
  transition: transform 650ms ease;
  pointer-events: none;
}
._toolBtnSentiment_glb7r_901:hover::after {
  transform: translateX(130%);
}
._toolBtnSentiment_glb7r_901:hover {
  border-color: rgba(107, 94, 255, 0.42);
  box-shadow: 0 4px 16px rgba(107, 94, 255, 0.18), 0 2px 6px rgba(95, 82, 243, 0.1);
  transform: translateY(-2px);
}
._toolBtnSentiment_glb7r_901:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px rgba(107, 94, 255, 0.12);
}
._toolBtnSentiment_glb7r_901:hover ._toolBtnSentimentIcon_glb7r_944, ._toolBtnSentiment_glb7r_901:hover ._toolBtnIconWrap_glb7r_944 {
  transform: scale(1.14) rotate(-6deg);
}
._toolBtnSentiment_glb7r_901:hover {
  background: linear-gradient(135deg, rgba(107, 92, 231, 0.07) 0%, rgba(197, 140, 242, 0.1) 100%);
  color: #5145da;
}
._toolBtnSentiment_glb7r_901:hover ._toolBtnLabel_glb7r_951 {
  color: #5145da;
}
._toolBtnSentiment_glb7r_901:hover ._toolBtnCaret_glb7r_954 {
  color: #6b5ce7 !important;
}
@media screen and (max-width: 1100px) {
  ._toolBtnSentiment_glb7r_901 ._toolBtnLabel_glb7r_951 {
    display: inline;
  }
}
._toolBtnSentimentToggle_glb7r_963 {
  cursor: pointer;
  margin: 0;
}
._toolBtnSentimentActive_glb7r_968 {
  border-color: rgba(107, 94, 255, 0.42);
  background: linear-gradient(135deg, rgba(107, 92, 231, 0.07) 0%, rgba(197, 140, 242, 0.1) 100%);
  color: #5145da;
  box-shadow: 0 4px 16px rgba(107, 94, 255, 0.18), 0 2px 6px rgba(95, 82, 243, 0.1);
}
._toolBtnSentimentActive_glb7r_968 ._toolBtnLabel_glb7r_951 {
  color: #5145da;
}
._toolBtnSentimentIcon_glb7r_944 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 47px;
  flex-shrink: 0;
  transition: transform 260ms cubic-bezier(0.34, 1.45, 0.64, 1), background 220ms ease, color 220ms ease;
  background: linear-gradient(135deg, #ede8ff 0%, #d8ceff 100%);
  color: #6b5ce7;
}
._toolBtnSentimentIcon_glb7r_944 img {
  width: 16px;
  height: 16px;
  display: block;
}
._toolBtnSentimentIcon_glb7r_944 svg {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
._toolBtnLabel_glb7r_951 {
  font-family: "Roboto";
  font-size: 12.5px;
  font-weight: 600;
  color: inherit;
  line-height: 1;
}
._toolBtnCaret_glb7r_954 {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex-shrink: 0;
  color: #9098b1 !important;
  transition: transform 260ms cubic-bezier(0.34, 1.4, 0.64, 1), color 220ms ease !important;
}
._filterButtonIconWrap_glb7r_1018 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 47px;
  flex-shrink: 0;
  transition: transform 260ms cubic-bezier(0.34, 1.45, 0.64, 1), background 220ms ease, color 220ms ease;
  background: linear-gradient(135deg, #ede8ff 0%, #d8ceff 100%);
}
._filterButtonIconWrap_glb7r_1018 img {
  width: 16px;
  height: 16px;
  display: block;
}
._filterButtonIconWrap_glb7r_1018 img {
  width: 16px;
  height: 16px;
}
._filterWrap_glb7r_1039 {
  position: relative;
  z-index: 2;
  overflow: visible;
}
._filterMenu_glb7r_1045 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1100;
  min-width: 168px;
  padding: 6px;
  background: #fff;
  border: 1px solid #eceff6;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.1);
}
._filterMenuItem_glb7r_1058 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 7px;
  padding: 8px 10px;
  font: inherit;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  color: #525a73;
  text-align: left;
  cursor: pointer;
  line-height: 1.2;
}
._filterMenuItem_glb7r_1058:hover {
  background: #eef1ff;
}
._filterMenuItemActive_glb7r_1080 {
  background: #eef1ff;
  color: #5145da;
  font-weight: 600;
}
._filterMenuItemIcon_glb7r_1086 {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  flex-shrink: 0;
}
._imgHolder_glb7r_1093 {
  flex-shrink: 0;
  min-width: 0;
}
@media screen and (max-width: 1100px) {
  ._imgHolder_glb7r_1093 {
    width: auto;
  }
}
._dropDownIcon_glb7r_1103 {
  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;
}
@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_1c87d_57 {
  height: calc(100% - var(--page-header, 0));
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0;
  overflow: hidden;
  min-height: 0;
}
@media screen and (max-width: 834px) {
  ._main_1c87d_57 {
    flex-direction: column;
    height: var(--interaction-details-inner-height, calc(100dvh - var(--page-header, 0)));
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  ._main_1c87d_57 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._main_1c87d_57 {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 1200px;
    max-height: none;
    overflow: visible;
  }
}
._mainContentContainer_1c87d_92 {
  flex: 2;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  ._mainContentContainer_1c87d_92 {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border: none;
  }
}
._timeline_1c87d_113 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 20px 20px 18px;
  box-sizing: border-box;
}
@media screen and (max-width: 834px) {
  ._timeline_1c87d_113 {
    padding: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._timeline_1c87d_113 {
    padding: 8px 10px;
  }
}
._sectionLabel_1c87d_133 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: #9098b1;
  text-transform: uppercase;
  margin-bottom: 8px;
}
._sectionLabelSpaced_1c87d_144 {
  margin-top: 12px;
}
._playerSentimentStack_1c87d_148 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}
._interactionCard_1c87d_156 {
  flex-shrink: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e8ecf7;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._audioPlayerCard_1c87d_165 {
  padding: 10px 12px;
  overflow: visible;
}
._sentimentCard_1c87d_170 {
  padding: 0;
  overflow: visible;
}
._sentimentCardAfterPlayer_1c87d_175 {
  margin-top: 10px;
}
._chatCanvasCard_1c87d_179 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._tabs_1c87d_187 {
  display: none;
  flex-shrink: 0;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
@media screen and (max-width: 834px) {
  ._tabs_1c87d_187 {
    display: flex;
    width: 100%;
    padding: 10px 12px 0;
  }
}
@media screen and (max-width: 480px) {
  ._tabs_1c87d_187 {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
._sideContentContainer_1c87d_207 {
  flex: 1;
  min-width: 0;
  max-width: 420px;
  height: 100%;
  padding: 10px;
  border-left: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 834px) {
  ._sideContentContainer_1c87d_207 {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    border-left: none;
    padding: 10px 12px 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }
}
@media screen and (max-width: 480px) {
  ._sideContentContainer_1c87d_207 {
    padding: 8px 10px 14px;
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
  }
}
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_1bajl_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;
}
@media screen and (max-width: 834px) {
  ._toggleButton_1bajl_29 {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 10px 12px;
  }
}
._toggleButtonLabel_1bajl_46 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 17px;
  color: var(--scss-text-color, #1f1f1f);
}
._container_1bajl_53 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 834px) {
  ._container_1bajl_53 {
    padding-left: 0;
    padding-right: 0;
    gap: 6px;
  }
}
._selected_1bajl_69 {
  background-color: var(--scss-text-color, #1f1f1f);
}
._selectedLabel_1bajl_73 {
  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_19u3x_29 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._progressBar_19u3x_37 {
  width: 100%;
  height: 10px;
  background: transparent;
  border-radius: 999px;
}
._progressInner_19u3x_44 {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 3px;
}
._section_19u3x_51 {
  height: 100%;
  min-width: 4px;
  border-radius: 999px;
  transition: opacity 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._section_19u3x_51:hover {
  opacity: 0.86;
  z-index: 1;
}
._legend_19u3x_66 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 14px;
}
._tooltip_19u3x_77 {
  position: fixed;
  z-index: 1300;
  pointer-events: none;
  transform: translate(-50%, -100%);
}
._tooltipContent_19u3x_84 {
  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_19u3x_84::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_19u3x_103 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}
._tooltipValue_19u3x_110 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
._labels_19u3x_117 {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (max-width: 834px) {
  ._labels_19u3x_117 {
    gap: 8px;
  }
}
@media screen and (max-width: 480px) {
  ._labels_19u3x_117 {
    gap: 6px;
  }
}
._label_19u3x_117 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
  background: transparent;
  cursor: default;
}
._labelHighlighted_19u3x_145 {
  background: rgba(236, 239, 241, 0.6);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
._labelHighlighted_19u3x_145 ._labelColor_19u3x_150 {
  transform: scale(1.1);
}
._labelHighlighted_19u3x_145 ._labelText_19u3x_153 {
  color: #263238;
}
._labelHighlighted_19u3x_145 ._labelValue_19u3x_156 {
  color: #000000;
}
._labelColor_19u3x_150 {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
._labelText_19u3x_153 {
  color: #546E7A;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s ease;
}
@media screen and (max-width: 480px) {
  ._labelText_19u3x_153 {
    font-size: 12px;
  }
}
._labelValue_19u3x_156 {
  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_17x7p_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: 10px;
  padding: 14px;
  border: 1px solid #eceff6;
  border-radius: 14px;
  background: #ffffff;
  min-width: 0;
}
@media screen and (max-width: 834px) {
  ._section_17x7p_29 {
    padding: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._section_17x7p_29 {
    padding: 10px;
    border-radius: 12px;
  }
}
._contentContainer_17x7p_53 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
._latencyContainer_17x7p_63 {
  padding: 3px 12px;
  border-radius: 9px;
  background-color: #f3f4fb;
  width: fit-content;
  border: 1px solid #e8ecf7;
}
._label_17x7p_71 {
  font-size: 13px;
  font-family: "Roboto";
  font-weight: 700;
  color: #1f2435;
}
._timeLabel_17x7p_78 {
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 800;
  color: #1f2435;
  letter-spacing: -0.03em;
}@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_3ghtf_29 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_3ghtf_29 ._header_3ghtf_35 {
  color: #64748b;
  font-family: Roboto, sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._result_3ghtf_29 ._header_3ghtf_35 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1220px) {
  ._result_3ghtf_29 ._header_3ghtf_35 {
    font-size: 12px !important;
  }
}
._result_3ghtf_29 ._content_3ghtf_54 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_3ghtf_29 ._content--text_3ghtf_59 {
  display: block;
}
._result_3ghtf_29 ._value_3ghtf_62 {
  width: 100%;
}
._result_3ghtf_29 ._tableWrapper_3ghtf_65 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_3ghtf_29 ._tableWrapper_3ghtf_65::-webkit-scrollbar {
  height: 6px;
}
._result_3ghtf_29 ._tableWrapper_3ghtf_65::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_3ghtf_29 ._tableWrapper_3ghtf_65::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_3ghtf_29 ._tableWrapper_3ghtf_65::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._result_3ghtf_29 ._markdownTable_3ghtf_84 {
  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_3ghtf_29 ._markdownTh_3ghtf_94,
._result_3ghtf_29 ._markdownTd_3ghtf_95 {
  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_3ghtf_29 ._markdownTh_3ghtf_94:last-child,
._result_3ghtf_29 ._markdownTd_3ghtf_95:last-child {
  border-right: none;
}
._result_3ghtf_29 ._markdownTh_3ghtf_94 {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 600;
  white-space: nowrap;
}
._result_3ghtf_29 ._markdownTr_3ghtf_112:last-child ._markdownTd_3ghtf_95 {
  border-bottom: none;
}
._result_3ghtf_29 ._markdownTr_3ghtf_112:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
._result_3ghtf_29 ._label_3ghtf_118 {
  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_3ghtf_29 ._label_3ghtf_118 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_3ghtf_29 ._label_3ghtf_118 {
    font-size: 13px;
  }
}
._result_3ghtf_29 ._colon_3ghtf_135 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_3ghtf_29 ._colon_3ghtf_135 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_3ghtf_29 ._colon_3ghtf_135 {
    font-size: 13px;
  }
}
._result_3ghtf_29 ._value_3ghtf_62 {
  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_3ghtf_29 ._value_3ghtf_62::-webkit-scrollbar {
  height: 6px;
}
._result_3ghtf_29 ._value_3ghtf_62::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_3ghtf_29 ._value_3ghtf_62::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_3ghtf_29 ._value_3ghtf_62::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1440px) {
  ._result_3ghtf_29 ._value_3ghtf_62 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_3ghtf_29 ._value_3ghtf_62 {
    font-size: 13px;
  }
}
._headerContainer_3ghtf_187 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_3ghtf_194 {
  color: #ffffff !important;
  border: none !important;
  background-color: #1f1f1f !important;
}
@media print {
  ._printButton_3ghtf_194 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_3ghtf_29,
  ._result_3ghtf_29 * {
    visibility: visible !important;
  }
  ._result_3ghtf_29 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: white;
  }
  ._header_3ghtf_35 {
    font-size: 24px;
  }
  ._content_3ghtf_54 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_3ghtf_118,
  ._colon_3ghtf_135 {
    color: #666;
  }
}._container_1b0fw_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_1b0fw_1 {
    width: 100vw;
    height: 100vh;
  }
}
._mainScreen_1b0fw_18 {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainScreen_1b0fw_18 {
    height: 100dvh;
  }
}
._screenImg_1b0fw_28 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media screen and (max-width: 480px) {
  ._screenImg_1b0fw_28 {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
}
._callTimer_1b0fw_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_1b0fw_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._voiceButton_1b0fw_68 {
  border: none;
  background-color: transparent;
  max-height: 30px;
}
._icon_1b0fw_74 {
  width: 30px;
  height: 30px;
}
._styledCallHost_1b0fw_79 {
  position: fixed;
  z-index: 4000;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: auto;
}
._voiceChat_1b0fw_90 {
  left: 24px;
  bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 4000;
  position: fixed;
  border-radius: 100px;
  animation: _moveUpDown_1b0fw_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_1b0fw_42 button {
  background-color: red;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  cursor: pointer;
}
._firstHandContainer_1b0fw_119 {
  position: absolute;
  width: 910.2px;
  height: 402.9px;
  top: 206.3px;
  left: -50.8px;
}
._firstHandContainer_1b0fw_119 img {
  position: absolute;
  bottom: 0;
}
._secondHandContainer_1b0fw_132 {
  position: absolute;
  width: 900.2px;
  height: 402.9px;
  top: 434.3px;
  right: 0;
  transform: rotateZ(-177.13deg);
}
._secondHandContainer_1b0fw_132 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_nswlo_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: var(--page-header-padding);
  padding-top: 14px;
  width: 100%;
  min-height: calc(100vh - var(--page-header));
}
._container_nswlo_29 ._filterHolder_nswlo_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._membersContainer_nswlo_45 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  flex: 1;
  min-height: 0;
}
._title_nswlo_54 {
  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_nswlo_64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._content_nswlo_64 ._buttonsHolder_nswlo_70 {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}
._list_nswlo_76 {
  width: 100%;
  height: 100%;
}
._infoHolder_nswlo_81 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 1rem;
}
._infoHolder_nswlo_81 ._infoCard_nswlo_87 {
  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_nswlo_81 ._infoCard_nswlo_87 ._memberLabel_nswlo_98 {
  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_nswlo_81 ._infoCard_nswlo_87 ._cardContent_nswlo_107 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_nswlo_81 ._infoCard_nswlo_87 ._cardContent_nswlo_107 ._typeLabelHolder_nswlo_113 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_nswlo_81 ._infoCard_nswlo_87 ._cardContent_nswlo_107 ._typeLabelHolder_nswlo_113 ._typeLabel_nswlo_113 {
  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_nswlo_81 ._infoCard_nswlo_87 ._cardContent_nswlo_107 ._memberIconsHolder_nswlo_129 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_nswlo_136 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-left: 10px;
}
._avatar_nswlo_147 {
  margin-left: -15px;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_nswlo_147 + ._avatar_nswlo_147 {
  margin-left: -15px;
  z-index: 2;
}
._dots_nswlo_162 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_nswlo_167 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_nswlo_176 {
  font-size: 1rem;
}
._buttonContainer_nswlo_180 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 41px;
}
._buttonContainer_nswlo_180 ._title_nswlo_54 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._headerCell_nswlo_197 {
  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_nswlo_207 {
  font-family: "Roboto";
  font-size: 16px;
  color: rgb(31, 31, 31);
}
._tenantGroupRow_nswlo_213 {
  background-color: #f5f7fa;
}
._actionsCell_nswlo_217 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin: -14px -8px -14px -8px;
  padding: 14px 8px;
  box-sizing: content-box;
}@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_40my8_79 {
  width: 529px;
  min-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%);
  padding-bottom: 24px;
}
._title_40my8_89 {
  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_40my8_100 {
  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_1j8la_29 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._incorrectDataLabel_1j8la_37 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #e93434;
}
._formColumn_1j8la_48 {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._formColumn_1j8la_48 {
    width: 100%;
  }
}
._formColumn_1j8la_48 ._subTitleHolder_1j8la_59 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_1j8la_48 ._subTitleHolder_1j8la_59 ._subTitle_1j8la_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_1j8la_48 ._subTitleHolder_1j8la_59 ._subTitle_1j8la_59 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_1j8la_48 ._subTitleHolder_1j8la_59 ._signInImage_1j8la_83 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_1j8la_48 ._subTitleHolder_1j8la_59 ._helptext_1j8la_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_1j8la_48 ._subTitleHolder_1j8la_59 ._helptext_1j8la_88 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_1j8la_48 ._titleHolder_1j8la_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_1j8la_48 ._titleHolder_1j8la_105 {
    margin-top: 24px;
  }
}
._formColumn_1j8la_48 ._titleHolder_1j8la_105 ._title_1j8la_105 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_1j8la_48 ._titleHolder_1j8la_105 ._title_1j8la_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_1j8la_48 ._titleHolder_1j8la_105 ._title_1j8la_105 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_1j8la_48 ._titleHolder_1j8la_105 ._title_1j8la_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_1j8la_48 ._titleHolder_1j8la_105 ._title_1j8la_105 a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_1j8la_48 ._logo_1j8la_159 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_1j8la_48 ._logo_1j8la_159 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_1j8la_48 ._logoAltText_1j8la_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_1j8la_48 ._logoAltText_1j8la_169 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_1j8la_48 ._flexWrapper_1j8la_193 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_1j8la_48 ._backgroungWrapper_1j8la_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_1j8la_48 ._backgroungWrapper_1j8la_199 {
    padding: 24px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_1j8la_48 ._formHolder_1j8la_212 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._forgotPassword_1j8la_227 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._forgotPassword__text_1j8la_233 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
  color: #4D4D69;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._formTitleHolder_1j8la_242 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._formTitleHolder_1j8la_242 ._header_1j8la_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_1j8la_48 ._formHolder_1j8la_212 ._formTitleHolder_1j8la_242 ._header_1j8la_248 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._formTitleHolder_1j8la_242 ._subHeader_1j8la_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_1j8la_48 ._formHolder_1j8la_212 ._formTitleHolder_1j8la_242 ._subHeader_1j8la_263 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._fieldsHolder_1j8la_278 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_1j8la_48 ._formHolder_1j8la_212 ._fieldsHolder_1j8la_278 {
    gap: 12px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._buttonsHolder_1j8la_289 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_1j8la_48 ._formHolder_1j8la_212 ._buttonsHolder_1j8la_289 {
    gap: 12px;
  }
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._buttonsHolder_1j8la_289 button:hover {
  background-color: var(--hover-bg-color, white) !important;
  box-shadow: var(--hover-box-shadow, none) !important;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._labelsHolder_1j8la_304 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._labelsHolder_1j8la_304 ._loginLabel_1j8la_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_1j8la_48 ._formHolder_1j8la_212 ._labelsHolder_1j8la_304 ._loginLabel_1j8la_310 :hover {
  cursor: pointer;
}
._formColumn_1j8la_48 ._formHolder_1j8la_212 ._labelsHolder_1j8la_304 ._accountLabel_1j8la_323 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #4D4D4D;
}
._imageColumn_1j8la_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_1j8la_333 {
    display: none;
  }
}
._imageColumn_1j8la_333 ._image_1j8la_333 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_1j8la_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_1j8la_289 span {
  outline: none;
  text-decoration: none;
}
._button_1j8la_289 ._hiden_1j8la_379 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_1j8la_289 ._label_1j8la_304 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 600;
}
._subWrappr_1j8la_395 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_1j8la_401 {
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_1j8la_401 {
    gap: 16px;
  }
}
resendBlock ._resendBlock_1j8la_414 {
  display: flex;
  justify-content: space_between;
}
._resendQuestion_1j8la_419 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
}
._resendButton_1j8la_424 {
  font-family: "Roboto";
  color: rgb(31, 31, 31);
  cursor: pointer;
  text-decoration: underline;
}
._resendButtonDisabled_1j8la_431 {
  font-family: "Roboto";
  color: rgb(114, 114, 114);
  cursor: not-allowed;
}
._inputStyle_1j8la_437 {
  width: 3rem !important;
  height: 3rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0;
}
._formTitleBlock_1j8la_446 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formTitleBlock_1j8la_446 {
    gap: 12px;
  }
}
._title_1j8la_105 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: rgb(31, 31, 31);
  font-weight: 700;
}
._subTitle_1j8la_59 {
  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_1j8la_59 {
    font-size: 14px;
    line-height: 17px;
  }
}._overlay_1e7of_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_1e7of_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_1e7of_27 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  height: 100%;
}

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

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

._content_1e7of_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_1e7of_49 h1, ._content_1e7of_49 h2, ._content_1e7of_49 h3, ._content_1e7of_49 h4, ._content_1e7of_49 h5, ._content_1e7of_49 h6 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}
._content_1e7of_49 h1 {
  font-size: 20px;
}
._content_1e7of_49 h2 {
  font-size: 18px;
}
._content_1e7of_49 h3 {
  font-size: 16px;
}
._content_1e7of_49 p {
  margin: 8px 0;
}
._content_1e7of_49 ul, ._content_1e7of_49 ol {
  margin: 8px 0;
  padding-left: 24px;
}
._content_1e7of_49 code {
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
._content_1e7of_49 pre {
  background: #f3f4f6;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 8px 0;
}
._content_1e7of_49 pre code {
  background: transparent;
  padding: 0;
}
._content_1e7of_49 a {
  color: #1976d2;
  text-decoration: none;
}
._content_1e7of_49 a:hover {
  text-decoration: underline;
}
._content_1e7of_49 blockquote {
  border-left: 4px solid #d8dbdf;
  padding-left: 16px;
  margin: 8px 0;
  color: #6b7280;
}
._content_1e7of_49 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
._content_1e7of_49 table th, ._content_1e7of_49 table td {
  border: 1px solid #d8dbdf;
  padding: 8px;
  text-align: left;
}
._content_1e7of_49 table th {
  background: #f9fafb;
  font-weight: 600;
}

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

._cookieFooter_1e7of_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: auto;
  display: flex;
  align-items: flex-start;
  padding: 14px 16px;
  box-sizing: border-box;
}

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

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

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

._cookieTitle_1e7of_175 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
  line-height: 1.2;
}

._cookieDescription_1e7of_184 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1f1f1f;
  line-height: 1.4;
  max-height: 250px;
  overflow-y: auto;
  white-space: normal;
}
._cookieDescription_1e7of_184 p {
  margin: 0 0 4px 0;
}
._cookieDescription_1e7of_184 * {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
._cookieDescription_1e7of_184 a {
  color: #1976d2;
  text-decoration: underline;
}
._cookieDescription_1e7of_184 a:hover {
  text-decoration: underline;
}
._cookieDescription_1e7of_184 strong, ._cookieDescription_1e7of_184 b {
  font-weight: 600;
}

._cookieActions_1e7of_213 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  align-self: flex-end;
  background: #ffffff;
  padding-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;
}
._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_1id3s_547 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  ._flex-sb_1id3s_547 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-sb-start_1id3s_559 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  ._flex-sb-start_1id3s_559 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-column_1id3s_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_1id3s_572 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-row-center_1id3s_586 {
  display: flex;
  align-items: center;
  flex-direction: row;
}
._flex-end_1id3s_592 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._pointer_1id3s_598 {
  cursor: pointer;
}
._gap-05_1id3s_602 {
  gap: 0.5rem;
}
._gap-1_1id3s_606 {
  gap: 1rem;
}
._mb-05_1id3s_610 {
  margin-bottom: 0.5rem;
}
._mt-05_1id3s_614 {
  margin-top: 0.5rem;
}
._mt-1_1id3s_618 {
  margin-top: 1rem;
}
._mb-1_1id3s_622 {
  margin-bottom: 1rem;
}
._mt-1dot5_1id3s_626 {
  margin-top: 1.5rem;
}
._mb-1dot5_1id3s_630 {
  margin-bottom: 1.5rem;
}
._bold_1id3s_634 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
._pt-1_1id3s_643 {
  padding-top: 1rem;
}
._pb-1_1id3s_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_1id3s_684::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  ._html_1id3s_694 {
    font-size: 14px;
  }
}
@keyframes _pulse_1id3s_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _pulseLight_1id3s_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
._demo_1id3s_720 {
  width: 100%;
  height: 95%;
}
._demo__columns_1id3s_724 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
._demo__column_1id3s_724 {
  height: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
}
._demo__firstColumn_1id3s_736 {
  width: 25%;
}
._demo__secondColumn_1id3s_739 {
  width: 100%;
}
._tabLabel_1id3s_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_1id3s_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_1id3s_755 ._bgImg_1id3s_768 {
  max-height: 420px;
  width: auto;
  height: auto;
}
._previewBlock_1id3s_755 ._bgImgMobile_1id3s_773 {
  height: 100%;
  object-fit: cover;
  object-position: top;
  max-width: 370px;
  min-height: 460px;
  border-radius: 20px;
  align-self: baseline;
  width: 100%;
}
._imagesContainer_1id3s_784 {
  display: flex;
  position: relative;
  width: 100%;
  max-width: fit-content;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}
._chatPreviewHost_1id3s_794 {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
._chatPreviewHost_1id3s_794 img,
._chatPreviewHost_1id3s_794 button,
._chatPreviewHost_1id3s_794 div {
  pointer-events: auto;
}@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;
}
._main_hft3k_29 {
  height: calc(100% - var(--page-header, 0));
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  min-height: 0;
}
._leftPanel_hft3k_38 {
  width: 320px;
  border-right: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._rightPanel_hft3k_46 {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
._transcriptContainer_hft3k_57 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._timeline_hft3k_67 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 20px 20px 18px;
  box-sizing: border-box;
}
._sectionLabel_hft3k_77 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: #9098b1;
  text-transform: uppercase;
  margin-bottom: 8px;
}
._sectionLabelSpaced_hft3k_88 {
  margin-top: 12px;
}
._interactionCard_hft3k_92 {
  flex-shrink: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e8ecf7;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._chatCanvasCard_hft3k_101 {
  flex: 1;
  min-height: 0;
  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;
}
._wrapper_11hf9_29 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #f5f6f9;
}
._main_11hf9_38 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._scrollArea_11hf9_47 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: #fafbfc;
}
@media (max-width: 1360px) {
  ._scrollArea_11hf9_47 {
    padding: 20px;
  }
}
@media (max-width: 1200px) {
  ._scrollArea_11hf9_47 {
    padding: 16px;
  }
}
._titleRow_11hf9_67 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
._title_11hf9_67 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: #1f1f1f;
  margin: 0;
  line-height: 1.3;
  flex: 1;
}
._titleInput_11hf9_84 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: #1f1f1f;
  border: none;
  border-bottom: 2px solid #6b5eff;
  outline: none;
  background: transparent;
  flex: 1;
  padding: 2px 0;
}
._pencilBtn_11hf9_97,
._saveTitleBtn_11hf9_98 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  color: #a0aab4;
  flex-shrink: 0;
  margin-left: auto;
  transition: color 0.15s;
}
._pencilBtn_11hf9_97 img,
._saveTitleBtn_11hf9_98 img {
  width: 18px;
  height: 18px;
}
._pencilBtn_11hf9_97:hover:not(:disabled),
._saveTitleBtn_11hf9_98:hover:not(:disabled) {
  color: #6b5eff;
}
._saveTitleBtn_11hf9_98:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
._metaRow_11hf9_127 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
._metaLabel_11hf9_135 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
._metaDivider_11hf9_144 {
  width: 1px;
  height: 22px;
  background: #d8dbdf;
  margin: 0 2px;
}
._typeSelectWrap_11hf9_151 {
  height: 36px;
  min-width: 130px;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
}
._typeSelectWrap_11hf9_151 .MuiInputBase-root {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
._accordions_11hf9_164 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._accordion_11hf9_164 {
  background: #ffffff;
  border: 1px solid #e8eaed;
  border-radius: 15px;
  box-shadow: 0px 4px 20px rgba(107, 94, 255, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
._accordionHeader_11hf9_178 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 24px 8px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s;
}
._accordionHeader_11hf9_178::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: #e8eaed;
}
._accordionHeader_11hf9_178:hover {
  background: rgba(107, 94, 255, 0.03);
}
@media (max-width: 1360px) {
  ._accordionHeader_11hf9_178 {
    padding: 16px 16px 8px;
  }
  ._accordionHeader_11hf9_178::after {
    left: 16px;
    right: 16px;
  }
}
@media (max-width: 1200px) {
  ._accordionHeader_11hf9_178 {
    padding: 12px 12px 8px;
  }
  ._accordionHeader_11hf9_178::after {
    left: 12px;
    right: 12px;
  }
}
._accordionHeaderClosed_11hf9_222 {
  padding: 24px;
  border-bottom: none;
}
._headerLeft_11hf9_227 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._headerIcon_11hf9_233 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._headerIcon_11hf9_233 svg {
  width: 18px;
  height: 18px;
}
._headerLabel_11hf9_243 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #64748B;
}
._itemCount_11hf9_251 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  color: #64748B;
}
._chevron_11hf9_258 {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._chevron_11hf9_258._chevronOpen_11hf9_264 {
  transform: rotate(180deg);
}
._accordionBody_11hf9_268 {
  padding: 24px 24px 14px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1360px) {
  ._accordionBody_11hf9_268 {
    padding: 14px 16px 12px;
  }
}
@media (max-width: 1200px) {
  ._accordionBody_11hf9_268 {
    padding: 12px;
  }
}
._taskContent_11hf9_284 {
  position: relative;
}
._taskTextarea_11hf9_288 {
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  width: 100%;
  min-height: 96px;
  padding: 12px 14px 28px 14px;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  outline: none;
  resize: vertical;
  background: #fafbfc;
  box-sizing: border-box;
  line-height: 1.6;
  transition: border-color 0.15s;
}
._taskTextarea_11hf9_288::placeholder {
  color: #c2c8d0;
  font-size: 16px;
}
._taskTextarea_11hf9_288:focus {
  border-color: #6b5eff;
  background: #fff;
}
._charCount_11hf9_313 {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-family: "Roboto";
  font-size: 12px;
  color: #c2c8d0;
  pointer-events: none;
}
._listItems_11hf9_323 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
._listItem_11hf9_323 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
}
._listIndex_11hf9_337 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 7px;
  border-radius: 6px;
  background: #f3f4f6;
  color: #64748b;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}
._listInput_11hf9_353 {
  flex: 1;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  background: #fafbfc;
  min-width: 0;
}
._listInput_11hf9_353::placeholder {
  color: #c2c8d0;
  font-size: 16px;
}
._listInput_11hf9_353:focus {
  border-color: #6b5eff;
  background: #fff;
}
._deleteBtn_11hf9_374 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: opacity 0.15s;
  opacity: 0.45;
  flex-shrink: 0;
}
._deleteBtn_11hf9_374 img {
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
}
._deleteBtn_11hf9_374:hover {
  opacity: 1;
}
._emptyAccordion_11hf9_397 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  gap: 10px;
}
._emptyAccordionIcon_11hf9_406 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(107, 94, 255, 0.07);
}
._emptyAccordionIcon_11hf9_406 svg {
  width: 26px;
  height: 26px;
}
._emptyAccordionText_11hf9_420 {
  font-family: "Roboto";
  font-size: 12px;
  color: #a0aab4;
  text-align: center;
}
._addRowBtn_11hf9_427 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
  gap: 10px;
  width: 100%;
  height: 44px;
  margin-top: 8px;
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.08) 0%, rgba(95, 82, 243, 0.08) 100%);
  border: 1.5px dashed #d8dbdf;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  color: #7e8797;
  transition: background 0.15s, color 0.15s;
}
._addRowBtn_11hf9_427:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.15) 0%, rgba(95, 82, 243, 0.15) 100%);
  color: #6b5eff;
}
._addRowAligned_11hf9_452 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._addRowIndexSpacer_11hf9_458 {
  min-width: 24px;
  padding: 7px;
  flex-shrink: 0;
}
._addRowDeleteSpacer_11hf9_464 {
  width: 26px;
  flex-shrink: 0;
}
._addRowAligned_11hf9_452 ._addRowBtn_11hf9_427 {
  flex: 1;
}
._addRowPlus_11hf9_473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
._rubricTable_11hf9_479 {
  border: 1px solid #e8eaed;
  border-radius: 8px;
  overflow: hidden;
}
._rubricHead_11hf9_485 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  background: #f6f9ff;
  border-bottom: 1px solid #e8eaed;
}
._rubricHeadNum_11hf9_492,
._rubricHeadDel_11hf9_493 {
  padding: 10px 8px;
}
._rubricHeadQ_11hf9_497,
._rubricHeadR_11hf9_498 {
  padding: 10px 14px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7e8797;
  border-left: 1px solid #e8eaed;
}
._rubricRow_11hf9_509 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  border-bottom: 1px solid #e8eaed;
  background: #fff;
}
._rubricRow_11hf9_509:last-child {
  border-bottom: none;
}
._rubricNum_11hf9_519 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 14px 4px;
  font-family: "Roboto";
  font-size: 12px;
  color: #c2c8d0;
}
._rubricCell_11hf9_529 {
  border-left: 1px solid #e8eaed;
  position: relative;
}
._rubricTextarea_11hf9_534 {
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  background: transparent;
  resize: none;
  overflow: hidden;
  min-height: 48px;
  line-height: 1.5;
  display: block;
}
._rubricTextarea_11hf9_534::placeholder {
  color: #c2c8d0;
  font-size: 16px;
}
._rubricTextarea_11hf9_534:focus {
  background: #fafbff;
}
._rubricDelCell_11hf9_558 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 0;
  border-left: 1px solid #e8eaed;
}
._rubricDelCell_11hf9_558 ._deleteBtn_11hf9_374 {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  opacity: 0.45;
}
._side_11hf9_573 {
  width: 360px;
  flex-shrink: 0;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow-y: auto;
  background: #fafbfc;
  border-left: 1px solid rgba(107, 94, 255, 0.1);
  gap: 12px;
}
@media (max-width: 1360px) {
  ._side_11hf9_573 {
    width: clamp(210px, 24vw, 268px);
    flex-basis: clamp(210px, 24vw, 268px);
    padding: 20px;
    gap: 10px;
  }
}
@media (max-width: 1200px) {
  ._side_11hf9_573 {
    width: clamp(180px, 22vw, 236px);
    flex-basis: clamp(180px, 22vw, 236px);
    padding: 16px;
    gap: 8px;
  }
}
._sideCard_11hf9_602 {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._metaDataCard_11hf9_613 {
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._sideCardHeader_11hf9_619 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 24px 24px 8px;
}
._sideCardHeader_11hf9_619::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: #e8eaed;
}
@media (max-width: 1360px) {
  ._sideCardHeader_11hf9_619 {
    padding: 16px 16px 8px;
  }
  ._sideCardHeader_11hf9_619::after {
    left: 16px;
    right: 16px;
  }
}
@media (max-width: 1200px) {
  ._sideCardHeader_11hf9_619 {
    padding: 12px 12px 8px;
  }
  ._sideCardHeader_11hf9_619::after {
    left: 12px;
    right: 12px;
  }
}
._sideCardIcon_11hf9_654 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._accordionIcon_11hf9_660 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._sideCardLabel_11hf9_666 {
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748B;
}
._notesBody_11hf9_674 {
  position: relative;
  padding: 24px 24px 14px;
  height: 100%;
}
@media (max-width: 1360px) {
  ._notesBody_11hf9_674 {
    padding: 14px 16px 12px;
  }
}
@media (max-width: 1200px) {
  ._notesBody_11hf9_674 {
    padding: 12px;
  }
}
._notesTextarea_11hf9_690 {
  font-family: "Roboto";
  font-size: 16px;
  color: #1f1f1f;
  width: 100%;
  min-height: 100%;
  max-height: 335px;
  padding: 12px 14px 28px 14px;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  outline: none;
  resize: vertical;
  background: #fafbfc;
  box-sizing: border-box;
  line-height: 1.6;
  transition: border-color 0.15s;
}
._notesTextarea_11hf9_690::placeholder {
  color: #c2c8d0;
  font-size: 16px;
}
._notesTextarea_11hf9_690:focus {
  border-color: #6b5eff;
  background: #fff;
}
._notesCount_11hf9_716 {
  position: absolute;
  bottom: 20px;
  right: 24px;
  font-family: "Roboto";
  font-size: 12px;
  color: #c2c8d0;
  pointer-events: none;
}
._metaDataBody_11hf9_726 {
  padding: 24px 24px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
  gap: 20px;
}
@media (max-width: 1360px) {
  ._metaDataBody_11hf9_726 {
    padding: 14px 16px 12px;
    gap: 14px;
  }
}
@media (max-width: 1200px) {
  ._metaDataBody_11hf9_726 {
    padding: 12px;
    gap: 12px;
  }
}
._metaDataSection_11hf9_748 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._metaDataKey_11hf9_754 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #a0aab4;
}
._metaDataUserRow_11hf9_762 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 28px;
}
._metaDataInfoRow_11hf9_769 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataLabelRow_11hf9_775 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataRowIcon_11hf9_781 {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #a0aab4;
}
._metaDataAvatar_11hf9_788 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(141.99deg, #d394f1 9.85%, #5f52f3 90.44%);
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
._metaDataVal_11hf9_804, ._metaDataUserName_11hf9_804 {
  font-family: "Roboto";
  font-size: 16px;
  color: #3d4554;
  line-height: 1.4;
}
._metaDataVal_11hf9_804 {
  padding-left: 28px;
}
._sideSpacer_11hf9_815 {
  flex: 1;
  min-height: 8px;
}
._sideFooter_11hf9_820 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  background: #fafbfc;
  padding: 0;
}
._saveBtn_11hf9_828 {
  padding: 10px 40px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
}
._tooltipIcon_11hf9_837 {
  width: 12px;
  height: 12px;
  color: #c2c8d0;
  flex-shrink: 0;
}._page_qgiai_1 {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 96px);
  display: flex;
  flex-direction: column;
}

._layout_qgiai_9 {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 0;
  border-top: 1px solid rgba(107, 94, 255, 0.12);
}

._sidebar_qgiai_18 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px;
  gap: 16px;
  width: 400px;
  flex: 0 0 400px;
  background: #ffffff;
  border-right: 1px solid rgba(107, 94, 255, 0.12);
}
@media (max-width: 1360px) {
  ._sidebar_qgiai_18 {
    width: clamp(280px, 30vw, 380px);
    flex-basis: clamp(280px, 30vw, 380px);
    padding: 12px;
    gap: 14px;
  }
}
@media (max-width: 1200px) {
  ._sidebar_qgiai_18 {
    width: clamp(240px, 28vw, 320px);
    flex-basis: clamp(240px, 28vw, 320px);
    padding: 10px;
    gap: 12px;
  }
}

._sidebarTop_qgiai_47 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  gap: 10px;
  width: 100%;
  height: 40px;
}

._searchWrap_qgiai_58 {
  display: flex;
  width: 325px;
  max-width: 100%;
  height: 40px;
}
._searchWrap_qgiai_58 .MuiOutlinedInput-root {
  height: 40px;
  background: #fafbfc;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  align-items: center;
}
._searchWrap_qgiai_58 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid rgba(107, 94, 255, 0.12);
}
._searchWrap_qgiai_58 .MuiInputBase-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 24px;
}
._searchWrap_qgiai_58 .MuiInputAdornment-root svg {
  color: rgba(107, 94, 255, 0.8) !important;
}

._addButton_qgiai_84 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  font-size: 24px;
  line-height: 24px;
  flex: 0 0 37px;
  padding: 0;
}

._suitesTitle_qgiai_97 {
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #767c8a;
}

._sidebarPlaceholder_qgiai_106 {
  width: 100%;
  padding: 18px 14px;
  border: 1px dashed rgba(107, 94, 255, 0.28);
  border-radius: 12px;
  background: linear-gradient(180deg, #fafbff 0%, #f6f8ff 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

._sidebarPlaceholderTitle_qgiai_119 {
  color: #3f4658;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

._sidebarPlaceholderText_qgiai_126 {
  color: #7f8798;
  font-size: 12px;
  line-height: 17px;
}

._sidebarPlaceholderButton_qgiai_132 {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
}

._emptyState_qgiai_138 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FAFBFC;
  border-left: 1px solid rgba(107, 94, 255, 0.08);
}
._emptyState_qgiai_138 .content {
  white-space: pre-line !important;
}

._contentArea_qgiai_151 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: #FAFBFC;
  border-left: 1px solid rgba(107, 94, 255, 0.08);
}
._contentArea_qgiai_151 .content {
  white-space: pre-line !important;
}

._contentPlaceholder_qgiai_165 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}._page_1h07s_1 {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 96px);
  display: flex;
  flex-direction: column;
}

._container_1h07s_9 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: var(--page-header-padding);
  padding-top: 12px;
  height: calc(100vh - 96px);
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

._containerDetails_1h07s_21 {
  flex: 1;
  min-height: 0;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
}

._filtersRow_1h07s_28 {
  display: grid;
  grid-template-columns: 234px 250px 146px minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: center;
}

._filterButton_1h07s_35 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(107, 94, 255, 0.14);
  border-radius: 10px;
  background: #ffffff;
  color: #40475a;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 14px;
  cursor: pointer;
  box-sizing: border-box;
}

._filterDate_1h07s_52 {
  width: 250px;
}

._filterDate_1h07s_52 .dateRangeButton {
  width: 100%;
}

._filterDate_1h07s_52 .MuiButtonBase-root {
  height: 40px;
  border: 1px solid rgba(107, 94, 255, 0.14);
  border-radius: 10px;
  color: #40475a;
  padding: 8px 14px;
  justify-content: flex-start;
}

._filterDate_1h07s_52 .MuiButtonBase-root:hover {
  border-color: rgba(107, 94, 255, 0.22);
}

._filterDate_1h07s_52 .buttonText {
  color: #40475a;
  font-size: 14px;
  font-weight: 500;
}

._filterState_1h07s_79 {
  width: 146px;
}

._filterIcon_1h07s_83 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: #656c80;
}

._filterIcon_1h07s_83 svg {
  width: 24px;
  height: 24px;
}

._filterLabel_1h07s_98 {
  flex: 1;
  min-width: 0;
  margin: 0 8px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._chevron_1h07s_108 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #8a90a2;
}

._chevron_1h07s_108 svg {
  width: 20px;
  height: 20px;
}

._searchWrap_1h07s_122 {
  width: 325px;
  min-width: 325px;
  max-width: 325px;
}

._searchWrap_1h07s_122 .MuiOutlinedInput-root {
  height: 40px;
  background: #fafbfc;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  align-items: center;
}

._searchWrap_1h07s_122 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid rgba(107, 94, 255, 0.12);
}

._searchWrap_1h07s_122 .MuiInputBase-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 24px;
}

._searchWrap_1h07s_122 .MuiInputAdornment-root svg {
  color: rgba(107, 94, 255, 0.8) !important;
}

._runButton_1h07s_151 {
  width: 108px;
  min-width: 108px;
  height: 40px;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
}

._statsGrid_1h07s_161 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

._resultsTabsBar_1h07s_167 {
  margin-top: 10px;
  border-bottom: 1px solid #edf0f7;
}

._detailsBreadcrumb_1h07s_172 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6e768a;
  font-size: 12px;
}

._detailsBack_1h07s_180 {
  border: none;
  background: transparent;
  padding: 0;
  color: #6b5eff;
  cursor: pointer;
  font-size: 12px;
}

._detailsStatsGrid_1h07s_189 {
  display: grid;
  grid-template-columns: 1.6fr 1.2fr 1.2fr;
  gap: 12px;
  margin-top: 10px;
}

._detailsRunName_1h07s_196 {
  font-size: 12px;
  font-weight: 700;
}

._detailCard_1h07s_201 {
  min-height: 150px;
  padding: 16px 18px;
  border-color: #eceff6;
}

._detailCardTitle_1h07s_207 {
  font-size: 10px;
  color: #8f97ab;
  margin-bottom: 4px;
}

._detailsProgressValue_1h07s_213 {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 1;
}

._detailsProgressSub_1h07s_221 {
  font-size: 13px;
  color: #767c8a;
}

._detailsProgressRow_1h07s_226 {
  margin-top: 6px;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

._detailsProgressBar_1h07s_233 {
  margin-top: 12px;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: #d9deea;
  position: relative;
  overflow: hidden;
}

._detailsLegend_1h07s_243 {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._detailsLegendPassed_1h07s_250 {
  color: #3ead43;
}

._detailsLegendFailed_1h07s_254 {
  color: #c84647;
}

._detailsLegendTotal_1h07s_258 {
  color: #7f8798;
}

._detailsLegendItem_1h07s_262 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._detailsLegendDot_1h07s_268 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

._detailsLegendDotPassed_1h07s_275 {
  background: #5bc460;
}

._detailsLegendDotFailed_1h07s_279 {
  background: #e84341;
}

._detailsLegendCount_1h07s_283 {
  color: #000000;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}

._detailsLegendCountFailed_1h07s_290 {
  color: #e84341;
}

._detailsLegendLabel_1h07s_294 {
  color: #666666;
  font-size: 14px;
  line-height: 1;
}

._detailsLegendDivider_1h07s_300 {
  width: 1px;
  height: 18px;
  background: #d8dde8;
  margin-left: 20px;
  margin-right: 20px;
}

._detailsMetaRow_1h07s_308 {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

._detailsMetaLabel_1h07s_315 {
  color: #767c8a;
  font-size: 16px;
  line-height: 16px;
}

._detailsMetaValue_1h07s_321 {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
}

._detailsMetaDivider_1h07s_328 {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
}

._detailMetricValue_1h07s_334 {
  margin-top: 2px;
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  color: #1f1f1f;
}

._detailDivider_1h07s_342 {
  margin: 10px 0 8px;
  border-bottom: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
}

._statCard_1h07s_347 {
  background: #fafbfc;
  border: 1px solid rgba(107, 94, 255, 0.1);
  border-radius: 14px;
  min-height: 188px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

._cardHead_1h07s_358 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._cardTitle_1h07s_365 {
  color: #64748B;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

._cardDelta_1h07s_373 {
  color: #E7000B;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

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

._cardDeltaIcon_1h07s_386 {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

._cardDeltaPositive_1h07s_392 {
  color: #3ead43;
}

._cardDeltaNegative_1h07s_396 {
  color: #e7000b;
}

._chartWrap_1h07s_400 {
  margin-top: 14px;
  display: flex;
  flex: 1;
  align-items: center;
}

._chartSkeleton_1h07s_407 {
  width: 100px;
  height: 100px;
  border-radius: 999px;
  background: linear-gradient(90deg, #eef1f7 25%, #f7f9fc 50%, #eef1f7 75%);
  background-size: 200% 100%;
  animation: _shimmer_1h07s_1 1.4s ease-in-out infinite;
}

._chartWrap_1h07s_400 .legendText {
  font-size: 13px;
  color: #4d5566;
  max-width: 100%;
}

._chartWrap_1h07s_400 .legend {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

._chartWrap_1h07s_400 .MuiPieArc-root,
._chartWrap_1h07s_400 .MuiPieArc-root:hover {
  transform: none !important;
  transition: none !important;
}

._metricValue_1h07s_434 {
  margin-top: 14px;
  font-size: 44px;
  line-height: 1;
  font-weight: 400;
  color: #191d26;
}

._metricSkeleton_1h07s_442 {
  display: inline-block;
  width: 170px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(90deg, #eef1f7 25%, #f7f9fc 50%, #eef1f7 75%);
  background-size: 200% 100%;
  animation: _shimmer_1h07s_1 1.4s ease-in-out infinite;
}

._metricBody_1h07s_452 {
  flex: 1;
  display: flex;
  align-items: center;
}

._resultsBlock_1h07s_458 {
  background: #ffffff;
  border: 1px solid #edf0f7;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

._resultsBlockDetails_1h07s_474 {
  flex: 1;
  min-height: 0;
  max-height: none;
}

._tabs_1h07s_480 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 0 0 12px;
  height: 40px;
}

._tabButton_1h07s_488 {
  height: 100%;
  border: none;
  background: transparent;
  color: #7a7f8d;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 0 12px;
}

._tabButtonActive_1h07s_500 {
  color: #6b5eff;
  border-bottom-color: rgba(107, 94, 255, 0.12);
}

._dropdownMenu_1h07s_505 {
  border: 1px solid rgba(107, 94, 255, 0.14);
  border-radius: 10px !important;
  box-shadow: 0px 0px 3px 0px rgba(6, 85, 243, 0.25) !important;
  padding: 6px !important;
}

._dropdownAction_1h07s_512 {
  width: 100%;
  height: 34px;
  border: none;
  background: #f5f6fa;
  border-radius: 8px;
  text-align: left;
  padding: 0 10px;
  color: #4e5568;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 4px;
}

._dropdownItem_1h07s_527 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  border: none;
  background: transparent;
  border-radius: 8px;
  text-align: left;
  padding: 6px 8px;
  color: #40475a;
  font-size: 14px;
  cursor: pointer;
}

._dropdownItem_1h07s_527:hover {
  background: #f5f6fa;
}

._dropdownItemDisabled_1h07s_546 {
  opacity: 0.5;
  cursor: not-allowed;
}

._dropdownItemDisabled_1h07s_546:hover {
  background: transparent;
}

._dropdownLeadingIcon_1h07s_555 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

._dropdownLeadingIcon_1h07s_555 svg {
  width: 24px;
  height: 24px;
}

._actionMenuIcon_1h07s_569 {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

._iconPlaceholder_1h07s_576 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(180deg, #eceffd 0%, #dde3fb 100%);
  border: 1px solid rgba(107, 94, 255, 0.2);
}

._dropdownPlaceholder_1h07s_584 {
  padding: 10px 8px;
  color: #7a8091;
  font-size: 13px;
}

._table_1h07s_590 {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  min-height: 0;
  overflow: hidden;
}

._tableLoading_1h07s_599 {
  flex: 1;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  justify-content: center;
}

._tableSkeletonRows_1h07s_609 {
  width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
}

._tableSkeletonRow_1h07s_609 {
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(90deg, #eef1f7 25%, #f7f9fc 50%, #eef1f7 75%);
  background-size: 200% 100%;
  animation: _shimmer_1h07s_1 1.4s ease-in-out infinite;
}

._tableBody_1h07s_625 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

._tableBody_1h07s_625::-webkit-scrollbar {
  width: 0;
  height: 0;
}

._tableRow_1h07s_640 {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1fr 1fr 0.8fr 32px;
  align-items: center;
  min-height: 44px;
  flex-shrink: 0;
  padding: 0 12px;
  border-bottom: 1px solid #eef1f7;
  color: #1f1f1f;
  font-size: 16px;
  cursor: pointer;
}

._tableRow_1h07s_640:hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}

._tableRow_1h07s_640 > * {
  padding: 14px;
  box-sizing: border-box;
  cursor: inherit;
}

._tableRowDetails_1h07s_662 {
  display: grid;
  grid-template-columns: 32px 1.6fr 0.9fr 0.9fr 0.9fr 0.9fr 0.8fr;
  align-items: center;
  height: 65px;
  flex-shrink: 0;
  padding: 4px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #eef1f7;
  color: #252b39;
  font-size: 16px;
  cursor: pointer;
}

._tableRowDetails_1h07s_662:hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}

._tableRowDetailsExpanded_1h07s_679 {
  background: #EDF0FC;
}

._tableRowDetailsExpanded_1h07s_679:hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}

._rowTitle_1h07s_686 {
  font-size: inherit;
  font-weight: 400;
}

._rowTitleExpanded_1h07s_691 {
  font-weight: 600;
}

._runCol_1h07s_695 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._runLink_1h07s_701 {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #1f1f1f;
  font-size: inherit;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._durationCol_1h07s_715 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #666d80;
}

._durationCol_1h07s_715 svg {
  width: 14px;
  height: 14px;
  color: #a1a7b6;
}

._progressCol_1h07s_728 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._progressTrack_1h07s_734 {
  width: 112px;
  height: 6px;
  border-radius: 999px;
  background: #d9deea;
  position: relative;
  overflow: hidden;
}

._progressGreen_1h07s_743,
._progressRed_1h07s_744,
._progressRest_1h07s_745 {
  position: absolute;
  top: 0;
  height: 100%;
}

._progressGreen_1h07s_743 {
  left: 0;
  width: 32%;
  background: #5bc460;
  border-radius: 999px 0 0 999px;
  transition: width 0.35s ease;
}

._progressRed_1h07s_744 {
  left: 32%;
  width: 28%;
  background: #c84647;
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}

._progressRest_1h07s_745 {
  left: 60%;
  width: 40%;
  background: #d9deea;
  border-radius: 0 999px 999px 0;
  transition: left 0.35s ease, width 0.35s ease;
}

._progressPercent_1h07s_775 {
  color: #7f8798;
  font-size: 12px;
}

._progressTooltipTarget_1h07s_780 {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

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

._progressHintSummary_1h07s_792 {
  font-size: 13px;
  line-height: 1.3;
  color: #eeeeee;
  white-space: nowrap;
}

._progressHintLegend_1h07s_799 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

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

._progressHintDot_1h07s_811 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._progressHintDotPassed_1h07s_818 {
  background: #5bc460;
}

._progressHintDotFailed_1h07s_822 {
  background: #e84341;
}

._progressHintCount_1h07s_826 {
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

._progressHintCountFailed_1h07s_833 {
  color: #ff8f8f;
}

._progressHintLabel_1h07s_837 {
  color: #c8ceda;
  font-size: 12px;
  line-height: 1;
}

._progressHintDivider_1h07s_843 {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.2);
}

._stateCol_1h07s_849 {
  display: inline-flex;
}

._statePill_1h07s_853 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 14px;
  width: fit-content;
  min-height: 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #eaf2ff;
  color: #547cf3;
  font-size: 12px;
  font-weight: 500;
}

._tableRow_1h07s_640 ._progressCol_1h07s_728,
._tableRow_1h07s_640 ._progressPercent_1h07s_775 {
  font-size: 14px;
}

._tableRow_1h07s_640 ._runLink_1h07s_701,
._tableRow_1h07s_640 > :nth-child(2),
._tableRow_1h07s_640 ._durationCol_1h07s_715,
._tableRow_1h07s_640 ._durationCol_1h07s_715 span,
._tableRow_1h07s_640 > :nth-child(4),
._tableRow_1h07s_640 > :nth-child(5),
._tableRow_1h07s_640 ._llmCol_1h07s_879,
._tableRow_1h07s_640 ._stateCol_1h07s_849,
._tableRow_1h07s_640 ._statePill_1h07s_853 {
  font-size: 16px;
}

._statePillFinished_1h07s_885 {
  color: #3ead43;
  background: #defde5;
  border-color: #A7F3D0;
}

._statePillRunning_1h07s_891 {
  color: #2f5fd7;
  background: #e8f0ff;
  border-color: #c8dafc;
  animation: _runningPulse_1h07s_1 1.4s ease-in-out infinite;
}

._runningStateWrap_1h07s_898 {
  display: inline-flex;
}

._statePillQueued_1h07s_902 {
  color: #5f52f3;
  background: #f0eeff;
  border-color: #d9d4ff;
}

._statePillStarted_1h07s_908 {
  color: #3c74e6;
  background: #eaf2ff;
  border-color: #cfe0ff;
}

._rowAction_1h07s_914 {
  display: inline-flex;
  justify-content: center;
}

._rowActionButton_1h07s_919 {
  border: none;
  background: transparent;
  width: 24px;
  height: 24px;
  color: #8f97ab;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._rowActionButton_1h07s_919 svg {
  width: 16px;
  height: 16px;
}

._tableHead_1h07s_937 {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1fr 1fr 0.8fr;
  align-items: center;
  justify-items: start;
  min-height: 44px;
  border-bottom: 2px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  background: linear-gradient(180deg, #fafbff 0%, #f6f7fc 100%);
  color: #888fa2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 12px;
}

._tableHeadDetails_1h07s_953 {
  display: grid;
  grid-template-columns: 32px 1.6fr 0.9fr 0.9fr 0.9fr 0.9fr 0.8fr;
  align-items: center;
  justify-items: start;
  min-height: 40px;
  border-bottom: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  background: #f7f8fc;
  color: #8b93a6;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 12px;
}

._detailsExpandBtn_1h07s_969 {
  border: none;
  background: transparent;
  color: #9aa2b6;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._detailsExpandIcon_1h07s_982 {
  font-size: 20px !important;
  transition: transform 0.22s ease;
  transform-origin: center;
  transform: rotate(0deg);
}

._detailsExpandIconOpen_1h07s_989 {
  transform: rotate(90deg);
}

._detailsExpandedWrap_1h07s_993 {
  overflow: hidden;
  transition: max-height 0.24s ease, opacity 0.2s ease;
}

._detailsExpandedWrapOpen_1h07s_998 {
  max-height: 640px;
  opacity: 1;
}

._detailsExpandedWrapClosed_1h07s_1003 {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

._priorityPill_1h07s_1009 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 22px;
  padding: 4px 14px;
  width: 80px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 14px;
}

._tableRowDetails_1h07s_662 ._statePill_1h07s_853 {
  font-size: 14px;
}

._tableRowDetails_1h07s_662 ._stateCol_1h07s_849 {
  font-size: 14px;
}

._priorityPillLow_1h07s_1030 {
  background: #f1f3f8;
  color: #7c859a;
  border-color: #DFE2E7;
}

._priorityPillHigh_1h07s_1036 {
  background: #FDEBD2;
  color: #DC6300;
  border-color: #FBD49D;
}

._priorityPillCritical_1h07s_1042 {
  background: #FDECEC;
  color: #C62828;
  border-color: #F2B7B7;
}

._priorityPillNormal_1h07s_1048 {
  background: #EAF2FF;
  color: #2D5BDF;
  border-color: #BCD4FB;
}

._statePillFailed_1h07s_1054 {
  color: #c84647;
  background: #fbe6e7;
  border-color: #FECACA;
}

._statePillError_1h07s_1060 {
  color: #b42318;
  background: #fdecec;
  border-color: #f9c7c7;
}

._statePillStopped_1h07s_1066 {
  color: #a15c00;
  background: #fff3dd;
  border-color: #f8dbac;
}

._statePillStopping_1h07s_1072 {
  color: #2f5fd7;
  background: #e8f0ff;
  border-color: #c8dafc;
  animation: _runningPulse_1h07s_1 1.4s ease-in-out infinite;
}

._statePillUnknown_1h07s_1079 {
  color: #6b7280;
  background: #f3f4f6;
  border-color: #d9dde3;
}

._detailsExpanded_1h07s_993 {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 8px;
  padding: 24px;
  background: #FBFBFE;
  border-bottom: 1px solid #eef1f7;
}

._quickActions_1h07s_1094 {
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._acceptanceCriteria_1h07s_1102 {
  background: transparent;
  padding: 0;
  max-height: 420px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

._quickActionsList_1h07s_1112 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._expandedBlockTitle_1h07s_1118 {
  color: #8a92a6;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0;
}

._quickActionBtn_1h07s_1127 {
  width: 100%;
  height: 66px;
  text-align: left;
  border: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 12px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #59627a;
  font-size: 11px;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

._quickActionLeft_1h07s_1146 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

._quickActionIconWrap_1h07s_1153 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  padding: 8.5px;
  background: #f0eeff;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._quickActionIcon_1h07s_1153 {
  width: 15px;
  height: 15px;
  display: block;
}

._quickActionTextBlock_1h07s_1172 {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._quickActionTitle_1h07s_1179 {
  color: #1f1f1f;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}

._quickActionSubtitle_1h07s_1186 {
  color: #9CA3AF;
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
}

._quickActionExternalIcon_1h07s_1193 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.9;
}

._testNoteCard_1h07s_1200 {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  padding: 14px;
  height: 100%;
  overflow: auto;
}

._testNoteText_1h07s_1209 {
  margin: 0;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
}

._acceptanceHead_1h07s_1216 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

._acceptanceStats_1h07s_1223 {
  display: inline-flex;
  gap: 8px;
  font-size: 12px;
}

._criteriaTable_1h07s_1229 {
  border: 1px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

._rubricTable_1h07s_1241 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
}

._criteriaHead_1h07s_1248 {
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
  padding: 14px;
  background: #f7f8fc;
  color: #64748B;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid var(--scss-purple-border-color, rgba(107, 94, 255, 0.12));
  position: sticky;
  top: 0;
  z-index: 1;
}

._criteriaHead_1h07s_1248 > div {
  color: #64748B;
  font-size: 10px;
}

._rubricHead_1h07s_1268 {
  grid-template-columns: 220px 260px 240px 130px 1fr;
  min-width: 1200px;
  padding: 0;
}

._criteriaRow_1h07s_1274 {
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
  padding: 14px;
  min-height: 51px;
  border-top: 1px solid #eef1f7;
  font-size: 13px;
  color: #3f4658;
  align-items: center;
}

._rubricRow_1h07s_1285 {
  grid-template-columns: 220px 260px 240px 130px 1fr;
  align-items: start;
  min-width: 1200px;
  width: max-content;
  padding: 0;
}

._rubricHead_1h07s_1268 > div,
._rubricRow_1h07s_1285 > div {
  padding: 14px;
  box-sizing: border-box;
}

._rubricQuestionCell_1h07s_1299 {
  font-size: 14px;
  color: #1f1f1f;
}

._rubricRubricCell_1h07s_1304 {
  font-size: 14px;
  color: #64748B;
}

._rubricAnswerCell_1h07s_1309 {
  font-size: 14px;
  color: #1f1f1f;
}

._rubricReasoningCell_1h07s_1314 {
  font-size: 14px;
  color: #64748B;
  white-space: normal;
  word-break: break-word;
}

._rubricStatusCell_1h07s_1321 {
  display: flex;
  align-items: center;
}

._criteriaFail_1h07s_1326 {
  background: #fff5f5;
}

._detailsDurationCell_1h07s_1330 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #5d667d;
  font-size: 16px;
}

._detailsDurationCell_1h07s_1330 span {
  font-size: 16px !important;
  line-height: 1;
}

._detailsCostCell_1h07s_1343 {
  font-size: 16px;
}

._detailsDurationCell_1h07s_1330 svg {
  width: 13px;
  height: 13px;
  color: #9ba3b7;
}

._tableEmpty_1h07s_1353 {
  flex: 1;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}

._tableBottomBar_1h07s_1364 {
  margin-top: auto;
  min-height: 44px;
  border-top: 1px solid #eef1f7;
  background: linear-gradient(180deg, #fafbff 0%, #f6f7fc 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}

._tableBottomText_1h07s_1375 {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
}

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

._tableBottomAction_1h07s_1383 {
  width: 24px;
  height: 24px;
  border: 1px solid #d5dbea;
  border-radius: 999px;
  background: #eaedf1;
  color: #94a0ba;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

._tableBottomAction_1h07s_1383:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

@keyframes _shimmer_1h07s_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes _runningPulse_1h07s_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(47, 95, 215, 0.22);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(47, 95, 215, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(47, 95, 215, 0);
  }
}

@keyframes _progressFlow_1h07s_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._emptyIcon_1h07s_1437 {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  background: #f4f0ff;
}

._emptyArchiveIcon_1h07s_1447 {
  width: 28px;
  height: 28px;
}

._emptyTitle_1h07s_1452 {
  margin: 0;
  color: #202638;
  font-size: 24px;
  font-weight: 600;
}

._emptyText_1h07s_1459 {
  margin: 0;
  color: #7a7f8d;
  max-width: 560px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

._emptyButton_1h07s_1468 {
  margin-top: 10px;
  height: 36px;
  border: none;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  background: linear-gradient(141.99deg, #d394f1 9.85%, #5f52f3 90.44%);
}

._runModalPaper_1h07s_1481 {
  width: 715px;
  height: 780px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  border-radius: 14px !important;
  overflow: hidden;
}

._runDetailsModal_1h07s_1490 {
  padding: 20px 24px 24px;
}

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

._runDetailsTitle_1h07s_1500 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #1f1f1f;
}

._runDetailsLoading_1h07s_1507 {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._runDetailsContent_1h07s_1514 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 60vh;
  overflow: auto;
}

._runDetailsSuite_1h07s_1523 {
  border: 1px solid #e6e9f2;
  border-radius: 12px;
  padding: 12px;
  background: #fbfcff;
}

._runDetailsSuiteTitle_1h07s_1530 {
  font-size: 14px;
  font-weight: 600;
  color: #2b3245;
  margin-bottom: 8px;
}

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

._runDetailsCase_1h07s_1537 {
  font-size: 13px;
  color: #4a5368;
}

._runDetailsEmpty_1h07s_1548 {
  color: #7f8798;
  font-size: 14px;
  padding: 18px 0;
}

._runModalContent_1h07s_1554 {
  padding: 44px !important;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

._runModalHeader_1h07s_1562 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

._runModalTitle_1h07s_1569 {
  margin: 0;
  color: #1f1f1f;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

._runModalSubtitle_1h07s_1577 {
  margin: 8px 0 0;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

._runModalFields_1h07s_1585 {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-height: 0;
}

._runModalFields_1h07s_1585 .MuiOutlinedInput-root,
._runModalFields_1h07s_1585 .MuiInputBase-root {
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

._rowFields_1h07s_1599 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

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

._fieldLabel_1h07s_1611 {
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
}

._runNameInput_1h07s_1619 {
  height: 52px;
  border: 1px solid #e4e7ef;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 0 16px;
  font-size: 16px;
  color: #1f1f1f;
}

._runNameInput_1h07s_1619 input::placeholder {
  color: #a1a7b6;
}

._chooseTree_1h07s_1634 {
  border: 1px solid #e4e7ef;
  border-radius: 12px;
  background: #fafbfc;
  box-shadow: 0 4px 20px rgba(107, 94, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  min-height: 0;
  height: 330px;
  max-height: 330px;
  overflow: scroll;
  max-height: none;
  overflow: auto;
  padding: 8px;
}

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

._suiteRow_1h07s_1653,
._caseRow_1h07s_1654 {
  display: flex;
  align-items: center;
  min-height: 52px;
  gap: 8px;
  border-radius: 8px;
}

._suiteRow_1h07s_1653 {
  padding: 0 8px;
  background: transparent;
}

._suiteRowSelected_1h07s_1667 {
  background: rgba(216, 219, 223, 0.24);
}

._caseRow_1h07s_1654 {
  padding: 0 8px 0 36px;
}

._expandButton_1h07s_1675 {
  border: none;
  background: transparent;
  width: 20px;
  min-width: 20px;
  color: #1f1f1f;
  font-size: 16px;
  cursor: pointer;
}

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

._suiteName_1h07s_1690,
._caseName_1h07s_1691 {
  color: #1f1f1f;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

._caseIndent_1h07s_1698 {
  width: 4px;
}

._treeCheckboxIcon_1h07s_1702 {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #d8dbdf;
  background: #ffffff;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._treeCheckboxCheckedIcon_1h07s_1714 {
  border: none;
  background: linear-gradient(141.99deg, #d394f1 9.85%, #5f52f3 90.44%);
  position: relative;
  border-radius: 0;
}

._treeCheckboxCheckedIcon_1h07s_1714::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -58%) rotate(45deg);
}

._runModalFooter_1h07s_1733 {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  flex-shrink: 0;
}

._launchButton_1h07s_1740 {
  height: 40px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  border-radius: 999px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 0 28px;
}

._launchButton_1h07s_1740:disabled {
  opacity: 1;
}

@media (max-width: 1280px) {
  ._statsGrid_1h07s_161 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._filtersRow_1h07s_28 {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
  ._searchWrap_1h07s_122 {
    grid-column: span 2;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  ._runButton_1h07s_151 {
    justify-self: end;
  }
}

@media (max-width: 860px) {
  ._runModalPaper_1h07s_1481 {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
  }
  ._runModalContent_1h07s_1554 {
    padding: 20px !important;
  }
  ._statsGrid_1h07s_161 {
    grid-template-columns: 1fr;
  }
  ._filtersRow_1h07s_28 {
    grid-template-columns: 1fr;
  }
  ._searchWrap_1h07s_122 {
    grid-column: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  ._runButton_1h07s_151 {
    justify-self: stretch;
  }
  ._tableHead_1h07s_937 {
    grid-template-columns: repeat(8, minmax(120px, 1fr));
    overflow-x: auto;
  }
  ._rowFields_1h07s_1599 {
    grid-template-columns: 1fr;
  }
  ._runModalTitle_1h07s_1569 {
    font-size: 28px;
    line-height: 34px;
  }
  ._runModalSubtitle_1h07s_1577 {
    font-size: 14px;
    line-height: 20px;
  }
  ._fieldLabel_1h07s_1611 {
    font-size: 14px;
    line-height: 18px;
  }
  ._runNameInput_1h07s_1619 {
    font-size: 16px;
  }
  ._suiteName_1h07s_1690,
  ._caseName_1h07s_1691 {
    font-size: 18px;
    line-height: 24px;
  }
  ._launchButton_1h07s_1740 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-height: 900px) {
  ._container_1h07s_9 {
    height: calc(100vh - 96px);
    height: calc(100dvh - 96px);
    min-height: 0;
    overflow: hidden;
  }
  ._resultsBlock_1h07s_458 {
    flex: 1;
    min-height: 0;
  }
  ._tableBody_1h07s_625 {
    overflow-y: auto;
  }
  ._tableBody_1h07s_625::-webkit-scrollbar {
    width: 8px;
    height: 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;
}
@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_1anll_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}

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

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

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

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

._section_1anll_31 {
  background: #ffffff;
}

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

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

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

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

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

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

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

._actions_1anll_87 {
  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_1anll_97 {
  padding: 32px 24px;
  border-radius: 10px;
  border: 1px dashed #d8dbdf;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
}

._loaderWrapper_1anll_107 {
  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_rxtsk_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._groupSection_rxtsk_63 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._groupTitle_rxtsk_69 {
  font-family: "Roboto";
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: #0f1728;
}
._groupSeparator_rxtsk_77 {
  border-top: 1px solid #d8dbdf;
}
._sectionTitle_rxtsk_81 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f1f1f;
}
._description_rxtsk_89 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #6a7282;
  margin: 4px 0 0;
}
._tableWrapper_rxtsk_97 {
  border-radius: 8px;
  border: 1px solid #d8dbdf;
  overflow: hidden;
}
._table_rxtsk_97 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
  font-size: 13px;
  color: #1f1f1f;
}
._thead_rxtsk_111 {
  background-color: #f5f6f9;
}
._th_rxtsk_111,
._td_rxtsk_116 {
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #edf0f4;
  line-height: 18px;
}
._th_rxtsk_111 {
  font-weight: 500;
  color: #6a7282;
  white-space: nowrap;
}
._roleName_rxtsk_129 {
  font-weight: 500;
}
._checkboxCell_rxtsk_133 {
  text-align: center;
  width: 64px;
}
._checkboxCell_rxtsk_133 .MuiCheckbox-root {
  padding: 2px;
}
._advancedList_rxtsk_141 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
}
._advancedItem_rxtsk_147 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  cursor: pointer;
}
._advancedItem_rxtsk_147 .MuiCheckbox-root {
  padding: 0;
}
._advancedItemTitle_rxtsk_160 {
  display: block;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #1f1f1f;
}
._advancedItemDescription_rxtsk_169 {
  display: block;
  margin-top: 2px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 16px;
  color: #6a7282;
}
._toggleGroup_rxtsk_178 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._toggleRow_rxtsk_184 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._toggleLabel_rxtsk_190 {
  font-family: "Roboto";
  font-size: 14px;
  color: #1f1f1f;
}
._error_rxtsk_196 {
  margin-top: 8px;
  font-size: 12px;
  color: #e53935;
}
._actions_rxtsk_202 {
  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_1fte0_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_1fte0_66 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._title_1fte0_72 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}
._description_1fte0_80 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
._sections_1fte0_87 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}
._section_1fte0_87 {
  background: #ffffff;
  padding-left: 2px;
  padding-right: 2px;
}
._sectionTitle_1fte0_102 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 12px 0;
}
._sectionDescription_1fte0_110 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px 0;
}
._row_1fte0_117 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._formGroup_1fte0_123 {
  flex: 1;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
._formGroup_1fte0_123 .MuiTextField-root {
  width: 100%;
}
._mdEditorWrapper_1fte0_133 {
  isolation: isolate;
}
._mdEditorWrapper_1fte0_133 .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_1fte0_133 .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_1fte0_133 .w-md-editor button[data-name="fullscreen"] {
  display: none !important;
}
._mdEditorWrapper_1fte0_133 .w-md-editor button[data-name="image"],
._mdEditorWrapper_1fte0_133 .w-md-editor button[data-name="tasklist"],
._mdEditorWrapper_1fte0_133 .w-md-editor button[data-name="task-list"],
._mdEditorWrapper_1fte0_133 .w-md-editor button[data-name="checked-list"] {
  display: none !important;
}
._mdEditorWrapper_1fte0_133 .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_1fte0_133 .w-md-editor-text {
  height: 100% !important;
  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_1fte0_133 .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_1fte0_133 .w-md-editor-text textarea {
  height: 100% !important;
  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_1fte0_133 .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_1fte0_133 .w-md-editor-text-pre > code {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace !important;
}
._inputLabel_1fte0_212 {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 8px;
  line-height: 1.5;
}
._errorText_1fte0_222 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #dc2626;
  margin-top: 8px;
}
._actions_1fte0_229 {
  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;
}
._form_obmwu_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}
._field_obmwu_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._label_obmwu_42 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
}
._actions_obmwu_49 {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
._error_obmwu_55 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-red, #f9395c);
}@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;
}@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;
}* {
  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);
  }
}