@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_16ypq_29 {
  width: fit-content;
  display: flex;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  pointer-events: all;
}
._menuItemHolder_16ypq_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_16ypq_51 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--surface) 80%, transparent);
  pointer-events: none;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text);
  font-size: 1.5em;
}
._imgHolder_16ypq_67 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._hoverEffect_16ypq_75 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._container_16ypq_80 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._icon_16ypq_87 {
  width: 24px;
  height: 24px;
}
._label_16ypq_92 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
  color: var(--text);
}
._tooltipIcon_16ypq_99 {
  filter: var(--icon-mono-filter);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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: var(--scrollbar-thumb, #babac0);
  border: 1px solid var(--scrollbar-thumb, #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_1pjo8_29 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: transparent;
  color: var(--text);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  font-family: "Roboto";
}
._button_1pjo8_29:hover {
  box-shadow: none;
}
._button_1pjo8_29._disabled_1pjo8_46 {
  border-color: var(--text-muted);
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid;
}
._disabledButton_1pjo8_53 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: transparent;
  color: var(--text);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  opacity: 0.5;
  pointer-events: none;
  font-family: "Roboto";
}
._imgContainer_1pjo8_70 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._defaultButton_1pjo8_77 {
  z-index: 350;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 0;
  font-family: "Roboto";
}
._defaultButton_1pjo8_77 ._label_1pjo8_86 {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
._defaultButton_1pjo8_77._disabled_1pjo8_46 {
  border-color: var(--btn-disabled, var(--text-muted));
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid;
}
._defaultButton_1pjo8_77 img {
  width: 48px;
  height: 48px;
  display: flex;
}
._label_1pjo8_86 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
  color: var(--text);
}
@media screen and (max-width: 1220px) {
  ._label_1pjo8_86 {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._label_1pjo8_86 {
    display: none;
  }
}
._menuItemLabel_1pjo8_121 {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  color: var(--text);
}
._menuItem_1pjo8_121 {
  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_1pjo8_140 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._icon_1pjo8_145 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._menuItemIcon_1pjo8_151 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  line-height: 0;
  color: var(--text);
  filter: var(--icon-mono-filter);
}
._menuItemIcon_1pjo8_151 img,
._menuItemIcon_1pjo8_151 svg {
  width: 20px;
  height: 20px;
}
._label_1pjo8_86 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
}
@media screen and (max-width: 1220px) {
  ._label_1pjo8_86 {
    font-size: 16px;
  }
}._root_1rfcv_1 {
  position: relative;
  width: 100%;
  zoom: 1.11111111;
}
@media screen and (max-width: 480px) {
  ._root_1rfcv_1 {
    zoom: 1;
  }
}

body.safari ._root_1rfcv_1 {
  zoom: 1 !important;
}

@media screen and (max-width: 480px) {
  body.safari ._root_1rfcv_1 {
    zoom: 1 !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;
}
._wrapper_s7udm_29 {
  width: 100%;
  position: absolute;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  z-index: 10;
  top: 0px;
  left: 0px;
  background-color: var(--surface);
  color: var(--text);
}
._dragHandle_s7udm_42 {
  cursor: grab !important;
}
._dragHandle_s7udm_42:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_s7udm_42 {
  cursor: grabbing !important;
}
._dragHandle_s7udm_42._locked_s7udm_51 {
  cursor: pointer !important;
}
._dragHandle_s7udm_42._locked_s7udm_51:active {
  cursor: pointer !important;
}
._locked_s7udm_51 ._dragHandle_s7udm_42 {
  cursor: pointer !important;
}
._locked_s7udm_51 ._dragHandle_s7udm_42:active {
  cursor: pointer !important;
}
._bottomConnectorWrapper_s7udm_65 {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
._chip_s7udm_74 {
  background-color: var(--surface);
  border: 1px solid var(--accent);
  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_s7udm_89 {
  color: var(--accent);
  font-size: 14px;
  line-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
._chipMore_s7udm_99 {
  background-color: var(--surface-muted);
  border: 1px solid var(--border-strong);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
}
._chipMoreText_s7udm_110 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: auto;
  font-weight: 500;
}
._nameContainer_s7udm_117 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._nameInput_s7udm_128 {
  font-size: 14px;
  padding: 2px 4px;
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  width: 100%;
  max-width: 200px;
  color: var(--text);
  background: var(--surface);
}
._nameInput_s7udm_128._error_s7udm_138 {
  border-color: #ff4d4f;
}
._penIcon_s7udm_142 {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
._categoriesWrapper_s7udm_148 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0 12px;
  cursor: pointer;
}
._lineConnector_s7udm_157 {
  width: 2px;
  height: 40px;
  background-color: #ccc;
  margin-bottom: 8px;
}
._addNodeButton_s7udm_164 {
  padding: 6px 12px;
  font-size: 14px;
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._addNodeButton_s7udm_164:hover {
  background-color: var(--surface-muted);
}
._announcementsModal_s7udm_178 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  padding: 7px;
}
._announcementsModal_s7udm_178 span {
  font-size: 16px;
  color: var(--text);
}
._transitionLabel_s7udm_192 {
  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_s7udm_192:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._rootBody_s7udm_208 {
  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_s7udm_208 {
      height: 140px;
    }
  }
}
._rootBody_s7udm_208._locked_s7udm_51 {
  cursor: pointer !important;
}
@keyframes _gradientLoading_s7udm_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._readonlyInputWrapper_s7udm_235 {
  flex: 1 !important;
  height: 100% !important;
  max-height: 100%;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}
._readonlyInputWrapper_s7udm_235::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 0;
  height: 40px;
  width: 311px;
  background: linear-gradient(to bottom, transparent 0%, var(--flow-node-bg) 100%);
  pointer-events: none;
  z-index: 10;
}
._readonlyInputWrapper_s7udm_235 .tagify {
  flex: 1 !important;
  height: 100% !important;
  min-height: 100px !important;
  background: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
  cursor: default !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  --input-color: var(--text);
  --placeholder-color: var(--text-muted);
  --placeholder-color-focus: var(--text-muted);
}
._readonlyInputWrapper_s7udm_235 .tagify.tagify--disabled {
  background: var(--surface) !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify.tagify--disabled .tagify__input {
  color: var(--text) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--text) !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify.tagify--disabled tag {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify.tagify--disabled tag .tagify__tag-text {
  opacity: 1 !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .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: var(--text) !important;
  font-size: 14px !important;
  background: var(--surface) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--text) !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify .tagify__input::-webkit-scrollbar {
  display: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify tag {
  background: #1976d2 !important;
  color: #ffffff !important;
  border: 1px solid #1976d2 !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify tag .tagify__tag-text {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
}
._readonlyInputWrapper_s7udm_235 .tagify tag x {
  display: none !important;
}
._readonlyInputWrapper_s7udm_235 .inputWithHelpIcon::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50px !important;
  background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--flow-node-bg) 95%, transparent) 70%, var(--flow-node-bg) 100%) !important;
  pointer-events: none !important;
  z-index: 100 !important;
  border-radius: 0 0 8px 8px !important;
}
._instructionWrapper_s7udm_344 {
  position: relative;
  display: flex;
  gap: 12px;
  padding: 0 12px 0px 12px;
  color: var(--text);
  cursor: pointer;
  flex: 1;
  max-height: 240px;
  height: 70%;
}
._instructionWrapper_s7udm_344._locked_s7udm_51 {
  cursor: pointer !important;
}
._promptContent_s7udm_359 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
._promptLabel_s7udm_367 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}
._instructionTextDisplay_s7udm_375 {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
  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_s7udm_390 {
  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_s7udm_397 {
  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_s7udm_406 {
  font-size: 16px;
  color: var(--text);
  font-family: "Roboto";
  cursor: text;
}
._subwrapper_s7udm_413 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._subwrapper_s7udm_413._botname_s7udm_419 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._webCallWrapper_s7udm_426 {
  display: flex;
  flex-direction: column;
}
._dndnode_s7udm_431 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._transitionsWrapper_s7udm_438 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitions_s7udm_438 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitionHandlesContainer_s7udm_450 {
  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_s7udm_465 {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: all;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
._transitionLabelOnHandle_s7udm_475 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  z-index: 20;
}
._transitionLabelOnHandleUnconnected_s7udm_484::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelOnHandle_s7udm_475::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelBadgeWrapper_s7udm_506 {
  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_s7udm_518 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  min-height: 56px;
}
._flowIconContainer_s7udm_526 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--accent-soft, var(--surface-muted));
}
._flowIcon_s7udm_526 {
  width: 28px;
  height: 28px;
  filter: var(--icon-mono-filter);
}
._flowLabelsHolder_s7udm_542 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._flowTitleRow_s7udm_550 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._flowNameWarningIcon_s7udm_557 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._validationErrorIcon_s7udm_563 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
._validationErrorIconHidden_s7udm_571 {
  display: none;
}
._flowTitle_s7udm_550 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._transitionLabelBadge_s7udm_506 {
  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_s7udm_506._hasValue_s7udm_599 {
  background: #e3f2fd;
  color: #1976d2;
}
._transitionLabelBadge_s7udm_506._noValue_s7udm_603 {
  background: #ff9b9b;
  color: var(--text);
}
._transitionLabelBadge_s7udm_506:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionDeleteButton_s7udm_612 {
  z-index: 99999;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_s7udm_612:hover {
  transform: scale(1.05);
}
._transitionDeleteButton_s7udm_612 img {
  width: 18px !important;
  height: 18px !important;
  filter: none;
}
._transitionLabelBadgeWrapper_s7udm_506:hover ._transitionDeleteButton_s7udm_612,
._transitionLabelBadgeWrapper_s7udm_506:focus-within ._transitionDeleteButton_s7udm_612 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionDeleteButtonVisible_s7udm_648 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionEditPopup_s7udm_654 {
  position: absolute;
  top: 30px;
  left: 0;
  width: 240px;
  z-index: 100;
}
._transitionHandle_s7udm_450 {
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  border: 4px solid var(--btn-dark) !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_s7udm_450::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 290%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  pointer-events: all;
  z-index: 1;
}
._transitionHandle_s7udm_450._connected_s7udm_684::before, ._transitionHandle_s7udm_450._connecting_s7udm_684::before {
  opacity: 0;
}
._transitionHandle_s7udm_450._connected_s7udm_684::after, ._transitionHandle_s7udm_450._connecting_s7udm_684::after {
  opacity: 0;
}
._transitionWrapper_s7udm_691 {
  display: flex;
  align-items: center;
  position: relative;
  width: 1005;
}
._handle_s7udm_698 {
  width: 10px;
  height: 10px;
  background: #555;
  border-radius: 50%;
  position: absolute;
}
._handleLeft_s7udm_706 {
  right: -21px !important;
  width: 16px !important;
  height: 16px !important;
  background: #6a82fb !important;
  border: 3px solid var(--surface) !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_s7udm_706::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._borderContainer_s7udm_730 {
  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_s7udm_730:hover {
  background: linear-gradient(90deg, #7ec3ff 0%, #a89ff5 100%);
  box-shadow: 0 6px 20px rgba(106, 130, 251, 0.4);
  transform: translateY(-1px);
}
._borderContainer_s7udm_730:hover ._nodeActions_s7udm_744 {
  opacity: 1;
}
._borderContainer_s7udm_730._active_s7udm_747 {
  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;
}
._borderContainer_s7udm_730._invalid_s7udm_753 {
  box-shadow: 0 0 0 2px #e53935;
}
._nodeActions_s7udm_744 {
  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_s7udm_747 > ._nodeActions_s7udm_744 {
  opacity: 1;
}
._nodeDeleteButton_s7udm_774, ._transitionDeleteButton_s7udm_612 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_s7udm_774:hover, ._transitionDeleteButton_s7udm_612:hover {
  background: var(--surface-muted);
  border-color: var(--text-secondary);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._nodeDeleteButton_s7udm_774:active, ._transitionDeleteButton_s7udm_612:active {
  transform: scale(0.95);
}
._nodeDeleteButton_s7udm_774 img, ._transitionDeleteButton_s7udm_612 img {
  width: 18px;
  height: 18px;
}
._handleRight_s7udm_801 {
  right: -21px !important;
  width: 16px !important;
  height: 16px !important;
  background: #6a82fb !important;
  border: 3px solid var(--surface) !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_s7udm_801::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._handleRight_s7udm_801:hover {
  box-shadow: 0 4px 12px rgba(106, 130, 251, 0.6);
  background: #8b9aff !important;
}
._transition_s7udm_192 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
._error_s7udm_138 {
  border: 1px solid red;
}
._headerMainContainer_s7udm_840 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
._headerIcon_s7udm_849 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._plusIcon_s7udm_855 {
  cursor: pointer;
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._transitionsMainContainer_s7udm_862 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._labelContainer_s7udm_869 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_s7udm_869 {
  font-size: 14px;
  color: var(--text);
  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_s7udm_891 {
  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: var(--flow-node-bg);
  color: var(--text);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._customNode_s7udm_891 ._header_s7udm_390 {
  color: var(--text);
  min-height: 40px;
  justify-content: space-between;
}
._customNode_s7udm_891 ._editWrapper_s7udm_915 {
  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_s7udm_891 ._deleteWrapper_s7udm_928 {
  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_s7udm_891 ._deleteWrapper_s7udm_928 img {
  filter: var(--icon-mono-filter);
}
._customNode_s7udm_891._active_s7udm_747 {
  background: var(--surface-accent, var(--accent-hover-bg));
  z-index: 2;
  transition: border 0.2s, background 0.2s;
  box-shadow: none;
}
._customNode_s7udm_891._animated_s7udm_950 {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, var(--flow-node-bg)) 0%, color-mix(in srgb, var(--accent) 28%, var(--flow-node-bg)) 50%, color-mix(in srgb, var(--accent) 10%, var(--flow-node-bg)) 100%);
  background-size: 200% 100%;
  animation: _gradientLoading_s7udm_1 3s ease-in-out infinite;
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border-strong));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 28%, transparent);
}
._customNode_s7udm_891._invalid_s7udm_753 {
  border: 2px solid #e53935;
}
._customNode_s7udm_891:hover {
  box-shadow: 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078);
}
._customNode_s7udm_891:hover ._editWrapper_s7udm_915 {
  display: flex;
}
._customNode_s7udm_891:hover ._deleteWrapper_s7udm_928 {
  display: flex;
}
._resizeHandle_s7udm_970 {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: transparent;
  top: 0;
  right: 0;
  cursor: ew-resize;
  border-radius: 3px;
}
._resizeHandle_s7udm_970:hover {
  background-color: transparent;
}
._tipicalNode_s7udm_985 {
  color: var(--text);
  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(--flow-node-bg, var(--surface-muted));
  border: 1px solid var(--border-strong);
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._tipicalNode_s7udm_985 ._header_s7udm_390 {
  color: var(--text);
}
._tipicalNode_s7udm_985 ._editWrapper_s7udm_915, ._tipicalNode_s7udm_985 ._deleteWrapper_s7udm_928 {
  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_s7udm_985._active_s7udm_747 {
  border: 1px solid var(--accent-border, var(--scss-nodeActivBorder, #817b7b));
  box-shadow: var(--shadow-card, 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078));
}
._tipicalNode_s7udm_985:hover {
  box-shadow: var(--shadow-card, 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078));
}
._nodeActions_s7udm_744 {
  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_s7udm_1037 {
  opacity: 1;
  pointer-events: all;
}
._editWrapper_s7udm_915:hover,
._deleteWrapper_s7udm_928:hover {
  opacity: 1 !important;
  pointer-events: all !important;
}
._header_s7udm_390 {
  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_s7udm_1065 {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
._body_s7udm_1065 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 10px;
  word-wrap: break-word;
  color: var(--text-secondary);
}
._footer_s7udm_1081 {
  height: 50px;
  padding-left: 10px;
  position: relative;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
}
._logo_s7udm_1091 {
  position: absolute;
  width: 100px;
  height: 20px;
  top: -30px;
  left: 0px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: space-around;
}
._promt_s7udm_1103 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._promt_s7udm_1103 ._logo_s7udm_1091 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_s7udm_1112 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_s7udm_1112 ._logo_s7udm_1091 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._buttonHolder_s7udm_1121 {
  gap: 30px;
  margin-left: auto;
  margin-right: 20px;
  width: 700px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@keyframes _transitionPulse_s7udm_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_s7udm_1 {
  0%, 100% {
    background-color: color-mix(in srgb, var(--accent) 14%, var(--surface-muted));
    border-color: color-mix(in srgb, var(--accent) 55%, var(--border-strong));
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    background-color: color-mix(in srgb, var(--accent) 26%, var(--surface-muted));
    border-color: var(--accent);
    box-shadow: 0 0 8px 0 color-mix(in srgb, var(--accent) 35%, transparent);
  }
}
@keyframes _iconGlow_s7udm_1 {
  0%, 100% {
    background-color: color-mix(in srgb, var(--accent) 14%, var(--surface-muted));
    border-color: color-mix(in srgb, var(--accent) 55%, var(--border-strong));
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    background-color: color-mix(in srgb, var(--accent) 26%, var(--surface-muted));
    border-color: var(--accent);
    box-shadow: 0 0 6px 0 color-mix(in srgb, var(--accent) 35%, transparent);
  }
}
._transitionLabel_s7udm_192 {
  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_s7udm_192._hasValue_s7udm_599 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  color: #1976d2;
}
._transitionLabel_s7udm_192._noValue_s7udm_603 {
  background: #ff9b9b;
  border: 1px solid #90caf9;
  color: var(--text);
}
._transitionLabel_s7udm_192._selectedTransition_s7udm_1187 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  color: #7b1fa2 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._transitionLabel_s7udm_192._selectedAnimatedTransition_s7udm_1193 {
  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_s7udm_192:hover, ._transitionLabel_s7udm_192:focus {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionLabelWrapper_s7udm_1204 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
._transitionLabelWrapper_s7udm_1204:hover ._transitionDeleteButton_s7udm_612,
._transitionLabelWrapper_s7udm_1204:focus-within ._transitionDeleteButton_s7udm_612,
._transitionDeleteButtonVisible_s7udm_648 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._animatedTransition_s7udm_1219 {
  animation: _transitionGlow_s7udm_1 2s ease-in-out infinite;
  color: #1976d2 !important;
  font-weight: 500 !important;
}
._announcementIcon_s7udm_1225 {
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
._announcementIcon_s7udm_1225._hasAnnouncementValue_s7udm_1235 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
}
._announcementIcon_s7udm_1225._noAnnouncementValue_s7udm_1239 {
  background: #f5f5f5;
  border: 1px solid #90caf9;
}
._announcementIcon_s7udm_1225._selectedAnnouncement_s7udm_1243 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._animatedAnnouncement_s7udm_1249 {
  animation: _iconGlow_s7udm_1 2s ease-in-out infinite;
}
._addTransitionButtonInFlow_s7udm_1253 {
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_s7udm_1253::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;
  width: 50px;
  height: 30px;
  pointer-events: all;
}
._addTransitionButtonInFlow_s7udm_1253:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._addTransitionButtonInFlow_s7udm_1253:active {
  transform: scale(0.95);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
._addTransitionButtonInFlow_s7udm_1253 img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}
._addTransitionButtonInFlow_s7udm_1253: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_omg3b_29 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: color-mix(in srgb, var(--surface) 40%, transparent);
  z-index: 998;
}
._createCategoryHolder_omg3b_42 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
._searchTestBtn_omg3b_49 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--btn-dark);
  border-radius: 999px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
._searchTestBtn_omg3b_49 svg {
  font-size: 20px;
  color: inherit;
}
._searchTestBtn_omg3b_49:hover {
  background: var(--surface);
  color: var(--btn-dark);
  border-color: var(--btn-dark);
}
._searchTestBtn_omg3b_49:active {
  background: var(--btn-dark-hover, var(--btn-dark));
  border-color: var(--btn-dark-hover, var(--btn-dark));
  color: var(--on-dark-surface);
}
._searchTestBtn_omg3b_49:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--btn-dark) 18%, transparent);
}
._toolbarDivider_omg3b_85 {
  width: 1px;
  height: 24px;
  background: var(--border);
  border-radius: 1px;
  flex-shrink: 0;
  align-self: center;
}
._categoryTable_omg3b_94 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._categoryTableHead_omg3b_100 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 44px minmax(0, 2.3fr) minmax(0, 1.8fr) minmax(0, 1.8fr) minmax(0, 1fr) 52px;
  column-gap: 10px;
  align-items: center;
  min-height: 40px;
  padding: 12px 16px;
  background: var(--surface);
  box-sizing: border-box;
}
._categoryTableHead_omg3b_100 > span {
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9098b1;
  white-space: nowrap;
}
._categoryTableHeadCheck_omg3b_124 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._categoryTableHeadCheck_omg3b_124 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._categoryTableHeadCheck_omg3b_124 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: #9098b1;
}
._categoryTableHeadCheck_omg3b_124 .Mui-checked path[fill="#1F1F1F"] {
  fill: var(--kc-accent, #6b5ce7);
}
._categoryTableHeadCategory_omg3b_141 {
  min-width: 0;
  text-align: left;
}
._categoryTableHeadDate_omg3b_146 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadSize_omg3b_151 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadActions_omg3b_156 {
  width: 52px;
}
@media screen and (max-width: 480px) {
  ._categoryTableHead_omg3b_100 {
    grid-template-columns: 44px minmax(0, 1fr) 52px;
    column-gap: 8px;
  }
  ._categoryTableHeadDate_omg3b_146,
  ._categoryTableHeadSize_omg3b_151 {
    display: none;
  }
}
._listWrapper_omg3b_170 {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
._listWrapper_omg3b_170 .SortableList {
  margin: 0;
  padding: 0;
  gap: 0;
}
._listWrapper_omg3b_170 .SortableItem {
  display: block;
  width: 100%;
  min-width: 0;
}
._placeholder_omg3b_190 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
._subcontainer_omg3b_198 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 386px;
}
._subcontainer_omg3b_198 ._label_omg3b_205 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
  text-align: center;
}
._subcontainer_omg3b_198 ._icon_omg3b_213 {
  width: 120px;
  height: 120px;
}
._knowledgeContainer_omg3b_218 {
  padding: 24px;
  width: 100%;
  height: 100%;
}
._knowledgeContainer_omg3b_218 ._header_omg3b_223 {
  display: flex;
  padding: 14px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--border);
  background: var(--surface-subtle);
}
._knowledgeContainer_omg3b_218 ._header_omg3b_223 > span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
._knowledgeContainer_omg3b_218 ._contentHolder_omg3b_241 {
  display: flex;
  width: 100%;
  height: calc(100% - 48px);
  flex-direction: column;
  justify-content: flex-start;
  overflow: auto;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
  transition: all 0.3s ease;
}
._knowledgeContainer_omg3b_218 ._contentHolder_omg3b_241._dragging_omg3b_253 {
  background-color: var(--surface-accent-soft);
  border: 2px dashed #5c9ce6;
}
._knowledgeContainer_omg3b_218 ._contentHolder_omg3b_241._dragging_omg3b_253 p {
  color: #5c9ce6;
}
._container_omg3b_261 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  gap: 14px;
  position: relative;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 {
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 480px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 {
    flex-direction: column;
    gap: 14px;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 {
  display: none;
  height: 100%;
  width: 330px;
  padding: 14px 24px 24px 24px;
  padding-right: 12px;
  gap: 14px;
  border-right: solid 1px;
  border-color: var(--border);
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 {
    width: 100%;
    padding: 8px;
    overflow: initial;
    overflow-y: initial;
    gap: 0px;
    border: none;
    height: fit-content;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._wrapper_omg3b_303 {
  display: none;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._wrapper_omg3b_303 {
    gap: 14px;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._addCategoryButton_omg3b_314 {
  display: none;
  justify-content: flex-start;
  align-self: center;
  flex-direction: row;
  gap: 10px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._addCategoryButton_omg3b_314 ._icon_omg3b_213 {
  margin-top: 7px;
  cursor: pointer;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._addCategoryButton_omg3b_314 ._disabledIcon_omg3b_328 {
  margin-top: 7px;
  cursor: default;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._addCategoryButton_omg3b_314 ._label_omg3b_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 {
  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_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357 {
  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_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357._active_omg3b_368 {
  background-color: var(--surface-accent);
  border-radius: 5px;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357 ._label_omg3b_205 {
  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_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357 ._label_omg3b_205 {
    font-size: 14px;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357 ._deleteHolder_omg3b_388 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 24px;
  margin-left: auto;
}
@media screen and (max-width: 480px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357 {
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
  }
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._categoriesWrapper_omg3b_280 ._categoriesHolder_omg3b_338 ._category_omg3b_94 ._categoryHolder_omg3b_357._active_omg3b_368 {
    background-color: var(--surface-accent);
    border-radius: 10px;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 {
  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_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 {
    padding: 0;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  margin-right: 16px;
}
@media screen and (max-width: 1600px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 {
    display: none;
  }
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 :hover {
  background: var(--scss-hoveredBackground, #eaeff7);
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 ._button_omg3b_460 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--border);
  cursor: pointer;
  position: relative;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 ._button__disabled_omg3b_472 {
  cursor: default;
  background-color: var(--surface-accent);
  opacity: 0.5;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 ._button_omg3b_460 img {
  pointer-events: none;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 ._button_omg3b_460 ._hiden_omg3b_480 {
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._switcherWrapper_omg3b_424 ._filesActionButtons_omg3b_430 ._button_omg3b_460 ._label_omg3b_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 19px;
  height: 100%;
  pointer-events: none;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._tableWrapper_omg3b_498 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  outline: none;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._tableWrapper_omg3b_498 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: var(--border);
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._tableWrapper_omg3b_498 textarea:focus {
  border-color: #4a86ff !important;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._tableWrapper_omg3b_498 textarea:hover {
  border-color: var(--text) !important;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._instructionsWrapper_omg3b_524 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._instructionsWrapper_omg3b_524 ._inputWrapper_omg3b_531 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._container_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._instructionsWrapper_omg3b_524 ._inputWrapper_omg3b_531 ._textArea_omg3b_536 {
  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_omg3b_261 ._contentWrapper_omg3b_269 ._dataWrapper_omg3b_407 ._instructionsWrapper_omg3b_524 ._inputWrapper_omg3b_531 ._textArea_omg3b_536 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_omg3b_261 ._title_omg3b_552 {
  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_omg3b_261 ._title_omg3b_552 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_omg3b_570 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._systemInstructionsWrapper_omg3b_570 ._label_omg3b_205 {
  font-family: "Roboto";
  color: var(--text-muted);
  font-size: 16px;
  line-height: 33px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_omg3b_570 ._label_omg3b_205 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_omg3b_570 ._optionsWrapper_omg3b_588 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._fileActionButton_omg3b_594 {
  display: none;
}
@media screen and (max-width: 1600px) {
  ._fileActionButton_omg3b_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_omg3b_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_omg3b_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1220px) {
  ._fileActionButton_omg3b_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  ._fileActionButton_omg3b_594 {
    display: flex;
    height: 24px;
  }
}
._titleWrapper_omg3b_628 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._titleWrapper_omg3b_628 ._label_omg3b_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
}
._option_omg3b_588 {
  padding: 8px 24px 8px 17px;
  width: fit-content;
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid #9ca3b0;
}
._option_omg3b_588._disabled_omg3b_328 {
  pointer-events: none;
  cursor: not-allowed;
  color: gray;
  background-color: var(--border-strong);
}
._option_omg3b_588._disabled_omg3b_328 ._label_omg3b_205 {
  color: gray;
}
._option_omg3b_588 ._closeButton_omg3b_657 {
  display: none;
}
._option_omg3b_588 ._icon_omg3b_213 {
  display: flex;
}
._option_omg3b_588 ._label_omg3b_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
._dropped_omg3b_671 {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  width: fit-content;
}
._dropped_omg3b_671 ._icon_omg3b_213 {
  display: none;
}
._dropped_omg3b_671 ._closeButton_omg3b_657 {
  cursor: pointer;
  pointer-events: all;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
._cursor-line_omg3b_689 {
  position: absolute;
  width: 2px;
  background-color: black;
  pointer-events: none;
  z-index: 999;
}
._tag_omg3b_697 {
  padding: 6px;
  background-color: var(--table-header-bg);
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  font-size: 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  font-family: "Roboto";
}
._buttonDisabled_omg3b_708 {
  cursor: default !important;
  background-color: var(--surface-accent);
  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_1lvus_57 {
  position: fixed;
  top: 0;
  height: 100%;
  width: 895px;
  background-color: var(--surface);
  transition: transform 0.6s ease, opacity 0.7s ease;
  z-index: 1000;
  opacity: 0;
  display: flex;
  flex-direction: row;
  border-left: 1px solid var(--border);
}
@media screen and (max-width: 480px) {
  ._sidePanel_1lvus_57 {
    width: 100% !important;
  }
}
._sidePanel_1lvus_57._left_1lvus_75 {
  box-shadow: var(--shadow-panel);
  border-left: none;
  border-right: 1px solid var(--border);
}
._sidePanel_1lvus_57._right_1lvus_80 {
  box-shadow: var(--shadow-panel);
}
._header_1lvus_84 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
._headerContent_1lvus_91 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_1lvus_97 {
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  text-transform: capitalize;
}
._description_1lvus_106 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
}
._closeIcon_1lvus_114 {
  width: 24px;
  height: 24px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
}
._right_1lvus_80 {
  right: 0;
}
._right_1lvus_80._open_1lvus_125 {
  transform: translateX(0);
  opacity: 1;
}
._right_1lvus_80._closed_1lvus_130 {
  transform: translateX(100%);
  opacity: 0;
}
._left_1lvus_75 {
  left: 0;
}
._left_1lvus_75._open_1lvus_125 {
  transform: translateX(0);
  opacity: 1;
}
._left_1lvus_75._closed_1lvus_130 {
  transform: translateX(-100%);
  opacity: 0;
}
._overlay_1lvus_149 {
  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_1lvus_149 {
    height: 100vh;
  }
}
._overlay_1lvus_149._open_1lvus_125 {
  opacity: 1;
  pointer-events: auto;
}
._content_1lvus_171 {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  z-index: 1000;
}
@media screen and (max-width: 480px) {
  ._content_1lvus_171 {
    flex-direction: column;
  }
}
._mainContent_1lvus_187 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 20px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._mainContent_1lvus_187 {
    overflow: hidden;
  }
}
._mainContent_1lvus_187 ._section_1lvus_201 {
  padding: 0 !important;
}
._divider_1lvus_205 {
  width: 100%;
  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: 24px 0 16px;
  flex-shrink: 0;
}
._mainContentScroll_1lvus_213 {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
._mainContentScroll_1lvus_213::-webkit-scrollbar {
  width: 4px;
}
._mainContentScroll_1lvus_213::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 2px;
}
._mainContentBody_1lvus_228 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._scrollFill_1lvus_235 {
  display: flex;
  flex-direction: column;
}
._bodyFill_1lvus_240 {
  flex: 1 0 auto;
}
._mainContentFooter_1lvus_244 {
  width: 100%;
  flex-shrink: 0;
  padding-top: 14px;
  background-color: var(--surface);
  border-top: 1px solid var(--border);
}
._mainContentFooter_1lvus_244:empty {
  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;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_p1ocn_57 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  gap: 14px;
  background-color: var(--surface-sidebar);
  border-right: 1px solid var(--border);
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_p1ocn_57 {
    flex-direction: row;
    height: fit-content;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
}
._item_p1ocn_75 {
  cursor: pointer;
  height: 40px;
  width: 40px;
  gap: 10px;
  border-radius: var(--radius-md, 9px);
  border: 1px solid var(--border-field);
  opacity: 0.7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text);
  background-color: var(--surface);
  transition: background-color 140ms ease, border-color 140ms ease, opacity 140ms ease;
}
._item_p1ocn_75:hover {
  opacity: 1;
  background-color: var(--surface-muted);
}
._item_p1ocn_75._active_p1ocn_94 {
  opacity: 1;
  background-color: var(--accent);
  border-color: var(--accent);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_jhl4p_29 {
  display: grid;
  grid-template-columns: 44px minmax(0, 2.3fr) minmax(0, 1.8fr) minmax(0, 1.8fr) minmax(0, 1fr) 52px;
  column-gap: 10px;
  align-items: center;
  align-content: center;
  min-height: 57px;
  width: 100%;
  border-top: 1px solid var(--border);
  background: var(--surface);
  cursor: pointer;
  padding: 12px 16px;
  box-sizing: border-box;
  transition: background 0.14s ease;
}
._categoryItem_jhl4p_29:hover {
  background: var(--table-row-hover-bg, var(--surface-subtle));
}
._categoryItem_jhl4p_29._selected_jhl4p_47 {
  background: var(--selection-highlight-bg, var(--table-row-selected-bg, var(--surface-accent-soft)));
}
._categoryItem_jhl4p_29._selected_jhl4p_47:hover {
  background: var(--selection-highlight-hover-bg, var(--surface-accent));
}
@media screen and (max-width: 480px) {
  ._categoryItem_jhl4p_29 {
    grid-template-columns: 44px minmax(0, 1fr) 52px;
    column-gap: 8px;
  }
  ._dateColumn_jhl4p_59,
  ._sizeCell_jhl4p_60 {
    display: none;
  }
}
._checkCell_jhl4p_64 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._checkCell_jhl4p_64 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._checkCell_jhl4p_64 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: var(--text-muted);
}
._checkCell_jhl4p_64 .Mui-checked path[fill="#1F1F1F"] {
  fill: var(--kc-accent, var(--accent, #6b5ce7));
}
._categoryCell_jhl4p_81 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
._statusIcon_jhl4p_89 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._iconTile_jhl4p_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 6px;
  background: var(--kc-accent-soft, var(--selection-highlight-bg, var(--surface-accent-soft)));
  flex-shrink: 0;
  box-sizing: border-box;
}
._iconTile_jhl4p_95 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._name_jhl4p_113 {
  min-width: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._dateColumn_jhl4p_59,
._sizeValue_jhl4p_126 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}
._dateColumn_jhl4p_59 {
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._sizeCell_jhl4p_60 {
  min-width: 0;
  text-align: left;
}
._actions_jhl4p_148 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 52px;
}
._actions_jhl4p_148 [data-guide=ai-agent-action-button] {
  width: 36px;
  height: 32px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.14s ease;
}
._actions_jhl4p_148 [data-guide=ai-agent-action-button]:hover {
  background: var(--surface-muted);
}
._actions_jhl4p_148 [data-guide=ai-agent-action-button] img {
  width: auto;
  height: 18px;
  filter: var(--icon-mono-filter);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._bar_1mr6g_29 {
  position: fixed;
  left: 50%;
  bottom: 28px;
  z-index: 1100;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 52px;
  padding: 6px 8px;
  border: 1px solid var(--border-strong, #d1d5db);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(6px);
  transform: translate(-50%, 16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.22s ease, opacity 0.22s ease, visibility 0.22s ease;
}
._bar_1mr6g_29._visible_1mr6g_50 {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
._group_1mr6g_57 {
  display: flex;
  align-items: center;
}
._countGroup_1mr6g_62 {
  padding: 0 12px 0 10px;
}
._count_1mr6g_62 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
}
._label_1mr6g_74 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
}
._divider_1mr6g_80 {
  width: 1px;
  height: 24px;
  background: var(--border, #e5e7eb);
  flex-shrink: 0;
}
._btn_1mr6g_87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
._btn_1mr6g_87 svg,
._btn_1mr6g_87 .MuiSvgIcon-root {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: inherit !important;
}
._btn_1mr6g_87:hover {
  background: var(--surface-muted);
  color: var(--text);
  transform: translateY(-1px);
}
._btn_1mr6g_87:active {
  background: var(--surface-muted);
}
._btn_1mr6g_87:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--accent-border-soft, rgba(31, 31, 31, 0.14));
}
._danger_1mr6g_125 {
  color: var(--danger, #dc2626);
}
._danger_1mr6g_125:hover {
  background: color-mix(in srgb, var(--danger, #dc2626) 14%, transparent);
  color: var(--danger, #b91c1c);
}
._danger_1mr6g_125:active {
  background: color-mix(in srgb, var(--danger, #dc2626) 22%, transparent);
}
._iconBtn_1mr6g_136 {
  min-width: 44px;
  padding: 0 10px;
  color: var(--text-muted);
}
._iconBtn_1mr6g_136:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._iconBtn_1mr6g_136:active {
  background: var(--surface-muted);
}
@media screen and (max-width: 480px) {
  ._bar_1mr6g_29 {
    left: 16px;
    right: 16px;
    bottom: 16px;
    transform: translateY(16px);
    justify-content: space-between;
  }
  ._bar_1mr6g_29._visible_1mr6g_50 {
    transform: translateY(0);
  }
  ._label_1mr6g_74 {
    display: none;
  }
  ._btn_1mr6g_87 {
    padding: 0 10px;
  }
  ._countGroup_1mr6g_62 {
    padding: 0 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_1kqgk_29 {
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_1kqgk_29 {
    height: calc(100% - 80px);
    justify-content: space-between;
    gap: 16px;
  }
}
._saveButton_1kqgk_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_1kqgk_43 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._buttonContainer_1kqgk_58 {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  height: 80px;
  z-index: 1001;
  flex-shrink: 0;
  padding-top: 14px;
  background-color: var(--surface);
  border-top: 1px solid var(--border);
}
._totalRows_1kqgk_71 {
  margin-right: auto;
  align-self: center;
  color: var(--text-secondary);
  font-size: 16px;
  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;
}
._container_5g90x_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  max-height: calc(100% - 80px);
  gap: 16px;
}
@media screen and (max-width: 480px) {
  ._container_5g90x_29 {
    height: calc(100% - 80px);
  }
}
._document_5g90x_43 {
  display: flex;
}
._webWrapper_5g90x_47 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
._subContainer_5g90x_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._webUrlWrapper_5g90x_61 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
._webScraperBlock_5g90x_68 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}
._webScraperLabelRow_5g90x_76 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._tooltipIcon_5g90x_84 {
  align-self: flex-start;
}
._descriptionReadonly_5g90x_88 {
  min-height: 72px;
  max-height: 220px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  font-size: 15px;
  line-height: 22px;
  color: var(--text);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow-y: auto;
  box-sizing: border-box;
  background: var(--surface-subtle);
  flex-shrink: 0;
}
._title_5g90x_107 {
  color: var(--text);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._loaderContainer_5g90x_115 {
  display: flex;
  z-index: 999999;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._fileWrapper_5g90x_127 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 75%;
}
._titleHolder_5g90x_135 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._subtitle_5g90x_142 {
  font-size: 16px;
  text-transform: initial;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
}
._pdfContainer_5g90x_151 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._title_5g90x_107 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1emnp_29 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  font-family: "Roboto";
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
}
._banner_1emnp_41 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
._banner_1emnp_41 span {
  font-family: "Roboto";
  color: var(--text-muted);
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._banner_1emnp_41 span {
    font-size: 14px;
    line-height: 19px;
  }
}
._buttonContainer_1emnp_62 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
._fileButton_1emnp_71 {
  flex: 1;
  width: 100% !important;
  min-width: 0;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  height: 48px !important;
  justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  ._fileButton_1emnp_71 {
    font-size: 14px;
    padding: 10px 12px !important;
  }
}
._textContainer_1emnp_88 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
._textContainer_1emnp_88 hr {
  border: none;
  border-top: 1px solid var(--border-field);
  flex-grow: 1;
}
._textContainer_1emnp_88 span {
  white-space: nowrap;
  color: var(--text-muted);
}._loader__fullpage_1osao_1 {
  color: var(--text);
  background-color: var(--surface-overlay-strong, 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_1osao_14 {
  color: var(--text);
  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_3ksw7_29 {
  display: flex;
}
._button_3ksw7_29 {
  z-index: 350;
  height: fit-content;
  width: fit-content;
  background-color: var(--btn-dark);
  color: var(--on-dark-surface);
  border: 1px solid var(--btn-dark);
  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_3ksw7_29 {
    font-size: 14px;
  }
}
._button_3ksw7_29:hover {
  box-shadow: var(--hover-box-shadow, none);
  color: var(--hover-text-color, var(--text)) !important;
  background-color: var(--hover-bg-color, var(--surface)) !important;
  border: var(--hover-border-color, 1px solid var(--btn-dark)) !important;
}
._button_3ksw7_29._inverse_3ksw7_60 {
  background-color: var(--surface);
  color: var(--btn-primary-bg, var(--btn-dark));
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
}
._button_3ksw7_29._inverse_3ksw7_60:hover {
  color: var(--hover-text-color, var(--btn-primary-text, var(--on-dark-surface))) !important;
  background-color: var(--hover-bg-color, var(--btn-primary-bg, var(--btn-dark))) !important;
  border: var(--hover-border-color, 1px solid var(--btn-primary-bg, var(--btn-dark))) !important;
}
._button_3ksw7_29._inverseBorder_3ksw7_70:hover {
  border: var(--hover-border-color, 1px solid var(--btn-primary-bg, var(--btn-dark))) !important;
}
._button_3ksw7_29._disabled_3ksw7_73, ._button_3ksw7_29._activeDisabled_3ksw7_73 {
  cursor: default;
}
._button_3ksw7_29._disabled_3ksw7_73:hover, ._button_3ksw7_29._activeDisabled_3ksw7_73:hover {
  color: var(--text-muted) !important;
  background-color: var(--disabled-color, var(--btn-disabled)) !important;
  border-color: var(--disabled-color, var(--btn-disabled)) !important;
}
._button_3ksw7_29 img {
  margin-right: 15px;
  width: 24px;
  height: 24px;
}
._warningButton_3ksw7_87 {
  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_3ksw7_97 {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--Colors-Red, #ff3b30);
}
._wanningLabel_3ksw7_107 {
  color: white;
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
._normalButton_3ksw7_117 {
  padding: 14px 24px !important;
  border-radius: 0px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: none;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_zrlek_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 44px 24px;
  border: 2px dashed var(--border-field, #d8dbdf);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  background-color: var(--surface);
  color: var(--text);
  transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
}
@media screen and (max-width: 480px) {
  ._container_zrlek_29 {
    padding: 24px 12px;
  }
}
._container_zrlek_29._dragging_zrlek_47 {
  border-color: var(--accent);
  box-shadow: 0 0 10px var(--accent-shadow-md);
  background-color: var(--accent-tint);
}
._mainTitle_zrlek_53 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--text);
}
._descriptionContainer_zrlek_60 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._description_zrlek_60 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: var(--text-secondary);
  text-align: center;
}
._importIcon_zrlek_74 {
  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_syd3m_29 {
  font-family: "Roboto";
  color: var(--text);
  font-size: 14px;
}
._menuItemHolder_syd3m_35 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 4px 7px;
  width: 100%;
  color: var(--text);
}
._menuItemHolder_syd3m_35 img {
  filter: var(--icon-mono-filter);
}
._disabled_syd3m_47 {
  display: none;
}
._iconButton_syd3m_51 {
  color: var(--text);
  padding: 4px;
}
._iconButton_syd3m_51:hover {
  background-color: var(--surface-muted);
}
._dotsIcon_syd3m_59 {
  width: 36px;
  height: 36px;
  display: block;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1d24g_29 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 999;
}
._cellLabel_1d24g_37 {
  padding: 7px;
  font-family: "Roboto";
  line-height: 24px;
  color: var(--text);
  font-size: 16px;
  font-weight: 400;
  display: block;
}
._editInputStyles_1d24g_47 {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 2px;
}
._editInputStyles_1d24g_47 input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
._editInputStyles_1d24g_47 button {
  flex-shrink: 0;
  padding: 2px;
}
._deleteHolder_1d24g_66 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 24px;
}
._deleteHolderHidden_1d24g_75 {
  display: none;
}
._gridContainer_1d24g_79 {
  height: 100%;
  width: 100%;
  display: block;
}
._container_1d24g_85 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 30px;
  margin-left: auto;
  margin-right: 5px;
  width: fit-content;
}
._sqere_1d24g_95 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
}
._triangle_1d24g_101 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  transform: rotate(45deg);
}
._circle_1d24g_108 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  border-radius: 50%;
}
._active_1d24g_115 {
  background-color: green;
}
._nameHolder_1d24g_119 {
  text-overflow: ellipsis;
  overflow: hidden;
}
._ag-theme-quartz_1d24g_124 {
  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 {
  height: 100%;
}
.jsoneditor-react-container .jsoneditor {
  border: thin solid var(--border);
  background: var(--surface);
  color: var(--text);
}
.jsoneditor-react-container .jsoneditor-search {
  display: flex;
  flex-direction: row;
}
.jsoneditor-react-container .jsoneditor-frame {
  display: flex;
  background: var(--surface);
}
.jsoneditor-react-container .jsoneditor-menu {
  background-color: var(--btn-dark);
  border-bottom: 1px solid var(--border);
}
.jsoneditor-react-container .jsoneditor-contextmenu .jsoneditor-menu {
  background-color: var(--surface);
  color: var(--text);
}
.jsoneditor-react-container .jsoneditor-tree, .jsoneditor-react-container .jsoneditor-outer, .jsoneditor-react-container .ace-jsoneditor, .jsoneditor-react-container .jsoneditor-text {
  background: var(--surface);
  color: var(--text);
}
.jsoneditor-react-container .jsoneditor-field, .jsoneditor-react-container .jsoneditor-value, .jsoneditor-react-container .jsoneditor-readonly {
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1hfp4_29 {
  font-size: 15px;
  font-family: "Roboto";
  color: var(--text);
}
._noResults_1hfp4_35 {
  font-size: 14px;
  font-family: "Roboto";
  color: var(--text-muted);
  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_1bxm5_57 {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
._fieldsWrapper__header_1bxm5_64 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid var(--border-field, #d8dbdf);
  background: var(--surface-muted);
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_1bxm5_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_1bxm5_85 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--border-field, #d8dbdf);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--surface);
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_1bxm5_57 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_1bxm5_57 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_1bxm5_57 {
    min-width: 100%;
  }
}
._fieldContainer_1bxm5_118 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1bxm5_118._disabledBlock_1bxm5_125 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_1bxm5_118 ._flexContainer_1bxm5_129 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_1bxm5_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_1bxm5_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bxm5_118 ._hader_1bxm5_134 ._textHolder_1bxm5_141 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bxm5_118 ._subhader_1bxm5_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_1bxm5_118 ._field_1bxm5_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bxm5_118 ._checkboxContainer_1bxm5_172 {
    display: flex;
    align-items: flex-start;
  }
}
._textWithTooltip_1bxm5_399 {
  display: inline-flex;
  gap: 12px;
}
._subwrapper_1bxm5_404 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_1bxm5_404 ._fieldsWrapper_1bxm5_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_8z4bm_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(111vh + 40px);
  color: var(--text);
}
._container_8z4bm_29 h2,
._container_8z4bm_29 h2 b {
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._container_8z4bm_29 {
    height: 100vh;
  }
}
._mainHeader_8z4bm_48 {
  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_8z4bm_60 {
  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_8z4bm_73 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textWithTooltip_8z4bm_79 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_8z4bm_84 {
  align-self: flex-start;
}
._subcontainer_8z4bm_88 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_8z4bm_88 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_8z4bm_103 {
  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_8z4bm_103 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_8z4bm_120 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_8z4bm_120 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_8z4bm_136 {
  color: var(--text-muted);
}
._subcontainerBottom_8z4bm_120 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_8z4bm_120 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_8z4bm_156 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 24px;
  height: fit-content;
  color: var(--text);
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_8z4bm_156 {
    gap: 14px;
  }
}
._subcontainerBehaviour_8z4bm_170 {
  width: 100%;
}
._flexContainerBehaviour_8z4bm_174 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_8z4bm_174 ._flexContainer_8z4bm_174 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_8z4bm_174 ._hader_8z4bm_188 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_8z4bm_174 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._flexContainerBehaviour_8z4bm_174 ._subhader_8z4bm_203 {
  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: var(--text-muted);
}
._flexContainerBehaviour_8z4bm_174 ._field_8z4bm_216 {
  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_8z4bm_174 ._checkboxContainer_8z4bm_232 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_8z4bm_237 {
  flex-grow: 1;
}
._buttonContainer_8z4bm_241 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_8z4bm_246 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_8z4bm_252 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainerLanding_8z4bm_252 ._flexContainer_8z4bm_174 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_8z4bm_252 ._hader_8z4bm_188 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainerLanding_8z4bm_252 ._subhader_8z4bm_203 {
  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: var(--text-muted);
}
._fieldContainerLanding_8z4bm_252 ._field_8z4bm_216 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_8z4bm_252 ._checkboxContainer_8z4bm_232 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_8z4bm_252 {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_8z4bm_252 ._flexContainer_8z4bm_174 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
  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: var(--text-muted);
}
._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_8z4bm_252 ._field_8z4bm_216._terminateRequestField_8z4bm_363 {
  align-items: flex-start;
  justify-content: flex-start;
}
._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_8z4bm_252 {
    width: 200px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_8z4bm_252 {
    width: 200px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_8z4bm_252 {
    width: 200px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_8z4bm_252 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_8z4bm_252 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_8z4bm_252 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_8z4bm_252 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._fieldContainer_8z4bm_252 ._field_8z4bm_216 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_8z4bm_252 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
._select_8z4bm_608 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_8z4bm_246 {
  padding: 7px;
  font-size: 16px;
  color: var(--text);
}
._textAreaContainer_8z4bm_619 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_8z4bm_619 ._flexContainer_8z4bm_174 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 500;
}
._textAreaContainer_8z4bm_619 ._subhader_8z4bm_203 {
  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: var(--text-muted);
}
._textAreaContainer_8z4bm_619 ._field_8z4bm_216 {
  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_8z4bm_619 ._checkboxContainer_8z4bm_232 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_8z4bm_619 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._textAreaContainer_8z4bm_619 ._field_8z4bm_216 {
    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_8z4bm_619 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_8z4bm_619 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._textAreaContainer_8z4bm_619 ._field_8z4bm_216 {
    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_8z4bm_619 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_8z4bm_619 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._textAreaContainer_8z4bm_619 ._field_8z4bm_216 {
    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_8z4bm_619 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_8z4bm_619 ._hader_8z4bm_188 ._textHolder_8z4bm_195 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_8z4bm_619 ._subhader_8z4bm_203 {
    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: var(--text-muted);
  }
  ._textAreaContainer_8z4bm_619 ._field_8z4bm_216 {
    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_8z4bm_619 ._checkboxContainer_8z4bm_232 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_8z4bm_881 {
  width: 100%;
}
._fields_8z4bm_885 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
._iconHolder_8z4bm_892 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_8z4bm_898 {
  display: flex;
  justify-content: center;
  align-items: center;
}._placeholder_1teyu_1 {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1teyu_8 {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

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

._compactPlaceholder_1teyu_16 {
  color: var(--text-muted);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_13ifu_29 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 200px;
  margin-top: 22px;
}
._slider_13ifu_39 {
  -webkit-appearance: none;
  appearance: none;
  width: 200px;
  height: 4px;
  background: color-mix(in srgb, var(--accent) 50%, transparent);
  border-radius: 100px;
  outline: none;
  margin: 0;
  padding: 0;
  position: relative;
}
._slider_13ifu_39::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 5px;
  height: 8px;
}
._slider_13ifu_39::-moz-range-track {
  background: transparent;
  border-radius: 5px;
  height: 8px;
}
._slider_13ifu_39::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--slider-thumb, var(--accent));
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: grab;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid var(--surface);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--slider-thumb, var(--accent)) 55%, transparent), var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.18));
}
._slider_13ifu_39::-webkit-slider-thumb:active {
  cursor: grabbing;
}
._slider_13ifu_39::-moz-range-thumb {
  background-color: var(--slider-thumb, var(--accent));
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: grab;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid var(--surface);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--slider-thumb, var(--accent)) 55%, transparent), var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.18));
}
._slider_13ifu_39::-moz-range-thumb:active {
  cursor: grabbing;
}
._markerContainer_13ifu_94 {
  position: relative;
  width: calc(100% - 13px);
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 6px;
}
._marker_13ifu_94 {
  position: absolute;
  height: 4px;
  width: 1px;
  background-color: var(--text-muted);
  opacity: 0.35;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
._labels_13ifu_114 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--text-muted);
  margin-top: 4px;
  position: relative;
  opacity: 0.7;
}
._labelWrapper_13ifu_124 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 0;
}
._volumeLabel_13ifu_132 {
  font-size: 16px;
  font-weight: bold;
  color: var(--text);
}
._valueLabel_13ifu_138 {
  position: absolute;
  top: -34px;
  width: 34px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transform: translateX(-50%);
}
._valueBackground_13ifu_150 {
  position: absolute;
  z-index: 9;
  width: 45px;
  height: 35px;
}
._value_13ifu_138 {
  z-index: 10;
  font-family: "Roboto";
  color: var(--on-dark-surface, #fff);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}
._thumbCenter_13ifu_167 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: color-mix(in srgb, var(--text) 50%, transparent);
  z-index: 1;
  height: 100px;
}._placeholder_gl496_1 {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_gl496_8 {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}._placeholder_gl496_1 {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_gl496_8 {
  color: var(--text);
  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_zzwvh_29 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: var(--on-dark-surface, #ffffff);
}
._progress_zzwvh_37 {
  height: 8px;
  transition: width 0.3s ease;
  background-color: var(--accent);
}
._progressWrapper_zzwvh_43 {
  height: 8px;
  width: 100%;
  background-color: var(--surface-sidebar);
  border-radius: 10px;
  overflow: hidden;
}
._progressContainer_zzwvh_51 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  gap: 10px;
  border-radius: 10px;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
}
._content_zzwvh_62 {
  display: flex;
  flex-direction: row;
  height: 45px;
  width: 100%;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
._textContent_zzwvh_72 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textContent_zzwvh_72 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text);
}
._percentsLabel_zzwvh_85 {
  display: flex;
  align-self: center;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text);
}
._image_zzwvh_95 {
  width: 40px;
  height: 40px;
  padding: 8px;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--border-field);
  filter: var(--icon-mono-filter);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_17i94_29 {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--border-strong, #d8dbdf);
  gap: 24px;
}
._button_17i94_37 {
  position: relative;
  display: inline-block;
  color: var(--text-secondary);
  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_17i94_37._active_17i94_51 {
  color: var(--scss-blueActiveColor, #5479f7);
}
._button_17i94_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
}
._button_17i94_37._active_17i94_51::after {
  height: 3px;
  background-color: var(--scss-blueActiveColor, #5479f7);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_17i94_37._disabled_17i94_70 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_17i94_37._invalid_17i94_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_17nkb_29 {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
  border: 1px solid var(--border-field, #d8dbdf);
  background-color: var(--surface);
  padding: 14px;
  border-radius: 10px;
}
._mainContainer_17nkb_39 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainContainer_17nkb_39 {
    overflow: auto;
  }
}
._cellLabel_17nkb_52 {
  padding: 7px;
  font-family: "Roboto";
  line-height: 24px;
  color: var(--text);
  font-size: 16px;
  font-weight: 400;
  display: block;
}
._fieldHolder_17nkb_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_17nkb_62 {
    flex-direction: column;
    justify-content: flex-start;
  }
}
._fieldName_17nkb_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;
  color: var(--text);
}
._fields_17nkb_93 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
._label_17nkb_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-secondary);
}
@media screen and (max-width: 480px) {
  ._label_17nkb_99 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }
}
._gridContainer_17nkb_117 {
  height: 100%;
  width: 100%;
  display: block;
}
._field_17nkb_62 {
  width: 33%;
  display: flex;
  flex-direction: column;
}
._mainWrapper_17nkb_129 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._container_17nkb_135 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._fiedsContainer_17nkb_141 {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  height: fit-content;
  gap: 24px;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}
._content_17nkb_152 {
  padding: 0.8rem;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  width: 100%;
  background: var(--surface);
  color: var(--text);
}
._content__item_17nkb_160 {
  margin-bottom: 0.5rem;
}
._configContainer_17nkb_164 {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid var(--border-field, #d8dbdf);
  padding: 14px;
  background-color: var(--surface);
  height: calc(100% - 40px);
  overflow: auto;
}
._fieldLabel_17nkb_176 {
  font-family: "Roboto";
  line-height: 24px;
  color: var(--text);
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}._popup_4ivam_1 {
  position: fixed;
  z-index: 2147483000;
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  box-shadow: var(--shadow-dropdown);
  overflow: hidden;
  font-family: inherit;
  font-size: 13px;
  color: var(--text);
  animation: _popupIn_4ivam_1 0.12s ease-out;
}
@keyframes _popupIn_4ivam_1 {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

._header_4ivam_29 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 12px;
  background: var(--surface-muted);
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  color: var(--text-secondary);
  flex-shrink: 0;
  flex-wrap: wrap;
  min-height: 36px;
}

._breadcrumbHome_4ivam_43 {
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  color: var(--accent-link, var(--accent));
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  transition: background 0.1s;
}
._breadcrumbHome_4ivam_43:disabled {
  color: var(--text-muted);
  cursor: default;
}
._breadcrumbHome_4ivam_43:not(:disabled):hover {
  background: var(--accent-hover-bg);
}

._breadcrumbSep_4ivam_62 {
  display: flex;
  align-items: center;
  gap: 2px;
}

._breadcrumbArrow_4ivam_68 {
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1;
  user-select: none;
}

._breadcrumbItem_4ivam_75 {
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  color: var(--accent-link, var(--accent));
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  transition: background 0.1s;
}
._breadcrumbItem_4ivam_75:hover {
  background: var(--accent-hover-bg);
}

._list_4ivam_90 {
  overflow-y: auto;
  flex: 1;
  padding: 4px;
}
._list_4ivam_90::-webkit-scrollbar {
  width: 4px;
}
._list_4ivam_90::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb, var(--border-strong));
  border-radius: 2px;
}

._item_4ivam_103 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  transition: background 0.08s;
  color: var(--text);
}
._item_4ivam_103:hover {
  background: var(--surface-muted);
}

._itemSelected_4ivam_119 {
  background: var(--accent-hover-bg) !important;
  color: var(--accent-active-text, var(--accent));
}

._itemLeft_4ivam_124 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

._itemLabel_4ivam_132 {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._itemArrow_4ivam_140 {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}
._itemSelected_4ivam_119 ._itemArrow_4ivam_140 {
  color: var(--accent);
}

._itemActions_4ivam_150 {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

._itemInsertButton_4ivam_157 {
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.08s, color 0.08s;
}
._itemInsertButton_4ivam_157:hover {
  background: var(--accent-hover-bg);
  color: var(--accent);
}
._itemSelected_4ivam_119 ._itemInsertButton_4ivam_157 {
  color: var(--accent);
}

._itemArrowButton_4ivam_182 {
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: var(--text-muted);
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.08s, color 0.08s;
}
._itemArrowButton_4ivam_182:hover {
  background: var(--accent-hover-bg);
  color: var(--accent);
}
._itemSelected_4ivam_119 ._itemArrowButton_4ivam_182 {
  color: var(--accent);
}

._itemArrayBadge_4ivam_204 {
  font-size: 10px;
  color: var(--accent-active-text, var(--accent));
  background: var(--accent-soft);
  padding: 1px 5px;
  border-radius: 4px;
  font-family: "Monaco", "Menlo", monospace;
  flex-shrink: 0;
}
._itemSelected_4ivam_119 ._itemArrayBadge_4ivam_204 {
  background: var(--accent-muted);
}

._arrayIndexPane_4ivam_217 {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 90px;
  justify-content: center;
}

._arrayIndexLabel_4ivam_226 {
  font-size: 12px;
  color: var(--text-secondary);
}
._arrayIndexLabel_4ivam_226 strong {
  color: var(--text);
}

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

._arrayIndexInput_4ivam_240 {
  width: 80px;
  padding: 5px 8px;
  border: 1px solid var(--border-field);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  outline: none;
}
._arrayIndexInput_4ivam_240:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-border-soft);
}
._arrayIndexInput_4ivam_240::-webkit-inner-spin-button, ._arrayIndexInput_4ivam_240::-webkit-outer-spin-button {
  opacity: 1;
}

._arrayIndexConfirm_4ivam_258 {
  padding: 5px 12px;
  background: var(--accent);
  color: var(--on-dark-surface, #fff);
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.1s;
}
._arrayIndexConfirm_4ivam_258:hover {
  background: var(--accent-hover);
}

._arrayIndexCancel_4ivam_273 {
  padding: 5px 8px;
  background: none;
  color: var(--text-muted);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.1s;
}
._arrayIndexCancel_4ivam_273:hover {
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._empty_4ivam_288 {
  padding: 20px 12px;
  text-align: center;
  color: var(--text-muted);
  font-size: 13px;
}

._footer_4ivam_295 {
  padding: 6px 12px;
  background: var(--surface-muted);
  border-top: 1px solid var(--border);
  font-size: 11px;
  color: var(--text-muted);
  flex-shrink: 0;
}
._footer_4ivam_295 kbd {
  display: inline-block;
  padding: 1px 5px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 3px;
  font-family: inherit;
  font-size: 10px;
  color: var(--text-secondary);
  box-shadow: 0 1px 0 var(--border);
  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;
}
._editableWrapper_1fcw3_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 16px;
  overflow: auto;
  background: var(--surface);
  color: var(--text);
}
._inputWithHelpIcon_1fcw3_40 {
  position: relative;
  width: 100%;
  height: 100%;
}
._customLable_1fcw3_46 {
  color: var(--text-secondary) !important;
}
._helpIcon_1fcw3_50 {
  position: absolute;
  bottom: 8px;
  right: -20px;
  color: var(--text-muted);
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s;
}
._helpIcon_1fcw3_50:hover {
  color: var(--accent);
}
._pseudoInput_1fcw3_64 {
  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 var(--border-field);
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--surface);
  color: var(--text);
  -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_1fcw3_64 span {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_1fcw3_64 div {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_1fcw3_64:focus {
  outline: none;
}
._pseudoInput_1fcw3_64:hover {
  outline: none;
}
._pseudoInput_1fcw3_64 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_173i7_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background-color: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  width: 100%;
  max-width: 650px;
  color: var(--text);
}

._label_173i7_14 {
  font-size: 14px;
  font-weight: bold;
  color: var(--text);
}

._tagifyInput_173i7_20 {
  border: none !important;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  width: 100%;
  color: var(--text);
  background: transparent;
}

._resultInput_173i7_30 {
  border: 1px solid var(--border-field);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 16px;
  width: 100%;
  background-color: var(--surface);
  color: var(--text);
  min-height: 46px;
  box-sizing: border-box;
  outline: none;
}
._resultInput_173i7_30::placeholder {
  color: var(--text-muted);
}
._resultInput_173i7_30:hover {
  border-color: var(--text-secondary);
}
._resultInput_173i7_30:focus {
  border-color: var(--accent);
}

._actionField_173i7_52 {
  width: 100%;
}

._actions_173i7_56 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  align-self: flex-end;
}

._closeButton_173i7_64,
._copyButton_173i7_65 {
  display: flex;
  width: 16px;
  height: 16px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
  opacity: 0.75;
}
._closeButton_173i7_64:hover,
._copyButton_173i7_65:hover {
  opacity: 1;
}

._closeButton_173i7_64 {
  width: 15px;
  height: 15px;
}

._content_173i7_83 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: stretch;
  width: 100%;
}

._equalsLabel_173i7_92 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}._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_gny2t_29 {
  padding: 1rem;
}
._modal__title_gny2t_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_gny2t_43 {
  height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
._modal__header_gny2t_50 {
  padding-right: 16px;
}
._modal__footer_gny2t_53 {
  padding-top: 1rem;
  padding-right: 16px;
}
._modal__items_gny2t_57 {
  height: 100%;
  max-height: calc(100% - 100px);
  overflow-y: scroll;
}
._modal__btn_gny2t_62 {
  font-weight: bold;
}
._modal__total_gny2t_65 {
  color: rgb(102, 102, 102);
}
@media screen and (max-width: 480px) {
  ._modal_gny2t_29 {
    height: 100%;
    overflow: auto;
  }
}
._contentHolder_gny2t_75 {
  display: flex;
  flex-direction: column;
  background-color: var(--surface);
}
._container_gny2t_81 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: calc(100% - 40px);
}
._textPreview_gny2t_88 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._highlight_gny2t_95 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  background-color: yellow;
}
._previewItem_gny2t_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: var(--surface);
}
._previewItem_gny2t_103 textarea::-webkit-scrollbar {
  width: 0 !important;
}
._previewItem__number_gny2t_117 {
  background: var(--surface-accent);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 1px solid var(--border-field);
  color: var(--text);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._previewItem__content_gny2t_129 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  max-width: 100%;
}
._previewItem__contentTitle_gny2t_137 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
}
._previewItem__value_gny2t_145 {
  padding: 0.5rem;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  color: var(--text);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
}
._previewItem__value__bg_gny2t_161 {
  background-color: var(--surface-accent);
}
._modalWrapper_zk9bm_2 {
  position: relative;
  z-index: 9999; /* Контейнер на верхнем уровне */
  border-radius: 10px;
  opacity: 0;
  animation: _fadeIn_zk9bm_1 0.2s ease-in-out 0.2s forwards;
}
._modalWrapper_zk9bm_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_zk9bm_2 {
  position: relative;
  background-color: var(--surface);
  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(--surface);
}
._modal__title_zk9bm_30 {
  font-family: var(--font-family), sans-serif;
  font-weight: 700;
  font-size: 1.12rem;
  line-height: 133%;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._modal__text_zk9bm_41 {
  font-family: var(--font-family), sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: var(--text);
  margin-bottom: 1.5rem;
  max-width: 339px;
}
._modal__btn_zk9bm_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_zk9bm_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_zk9bm_67 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

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

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

.guide-hidden {
  display: none;
}

.activeTourItem {
  border: 3px solid var(--accent-border);
}

.active-round-btn {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 48px;
  height: 49px;
  border: 3px solid var(--accent-border);
  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 var(--accent);
  border-radius: 50%;
}

.active-btn {
  border: 3px solid var(--accent-border);
  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 var(--accent);
  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 var(--accent);
  border-radius: 50px;
  animation: pulse 1s infinite;
}

.active-input {
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: var(--accent-muted);
  z-index: -1;
}
.active-input:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid var(--accent);
  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 var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-active-button {
  position: absolute;
  pointer-events: none;
  top: -6px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 3px solid var(--accent-border);
  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 var(--accent);
  border-radius: 50px;
}

.mui-active-input {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-active-input-advanced {
  pointer-events: none;
  position: absolute;
  top: -8px;
  left: -9px;
  right: -9px;
  bottom: -9px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-modal-active-state {
  position: absolute;
  pointer-events: none;
  top: -1px;
  left: -1px;
  right: 2px;
  bottom: -9px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-checkbox-active-state {
  pointer-events: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -11px;
  bottom: -9px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-active-input-light {
  position: absolute;
  pointer-events: none;
  top: 0px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}

.mui-active-container {
  pointer-events: none;
  position: absolute;
  left: 16px;
  width: calc(100% - 50px);
  height: 83%;
  border: 3px solid var(--accent-border);
  border-radius: 12px;
  animation: pulseLight 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  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 var(--accent-border);
  border-radius: 12px;
  animation: pulse 1s infinite;
  background-color: var(--accent-muted);
  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 var(--accent);
  border-radius: 10px;
}._mask_13mzc_1 {
  box-shadow: none !important;
  background: transparent !important;
  color: var(--tour-mask) !important;
  opacity: 1 !important;
  zoom: 1.11111111 !important;
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  ._mask_13mzc_1 {
    zoom: 1 !important;
  }
}

._tour_13mzc_15 {
  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_145tm_57 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid var(--border-field);
  background-color: var(--surface);
  padding: 14px;
  gap: 16px;
  outline: none;
  transition: height 0.3s ease;
}
._tableWrapper_145tm_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: var(--border-field);
  background: var(--surface);
  color: var(--text);
}
._tableWrapper_145tm_57 textarea:focus {
  border-color: var(--accent) !important;
}
._tableWrapper_145tm_57 textarea:hover {
  border-color: var(--text) !important;
}
@media screen and (max-width: 480px) {
  ._tableWrapper_145tm_57 {
    max-height: 100%;
  }
}
._instructionsWrapper_145tm_96 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._instructionsWrapper_145tm_96 ._inputWrapper_145tm_103 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._instructionsWrapper_145tm_96 ._inputWrapper_145tm_103 ._textArea_145tm_108 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
  border: 1px solid var(--border-field);
  background: var(--surface);
  flex: 1;
  border-radius: 5px;
  padding: 8px 14px 8px 14px;
}
._instructionsWrapper_145tm_96 ._inputWrapper_145tm_103 ._textArea_145tm_108 span {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: 16px;
  line-height: 24px;
}
._systemInstructionsWrapper_145tm_126 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}
._systemInstructionsWrapper_145tm_126 ._label_145tm_132 {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: 16px;
  line-height: 33px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_145tm_126 ._label_145tm_132 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_145tm_126 ._optionsWrapper_145tm_145 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._title_145tm_151 {
  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_145tm_151 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._labelExample_145tm_169 {
  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_145tm_169 {
    line-height: 18px;
    font-size: 14px;
  }
}
._container_145tm_183 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
._tag_145tm_191 {
  padding: 6px;
  background-color: var(--surface-accent);
  color: var(--text-secondary);
  line-height: 24px;
  font-size: 16px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordionLabel_145tm_203 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagExample_145tm_211 {
  margin-left: 8px;
  margin-right: 8px;
  background-color: var(--btn-primary-bg, var(--btn-dark));
  color: var(--btn-primary-text, var(--on-dark-surface));
  padding: 6px;
  line-height: 24px;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordion_145tm_203 {
  border: 1px solid var(--border-field);
  border-radius: 10px;
  transition: height 0.3s ease;
}
._header_145tm_230 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--surface-muted);
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
}
._icon_145tm_245 {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
._icon_145tm_245._open_145tm_252 {
  transform: rotate(90deg);
}
._content_145tm_256 {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
._inner_145tm_261 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 10px;
  padding: 14px;
}
._itemContainer_145tm_270 {
  padding: 14px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background-color: var(--surface);
}._widget_ihxcz_1 {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 340px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-panel);
  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_ihxcz_18 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

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

._panelDone_ihxcz_31 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--ok) 10%, var(--surface)) 0%, var(--surface) 60%);
}

._panelError_ihxcz_35 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 10%, var(--surface)) 0%, var(--surface) 60%);
}

._icon_ihxcz_39 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--surface-accent-soft);
  display: grid;
  place-items: center;
  color: var(--accent);
}

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

._doneIcon_ihxcz_57 {
  font-size: 20px !important;
  color: var(--ok);
}

._iconDone_ihxcz_62 {
  background: color-mix(in srgb, var(--ok) 18%, var(--surface));
  color: var(--ok);
}

._iconError_ihxcz_67 {
  background: color-mix(in srgb, var(--danger) 18%, var(--surface));
  color: var(--danger);
}

._errorIcon_ihxcz_72 {
  font-size: 20px !important;
  color: var(--danger);
}

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

._title_ihxcz_85 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.2;
}

._sub_ihxcz_92 {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
}

._track_ihxcz_98 {
  height: 4px;
  border-radius: 999px;
  background: var(--surface-muted);
  overflow: hidden;
}

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

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

._iconBtn_ihxcz_120 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._iconBtn_ihxcz_120:hover {
  background: var(--surface-muted);
  color: var(--text);
}

._cta_ihxcz_140 {
  flex-shrink: 0;
  height: 32px;
  padding: 0 14px;
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
  border-radius: 999px;
  background: var(--btn-primary-bg, var(--btn-dark));
  color: var(--btn-primary-text, var(--on-dark-surface));
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._cta_ihxcz_140:hover {
  background: var(--btn-primary-hover-bg, var(--surface));
  color: var(--btn-primary-hover-text, var(--btn-dark));
}

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

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

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

._stepGroup_fyb21_9 {
  display: contents;
}

._item_fyb21_13 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 92px;
  height: 30px;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0 10px 0 8px;
  background: var(--surface);
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}
._item_fyb21_13 > span {
  color: var(--text);
  font-weight: 400;
}
._item_fyb21_13 > strong {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--surface-muted);
  color: currentColor;
  font-size: 11px;
  font-weight: 800;
}

._current_fyb21_43 {
  border-color: var(--accent-border);
  color: var(--text);
  background-color: transparent;
}
._current_fyb21_43 > strong {
  color: #ffffff;
}

._complete_fyb21_52 {
  border-color: color-mix(in srgb, var(--ok) 22%, transparent);
  background: color-mix(in srgb, var(--ok) 8%, transparent);
  color: var(--ok);
}
._complete_fyb21_52 > strong {
  background: var(--ok);
  color: #ffffff;
}

._line_fyb21_62 {
  height: 1px;
  background: var(--border);
}

._lineComplete_fyb21_67 {
  background: var(--accent-border);
}

@media (max-width: 900px) {
  ._stepper_fyb21_1 {
    gap: 6px;
  }
  ._item_fyb21_13 {
    min-width: auto;
    padding-right: 8px;
  }
  ._item_fyb21_13 > span {
    display: none;
  }
}._field_1v0qb_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
}

._inputWrap_1v0qb_10 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  height: 46px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  outline: 0;
}
._inputWrap_1v0qb_10 input {
  flex: 1;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  text-overflow: ellipsis;
}
._inputWrap_1v0qb_10 input::placeholder {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 400;
}
._inputWrap_1v0qb_10 input:focus {
  box-shadow: none;
  outline: 0;
}
._inputWrap_1v0qb_10:focus-within {
  border-color: var(--accent-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._inputWrapError_1v0qb_58 {
  border-color: var(--danger);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 12%, transparent);
}

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

._inputIcon_1v0qb_63 {
  font-size: 18px !important;
  color: var(--text-muted);
}

._fieldError_1v0qb_76 {
  color: var(--danger);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

._inputReadonly_1v0qb_83 {
  pointer-events: none;
}._step_skrj3_1 {
  display: flex;
  flex-direction: column;
}

._card_skrj3_6 {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface-subtle);
  padding: 18px;
}

._cardHead_skrj3_13 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}
._cardHead_skrj3_13 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--text);
}
._cardHead_skrj3_13 p {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--text-muted);
}

._metric_skrj3_33 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex-shrink: 0;
}

._metricLabel_skrj3_41 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}

._metricValue_skrj3_49 {
  color: var(--text);
  font-size: 24px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

._sourceWrap_skrj3_57 {
  margin-bottom: 16px;
}

._progressTrack_skrj3_61 {
  height: 8px;
  border-radius: 999px;
  background: var(--surface-muted);
  overflow: hidden;
}

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

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

._runningPages_skrj3_101 {
  margin: -2px 0 0 26px;
  padding: 0;
  list-style: disc;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}
._runningPages_skrj3_101 li + li {
  margin-top: 4px;
}
._runningPages_skrj3_101 li::marker {
  color: var(--text-muted);
}

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

._listIcon_skrj3_125 {
  font-size: 18px !important;
}

._done_skrj3_129 {
  color: var(--ok);
}

._failed_skrj3_133 {
  color: var(--danger);
}
._failed_skrj3_133 strong {
  border-color: color-mix(in srgb, var(--danger) 28%, transparent);
  background: color-mix(in srgb, var(--danger) 8%, transparent);
  color: var(--danger);
}

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

._pending_skrj3_146 {
  color: var(--text-muted);
}

._spinner_skrj3_150 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: _spin_skrj3_150 900ms linear infinite;
}

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

._banner_s97bn_7 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid var(--border);
}
._banner_s97bn_7 h3 {
  margin: 6px 0 4px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}
._banner_s97bn_7 p {
  margin: 0 0 16px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}

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

._success_s97bn_34 {
  border-color: color-mix(in srgb, var(--ok) 28%, transparent);
  background: color-mix(in srgb, var(--ok) 8%, transparent);
  color: var(--ok);
}
._success_s97bn_34 h3 {
  color: var(--ok);
}

._error_s97bn_43 {
  border-color: color-mix(in srgb, var(--danger) 28%, transparent);
  background: color-mix(in srgb, var(--danger) 8%, transparent);
  color: var(--danger);
}
._error_s97bn_43 h3 {
  color: var(--danger);
}

._warning_s97bn_52 {
  border-color: color-mix(in srgb, var(--warning) 28%, transparent);
  background: color-mix(in srgb, var(--warning) 8%, transparent);
  color: var(--warning);
}
._warning_s97bn_52 h3 {
  color: var(--warning);
}

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

._trigger_oaqsf_6 {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  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_oaqsf_6:hover {
  background: var(--surface-subtle);
}
._trigger_oaqsf_6:focus-visible {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
  outline: 0;
}

._isOpen_oaqsf_33 ._trigger_oaqsf_6 {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._triggerValue_oaqsf_38 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-size: 13px;
  font-weight: 400;
}

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

._caret_oaqsf_57 {
  font-size: 20px !important;
  color: var(--text);
  transition: transform 160ms ease;
}

._isOpen_oaqsf_33 ._caret_oaqsf_57 {
  transform: rotate(180deg);
}

._menu_oaqsf_67 {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown), var(--shadow-card);
  padding: 6px;
}

._option_oaqsf_75 {
  width: 100%;
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
._option_oaqsf_75:hover {
  background: var(--surface-muted);
}

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

._isSelected_oaqsf_106 {
  background: var(--surface-muted);
  font-weight: 700;
}
._isSelected_oaqsf_106 ._check_oaqsf_95 {
  color: var(--text-secondary);
}

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

._optionName_oaqsf_121 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

._optionDesc_oaqsf_127 {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-muted);
  line-height: 1.45;
  white-space: normal;
}._step_cro07_1 {
  display: flex;
  flex-direction: column;
}

._compactField_cro07_6 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
._compactField_cro07_6 ._labelRow_cro07_14 {
  font-size: 13px;
  font-weight: 400;
  color: var(--text);
}

._labelRow_cro07_14 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}

._tooltipIcon_cro07_30 {
  align-self: center;
}

._compactField_cro07_6 input,
._compactField_cro07_6 textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  outline: 0;
}

._compactField_cro07_6 input {
  height: 44px;
  padding: 0 12px;
}

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

._compactField_cro07_6 input::placeholder,
._compactField_cro07_6 textarea::placeholder {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 400;
}

._compactField_cro07_6 input:focus,
._compactField_cro07_6 textarea:focus {
  border-color: var(--accent-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._accordion_cro07_73 {
  margin-top: 14px;
  border: 1px solid var(--accent-border);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: var(--shadow-card);
  overflow: visible;
}

._accordionHead_cro07_82 {
  width: 100%;
  min-height: 58px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-subtle) 100%);
  color: var(--text);
  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_cro07_101 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
._accordionHeadText_cro07_101 strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
}
._accordionHeadText_cro07_101 small {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 400;
}

._accordionHead_cro07_82:hover {
  background: var(--surface-subtle);
}

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

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

._accordionOpen_cro07_137 ._accordionHead_cro07_82 {
  border-radius: 16px 16px 0 0;
}

._accordionOpen_cro07_137 ._accordionIcon_cro07_123 {
  transform: rotate(180deg);
}

._accordionBody_cro07_145 {
  border-top: 1px solid var(--border);
  background: var(--surface-subtle);
  border-radius: 0 0 16px 16px;
}

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

._settingsGridSingle_cro07_158 {
  grid-template-columns: 1fr;
}

._settingsGroup_cro07_162 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
._settingsGroup_cro07_162 h3 {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._settingsGroup_cro07_162 input,
._settingsGroup_cro07_162 textarea {
  color: var(--text);
  font-size: 13px;
  font-weight: 400;
}
._settingsGroup_cro07_162 input {
  line-height: 1.45;
}
._settingsGroup_cro07_162 textarea {
  line-height: 1.5;
}
._settingsGroup_cro07_162 input::placeholder,
._settingsGroup_cro07_162 textarea::placeholder {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}

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

._overlay_14bys_11 {
  position: fixed;
  inset: 0;
  border: 0;
  background: color-mix(in srgb, var(--text) 42%, transparent);
  backdrop-filter: blur(3px);
  cursor: pointer;
  z-index: 0;
}

._dialog_14bys_21 {
  position: relative;
  z-index: 1;
  width: min(820px, 100%);
  max-height: min(860px, 100vh - 48px);
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-modal), var(--shadow-card);
  overflow: visible;
}

._head_14bys_35,
._foot_14bys_36 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 24px;
  background: var(--surface);
}

._head_14bys_35 {
  border-bottom: 1px solid var(--border);
  border-radius: 16px 16px 0 0;
}

._foot_14bys_36 {
  border-top: 1px solid var(--border);
  background: var(--surface-subtle);
  border-radius: 0 0 16px 16px;
  height: fit-content;
}

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

._titleIcon_14bys_65 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--surface-accent-soft);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

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

._titleText_14bys_82 {
  min-width: 0;
}

._head_14bys_35 h2 {
  margin: 0;
  color: var(--text);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}

._head_14bys_35 p {
  margin: 5px 0 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.45;
}

._closeBtn_14bys_102 {
  width: 38px;
  height: 38px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
}

._closeBtn_14bys_102:hover {
  background: var(--surface-muted);
  border-color: var(--border);
}

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

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

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

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

@media (max-width: 900px) {
  ._modal_14bys_1 {
    padding: 12px;
  }
  ._dialog_14bys_21 {
    max-height: calc(100vh - 24px);
  }
  ._head_14bys_35,
  ._body_14bys_126,
  ._foot_14bys_36 {
    padding: 14px;
  }
  ._head_14bys_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;
}
._empty_wwcq1_29 {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 24px;
  text-align: center;
  font-family: "Roboto";
}
._icon_wwcq1_42 {
  color: var(--border);
  margin-bottom: 4px;
}
._icon_wwcq1_42 svg {
  font-size: 44px;
}
._title_wwcq1_50 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
}
._description_wwcq1_58 {
  font-size: 12px;
  font-weight: 400;
  color: #9098b1;
  margin: 0;
  line-height: 1.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;
}
._dropdown_7fj5e_29 {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
}
._category_7fj5e_35 ._trigger_7fj5e_35 {
  max-width: 156px;
}
._type_7fj5e_39 ._trigger_7fj5e_35 {
  max-width: 128px;
}
._trigger_7fj5e_35 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 0 10px 0 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 1px 3px rgba(16, 28, 64, 0.1);
  font-family: "Roboto";
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
}
._trigger_7fj5e_35:hover {
  border-color: #d4dcff;
}
._trigger_7fj5e_35:focus-visible {
  outline: 0;
  border-color: #cfc8ff;
  box-shadow: 0 0 0 3px var(--ts-accent-ring, rgba(107, 92, 231, 0.07));
}
._open_7fj5e_70 ._trigger_7fj5e_35 {
  border-color: #cfc8ff;
  box-shadow: 0 0 0 3px rgba(107, 92, 231, 0.07);
}
._label_7fj5e_75 {
  flex-shrink: 0;
  color: var(--text-secondary);
  font-weight: 500;
  line-height: 1;
}
._value_7fj5e_82 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ts-accent, #6b5ce7);
  font-weight: 600;
  line-height: 1;
}
._chevron_7fj5e_93 {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--ts-accent, #6b5ce7);
  transition: transform 0.16s ease;
}
._open_7fj5e_70 ._chevron_7fj5e_93 {
  transform: rotate(180deg);
}
._menu_7fj5e_104 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 100%;
  width: max-content;
  max-width: 220px;
  max-height: 240px;
  overflow-y: auto;
  z-index: 40;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.1), 0 4px 20px var(--ts-accent-glow-md, rgba(107, 94, 255, 0.08)), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._option_7fj5e_121 {
  width: 100%;
  min-height: 36px;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background 0.14s ease, color 0.14s ease;
}
._option_7fj5e_121:hover {
  background: var(--accent-hover-bg, var(--surface-muted));
  color: var(--text);
}
._optionSelected_7fj5e_148 {
  font-weight: 600;
  color: var(--ts-accent, #6b5ce7);
}
._check_7fj5e_153 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  flex-shrink: 0;
}
._check_7fj5e_153 svg {
  font-size: 14px;
  color: var(--ts-accent, #6b5ce7);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1vkwy_29 {
  flex-shrink: 0;
  border: 1px solid var(--ts-accent-line, rgba(107, 92, 231, 0.15));
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 4px 20px var(--ts-accent-glow-sm, rgba(107, 94, 255, 0.06)), 0 2px 8px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  font-family: "Roboto";
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._row_1vkwy_29:hover {
  border-color: #cfc8ff;
  box-shadow: 0 4px 20px var(--ts-accent-glow-md, rgba(107, 94, 255, 0.08)), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._rowOpen_1vkwy_44 {
  border-color: #cfc8ff;
  box-shadow: 0 4px 20px var(--ts-accent-glow-md, rgba(107, 94, 255, 0.08)), 0 2px 8px rgba(0, 0, 0, 0.04);
}
._inner_1vkwy_49 {
  display: flex;
  flex-direction: column;
}
._header_1vkwy_54 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 18px 12px;
  cursor: pointer;
}
._metrics_1vkwy_64 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
._headerEnd_1vkwy_72 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-shrink: 0;
  margin-left: 0;
}
._info_1vkwy_81 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
._stat_1vkwy_88 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  flex-shrink: 0;
  white-space: nowrap;
}
._statLabel_1vkwy_100 {
  font-size: 12px;
  font-weight: 400;
  color: #9098b1;
  line-height: 1.2;
}
._statVal_1vkwy_107 {
  font-size: 12px;
  font-weight: 500;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 1.2;
}
._statOk_1vkwy_114 {
  background: #f0fdf4;
  border-color: #bbf7d0;
}
._statOk_1vkwy_114 ._statVal_1vkwy_107 {
  color: #16a34a;
}
._statFail_1vkwy_122 {
  background: #fef2f2;
  border-color: #fecaca;
}
._statFail_1vkwy_122 ._statVal_1vkwy_107 {
  color: #dc2626;
}
._actions_1vkwy_130 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  margin-left: 4px;
}
._goto_1vkwy_138 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-size: 13px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0 16px;
  background: var(--surface);
  cursor: pointer;
  white-space: nowrap;
  font-family: "Roboto";
  transition: background 0.15s ease, border-color 0.15s ease;
}
._goto_1vkwy_138:hover {
  background: var(--surface-subtle);
  border-color: #cfc8ff;
}
._goto_1vkwy_138 svg {
  font-size: 17px;
  color: var(--ts-accent, #6b5ce7);
}
._chevron_1vkwy_164 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #9098b1;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.16s ease;
}
._chevron_1vkwy_164 svg {
  font-size: 22px;
}
._chevronOpen_1vkwy_181 {
  transform: rotate(180deg);
}
._sections_1vkwy_185 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  min-width: 0;
  padding: 16px 18px 18px;
  border-top: 1px solid var(--border);
  cursor: pointer;
}
._rowOutOfContext_1vkwy_195:not(._rowOpen_1vkwy_44) ._sections_1vkwy_185 {
  display: none;
}
._section_1vkwy_185 {
  position: relative;
  min-width: 0;
  border-radius: 14px;
  overflow: hidden;
}
._sectionDoc_1vkwy_206 {
  padding: 16px 18px;
  background: var(--surface-muted);
  border: 1px solid var(--border);
  color: var(--text);
}
._sectionOut_1vkwy_213 {
  padding: 16px 18px;
  background: var(--surface-accent);
  border: 1px solid var(--accent-border);
  color: var(--text);
}
._sectionCollapsed_1vkwy_220::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  pointer-events: none;
  border-radius: 0 0 14px 14px;
}
._sectionDoc_1vkwy_206._sectionCollapsed_1vkwy_220::after {
  background: linear-gradient(180deg, transparent 0%, var(--surface) 88%);
}
._sectionOut_1vkwy_213._sectionCollapsed_1vkwy_220::after {
  background: linear-gradient(180deg, transparent 0%, var(--surface-muted) 88%);
}
._sectionHead_1vkwy_239 {
  margin-bottom: 10px;
}
._sectionLabel_1vkwy_243 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9098b1;
  line-height: 1;
}
._sectionOut_1vkwy_213 ._sectionLabel_1vkwy_243 {
  color: var(--ts-accent, #6b5ce7);
}
._text_1vkwy_256 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 13px;
  line-height: 1.5;
}
._text_1vkwy_256 pre {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}
._clamp_1vkwy_270 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
._clamp_1vkwy_270 pre {
  display: inline;
  white-space: normal;
}
@media screen and (max-width: 834px) {
  ._sections_1vkwy_185 {
    grid-template-columns: 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;
}
._results_fnwzz_29 {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0 calc(-1 * var(--stm-gutter, 22px));
  padding: 0 var(--stm-gutter, 22px) 24px;
  background: var(--surface-subtle);
  font-family: "Roboto";
}
._resultList_fnwzz_41 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  gap: 14px;
  padding: 2px 2px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
._divider_fnwzz_54 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
}
._divider_fnwzz_54 svg {
  font-size: 14px;
  color: #9098b1;
}
._dividerLabel_fnwzz_68 {
  font-size: 10.5px;
  font-weight: 600;
  color: #9098b1;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._hero_1bd22_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: var(--surface-accent-soft);
  border: 1px solid var(--ts-accent-line, rgba(107, 92, 231, 0.15));
  border-radius: 15px;
  margin: 14px 0 0;
  flex-shrink: 0;
  font-family: "Roboto";
}
._heroTop_1bd22_42 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
._heroIcon_1bd22_48 {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--ts-accent-gradient, linear-gradient(90deg, #D394F1 0%, #5F52F3 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._heroIcon_1bd22_48 svg {
  font-size: 20px;
  color: var(--scss-white, #ffffff);
}
._heroText_1bd22_63 {
  flex: 1;
  min-width: 0;
}
._heroTitle_1bd22_68 {
  font-size: 15px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 4px;
  line-height: 1.35;
}
._heroSub_1bd22_76 {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
}
._count_1bd22_84 {
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  height: 28px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ts-accent, #6b5ce7);
  white-space: nowrap;
}
._heroSearchBlock_1bd22_102 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._searchControl_1bd22_108 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  padding: 5px 5px 5px 14px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--ts-accent-line-strong, rgba(107, 92, 231, 0.18));
  box-shadow: 0 1px 3px rgba(16, 28, 64, 0.1);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._searchControl_1bd22_108:focus-within {
  border-color: #cfc8ff;
  box-shadow: 0 0 0 3px var(--ts-accent-ring, rgba(107, 92, 231, 0.07));
}
._searchControl_1bd22_108 > svg {
  font-size: 20px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._searchInput_1bd22_130 {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
}
._searchInput_1bd22_130::placeholder {
  color: var(--scss-placeholderColor, #b8c5db);
}
._searchBtn_1bd22_144 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--btn-primary-bg, #1f1f1f);
  color: var(--btn-primary-text, #fff);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, transform 0.08s ease;
}
._searchBtn_1bd22_144:hover:not(:disabled) {
  background: var(--btn-primary-hover-bg, #111111);
  color: var(--btn-primary-hover-text, #fff);
}
._searchBtn_1bd22_144:active:not(:disabled) {
  transform: scale(0.97);
}
._searchBtn_1bd22_144:disabled {
  opacity: 0.5;
  cursor: default;
}
._searchBtn_1bd22_144 svg {
  font-size: 15px;
  color: var(--btn-primary-text, #fff);
}
._searchMeta_1bd22_178 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 0 4px;
}
._searchMetaStats_1bd22_185 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  color: #9098b1;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-align: right;
  font-family: "Roboto";
}
._searchMetaStats_1bd22_185 strong {
  color: var(--text-secondary);
  font-weight: 600;
}
._searchMetaStats_1bd22_185 span {
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  ._hero_1bd22_29 {
    gap: 16px;
    padding: 18px;
  }
  ._heroTop_1bd22_42 {
    flex-wrap: wrap;
  }
  ._searchMeta_1bd22_178 {
    justify-content: flex-start;
  }
  ._searchMetaStats_1bd22_185 {
    justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  ._hero_1bd22_29 {
    padding: 14px;
  }
  ._heroTitle_1bd22_68 {
    font-size: 14px;
  }
  ._searchBtn_1bd22_144 {
    padding: 0 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;
}
._body_467ws_29 {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--stm-gutter, 22px);
  background: var(--surface-subtle);
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._head_467ws_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px var(--stm-gutter, 22px);
  background: var(--surface-subtle);
  border-bottom: 1px solid #eceff6;
  flex-shrink: 0;
}
._headLeft_467ws_52 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
._headIcon_467ws_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--surface-accent-soft);
  color: var(--ts-accent, #6b5ce7);
  flex-shrink: 0;
}
._headIcon_467ws_60 svg {
  font-size: 20px;
}
._headCopy_467ws_75 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 2px;
  min-width: 0;
}
._title_467ws_83 {
  font-size: 18px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0;
  line-height: 1.3;
  flex-shrink: 0;
  white-space: nowrap;
}
._sub_467ws_93 {
  font-size: 12px;
  font-weight: 400;
  color: #9098b1;
  margin: 0;
  line-height: 1.3;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._close_467ws_105 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #eceff6;
  border-radius: 6px;
  background: transparent;
  color: #525a73;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
._close_467ws_105:hover {
  background: var(--scss-hoveredBackground, #eaeff7);
  color: var(--scss-text-color, #1f1f1f);
}
._close_467ws_105 svg {
  font-size: 18px;
}
._top_467ws_127 {
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  background: var(--surface-subtle);
  margin: 0 calc(-1 * var(--stm-gutter, 22px));
  padding: 0 var(--stm-gutter, 22px);
}
._resultsHead_467ws_136 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--stm-gutter, 22px));
  padding: 14px var(--stm-gutter, 22px) 10px;
  background: var(--surface-subtle);
}
._resultsHeadMain_467ws_147 {
  flex: 1 1 200px;
  min-width: 0;
}
._resultsFilters_467ws_152 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
._resultsTitle_467ws_160 {
  font-size: 15px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 4px;
  line-height: 1.35;
}
._resultsSub_467ws_168 {
  font-size: 12px;
  font-weight: 400;
  color: #9098b1;
  margin: 0;
  line-height: 1.5;
}
._contentLoader_467ws_176 {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
}
@media screen and (max-width: 834px) {
  ._resultsSub_467ws_168 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._title_467ws_83 {
    font-size: 16px;
  }
  ._sub_467ws_93 {
    display: none;
  }
}
: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);
  color-scheme: light;
}
:root[data-theme='dark'] {
  color-scheme: dark;
}
input[type='checkbox'] {
  accent-color: var(--checkbox-checked, var(--accent));
}
.wrapper-class {
  height: 200px;
}
.rdw-editor-toolbar {
  background: var(--surface-muted) !important;
  border-color: var(--border) !important;
}
.rdw-editor-toolbar button {
  font-size: 16px;
  color: var(--text-secondary) !important;
}
.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 var(--border);
  border-radius: 0.375rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 100px;
  overflow: hidden;
  background: var(--surface);
  color: var(--text);
}
.editor-class {
  border: 1px solid var(--border);
  padding: 7px;
  font-size: 16px;
  background: var(--surface);
  color: var(--text);
}
.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;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.safari {
  overflow-x: hidden;
}
#root {
  zoom: 0.9;
  height: 100% !important;
  overflow: hidden;
  background: var(--bg);

  @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: var(--surface) !important;
  width: 8px !important;
  height: 8px !important;
  border: 1px solid var(--text) !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: border-box;
  background: var(--surface);
  /* -webkit-tap-highlight-color: transparent; */
  display: block;
  min-width: 0;
  /* -webkit-animation-duration: 10ms;
  animation-duration: 10ms; */
  height: fit-content;
  font-size: 16px;
  color: var(--text);

  border: 1px solid var(--border-strong);
  /*border-bottom: 1px solid #919192;*/

  &:focus {
    border: 1px solid var(--accent);
  }

  &:hover {
    border: 1px solid var(--text-secondary);
    /*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: var(--table-header-bg, var(--surface-table-header, #f6f9ff));
  --ag-background-color: var(--surface);
  --ag-odd-row-background-color: var(--surface);
  --ag-header-foreground-color: var(--text);
  --ag-foreground-color: var(--text);
  --ag-border-color: var(--border);
  --ag-row-hover-color: var(--table-row-hover-bg);
  --ag-selected-row-background-color: var(--table-row-selected-bg);
  --ag-control-panel-background-color: var(--surface);
  --ag-subheader-background-color: var(--surface-muted);
  --ag-input-focus-border-color: var(--accent);
  --ag-range-selection-border-color: var(--accent);
  --ag-modal-overlay-background-color: var(--overlay-bg, rgba(0, 0, 0, 0.4));
}
.ag-theme-quartz .ag-header,
.ag-theme-quartz .ag-header-cell,
.ag-theme-quartz .ag-header-row {
  background-color: var(--table-header-bg, var(--surface-table-header)) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.ag-theme-quartz .ag-root-wrapper,
.ag-theme-quartz .ag-body-viewport,
.ag-theme-quartz .ag-center-cols-viewport,
.ag-theme-quartz .ag-row {
  background-color: var(--surface) !important;
  color: var(--text);
  border-color: var(--border);
}
.ag-theme-quartz .ag-cell {
  color: var(--text);
  border-color: var(--border);
}
.ag-theme-quartz .ag-text-field-input,
.ag-theme-quartz .ag-cell-inline-editing,
.ag-theme-quartz .ag-input-field-input {
  background-color: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border-field) !important;
  caret-color: var(--accent);
}
.ag-theme-quartz .ag-text-field-input::placeholder {
  color: var(--text-muted);
  opacity: 1;
}
.tagify {
  height: 100%;
  border: none;

  --tag-bg: var(--btn-primary-bg);
  --tag-text-color: var(--btn-primary-text);
  --tag-text-color--edit: var(--tag-bg);
  --tag-hover: color-mix(in srgb, var(--btn-primary-bg) 43%, transparent);
  --tag-remove-btn-color: var(--btn-primary-text);
  /* Tagify ships black placeholders on .tagify — override so dark theme works. */
  --input-color: var(--text);
  --placeholder-color: var(--text-muted);
  --placeholder-color-focus: var(--text-muted);
  --tags-disabled-bg: var(--surface-muted);
  --tags-border-color: var(--border-strong);
  --tags-hover-border-color: var(--text-secondary);
  --tags-focus-border-color: var(--accent);
  --tagify-dd-bg-color: var(--surface);
  --tagify-dd-color-primary: var(--accent);
  --tagify-dd-text-color: var(--text);
}
.tagify__dropdown {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: var(--shadow-elevated, 0 8px 24px rgba(0, 0, 0, 0.18));
}
.tagify__dropdown__wrapper {
  background: var(--surface);
}
.tagify__dropdown__item {
  color: var(--text);
}
.tagify__dropdown__item--active,
.tagify__dropdown__item:hover {
  background: var(--accent-hover-bg);
  color: var(--text);
}
.tagify__tag>div::before {
  background-color: var(--tag-bg);
  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: 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;
  background: var(--surface);
  color: var(--text);
  --bg-color: var(--surface);
  --placeholder-color: var(--text-muted);
  --color-tag: var(--text);
  --color-meta: var(--text-secondary);
}
:root[data-theme='dark'] .editor-wrap {
  --bg-color: var(--surface);
}
:root[data-theme='dark'] .editor-wrap .mly-bg-white,
:root[data-theme='dark'] .editor-wrap .mly-bg-gray-100,
:root[data-theme='dark'] .editor-wrap .mly-bg-gray-200,
:root[data-theme='dark'] .editor-wrap .mly-bg-\[\#efefef\],
:root[data-theme='dark'] .editor-wrap [class*='mly-bg-rose-'],
:root[data-theme='dark'] .editor-wrap [class*='mly-bg-blue-'] {
  background-color: var(--surface-muted) !important;
}
:root[data-theme='dark'] .editor-wrap .mly-editor,
:root[data-theme='dark'] .editor-wrap .mly-prose,
:root[data-theme='dark'] .editor-wrap [contenteditable='true'] {
  background-color: transparent !important;
  color: var(--text) !important;
}
.editor-wrap .ProseMirror {
  color: var(--text);
  background: transparent;
}
.editor-wrap .ProseMirror p.is-editor-empty:first-child::before {
  color: var(--text-muted);
}
.toolbar-wrap {
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0;
  inset: 0px auto auto auto;
  background-color: var(--surface);
  color: var(--text);
  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;
  color: var(--text);
  background: transparent;
}
/* Soften maily-to light defaults inside themed editor */
.editor-wrap :is(button, [role='button'], .tippy-box) {
  color: inherit;
}
.toolbar-wrap :is(button, [role='button']) {
  color: var(--text-secondary);
}
.toolbar-wrap :is(button, [role='button']):hover {
  background: var(--surface-muted);
  color: var(--text);
}
/* Email WYSIWYG variable chips */
.maily-variable-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  margin: 0 2px;
  background: var(--accent-soft);
  color: var(--accent-active-text, var(--accent));
  border: 1px solid var(--accent-border);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
  white-space: nowrap;
  cursor: default;
  user-select: none;
  vertical-align: middle;
  line-height: 1.6;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.15s, border-color 0.15s;

  &::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--accent);
    border-radius: 50%;
    margin-right: 5px;
    flex-shrink: 0;
  }
}
.ProseMirror .maily-variable-chip.ProseMirror-selectednode {
  background: var(--accent-hover-bg);
  border-color: var(--accent);
  outline: 2px solid var(--accent-border);
  outline-offset: 1px;
}
:root[data-theme='dark'] .ant-select-dropdown,
:root[data-theme='dark'] .ant-dropdown,
:root[data-theme='dark'] .ant-modal-content,
:root[data-theme='dark'] .ant-popover-inner {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
:root[data-theme='dark'] .ant-select-dropdown .ant-select-item,
:root[data-theme='dark'] .ant-select-item-option {
  color: var(--text) !important;
}
:root[data-theme='dark'] .ant-select-item-option-active:not(.ant-select-item-option-disabled),
:root[data-theme='dark'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--surface-muted) !important;
  color: var(--text) !important;
}
:root[data-theme='dark'] .ant-input,
:root[data-theme='dark'] .ant-select-selector,
:root[data-theme='dark'] .ant-select-selection,
:root[data-theme='dark'] .ant-btn:not(.ant-btn-primary) {
  background: var(--surface-muted) !important;
  border-color: var(--border-field) !important;
  color: var(--text) !important;
}
#root {
  width: 100%;
  height: 100dvh;
  overflow-y: hidden;
  background: var(--bg);
  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;
}
.react-flow {
  background: var(--bg) !important;
}
.react-flow__viewport,
.react-flow__renderer,
.react-flow__pane {
  background: transparent !important;
}
/* AG Charts tooltips — match dashboard donut tooltips */
.ag-chart-tooltip.app-ag-chart-tooltip,
.ag-chart-tooltip {
  background: var(--tooltip-bg) !important;
  color: var(--tooltip-text) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-card) !important;
  border-radius: 6px !important;
}
.ag-chart-tooltip .ag-chart-tooltip-title,
.ag-chart-tooltip .ag-chart-tooltip-content {
  background: var(--tooltip-bg) !important;
  color: var(--tooltip-text) !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_ejgpf_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_ejgpf_44 {
  opacity: 0;
}
._background_ejgpf_48 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._modalWrapper_ejgpf_56 {
  z-index: 1000;
  width: fit-content;
  height: fit-content;
}
._lineConnector_ejgpf_62 {
  position: absolute;
  width: 2px;
  top: -32px;
  height: 33px;
  background-color: var(--border-strong);
}
._addNodeButton_ejgpf_70 {
  padding: 14px 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--surface-muted);
  border: 1px solid var(--border-field);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  color: var(--text);
}
._addNodeButton_ejgpf_70:hover {
  background-color: var(--surface-subtle);
}
._addNodeButton_ejgpf_70 img {
  width: 16px;
  height: 16px;
  align-self: center;
  filter: var(--icon-mono-filter);
}
._addNodeButton_ejgpf_70._circleButton_ejgpf_92 {
  width: 33px;
  height: 33px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--surface);
  border: 2px solid var(--border-strong);
  box-shadow: var(--shadow-sm, 0 3px 12px rgba(0, 0, 0, 0.15));
}
._addNodeButton_ejgpf_70._circleButton_ejgpf_92:hover {
  background-color: var(--surface-subtle);
  transform: scale(1.05);
  box-shadow: var(--shadow-card, 0 4px 14px rgba(0, 0, 0, 0.2));
}
._addNodeButton_ejgpf_70._circleButton_ejgpf_92 img {
  width: 18px;
  height: 18px;
}
._label_ejgpf_111 {
  font-size: 14px;
  color: var(--text-secondary);
  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_x4dxq_29 {
  width: 100%;
  height: fit-content;
  cursor: pointer;
  user-select: none;
  border-radius: var(--radius-md, 9px);
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  padding: 0;
  gap: var(--gap-sm, 8px);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
._linkButton_x4dxq_29 img {
  max-width: none;
}
._hr_x4dxq_49 {
  width: 100%;
  border: none;
  border-top: 1px solid var(--border);
  margin: var(--gap-sm, 8px) 0;
}
._holder_x4dxq_56 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: var(--pad-sm, 8px);
  padding: var(--pad-sm, 8px) var(--pad-sm-plus, 10px);
  border-radius: var(--radius-md, 9px);
  transition: background 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
._holder_x4dxq_56:hover {
  background: var(--nav-gradient-hover);
  box-shadow: inset 0 0 0 1px rgba(95, 82, 243, 0.14);
  color: var(--text-secondary);
}
._holderContainer_x4dxq_72 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._textWrapper_x4dxq_78 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 24px;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
._chevron_x4dxq_88 {
  width: 6px;
  height: 6px;
  margin-left: auto;
  flex-shrink: 0;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  color: var(--text-muted);
  transform: rotate(45deg);
  transition: transform 200ms ease, color 160ms ease;
  opacity: 0.9;
}
._chevronOpen_x4dxq_101 {
  transform: rotate(-135deg);
}
._textHolder_x4dxq_105 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  height: auto;
  line-height: var(--lh-snug, 1.35);
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._iconHolder_x4dxq_117 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: var(--icon-ui, 24px);
  height: var(--icon-ui, 24px);
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._iconHolder_x4dxq_117 img {
  max-width: 24px !important;
}
._iconWrapper_x4dxq_133 {
  position: relative;
  display: inline-flex;
}
._badge_x4dxq_138 {
  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_x4dxq_157 {
  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_x4dxq_172 {
  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_x4dxq_191 {
  opacity: 0.5;
}
._active_x4dxq_195 {
  background: var(--nav-gradient-active);
  color: var(--accent-active-text, var(--text));
  font-weight: var(--fw-semi, 600);
  box-shadow: inset 0 0 0 1px rgba(95, 82, 243, 0.12);
}
._active_x4dxq_195:hover {
  background: var(--nav-gradient-active);
  box-shadow: inset 0 0 0 1px rgba(95, 82, 243, 0.12);
  color: var(--accent-active-text, var(--text));
}
._disabled_x4dxq_207 {
  background-color: var(--scss-disabledBackground, rgba(255, 255, 255, 0.5137254902));
  width: 100%;
  height: fit-content;
  user-select: none;
  border-radius: var(--radius-md, 9px);
  display: flex;
  align-items: center;
  color: var(--scss-disabled-text-color, rgba(177, 177, 177, 0.8235294118));
  padding: var(--pad-sm, 8px) var(--pad-sm-plus, 10px);
  gap: var(--pad-sm, 8px);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  pointer-events: none;
  cursor: default;
}
._disabled_x4dxq_207 :hover {
  background-color: none;
}
._notCollapsedText_x4dxq_229 {
  display: flex;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  height: auto;
  line-height: var(--lh-snug, 1.35);
  white-space: nowrap;
  text-wrap: nowrap;
}
._linkButtonCollapsed_x4dxq_240 {
  justify-content: center;
  width: var(--sidebar-nav-item-size-collapsed, 44px);
  align-self: center;
}
._linkButtonCollapsed_x4dxq_240 ._holder_x4dxq_56 {
  justify-content: center;
  width: var(--sidebar-nav-item-size-collapsed, 44px);
  height: var(--sidebar-nav-item-size-collapsed, 44px);
  padding: 0;
}
._linkButtonCollapsed_x4dxq_240 ._textHolder_x4dxq_105,
._linkButtonCollapsed_x4dxq_240 ._textWrapper_x4dxq_78 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._linkButton_x4dxq_29,
  ._linkButtonCollapsed_x4dxq_240 {
    justify-content: stretch;
    width: 100%;
    align-self: stretch;
  }
  ._linkButton_x4dxq_29 ._holder_x4dxq_56,
  ._linkButtonCollapsed_x4dxq_240 ._holder_x4dxq_56 {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding: var(--pad-sm, 8px) var(--pad-sm-plus, 10px);
  }
  ._textHolder_x4dxq_105,
  ._textWrapper_x4dxq_78 {
    display: flex;
  }
}
._submenu_x4dxq_275 {
  width: 100%;
  border-radius: var(--radius-md, 9px);
  margin-top: 0;
  margin-inline-start: var(--gap-xl, 20px);
  background: var(--accent-tint, rgba(107, 92, 231, 0.07));
  padding: var(--pad-xs, 6px);
}
._linkButtonCollapsed_x4dxq_240 ._submenu_x4dxq_275 {
  margin-inline-start: 0;
}
._submenu_x4dxq_275 ._linkButton_x4dxq_29 {
  gap: var(--pad-sm, 8px);
  margin-left: 0;
}
._submenu_x4dxq_275 ._linkButton_x4dxq_29 ._holder_x4dxq_56 {
  width: 100%;
  gap: var(--pad-sm, 8px);
  padding: calc(var(--pad-xs, 6px) + 1px) var(--pad-sm, 8px);
  margin-left: 0;
}
._submenu_x4dxq_275 ._linkButton_x4dxq_29 ._holder_x4dxq_56 ._iconHolder_x4dxq_117 {
  display: flex;
  width: 24px;
  height: 24px;
}
._submenu_x4dxq_275 ._linkButton_x4dxq_29 ._holder_x4dxq_56 ._iconHolder_x4dxq_117 img {
  max-width: 24px !important;
}
._submenu_x4dxq_275 ._linkButton_x4dxq_29 ._holder_x4dxq_56 ._textHolder_x4dxq_105 {
  font-size: var(--fs-sm, 12px);
  line-height: var(--lh-snug, 1.35);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1irvr_29 {
  color: var(--text);
}
._eventToolForm__title_1irvr_32 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  margin-bottom: 0.7rem;
  color: var(--text);
}
._eventToolForm__description_1irvr_41 {
  font-family: "Roboto";
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-secondary);
  margin: -0.25rem 0 1rem;
  padding: 0.75rem 1rem;
  background: var(--surface-muted);
  border: 1px solid var(--border-field);
  border-radius: 10px;
}
._eventToolForm__timeoutRow_1irvr_52 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background-color: var(--surface-muted);
  color: var(--text);
}
._eventToolForm__subTitle_1irvr_63 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--text);
}
._eventToolForm__selectedOption_1irvr_71 {
  border-radius: 10px !important;
}
._eventToolForm__options_1irvr_74 {
  min-width: 155px !important;
  z-index: 11111 !important;
  top: 100% !important;
}
._eventToolForm__header_1irvr_79 {
  padding: 0.8rem 1.8rem;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  background-color: var(--surface-muted);
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  color: var(--text);
}
._eventToolForm__container_1irvr_91 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._eventToolForm__label_1irvr_97 {
  font-weight: 500;
  font-family: "Roboto";
  font-size: 1rem;
  color: var(--text);
}
._ddContainer_1irvr_104 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  color: var(--text);
}
._ddContainer_1irvr_104 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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: var(--text);
}
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: var(--scrollbar-thumb);
  border-radius: 16px;
  border: 4px solid var(--scrollbar-thumb-border);
}
*::-webkit-scrollbar-button {
  display: none;
}
*::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}
.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 {
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: var(--surface-table-header, var(--surface-muted));
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  color: var(--text);
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 16px;
}
.columnHeader__first {
  border-left: 1px solid var(--border);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.columnHeader__last {
  border-right: 1px solid var(--border);
  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_a4rrz_29 {
  display: flex;
  flex-direction: column;
}
._Account_a4rrz_34 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  /* Matches v12 `.agent-profile-btn .material-symbols-outlined` (expand_more) */
}
._Account__avatar_a4rrz_42 {
  /* Matches v12 `.agent-profile-btn` */
  padding: 0 var(--pad-sm, 8px) 0 calc(var(--pad-tight, 4px) - 1px);
  width: auto;
  min-width: 68px;
  height: var(--app-header-control-height, 36px);
  border-radius: var(--radius-pill, 999px);
  background-color: var(--surface-muted);
  border: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
  gap: var(--gap-xs, 6px);
  box-sizing: border-box;
}
._Account_a4rrz_34 ._statusIndicator_a4rrz_59 {
  position: absolute;
  top: -4px;
  right: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  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_a4rrz_73 {
  width: var(--icon-ui, 24px);
  height: var(--icon-ui, 24px);
  font-size: var(--icon-ui, 24px);
  color: var(--text-muted);
  flex-shrink: 0;
  display: block;
}
._titleHolder_a4rrz_82 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
._title_a4rrz_82 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--text);
}
._userInfoHolder_a4rrz_98 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  border-bottom: 1px solid var(--border, #eaeef4);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  gap: 4px;
}
._email_a4rrz_111 {
  width: fit-content;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: var(--text-secondary, #727272);
}
._balanceLabel_a4rrz_121 {
  display: none;
  width: fit-content;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: var(--text-secondary, #727272);
}
@media screen and (max-width: 480px) {
  ._balanceLabel_a4rrz_121 {
    display: flex;
  }
}
._dropdown_a4rrz_137 {
  min-width: 235px;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  color: var(--text);
  border-radius: 10px;
  border: 1px solid var(--border-strong, #9ca3b0);
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--surface, #fff);
  box-shadow: var(--shadow-dropdown);
}
._dropdown__option_a4rrz_152 {
  min-width: 10rem;
  padding: 0.5rem;
  border-radius: 5px;
  cursor: pointer;
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--text);
}
._dropdown__option_a4rrz_152 svg {
  color: var(--text);
  flex-shrink: 0;
}
._dropdown__option_a4rrz_152:hover {
  background-color: var(--surface-accent, #d9e0ec);
}
._dropdownIconGray_a4rrz_171 {
  color: var(--text-secondary, #727272);
  filter: var(--icon-mono-filter);
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
}
._iconsContainer_a4rrz_179 {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  gap: 5px;
}
._iconsContainer_a4rrz_179:hover {
  background-color: var(--surface-accent);
}
._iconHolder_a4rrz_193 {
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._logoutSpan_a4rrz_201 {
  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: var(--text);
  cursor: pointer;
}
._section_a4rrz_214 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0.75rem 1.5rem;
}
._sectionHeading_a4rrz_221 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
._itemRow_a4rrz_229 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._itemLabel_a4rrz_235 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}
._itemText_a4rrz_242 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text-secondary, #727272);
}
._divider_a4rrz_248 {
  width: 100%;
  height: 1px;
  background-color: var(--border, #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_1ly58_29 {
  margin: 0;
  padding: 0;
  /* font-family: "Roboto", sans-serif; */
  color: var(--text);
  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_1ly58_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;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_vwjs7_29 {
  width: 100%;
  height: 100%;
  overflow: auto;
  container-type: inline-size;
}
._table_vwjs7_36 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--surface, #ffffff);
}
._table_vwjs7_36:has(._emptyCell_vwjs7_42) {
  height: 100%;
}
._headCell_vwjs7_46 {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0;
  border-bottom: 1px solid var(--border, #eceff6);
  background: var(--table-header-bg, #f4f6fb);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
._headInner_vwjs7_58 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 44px;
  padding: 0 16px;
}
._headInnerCenter_vwjs7_67 {
  justify-content: center;
}
._headInnerCenter_vwjs7_67 ._sortButton_vwjs7_70 {
  flex: 0 1 auto;
}
._headLabel_vwjs7_74 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, #9098b1);
  transition: color 140ms ease;
}
._sortButton_vwjs7_70 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
._sortButton_vwjs7_70:hover ._headLabel_vwjs7_74 {
  color: var(--text, #1f2435);
}
._sortButton_vwjs7_70 svg._sortIcon_vwjs7_102 {
  width: 14px;
  height: 14px;
  font-size: 14px;
  flex-shrink: 0;
  color: var(--text-muted, #9098b1);
}
._sortButton_vwjs7_70 svg._sortIconActive_vwjs7_109 {
  color: var(--dt-accent, var(--accent, #6b5ce7));
}
._row_vwjs7_113 {
  height: 48px;
  color: inherit;
  text-decoration: none;
  transition: background 140ms ease;
}
._row_vwjs7_113:hover ._cell_vwjs7_119 {
  background: var(--table-row-hover-bg, #f8f9fc);
}
._cell_vwjs7_119 {
  height: 48px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border, #eceff6);
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.35;
  color: var(--text, #1f2435);
  transition: background 140ms ease;
}
._cellText_vwjs7_137 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}
td._cellLinked_vwjs7_144 {
  padding: 0;
}
a._cellLink_vwjs7_144 {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 8px 16px;
  color: inherit;
  text-decoration: none;
}
a._cellLink_vwjs7_144:hover, a._cellLink_vwjs7_144:active, a._cellLink_vwjs7_144:visited {
  color: inherit;
}
._emptyCell_vwjs7_42 {
  height: 100%;
  padding: 0;
  border-bottom: 0;
}
._emptyState_vwjs7_166 {
  display: grid;
  place-items: center;
  position: sticky;
  left: 0;
  width: 100cqw;
  height: 100%;
  min-height: 184px;
  padding: 30px 16px;
  font-family: "Roboto";
  color: var(--text-secondary, #525a73);
  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;
}
._badge_ys3yw_29 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
._success_ys3yw_42 {
  background: var(--chip-ok-bg);
  color: var(--chip-ok-text);
  border: 1px solid var(--chip-ok-border);
}
._info_ys3yw_48 {
  background: var(--chip-info-bg, var(--chip-accent-bg));
  color: var(--chip-info-text, var(--accent));
  border: 1px solid var(--chip-info-border, var(--chip-accent-border));
}
._warning_ys3yw_54 {
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
  border: 1px solid var(--chip-warn-border);
}
._danger_ys3yw_60 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  border: 1px solid var(--chip-err-border);
}
._unknown_ys3yw_66 {
  background: var(--chip-neutral-bg, var(--chip-meta-bg));
  color: var(--chip-neutral-text, var(--text-secondary));
  border: 1px solid var(--chip-neutral-border, var(--chip-meta-border));
}
._muted_ys3yw_72 {
  padding: 1px 10px;
  background: var(--chip-meta-bg);
  color: var(--chip-neutral-text, var(--text-secondary));
  border: 1px solid var(--chip-meta-border);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.35;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._columnsMenu_o0dy3_29 {
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._columnsMenu_o0dy3_29 {
    flex: 1 1 0;
    min-width: 0;
  }
  ._columnsMenu_o0dy3_29 > button {
    width: 100%;
    justify-content: center;
  }
}
._trigger_o0dy3_44 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
._trigger_o0dy3_44:hover, ._trigger_o0dy3_44._triggerOpen_o0dy3_62 {
  border-color: var(--cm-accent-hover-border, var(--accent-hover-border));
  box-shadow: 0 0 0 3px var(--cm-accent-tint, var(--accent-tint));
}
._trigger_o0dy3_44:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._trigger_o0dy3_44:disabled:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}
svg._triggerIcon_o0dy3_75 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
}
._menu_o0dy3_82 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 55;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-height: 380px;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
}
._menuFlipped_o0dy3_98 {
  right: auto;
  left: 0;
}
._items_o0dy3_103 {
  min-height: 0;
  overflow-y: auto;
}
._divider_o0dy3_108 {
  height: 1px;
  margin: 6px 0;
  flex-shrink: 0;
  background: var(--border);
}
._footer_o0dy3_115 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 8px 4px 4px;
  margin-top: 6px;
  border-top: 1px solid var(--border);
}
._applyButton_o0dy3_124 {
  min-width: 84px;
  height: 36px;
  padding: 0 16px;
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
  border-radius: 50px;
  background: var(--btn-primary-bg, var(--btn-dark));
  color: var(--btn-primary-text, var(--on-dark-surface));
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}
._applyButton_o0dy3_124:hover:not(:disabled) {
  background: var(--surface);
  color: var(--btn-primary-bg, var(--btn-dark));
  border-color: var(--btn-primary-bg, var(--btn-dark));
}
._applyButton_o0dy3_124:disabled {
  cursor: not-allowed;
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--btn-disabled);
}
._item_o0dy3_103 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-family: "Roboto";
  font-size: 12.5px;
  line-height: normal;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease;
}
._item_o0dy3_103:hover {
  background: var(--surface-muted);
}
._item_o0dy3_103._itemDisabled_o0dy3_171 {
  cursor: not-allowed;
  color: var(--text-muted);
}
._itemCheckbox_o0dy3_176 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}
._itemCheckbox_o0dy3_176 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._itemCheckbox_o0dy3_176 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: var(--text-muted);
}
._itemCheckbox_o0dy3_176 .Mui-checked path[fill="#1F1F1F"] {
  fill: var(--cm-accent, var(--accent));
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._pagination_k77fh_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 20px 12px 18px;
  background: var(--surface, #ffffff);
  border-top: 1px solid var(--border, #eceff6);
  color: var(--text, #1f2435);
  font-family: "Roboto";
  font-size: 13px;
  font-variant-numeric: normal;
  line-height: normal;
}
._info_k77fh_45 {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-secondary, #525a73);
  font-size: 12.5px;
  line-height: normal;
}
._label_k77fh_54 {
  font-family: inherit;
  font-size: 12.5px;
  color: inherit;
  line-height: normal;
}
._pageSizeSelect_k77fh_61 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._select_k77fh_67 {
  position: relative;
}
._selectTrigger_k77fh_71 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border-strong, #e8ecf4);
  border-radius: 6px;
  background: var(--surface, #ffffff);
  color: var(--text, #1f2435);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
._selectTrigger_k77fh_71:hover:not(:disabled) {
  background: var(--surface-subtle, #f8f9fc);
}
._selectTrigger_k77fh_71:focus-visible {
  outline: 0;
  border-color: var(--pg-accent-hover-border, var(--accent-hover-border, #cfc8ff));
  box-shadow: 0 0 0 3px var(--pg-accent-tint, var(--accent-tint, rgba(107, 92, 231, 0.07)));
}
._selectTriggerOpen_k77fh_97 {
  border-color: var(--pg-accent-hover-border, var(--accent-hover-border, #cfc8ff));
  box-shadow: 0 0 0 3px var(--pg-accent-tint, var(--accent-tint, rgba(107, 92, 231, 0.07)));
}
._selectChevron_k77fh_102 {
  width: 16px;
  height: 16px;
  color: var(--text, #1f2435);
  transition: transform 160ms ease;
}
._selectTriggerOpen_k77fh_97 ._selectChevron_k77fh_102 {
  transform: rotate(180deg);
}
._selectMenu_k77fh_112 {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  z-index: 130;
  min-width: 72px;
  width: max-content;
  max-height: 320px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--border, #eceff6);
  border-radius: 12px;
  background: var(--surface, #ffffff);
  box-shadow: var(--pg-shadow-menu, var(--shadow-dropdown, 0 8px 22px rgba(16, 28, 64, 0.1)), var(--shadow, 0px 4px 20px rgba(107, 94, 255, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.04)));
}
._selectOption_k77fh_128 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text, #1f2435);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  cursor: pointer;
  transition: background 140ms ease;
}
._selectOption_k77fh_128:hover {
  background: var(--surface-muted, #f3f4fb);
}
._selectOptionSelected_k77fh_151 {
  background: var(--surface-muted, #f3f4fb);
  font-weight: 700;
}
._selectOptionSelected_k77fh_151 ._selectOptionCheck_k77fh_155 {
  visibility: visible;
}
._selectOptionCheck_k77fh_155 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  visibility: hidden;
  color: var(--text-secondary, #525a73);
}
._itemsRange_k77fh_167 {
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  line-height: normal;
}
._controls_k77fh_173 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
._arrowButton_k77fh_180 {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary, #525a73);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._arrowButton_k77fh_180:hover:not(:disabled) {
  background: var(--surface-muted, #f3f4fb);
  color: var(--text, #1f2435);
}
._arrowButton_k77fh_180:disabled {
  color: var(--text-muted, #9098b1);
  opacity: 0.45;
  cursor: not-allowed;
}
._arrowIcon_k77fh_202 {
  width: 20px;
  height: 20px;
}
._pageNumbers_k77fh_207 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 6px;
}
._pageNumber_k77fh_207 {
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary, #525a73);
  font-family: inherit;
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  line-height: normal;
  cursor: pointer;
}
._pageNumber_k77fh_207:hover:not(:disabled) {
  background: var(--surface-muted, #f3f4fb);
  color: var(--text, #1f2435);
}
._pageNumberActive_k77fh_235 {
  background: var(--pg-accent, var(--accent, #6b5ce7));
  color: var(--on-dark-surface, #ffffff);
  font-weight: 600;
}
._pageNumberActive_k77fh_235:hover:not(:disabled) {
  background: var(--pg-accent, var(--accent, #6b5ce7));
  color: var(--on-dark-surface, #ffffff);
}
._ellipsis_k77fh_245 {
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 32px;
  color: var(--text-muted, #9098b1);
  font-family: inherit;
  font-size: 13px;
  line-height: normal;
}
._goTo_k77fh_256 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  padding-left: 12px;
  border-left: 1px solid var(--border, #eceff6);
  color: var(--text-secondary, #525a73);
  font-size: 12.5px;
  line-height: normal;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  ._goTo_k77fh_256 {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}
._goToInput_k77fh_276 {
  width: 48px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid var(--border-strong, #e8ecf4);
  border-radius: 6px;
  background: var(--surface, #ffffff);
  color: var(--text, #1f2435);
  font-family: inherit;
  font-size: 12.5px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
._goToInput_k77fh_276:focus-visible {
  outline: 0;
  border-color: var(--pg-accent-hover-border, var(--accent-hover-border, #cfc8ff));
  box-shadow: 0 0 0 3px var(--pg-accent-tint, var(--accent-tint, rgba(107, 92, 231, 0.07)));
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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;
}._popover_1opc7_1 {
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
}

._arrow_1opc7_11 {
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--surface);
  transform: rotate(45deg);
  pointer-events: none;
}

._popover_1opc7_1[data-placement^=bottom] ._arrow_1opc7_11 {
  top: -7px;
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

._popover_1opc7_1[data-placement^=top] ._arrow_1opc7_11 {
  bottom: -7px;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._group_1dv3s_29 {
  display: contents;
}
._value_1dv3s_33, ._operator_1dv3s_33, ._token_1dv3s_33 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}
._token_1dv3s_33 {
  background: rgba(var(--text-muted-rgb), 0.12);
  border: 1px solid transparent;
  color: var(--text-secondary);
  font-weight: 600;
}
._operator_1dv3s_33 {
  justify-content: center;
  padding-inline: 7px;
  background: rgba(var(--text-muted-rgb), 0.12);
  border: 1px solid transparent;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
._value_1dv3s_33 {
  padding-right: 6px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  color: var(--text);
  max-width: min(260px, 100%);
}
._valueText_1dv3s_75 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: inherit;
  line-height: inherit;
}
._remove_1dv3s_84 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 2px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
._remove_1dv3s_84::before {
  content: "";
  position: absolute;
  inset: -5px;
}
._remove_1dv3s_84 span {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  transform: translateY(-0.5px);
}
._remove_1dv3s_84:hover {
  background: rgba(var(--text-muted-rgb), 0.14);
  color: var(--text-secondary);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._bar_sswux_29 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 360px;
  min-width: 280px;
  min-height: 40px;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: var(--surface);
  color: var(--text-secondary);
  box-shadow: var(--shadow-sm);
  cursor: text;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
._bar_sswux_29:focus-within, ._bar_sswux_29._barOpen_sswux_46 {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  box-shadow: 0 0 0 3px var(--sf-accent-tint, var(--accent-tint)), var(--shadow-sm);
}
._datePickerScope_sswux_51 {
  display: contents;
}
._history_sswux_55 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  height: 30px;
  padding: 0 6px;
  margin-left: -6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
._history_sswux_55:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._historyOpen_sswux_75 {
  background: var(--sf-accent-soft, var(--surface-accent-soft));
  color: var(--sf-accent, var(--accent));
}
._historyOpen_sswux_75 ._historyCaret_sswux_79 {
  color: var(--sf-accent, var(--accent));
}
svg._historyIcon_sswux_83 {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
svg._historyCaret_sswux_79 {
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--text-muted);
  transition: transform 160ms ease, color 140ms ease;
}
._historyCaretOpen_sswux_97 {
  transform: rotate(180deg);
}
._barDivider_sswux_101 {
  width: 1px;
  align-self: stretch;
  margin: 7px 0;
  background: var(--border-strong);
  flex-shrink: 0;
}
svg._searchIcon_sswux_109 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._editor_sswux_117 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 0;
  gap: 6px;
  padding: 5px 0;
}
._inputHolder_sswux_127 {
  display: flex;
  flex: 1 1 160px;
  min-width: 120px;
  overflow: hidden;
}
._inputHolderCompact_sswux_134 {
  flex-basis: 0;
  min-width: 0;
}
._input_sswux_127 {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  height: 28px;
  padding-left: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-family: "Roboto";
  font-size: 13.5px;
  outline: 0;
}
._input_sswux_127::placeholder {
  color: var(--text-secondary);
  opacity: 0.72;
}
._inputQuietPlaceholder_sswux_157::placeholder {
  color: transparent;
}
._roundButton_sswux_161 {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(var(--text-muted-rgb), 0.14);
  color: var(--text-secondary);
  cursor: pointer;
}
._roundButton_sswux_161 svg {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
._roundButton_sswux_161:hover:not(:disabled) {
  background: var(--surface-muted);
  color: var(--text);
}
._roundButton_sswux_161:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
._popover_sswux_187 {
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1fgkt_29 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(320px, 100vw - 48px);
  max-height: 420px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
  overflow: hidden;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
}
._head_1fgkt_47 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 0 6px;
  border-bottom: 1px solid var(--border);
}
._head_1fgkt_47 strong {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}
._back_1fgkt_60 {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
._back_1fgkt_60 svg {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
._back_1fgkt_60:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._options_1fgkt_83 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow: auto;
}
._groupWrap_1fgkt_91 {
  display: contents;
}
._option_1fgkt_83 {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
._option_1fgkt_83 strong {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._option_1fgkt_83:hover:not(._optionDisabled_1fgkt_119), ._option_1fgkt_83._optionSelected_1fgkt_119, ._option_1fgkt_83._optionFlyoutOpen_1fgkt_119 {
  border-color: var(--sf-option-border, var(--accent-border-soft));
  background: var(--sf-option-bg, var(--accent-tint));
}
._option_1fgkt_83:hover:not(._optionDisabled_1fgkt_119) ._optionIcon_1fgkt_123, ._option_1fgkt_83._optionFlyoutOpen_1fgkt_119 ._optionIcon_1fgkt_123 {
  color: var(--sf-accent-hover, var(--accent-hover));
}
._optionDisabled_1fgkt_119 {
  cursor: not-allowed;
  opacity: 0.45;
}
._optionGroup_1fgkt_132 {
  justify-content: space-between;
}
svg._optionIcon_1fgkt_123 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-muted);
}
svg._optionChevron_1fgkt_144 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--text-muted);
}
._check_1fgkt_152 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}
._check_1fgkt_152 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._check_1fgkt_152 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: var(--text-muted);
}
._check_1fgkt_152 .Mui-checked path[fill="#1F1F1F"] {
  fill: var(--sf-accent, var(--accent));
}
._divider_1fgkt_171 {
  height: 1px;
  margin: 8px 0;
  background: var(--border);
}
._empty_1fgkt_177 {
  padding: 12px;
  border: 1px dashed var(--border);
  border-radius: 8px;
  color: var(--text-muted);
  font-size: 12px;
  text-align: center;
}
._foot_1fgkt_186 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}
._doneButton_1fgkt_195 {
  min-width: 92px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
  border-radius: 50px;
  background: var(--btn-primary-bg, var(--btn-dark));
  color: var(--btn-primary-text, var(--on-dark-surface));
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}
._doneButton_1fgkt_195:hover:not(:disabled) {
  background: var(--surface);
  color: var(--btn-primary-bg, var(--btn-dark));
  border-color: var(--btn-primary-bg, var(--btn-dark));
}
._doneButton_1fgkt_195:disabled {
  cursor: not-allowed;
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--btn-disabled);
}
._flyout_1fgkt_222 {
  z-index: 65;
  width: 220px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
}
@media (max-width: 760px) {
  ._dropdown_1fgkt_29 {
    width: min(96vw, 340px);
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._pill_1r641_29 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}
._pill_1r641_29:hover {
  border-color: var(--border-strong);
  background: var(--surface-muted);
  color: var(--text);
}
._pillActive_1r641_52 {
  border-color: var(--sf-accent-border, var(--accent-border));
  background: var(--sf-accent-soft, var(--surface-accent-soft));
  color: var(--sf-accent, var(--accent));
}
._pillSaved_1r641_58 {
  padding-right: 6px;
  cursor: default;
}
._pillLabel_1r641_63 {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  cursor: pointer;
}
._pillActions_1r641_72 {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 6px;
}
._pillAction_1r641_72 {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
._pillAction_1r641_72 svg {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
._pillAction_1r641_72:hover {
  background: rgba(var(--text-muted-rgb), 0.14);
  color: var(--text);
}
._pillActionDanger_1r641_101:hover {
  background: rgba(239, 68, 68, 0.1);
  color: var(--danger);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._presets_xti6y_29 {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  gap: 8px;
  min-width: 0;
}
._label_xti6y_37 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
  font-family: "Roboto";
}
._pillList_xti6y_46 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._presets_jwvz4_29 {
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._presets_jwvz4_29 {
    flex: 1 1 0;
    min-width: 0;
  }
}
._trigger_jwvz4_40 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
@media screen and (max-width: 480px) {
  ._trigger_jwvz4_40 {
    width: 100%;
    justify-content: center;
  }
}
._trigger_jwvz4_40:hover, ._trigger_jwvz4_40._triggerOpen_jwvz4_64 {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  box-shadow: 0 0 0 3px var(--sf-accent-tint, var(--accent-tint));
}
svg._triggerIcon_jwvz4_69 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
}
svg._caret_jwvz4_76 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
  transition: transform 160ms ease;
}
._caretOpen_jwvz4_84 {
  transform: rotate(180deg);
}
._menu_jwvz4_88 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 55;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: min(360px, 90vw);
  max-height: min(480px, 100vh - 200px);
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
  font-family: "Roboto";
}
._menuFlipped_jwvz4_107 {
  right: auto;
  left: 0;
}
._section_jwvz4_112 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionHead_jwvz4_118 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._sectionLabel_jwvz4_125 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
._menuDivider_jwvz4_131 {
  height: 1px;
  background: var(--border-strong);
  flex-shrink: 0;
}
._pillList_jwvz4_137 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
._saveButton_jwvz4_143 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--sf-accent, var(--accent));
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}
._saveButton_jwvz4_143:hover:not(:disabled) {
  background: var(--sf-accent-soft, var(--surface-accent-soft));
}
._saveButton_jwvz4_143:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
svg._saveButtonIcon_jwvz4_167 {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
._savedEmpty_jwvz4_173 {
  font-size: 12px;
  color: var(--text-muted);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
div._paper_el4e2_29 {
  width: min(520px, 100%);
  max-width: 520px;
  max-height: min(620px, 100vh - 48px);
  margin: 24px;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--sf-shadow-modal, var(--shadow-modal));
  overflow: hidden;
}
._modal_el4e2_40 {
  display: flex;
  flex-direction: column;
  font-family: "Roboto";
  color: var(--text);
}
._head_el4e2_47 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
}
._title_el4e2_55 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--text);
}
._subtitle_el4e2_63 {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-muted);
}
._close_el4e2_70 {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  margin-left: auto;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}
._close_el4e2_70 svg {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
._close_el4e2_70:hover {
  background: var(--surface-muted);
  border-color: var(--border);
}
._body_el4e2_94 {
  display: grid;
  gap: 14px;
  padding: 18px;
  overflow: auto;
}
._field_el4e2_101 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._field_el4e2_101 span {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._field_el4e2_101 input,
._field_el4e2_101 textarea {
  width: 100%;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
._field_el4e2_101 input:focus-visible,
._field_el4e2_101 textarea:focus-visible {
  outline: 0;
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  box-shadow: 0 0 0 3px var(--sf-accent-tint, var(--accent-tint));
}
._field_el4e2_101 input::placeholder,
._field_el4e2_101 textarea::placeholder {
  color: var(--text-muted);
  font-weight: 400;
}
._field_el4e2_101 input {
  height: 40px;
  padding: 0 12px;
}
._field_el4e2_101 textarea {
  min-height: 78px;
  max-height: 220px;
  padding: 10px 12px;
  line-height: 1.5;
  resize: vertical;
}
small._counter_el4e2_149 {
  align-self: flex-end;
  font-size: 11.5px;
  line-height: 1.35;
  color: var(--text-muted);
}
._preview_el4e2_156 {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-subtle);
}
._previewLabel_el4e2_163 {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._previewChips_el4e2_173 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
._foot_el4e2_182 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--border);
  background: var(--surface-subtle);
}
._secondaryButton_el4e2_192, ._primaryButton_el4e2_192 {
  min-width: 92px;
  height: 42px;
  padding: 0 18px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}
._primaryButton_el4e2_192 {
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
  background: var(--btn-primary-bg, var(--btn-dark));
  color: var(--btn-primary-text, var(--on-dark-surface));
}
._primaryButton_el4e2_192:hover:not(:disabled) {
  background: var(--surface);
  color: var(--btn-primary-bg, var(--btn-dark));
  border-color: var(--btn-primary-bg, var(--btn-dark));
}
._primaryButton_el4e2_192:disabled {
  cursor: not-allowed;
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--btn-disabled);
}
._secondaryButton_el4e2_192 {
  border: 1px solid var(--btn-primary-bg, var(--btn-dark));
  background: var(--surface);
  color: var(--text);
}
._secondaryButton_el4e2_192:hover {
  background: var(--surface-muted);
}._smartFilter_19zm4_1 {
  position: relative;
  z-index: 30;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._smartFilter_19zm4_1 > ._barWrap_19zm4_11 {
    flex-basis: 100%;
  }
}
._barWrap_19zm4_11 {
  position: relative;
  display: flex;
  flex: 1 1 360px;
  min-width: 280px;
}
._disabled_19zm4_23 {
  opacity: 0.6;
  pointer-events: none;
}._fancyButtonBorderContainer_gqlqu_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 36px;
  position: relative;
  z-index: 1;
}

._fancyButton_gqlqu_1, ._fancyButtonNoMenu_gqlqu_11 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 24px;
  border: none;
  border-radius: 32px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 2px 8px 0 var(--border);
  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_gqlqu_11 {
  padding: 10px 24px 10px 24px;
  justify-content: center;
}

._disabled_gqlqu_40 {
  background: var(--btn-disabled);
  color: var(--text-muted);
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
  filter: grayscale(0.2) brightness(0.97);
}

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

._arrow_gqlqu_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_gqlqu_1[aria-expanded=true] ._arrow_gqlqu_58, [aria-expanded=true]._fancyButtonNoMenu_gqlqu_11 ._arrow_gqlqu_58 {
  transform: rotate(180deg);
}

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

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

._animation10_gqlqu_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_gqlqu_1 2s ease-in-out infinite alternate;
}

._fancyButtonBorderContainer_gqlqu_1:hover ._animation10_gqlqu_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_gqlqu_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_17m9i_29 {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  position: relative;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
@media screen and (max-width: 1220px) {
  ._wrapper_17m9i_29 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 834px) {
  ._wrapper_17m9i_29 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_17m9i_29 {
    width: 100%;
    gap: 4px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
._button_17m9i_62 {
  position: relative;
  z-index: 1;
  margin-top: 0;
  border-radius: 0;
  padding: 0 var(--pad-lg, 16px);
  min-width: calc(fit-content + 10px);
  height: var(--tab-primary-height, 44px);
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-base-plus, 13.5px);
  font-weight: var(--fw-medium, 500);
  letter-spacing: 0;
  font-family: "Roboto";
  border: none;
  background: transparent;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}
@media screen and (max-width: 1220px) {
  ._button_17m9i_62 {
    padding: 0 var(--pad-md, 12px);
  }
}
@media screen and (max-width: 834px) {
  ._button_17m9i_62 {
    padding: 0 3%;
  }
}
._button_17m9i_62:hover:not(._disactive_17m9i_94) {
  background: transparent;
}
._button_17m9i_62:hover._disactive_17m9i_94 {
  color: var(--text-secondary);
  background: var(--surface-muted);
}
._button_17m9i_62._disactive_17m9i_94 {
  background-color: transparent;
  color: var(--text-secondary);
  font-weight: var(--fw-medium, 500);
  border: none;
}
@media screen and (max-width: 480px) {
  ._button_17m9i_62 {
    height: fit-content;
    text-wrap: nowrap;
    line-height: 16px;
    margin: 0;
    font-size: 14px;
    padding: 12px 14px;
  }
}
._button_17m9i_62:not(._disactive_17m9i_94)::after {
  content: "";
  position: absolute;
  left: var(--pad-lg, 16px);
  right: var(--pad-lg, 16px);
  bottom: -1px;
  height: var(--tab-indicator-height, 2px);
  border-radius: 2px 2px 0 0;
  background: var(--active-tab-color, var(--accent-gradient));
  z-index: 2;
}
@media screen and (max-width: 480px) {
  ._button_17m9i_62:not(._disactive_17m9i_94)::after {
    left: 14px;
    right: 14px;
  }
}
._container_17m9i_136 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--pad-sm, 8px);
}
._buttonLabel_17m9i_143 {
  font-family: "Roboto";
  font-size: var(--fs-base-plus, 13.5px);
  font-weight: var(--fw-semi, 600);
  color: var(--active-tab-color, var(--text));
  margin-top: 0;
  text-wrap: nowrap;
}
._buttonLabel_17m9i_143._disactive_17m9i_94 {
  font-weight: var(--fw-medium, 500);
  color: var(--text-secondary);
}
._errorBadge_17m9i_156 {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background-color: var(--danger);
  color: var(--color-white, #fff);
  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: var(--shadow-sm);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1lao4_29 {
  display: flex;
  align-items: center;
  max-width: 500px;
  border-bottom: 1px solid var(--border-field);
  gap: 24px;
}
._button_1lao4_37 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  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_1lao4_54 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._icon_1lao4_60 {
  width: 18px;
  height: 18px;
  display: block;
  filter: var(--square-tab-icon-filter);
  flex-shrink: 0;
}
._label_1lao4_68 {
  white-space: nowrap;
}
._button_1lao4_37._active_1lao4_72 {
  font-weight: 700;
  color: var(--square-tabs-active-color, var(--accent));
}
._button_1lao4_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--pad-md, 12px);
  right: var(--pad-md, 12px);
  width: auto;
  height: 0;
}
._button_1lao4_37._active_1lao4_72::after {
  height: var(--tab-indicator-height, 2px);
  border-radius: 2px 2px 0 0;
  background: var(--square-tabs-active-color, var(--accent-gradient));
  transition: height 0.3s ease, width 0.3s ease;
}
._button_1lao4_37._disabled_1lao4_94 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_1lao4_37._invalid_1lao4_101 {
  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_1epyd_29 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  font-family: "Roboto", serif;
}
._disabled_1epyd_40 {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  background-color: var(--surface-accent, #d9e0ec);
  color: var(--text-muted);
  opacity: 0.5;
  border-radius: 50px;
  cursor: default;
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
  border: 1px solid var(--border-field, #d8dbdf);
}
._selectedValue_1epyd_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 var(--border-field, #d8dbdf);
  border-radius: 50px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  gap: 0.5rem;
  font-family: "Roboto", serif;
  font-size: 14px;
  overflow: hidden;
}
._selectedValue_1epyd_59 svg {
  min-width: 19px;
  min-height: 18px;
}
._arrowIcon_1epyd_81 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: var(--text) transparent transparent transparent;
  margin-left: 8px;
  transition-duration: 200ms;
}
._arrowUp_1epyd_91 {
  transform: rotate(180deg);
}
._options_1epyd_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: var(--surface, #fff);
  top: 100%;
  box-shadow: var(--shadow-dropdown);
}
@media screen and (max-width: 480px) {
  ._options_1epyd_95 {
    left: 0 !important;
    min-width: 170px;
  }
}
._options__top_1epyd_114 {
  top: 0;
  transform: translateY(-100%);
}
._options__bottom_1epyd_118 {
  top: calc(100% + 6px);
}
._options__right_1epyd_121 {
  left: 0;
}
._options__left_1epyd_124 {
  right: 0;
}
._optionHolder_1epyd_128 {
  padding: 7px;
}
._option_1epyd_95 {
  overflow: hidden;
  padding: 7px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 16px;
}
._option_1epyd_95 :hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._option_1epyd_95:hover {
  background-color: var(--surface-muted, #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_1ierf_29 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 19.09px;
  font-family: "Roboto", serif;
}
._disabled_1ierf_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_1ierf_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_1ierf_76 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: var(--text) transparent transparent transparent;
  margin-left: 8px;
  transition-duration: 200ms;
}
._arrowUp_1ierf_86 {
  transform: rotate(180deg);
}
._options_1ierf_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_1ierf_102 {
  padding: 7px;
}
._option_1ierf_90 {
  overflow: hidden;
  padding: 7px;
  cursor: pointer;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  border-radius: 5px;
  font-size: 16px;
}
._option_1ierf_90 :hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._option_1ierf_90:hover {
  background-color: #f0f0f0;
}._btn_1524g_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--insight-icon-color, var(--accent));
  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_1524g_1:hover {
  background: var(--accent-hover-bg);
  border-color: var(--accent);
}

._btnCopied_1524g_22 {
  color: var(--ok) !important;
  border-color: color-mix(in srgb, var(--ok) 35%, var(--border));
  background: color-mix(in srgb, var(--ok) 12%, var(--surface));
}
._btnCopied_1524g_22 ._icon_1524g_27,
._btnCopied_1524g_22 ._icon_1524g_27 path {
  fill: var(--ok) !important;
  color: var(--ok) !important;
}

._icon_1524g_27 {
  display: block;
}

img._icon_1524g_27 {
  width: 14px;
  height: 14px;
}._wrap_6raov_1 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  flex: 1 1 auto;
  max-width: fit-content;
}
._wrap_6raov_1 > :not(button) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  transition: transform 0.15s ease;
}
@media screen and (max-width: 834px) {
  ._wrap_6raov_1 {
    max-width: 100%;
    width: 100%;
  }
}
._wrap_copyable_6raov_23:hover ._copyBtn_6raov_23 {
  opacity: 1;
  pointer-events: auto;
}
._wrap_copyable_6raov_23:hover > :not(button) {
  transform: translateX(-32px);
}
._copyBtn_6raov_23 {
  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;
}._link_17s5j_1 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
  text-decoration: none;
}
._link_17s5j_1 svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}
._link_17s5j_1:hover {
  text-decoration: underline;
}._stack_8faci_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 0 2px;
}

._card_8faci_8 {
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  padding: 12px 14px;
  cursor: default;
}

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

._card_split_8faci_23 ._head_8faci_16 {
  margin-bottom: 0;
}

._icon_8faci_27 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--insight-icon-bg, var(--surface-accent-soft));
  color: var(--insight-icon-color, var(--accent));
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

._iconImg_8faci_38 {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

._title_8faci_45 {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}

._valueChip_bold_8faci_55 {
  font-weight: 700;
}

._valueChip_8faci_55 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--surface-muted);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  flex-shrink: 0;
}

._valueChipDot_8faci_73 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._valueChipIcon_8faci_81 {
  width: 15px;
  height: 15px;
}

._divider_8faci_86 {
  height: 1px;
  background: var(--border);
  margin: 10px 0;
}

._body_8faci_92 p,
._desc_8faci_93 p {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.55;
}

._desc_8faci_93 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._descExtra_8faci_109 {
  display: inline-flex;
  margin-top: 1px;
}

._chipList_8faci_114 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

@media screen and (max-width: 834px) {
  ._chipList_8faci_114 {
    justify-content: flex-start;
  }
}

._chipList_8faci_114 span {
  padding: 5px 12px;
  border-radius: 14px;
  background: var(--surface-accent);
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow-wrap: anywhere;
}

._chipList_8faci_114 span:nth-child(2n) {
  background: var(--surface-accent-soft);
}

._chipList_8faci_114 span:nth-child(3n) {
  background: var(--surface-accent-soft);
}

._chipList_8faci_114 span:nth-child(4n) {
  background: var(--chip-ok-bg);
}

._chipList_start_8faci_146 {
  justify-content: flex-start;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_13742_29 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Roboto";
  color: var(--text);
  gap: 0.8rem;
}
._header_13742_29 h3 {
  font-weight: var(--fw-extra, 800);
  font-size: var(--fs-lg, 16px);
  line-height: var(--lh-heading, 1.2);
  letter-spacing: var(--tracking-heading, -0.02em);
  margin: 0;
}
@media screen and (max-width: 1440px) {
  ._header_13742_29 h3 {
    font-weight: var(--fw-extra, 800);
    font-size: var(--fs-lg, 16px);
  }
}
@media screen and (max-width: 1220px) {
  ._header_13742_29 h3 {
    font-weight: var(--fw-extra, 800);
    font-size: var(--fs-lg, 16px);
  }
}
._header_13742_29 ._button_13742_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: var(--app-header-control-height, 36px);
  color: var(--text);
}
._header_13742_29 ._button_13742_57 :hover {
  cursor: pointer;
}
._header_13742_29 ._button_13742_57 img,
._header_13742_29 ._button_13742_57 svg {
  width: 24px;
  height: 24px;
  color: inherit;
  fill: currentColor;
  stroke: currentColor;
  filter: 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;
}
._PageHeader_3mizl_30 {
  /* Matches v12 `.app-header` — 72px min-height, control row 36px */
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  padding: var(--page-header-padding);
  width: 100%;
  min-height: var(--app-header-height, 72px);
  height: var(--app-header-height, 72px);
  box-sizing: border-box;
  flex-shrink: 0;
  gap: var(--gap-lg, 16px);
  /* v12 `.agent-org-btn` — 36px / radius-md / compact padding */
}
@media screen and (max-width: 834px) {
  ._PageHeader_3mizl_30 {
    height: fit-content;
    min-height: var(--app-header-height, 72px);
    padding: 0 !important;
    border-bottom: 0;
  }
}
._PageHeader__leftColumn_3mizl_54 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  align-self: center;
  min-width: 0;
}
@media screen and (max-width: 834px) {
  ._PageHeader__leftColumn_3mizl_54 {
    padding: var(--gap-sm, 8px) var(--gap-md, 12px) 0;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__leftColumn_3mizl_54 {
    display: none;
  }
}
._PageHeader__btns_3mizl_72 {
  margin-right: var(--gap-sm, 8px);
}
._PageHeader__leftColumn_3mizl_54 ._PageHeader__brandLogo_3mizl_75 {
  flex: 0 0 auto;
  max-width: 240px;
  margin-right: var(--gap-md, 12px);
}
._PageHeader_brandColumn_3mizl_80 ._PageHeader__leftColumn_3mizl_54 ._PageHeader__brandLogo_3mizl_75 {
  flex: 0 0 calc(var(--page-header-brand-column-width) - var(--layout-gutter-inline-start, 18px));
  max-width: none;
  margin-right: 0;
}
@media screen and (max-width: 1440px) {
  ._PageHeader_brandColumn_3mizl_80 ._PageHeader__leftColumn_3mizl_54 ._PageHeader__brandLogo_3mizl_75 {
    flex-basis: calc(var(--page-header-brand-column-width) - var(--gap-md, 12px));
  }
}
@media screen and (max-width: 1220px) {
  ._PageHeader_brandColumn_3mizl_80 ._PageHeader__leftColumn_3mizl_54 ._PageHeader__brandLogo_3mizl_75 {
    flex: 0 0 auto;
    max-width: 240px;
    margin-right: var(--gap-md, 12px);
  }
}
._PageHeader_brandColumn_3mizl_80 ._PageHeader__leftColumn_3mizl_54 ._container_3mizl_97 {
  align-self: stretch;
  border-left: 1px solid var(--border);
  padding-left: var(--gap-lg, 16px);
}
@media screen and (max-width: 1220px) {
  ._PageHeader_brandColumn_3mizl_80 ._PageHeader__leftColumn_3mizl_54 ._container_3mizl_97 {
    align-self: center;
    border-left: 0;
    padding-left: 0;
  }
}
._PageHeader__contentColumnsHolder_3mizl_109 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  align-self: center;
  min-width: 0;
}
@media screen and (max-width: 834px) {
  ._PageHeader__contentColumnsHolder_3mizl_109 {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 834px) {
  ._PageHeader_brandFirst_3mizl_124 ._PageHeader__contentColumnsHolder_3mizl_109 {
    flex-direction: column;
  }
}
._PageHeader_3mizl_30 ._overlay_3mizl_128 {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-bg, rgba(54, 61, 60, 0.5));
  backdrop-filter: blur(3px);
}
._PageHeader__title_3mizl_138 {
  font-family: "Roboto";
  font-size: var(--fs-lg, 16px);
  font-weight: var(--fw-extra, 800);
  line-height: var(--lh-heading, 1.2);
  letter-spacing: var(--tracking-heading, -0.02em);
  color: var(--text);
  text-align: left;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 834px) {
  ._PageHeader__title_3mizl_138 {
    margin-bottom: 0;
  }
}
._PageHeader__subtitle_3mizl_156 {
  font-family: "Roboto";
  font-size: var(--fs-page-subtitle, 13px);
  font-weight: var(--fw-medium, 500);
  line-height: var(--lh-snug, 1.35);
  text-align: left;
  color: var(--text-secondary);
  letter-spacing: 0;
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1220px) {
  ._PageHeader__subtitle_3mizl_156 {
    display: none;
  }
}
._PageHeader__meta_3mizl_175 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  margin-top: var(--gap-tight, 4px);
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
@media screen and (max-width: 1220px) {
  ._PageHeader__meta_3mizl_175 {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 2px;
  }
}
._PageHeader__accountContainer_3mizl_191 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm, 8px);
}
@media screen and (max-width: 480px) {
  ._PageHeader__accountContainer_3mizl_191 {
    gap: var(--gap-sm, 8px);
  }
}
._PageHeader__rightContent_3mizl_203 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-sm, 8px);
  padding-top: 0;
  width: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  ._PageHeader__rightContent_3mizl_203 {
    padding: var(--gap-sm, 8px) var(--gap-md, 12px);
    align-self: stretch;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border);
    min-height: var(--app-header-height, 72px);
  }
}
._PageHeader__orgSelect_3mizl_223 {
  height: var(--app-header-control-height, 36px) !important;
  min-height: var(--app-header-control-height, 36px) !important;
  max-height: var(--app-header-control-height, 36px) !important;
  box-sizing: border-box;
}
._PageHeader__orgSelect_3mizl_223 .MuiOutlinedInput-root,
._PageHeader__orgSelect_3mizl_223 .MuiInputBase-root {
  height: var(--app-header-control-height, 36px) !important;
  min-height: var(--app-header-control-height, 36px) !important;
  max-height: var(--app-header-control-height, 36px) !important;
  border-radius: var(--radius-md, 9px) !important;
  background: var(--surface) !important;
}
._PageHeader__orgSelect_3mizl_223 .MuiOutlinedInput-root fieldset,
._PageHeader__orgSelect_3mizl_223 .MuiInputBase-root fieldset {
  border-color: var(--border) !important;
  border-width: 1px !important;
}
._PageHeader__orgSelect_3mizl_223 .MuiSelect-select {
  padding: 0 var(--pad-md, 12px) !important;
  padding-right: 32px !important;
  height: var(--app-header-control-height, 36px) !important;
  min-height: var(--app-header-control-height, 36px) !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: var(--fs-base, 13px) !important;
  font-weight: var(--fw-medium, 500) !important;
  line-height: var(--lh-snug, 1.35) !important;
}
._PageHeader__orgSelect_3mizl_223 .MuiSelect-icon {
  right: 8px;
  color: var(--text-muted);
}
._PageHeader__dropdown_3mizl_258 {
  min-width: 153.81px;
  height: var(--app-header-control-height, 36px);
  font-family: "Roboto";
}
._PageHeader__dropdown_3mizl_258 > div {
  border: 1px solid var(--border-field, #9ca3b0);
  border-radius: var(--radius-md, 9px);
  min-height: var(--app-header-control-height, 36px);
}
._PageHeader__dropdown_3mizl_258 div {
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  text-align: left;
  line-height: var(--lh-snug, 1.35);
}
@media screen and (max-width: 480px) {
  ._PageHeader__dropdown_3mizl_258 div {
    max-width: 140px;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__dropdown_3mizl_258 {
    min-width: fit-content;
  }
}
._PageHeader_3mizl_30 ._container_3mizl_97 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-lg, 16px);
  min-width: 0;
}
._PageHeader_3mizl_30 ._labelContainer_3mizl_293 {
  align-self: center;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--gap-tight, 4px);
}
._PageHeader__sessionStatus_3mizl_300 {
  --session-status-color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
._PageHeader__sessionStatus_3mizl_300[data-online=true] {
  --session-status-color: var(--ok);
}
._PageHeader__sessionStatus_3mizl_300[data-online=false] {
  --session-status-color: var(--text-muted);
}
._PageHeader__sessionStatusText_3mizl_313 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1rem;
  color: var(--session-status-color);
}
._PageHeader__sessionStatusDot_3mizl_319 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--session-status-color);
}
._burger_3mizl_327 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._burger_3mizl_327 {
    width: var(--app-header-control-height, 36px);
    height: var(--app-header-control-height, 36px);
    display: block;
    cursor: pointer;
    color: var(--text);
    filter: var(--icon-mono-filter);
  }
}._wrapper_1t0vs_1 {
  width: var(--app-header-control-height, 36px);
  height: var(--app-header-control-height, 36px);
  border: 1px solid var(--border);
  border-radius: var(--radius-md, 9px);
  background: var(--surface);
  color: var(--text-secondary);
  cursor: pointer;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}
._wrapper_1t0vs_1:hover {
  border-color: var(--border-strong);
  background: var(--surface-muted);
  color: var(--text);
}

._content_1t0vs_21 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
._content_1t0vs_21 .MuiSvgIcon-root {
  width: var(--icon-ui, 24px);
  height: var(--icon-ui, 24px);
  font-size: var(--icon-ui, 24px);
  color: inherit;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_10kry_29 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--gap-sm, 8px);
  min-width: 0;
  flex: 1;
  padding: 0;
  text-align: left;
  font-weight: var(--fw-bold, 700);
  cursor: pointer;
  word-break: break-word;
  max-width: 100%;
  color: var(--text) !important;
  text-decoration: none;
}
._nameHolderCollapsed_10kry_47 {
  justify-content: center;
}
._nameHolderCollapsed_10kry_47 ._logoIcon_10kry_50 {
  width: var(--brand-logo-mark-size, 32px);
  height: var(--brand-logo-mark-size, 32px);
  max-width: var(--brand-logo-mark-size, 32px);
  max-height: var(--brand-logo-mark-size, 32px);
}
._logoIcon_10kry_50 {
  display: block;
  width: auto;
  max-width: var(--brand-logo-width, 143px);
  height: var(--brand-logo-height, auto);
  max-height: var(--brand-logo-max-height, 36px);
  object-fit: contain;
  margin-right: 0;
  flex-shrink: 0;
}
._logoAltText_10kry_68 {
  display: inline-block;
  width: auto;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  margin-right: 0;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  color: var(--text);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
._text_10kry_85 {
  display: inline-block;
  font-size: 16px;
  font-weight: var(--fw-bold, 700);
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--lh-heading, 1.2);
}
@media screen and (max-width: 834px) {
  ._nameHolder_10kry_29 {
    justify-content: flex-start;
  }
  ._logoIcon_10kry_50 {
    display: flex;
    width: auto;
    max-width: var(--brand-logo-width, 143px);
    height: auto;
    max-height: var(--brand-logo-max-height, 36px);
  }
  ._text_10kry_85 {
    display: inline-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;
}
._dndItems_1yv8j_29 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._dndItems_1yv8j_29._botname_1yv8j_35 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._saveButtonContainer_1yv8j_42 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  max-height: 52px;
}
@media screen and (max-width: 480px) {
  ._saveButtonContainer_1yv8j_42 {
    gap: 24px;
  }
}
._dndnode_1yv8j_54 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._knowledgeBaseHolder_1yv8j_61 {
  padding: 0px !important;
}
._pageHeader_1yv8j_65 {
  padding: var(--page-header-padding);
}
._container_1yv8j_69 {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 111vh;
  position: relative;
  justify-content: flex-start;
}
@media screen and (max-width: 834px) {
  ._container_1yv8j_69 {
    gap: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._container_1yv8j_69 {
    height: 100vh;
  }
}
._title_1yv8j_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_1yv8j_98 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
}
._buttonContainer_1yv8j_105 {
  display: block;
}
@media screen and (max-width: 834px) {
  ._buttonContainer_1yv8j_105 {
    display: none;
  }
}
._contentContainer_1yv8j_114 {
  display: flex;
  flex-direction: column;
  height: calc(111vh - var(--page-header, 0) - 25px);
}
@media (orientation: landscape) and (max-height: 600px) {
  ._contentContainer_1yv8j_114 {
    height: fit-content;
    overflow-y: auto;
  }
}
@media screen and (max-width: 480px) {
  ._contentContainer_1yv8j_114 {
    gap: 14px;
  }
}
._adaptiveButton_1yv8j_131 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._adaptiveButton_1yv8j_131 {
    display: block;
  }
}
._headerContentContainer_1yv8j_140 {
  display: flex;
  flex-direction: column;
}
._headerContentContainerAdmin_1yv8j_145 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._disabledFieldBlock_1yv8j_151 {
  position: relative;
  opacity: 0.55;
  pointer-events: none;
}
._headerContent_1yv8j_140 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-left: none;
  border-top: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}
._headerContent_1yv8j_140 > :first-child {
  flex: 1;
  min-width: 0;
  width: auto;
}
._fullscreenToggle_1yv8j_174 {
  margin-left: auto;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 8px;
  cursor: pointer;
  color: var(--text);
  transition: background 0.15s ease, border-color 0.15s ease;
}
._fullscreenToggle_1yv8j_174:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
}
._fullscreenToggle_1yv8j_174 img {
  width: 20px;
  height: 20px;
  display: block;
  filter: var(--icon-mono-filter);
}
._wrapper_1yv8j_201 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_1yv8j_207 {
  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_1yv8j_207 {
    overflow-y: initial;
  }
}
@media screen and (max-width: 1220px) {
  ._template_holder_1yv8j_207 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_holder_1yv8j_207 {
    border: none;
    padding-top: 0px;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
._template_holder_1yv8j_207._roundBorder_1yv8j_235 {
  border-radius: 0px 10px 10px 10px;
}
._template_schema_holder_1yv8j_239 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  border: var(--schema-holder-border, 1px solid var(--border-strong, #d8dbdf));
  border-radius: 0px;
  padding: 0px;
  overflow-y: auto;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._template_schema_holder_1yv8j_239 {
    overflow-y: initial;
    min-height: 400px;
  }
}
@media screen and (max-width: 1220px) {
  ._template_schema_holder_1yv8j_239 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_schema_holder_1yv8j_239 {
    border: none;
    border-bottom: var(--schema-holder-border, 1px solid var(--border-strong, #d8dbdf));
    border-radius: 0;
  }
}
._saveButton_1yv8j_42 {
  position: relative;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._saveButton_1yv8j_42 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileSaveButton_1yv8j_284 {
  display: none;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._mobileSaveButton_1yv8j_284 {
    max-height: 40px;
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileButtons_1yv8j_300 {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._saveBar_1yv8j_308 {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._saveBar_1yv8j_308 {
    flex-direction: column;
    align-items: stretch;
  }
}
._saveBarSlot_1yv8j_320 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-top: 16px;
}
._saveBarSlot_1yv8j_320:empty {
  display: none;
}
@media screen and (max-width: 480px) {
  ._saveBarSlot_1yv8j_320 {
    justify-content: center;
  }
}
._saveButtonHolder_1yv8j_335 {
  margin-left: auto;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: var(--debug-console-offset, 0px);
}
@media screen and (max-width: 480px) {
  ._saveButtonHolder_1yv8j_335 {
    display: inline-flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    gap: 24px;
    width: 100%;
  }
}
._optionalRunAgentButton_1yv8j_352 {
  display: none;
}
@media screen and (max-width: 480px) {
  ._optionalRunAgentButton_1yv8j_352 {
    display: block;
  }
}
._footer_1yv8j_361 {
  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_1yv8j_174 ._contentContainer_1yv8j_114 {
  height: 111vh;
}
._fullscreen_1yv8j_174 ._saveButtonHolder_1yv8j_335 {
  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_1yv8j_386 ._contentContainer_1yv8j_114 {
  height: calc(100vh - 10px);
}
._flowFullscreen_1yv8j_386 ._saveButtonHolder_1yv8j_335 {
  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_4yv91_29 {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
._EmptyPlaceholder_4yv91_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_4yv91_36 {
    padding-right: 0;
  }
}
._EmptyPlaceholder_4yv91_36 ._content_4yv91_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_4yv91_62 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.81rem;
  color: var(--text);
  text-align: left;
  letter-spacing: 0;
}
._noTests_4yv91_72 {
  gap: 0;
}
._noTests_4yv91_72 > svg {
  margin-bottom: 14px;
}
._noTests_4yv91_72 ._title_4yv91_62 {
  width: 302px;
  max-width: 302px;
  text-align: center;
  margin-bottom: 8px;
}
._noTests_4yv91_72 ._content_4yv91_52 {
  width: 347px;
  text-align: center;
}._root_4m0bo_1 {
  flex: 1;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}

._icon_4m0bo_12 {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  background: var(--surface-accent-soft, #f4f0ff);
}

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

._archiveIcon_4m0bo_28 {
  width: 28px;
  height: 28px;
  filter: var(--icon-mono-filter);
}

._title_4m0bo_34 {
  margin: 0;
  color: var(--text, #202638);
  font-size: 24px;
  font-weight: 600;
}

._text_4m0bo_41 {
  margin: 0;
  color: var(--text-secondary, #7a7f8d);
  max-width: 560px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

._action_4m0bo_50 {
  margin-top: 10px;
}.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: var(--surface);
  box-sizing: border-box;
  list-style: none;
  color: var(--text);
  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;
  }
}._toggleGroup_1aozj_1 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0;
  width: 100%;
  padding: 3px;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-muted);
}

._option_1aozj_13 {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 38px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-secondary);
  font-size: var(--fs-sm-plus);
  font-weight: var(--fw-medium);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
  user-select: none;
}
._option_1aozj_13 input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
._option_1aozj_13 span {
  font-size: inherit;
  font-weight: inherit;
  line-height: normal;
}
._option_1aozj_13:has(input:checked) {
  background: var(--surface);
  color: var(--accent);
  font-weight: var(--fw-semi);
  box-shadow: 0 1px 3px var(--accent-border-soft), 0 1px 2px rgba(16, 28, 64, 0.05);
}
._option_1aozj_13:not(:has(input:checked)):hover {
  color: var(--text);
  background: var(--surface-ghost);
}
._option_1aozj_13:has(input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._compact_1aozj_55 {
  grid-auto-columns: auto;
  width: auto;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
}
._compact_1aozj_55 ._option_1aozj_13 {
  min-height: 0;
  height: 100%;
  padding: 0 var(--pad-md);
  white-space: nowrap;
  font-size: var(--fs-caption);
  font-weight: var(--fw-semi);
}._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_13yz3_29 {
  width: 400px;
  height: calc(100% - var(--page-header) + 20px);
  background-color: var(--surface);
  border-left: 1px solid var(--border);
  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_13yz3_29 {
    width: 100%;
  }
}
._sidePanel_13yz3_29._open_13yz3_47 {
  width: 400px;
}
._sidePanel_13yz3_29:not(._open_13yz3_47) {
  width: 0;
  overflow: hidden;
}
._header_13yz3_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid var(--border);
  background-color: var(--surface-muted);
  min-height: 80px;
}
._header_13yz3_55 ._title_13yz3_64 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0;
}
._content_13yz3_72 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px;
  min-height: 0;
  height: 0;
}
._contactInfo_13yz3_82 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 8px;
  color: var(--text);
}
._contactInfo_13yz3_82 .MuiTypography-root {
  color: var(--text);
}
._contactDetails_13yz3_95 {
  width: 100%;
  margin-top: 8px;
}
._notesSection_13yz3_100 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: 0;
}
._analyzeCallSection_13yz3_108 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: 0;
}
._notesList_13yz3_117 {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
  min-height: 0;
  height: 0;
}
._notesList_13yz3_117::-webkit-scrollbar {
  width: 8px;
}
._notesList_13yz3_117::-webkit-scrollbar-track {
  background: var(--surface-muted);
  border-radius: 4px;
}
._notesList_13yz3_117::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
  border: 2px solid var(--surface-muted);
}
._notesList_13yz3_117::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}
._notesList_13yz3_117::-webkit-scrollbar-corner {
  background: var(--surface-muted);
}
@media (max-width: 768px) {
  ._sidePanel_13yz3_29 {
    width: 100%;
  }
  ._sidePanel_13yz3_29._open_13yz3_47 {
    width: 100%;
    min-width: 100%;
  }
  ._header_13yz3_55 {
    padding: 20px 20px 12px 20px;
  }
  ._content_13yz3_72 {
    padding: 12px;
  }
}
@media (max-width: 480px) {
  ._header_13yz3_55 {
    padding: 16px 16px 8px 16px;
  }
  ._content_13yz3_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_1j3vg_29 {
  width: 400px;
  height: calc(100% - var(--page-header) + 20px);
  background-color: var(--surface);
  border-left: 1px solid var(--border);
  color: var(--text);
  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_1j3vg_29 {
    width: 100%;
  }
}
._sidePanel_1j3vg_29._open_1j3vg_48 {
  width: 400px;
}
._sidePanel_1j3vg_29:not(._open_1j3vg_48) {
  width: 0;
  overflow: hidden;
}
._header_1j3vg_56 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--border);
  background-color: var(--surface-muted);
  min-height: 72px;
}
._header_1j3vg_56 ._title_1j3vg_65 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}
._content_1j3vg_73 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px;
  padding-right: 10px;
  min-height: 0;
  height: 0;
  background: var(--surface);
  color: var(--text);
}
._content_1j3vg_73::-webkit-scrollbar {
  width: 8px;
}
._content_1j3vg_73::-webkit-scrollbar-track {
  background: var(--surface-muted);
}
._content_1j3vg_73::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
._content_1j3vg_73::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}._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;
}
._btn_zkyec_29 {
  width: var(--app-header-control-height, 36px);
  height: var(--app-header-control-height, 36px);
  border-radius: var(--radius-md, 9px);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-secondary);
  display: inline-grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}
._btn_zkyec_29:hover {
  border-color: var(--border-strong);
  background: var(--surface-muted);
  color: var(--text);
}
._btn_zkyec_29 .MuiSvgIcon-root {
  width: var(--icon-ui, 24px);
  height: var(--icon-ui, 24px);
  font-size: var(--icon-ui, 24px);
  color: inherit !important;
  filter: 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;
}
._container_1icbu_29 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._label_1icbu_35 {
  display: block;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0;
  line-height: 1.5;
}
._modeToggle_1icbu_45 {
  display: flex;
  gap: 4px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  padding: 4px;
  background: var(--surface-muted);
  width: fit-content;
}
._modeButton_1icbu_55 {
  padding: 6px 16px;
  border: none;
  background: transparent;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease, color 0.15s ease;
}
._modeButton_1icbu_55:hover:not(._active_1icbu_67) {
  background: var(--surface-subtle);
  color: var(--text);
}
._modeButton_1icbu_55._active_1icbu_67 {
  background: var(--surface);
  color: var(--accent);
  box-shadow: 0 1px 3px var(--accent-border-soft);
  font-weight: 600;
}
._fileInputWrapper_1icbu_78 {
  position: relative;
}
._fileInput_1icbu_78 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
._fileInputLabel_1icbu_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 0;
  background: var(--surface);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
._fileInputLabel_1icbu_90:hover {
  border-color: var(--border-strong);
}
._fileInputLabel_1icbu_90:focus-within {
  border-color: var(--accent);
  outline: none;
}
._fileInputText_1icbu_109 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._fileInputButton_1icbu_119 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--accent);
  margin-left: 12px;
  flex-shrink: 0;
}
._preview_1icbu_128 {
  margin-top: 8px;
}
._previewImageWrapper_1icbu_132 {
  position: relative;
  display: inline-block;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px;
  background: var(--surface-muted);
  max-width: 100%;
  min-width: 200px;
}
._previewImage_1icbu_132 {
  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_1icbu_132 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_1icbu_167 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  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_1icbu_167:hover {
  background: rgba(0, 0, 0, 0.9);
}._tree_1r5nu_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._folderRow_1r5nu_15,
._fileRow_1r5nu_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: var(--surface);
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  flex: none;
  flex-grow: 0;
  position: relative;
}

._folderRowSelected_1r5nu_36,
._fileRowSelected_1r5nu_37 {
  background: var(--surface-muted);
}

._folderRow_1r5nu_15:hover,
._fileRow_1r5nu_16:hover {
  background: var(--surface-muted);
}

._folderRowDropTarget_1r5nu_46 {
  background: var(--surface-accent-soft);
  outline: 1px dashed rgba(107, 94, 255, 0.65);
}

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

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

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

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

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

._folderName_1r5nu_93,
._fileName_1r5nu_94 {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
}

._rowMenu_1r5nu_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_1r5nu_15:hover ._rowMenu_1r5nu_106,
._folderRowSelected_1r5nu_36 ._rowMenu_1r5nu_106,
._fileRow_1r5nu_16:hover ._rowMenu_1r5nu_106,
._fileRowSelected_1r5nu_37 ._rowMenu_1r5nu_106 {
  opacity: 1;
}

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

._dragHandle_1r5nu_124::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--text-muted);
  box-shadow: 0 5px 0 var(--text-muted), 0 10px 0 var(--text-muted), 5px 0 0 var(--text-muted), 5px 5px 0 var(--text-muted), 5px 10px 0 var(--text-muted);
}

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

._fileRow_1r5nu_16:hover ._dragHandle_1r5nu_124,
._fileRowDragging_1r5nu_51 ._dragHandle_1r5nu_124 {
  opacity: 1;
}

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

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

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

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

._renameInput_1r5nu_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: var(--text);
  background: var(--surface);
  outline: none;
}

._renameActionApply_1r5nu_194,
._renameActionCancel_1r5nu_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_1r5nu_194 {
  position: absolute;
  right: 3px;
  top: 3px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
}

._renameActionCancel_1r5nu_195 {
  flex: 0 0 24px;
  background: var(--surface-muted);
  color: var(--text-muted);
}

._selectorVariant_1r5nu_221 {
  gap: 2px;
}
._selectorVariant_1r5nu_221 ._treeBlock_1r5nu_8 {
  gap: 0;
}
._selectorVariant_1r5nu_221 ._folderRow_1r5nu_15,
._selectorVariant_1r5nu_221 ._fileRow_1r5nu_16 {
  height: 46px;
  padding: 6px 8px;
  border-radius: 6px;
  background: transparent;
  gap: 0;
}
._selectorVariant_1r5nu_221 ._folderRow_1r5nu_15:hover,
._selectorVariant_1r5nu_221 ._fileRow_1r5nu_16:hover {
  background: var(--surface-muted);
}
._selectorVariant_1r5nu_221 ._folderRowSelected_1r5nu_36,
._selectorVariant_1r5nu_221 ._fileRowSelected_1r5nu_37 {
  background: var(--surface-accent);
}
._selectorVariant_1r5nu_221 ._folderName_1r5nu_93,
._selectorVariant_1r5nu_221 ._fileName_1r5nu_94 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}
._selectorVariant_1r5nu_221 ._folderIcon_1r5nu_79,
._selectorVariant_1r5nu_221 ._fileIcon_1r5nu_155 {
  margin-right: 8px;
}
._selectorVariant_1r5nu_221 ._folderRow_1r5nu_15 .MuiCheckbox-root,
._selectorVariant_1r5nu_221 ._fileRow_1r5nu_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_1r5nu_221 ._fileRow_1r5nu_16 .MuiCheckbox-root {
  margin-left: 61px;
}
._selectorVariant_1r5nu_221 ._fileIndent_1r5nu_144 {
  width: 0;
  height: 0;
  flex: 0 0 0;
}

._selectorCheckboxIcon_1r5nu_275 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._selectorCheckboxCheckedIcon_1r5nu_287 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: var(--accent-gradient) !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

._selectorCheckboxIndeterminateIcon_1r5nu_311 {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: var(--accent-gradient) !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._selectorCheckboxIndeterminateIcon_1r5nu_311::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: var(--color-white);
  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_r216c_29 {
  width: 100vw;
  overflow: hidden;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._root_r216c_29 {
    height: 100vh;
  }
}
._wrapper_r216c_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 111vh;
  width: 100%;
  background-color: var(--surface-sidebar);
}
@media screen and (max-width: 480px) {
  ._wrapper_r216c_40 {
    height: 100vh;
  }
}
._container_r216c_54 {
  height: 100%;
  width: 100%;
}
._header_r216c_59 {
  height: 40px;
  width: 100%;
}
._container_content_r216c_64 {
  height: 100%;
  width: calc(100% - var(--nav-bar-width));
  background-color: var(--bg);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  transition: width ease-in-out 0.2s;
}
@media screen and (max-width: 480px) {
  ._container_content_r216c_64 {
    align-self: baseline;
    height: 91vh !important;
    max-height: 91vh !important;
  }
}
@media screen and (max-width: 480px) {
  ._container_content_r216c_64._container_content_fullHeight_r216c_82 {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}
._container_content_r216c_64._container_content_fullWidth_r216c_87 {
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._container_content_r216c_64 {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._container_content_r216c_64 {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._children_r216c_103 {
  width: 100%;
  height: 100%;
}:root {
  --nav-bar-width: var(--sidebar-width, 228px);
  --page-header: var(--app-header-height, 72px);
  --page-header-padding: var(--pad-header-block, 12px) var(--layout-gutter-inline-end, 20px)
    var(--pad-header-block, 12px) var(--layout-gutter-inline-start, 18px);
}

@media screen and (max-width: 900px) {
  :root {
    --page-header: var(--app-header-height, 72px);
    --page-header-padding: var(--pad-header-block, 12px) var(--gap-md, 12px);
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --page-header: var(--app-header-height, 72px);
    --page-header-padding: var(--pad-header-block, 12px) var(--gap-md, 12px);
  }
}

@media screen and (max-width: 1440px) {
  :root {
    --page-header: var(--app-header-height, 72px);
    --page-header-padding: var(--pad-header-block, 12px) var(--gap-md, 12px);
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --page-header: var(--app-header-height, 72px);
    --page-header-padding: var(--pad-header-block, 12px) var(--gap-md, 12px);
  }
}

@media screen and (max-width: 834px) {
  :root {
    --nav-bar-width: 0px;
    --page-header: var(--app-header-height, 72px);
    --page-header-padding: var(--pad-header-block, 12px) var(--gap-md, 12px);
  }
}

@media screen and (max-width: 480px) {
  :root {
    --nav-bar-width: 0px;
    --page-header: 64px;
    --page-header-padding: var(--gap-sm, 8px) var(--gap-md, 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;
}
._background_1b12e_29 {
  z-index: 100000;
  position: fixed;
  background-color: var(--overlay-bg, rgba(0, 0, 0, 0.5));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._modal_1b12e_42 {
  position: relative;
  background-color: var(--surface, #fff);
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: var(--shadow-modal);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  ._modal_1b12e_42 {
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  ._modal_1b12e_42 {
    width: 95%;
  }
}
._modalHeader_1b12e_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._modalHeader_1b12e_65 h2 {
  font-size: 18px;
  margin: 0;
  color: var(--text);
}
._closeButton_1b12e_76 {
  margin-left: 10px;
}
._modalContent_1b12e_80 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._textField_1b12e_86 {
  width: 100%;
}
._modalFooter_1b12e_90 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
._cancelButton_1b12e_96 {
  width: 45%;
}
._sendButton_1b12e_100 {
  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_1lii1_29 {
  z-index: 100000;
  position: absolute;
  background-color: var(--overlay-bg, rgba(0, 0, 0, 0.5));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._fullWidth_1lii1_42 {
  width: 100% !important;
}
._label_1lii1_46 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._modal_1lii1_52 {
  position: relative;
  background-color: var(--surface, #fff);
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: var(--shadow-modal);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  ._modal_1lii1_52 {
    width: 95%;
  }
}
@media screen and (max-width: 480px) {
  ._modal_1lii1_52 {
    width: 95%;
  }
}
._title_1lii1_75 {
  font-size: 14px;
  font-family: "Roboto";
}
._modalHeader_1lii1_80 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text);
}
._modalHeader_1lii1_80 h2 {
  font-size: 18px;
  margin: 0;
  color: var(--text);
}
._closeButton_1lii1_92 {
  margin-left: 10px;
  color: var(--text) !important;
}
._modalContent_1lii1_97 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._textField_1lii1_103 {
  width: 100%;
}
._phoneInput_1lii1_107 {
  width: 100% !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border-field) !important;
}
._phoneContainer_1lii1_114 {
  width: 100% !important;
}
._flagDropdown_1lii1_118 {
  background: var(--surface) !important;
  border-color: var(--border-field) !important;
}
._phoneDropdown_1lii1_123 {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border-field) !important;
}
._fieldContainer_1lii1_129 {
  display: flex;
  flex-direction: column;
}
._modalFooter_1lii1_134 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
._cancelButton_1lii1_140 {
  width: 45%;
}
._sendButton_1lii1_144 {
  width: 45%;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1tli0_29 {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  padding: 0 var(--pad-tight, 4px) var(--pad-xl, 20px);
  margin-bottom: 0;
  box-sizing: border-box;
  gap: var(--gap-sm, 8px);
}
._wrapperCollapsed_1tli0_40 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 var(--pad-xl, 20px);
  gap: var(--gap-sm, 8px);
}
._wrapperCollapsed_1tli0_40 ._sidebarToggle_1tli0_47 {
  margin-left: 0;
}
._trademarkIcon_1tli0_51 {
  margin-left: 4px;
  align-self: flex-start;
  margin-top: -2px;
  display: block;
}
._sidebarToggle_1tli0_47 {
  order: 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md, 9px);
  background: var(--surface);
  color: var(--text-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: background var(--t-fast, 140ms ease), border-color var(--t-fast, 140ms ease), color var(--t-fast, 140ms ease), box-shadow var(--t-fast, 140ms ease);
}
._sidebarToggle_1tli0_47:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}
._sidebarToggle_1tli0_47:focus-visible {
  outline: none;
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}
._sidebarToggleCollapsed_1tli0_86 ._sidebarToggleIcon_1tli0_86 {
  transform: rotate(180deg);
}
._sidebarToggleIcon_1tli0_86 {
  width: var(--icon-ui, 24px);
  height: var(--icon-ui, 24px);
  display: block;
  fill: currentColor;
  transition: transform 200ms ease;
}
@media screen and (max-width: 834px) {
  ._wrapper_1tli0_29 {
    padding: 0 var(--pad-tight, 4px) var(--pad-xl, 20px);
  }
  ._sidebarToggle_1tli0_47 {
    display: none;
  }
  ._trademarkIcon_1tli0_51 {
    display: flex;
    margin-left: 4px;
    margin-top: -2px;
  }
}._Navbar_69c2j_1 {
  z-index: 1000;
  box-sizing: border-box;
  padding: var(--gap-inline-start, 18px) var(--pad-md, 12px) var(--pad-lg, 16px);
  width: var(--nav-bar-width);
  height: 100%;
  background-color: var(--surface-sidebar);
  border-right: 1px solid var(--stroke, var(--border));
  gap: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  transition: width ease-in-out 0.2s, padding ease-in-out 0.2s;
  overflow: hidden;
  isolation: isolate;
}
._Navbar__main_69c2j_18 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}
._Navbar__btns_69c2j_25 {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  gap: calc(var(--pad-tight, 4px) / 2);
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
._Navbar__bottom_69c2j_38 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: calc(var(--pad-tight, 4px) / 2);
  width: 100%;
  flex-shrink: 0;
  margin-top: auto;
  padding-top: var(--gap-sm, 8px);
}
._Navbar__footer_69c2j_48 {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
}
._Navbar__footerHidden_69c2j_55 {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
}
._Navbar--open_69c2j_64 {
  display: none;
  left: 0;
  background-color: var(--surface-sidebar);
}
._Navbar--collapsed_69c2j_69 {
  padding: var(--pad-lg, 16px) var(--pad-sm, 8px);
  overflow: visible;
}
._Navbar--collapsed_69c2j_69 ._Navbar__btns_69c2j_25,
._Navbar--collapsed_69c2j_69 ._Navbar__bottom_69c2j_38 {
  align-items: center;
  overflow: visible;
}
._Navbar__burger_69c2j_78 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._Navbar_69c2j_1 {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: -100%;
    width: var(--sidebar-width, 228px);
    max-width: min(228px, 100vw);
    background-color: var(--surface-sidebar);
    transition: left 0.3s ease-in-out;
  }
  ._Navbar__btns_69c2j_25 {
    display: none;
  }
  ._Navbar__bottom_69c2j_38 {
    display: none;
  }
  ._Navbar--open_69c2j_64 {
    display: flex;
    flex-direction: column;
    left: 0;
    background-color: var(--surface-sidebar);
    height: 100%;
    overflow-y: auto;
  }
  ._Navbar__burger_69c2j_78 {
    display: block;
  }
  ._Navbar--collapsed_69c2j_69 {
    padding: var(--gap-inline-start, 18px) var(--pad-md, 12px) var(--pad-lg, 16px);
  }
}
@media screen and (max-width: 834px) {
  ._Navbar_69c2j_1 {
    gap: var(--gap-md, 12px);
    padding: var(--gap-inline-start, 18px) var(--pad-md, 12px) var(--pad-lg, 16px);
    width: var(--sidebar-width, 228px);
    background-color: var(--surface-sidebar);
  }
}
@media screen and (max-width: 480px) {
  ._Navbar_69c2j_1 {
    gap: var(--gap-md, 12px);
    padding: var(--gap-inline-start, 18px) var(--pad-md, 12px) var(--pad-lg, 16px);
    width: var(--sidebar-width, 228px);
    background-color: var(--surface-sidebar);
  }
}
._contentHolder_69c2j_130 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md, 12px);
  width: 100%;
  min-width: 0;
  margin-top: var(--gap-md, 12px);
  flex-shrink: 0;
  background: transparent;
}
._cardsholder_69c2j_141 {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  max-height: none;
  background: transparent;
}
._TogglePlashka_69c2j_151 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--pad-sm, 8px) var(--pad-md, 12px);
  background: var(--surface);
  color: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius-md, 9px);
  cursor: pointer;
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  margin-top: var(--gap-sm, 8px);
  margin-bottom: 0;
  transition: background var(--t-fast, 140ms ease), border-color var(--t-fast, 140ms ease), color var(--t-fast, 140ms ease);
}
._TogglePlashka_69c2j_151:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._pagination_tm5w2_29 {
  display: flex;
  justify-content: center;
  padding: 6px 10px;
  gap: 8px;
  border-radius: var(--radius-pill, 999px);
  background-color: var(--surface-muted);
  max-width: 80px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  align-self: center;
  align-items: center;
  box-sizing: border-box;
}
._dot_tm5w2_45 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: var(--text-muted);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
._dot_tm5w2_45._active_tm5w2_57 {
  width: 28px;
  border-radius: 50px;
  background-color: var(--text);
  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_1emb1_57 {
  display: flex;
  flex-direction: column;
  padding: var(--pad-md, 12px);
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  background: var(--surface);
  color: var(--text);
  justify-content: space-between;
  gap: var(--gap-md, 12px);
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: fit-content;
  align-self: stretch;
  position: relative;
  transition: transform 0.35s ease-out, opacity 0.25s ease-out;
  backface-visibility: hidden;
}
._title_1emb1_79 {
  font-size: var(--fs-sm, 12px);
  font-family: "Roboto";
  line-height: var(--lh-snug, 1.35);
  font-weight: var(--fw-bold, 700);
  color: var(--text-secondary);
}
._text_1emb1_87 {
  font-size: var(--fs-sm, 12px);
  line-height: var(--lh-snug, 1.35);
  font-family: "Roboto";
  color: var(--text-secondary);
  margin: 0;
}._Plashka_pxx4p_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md, 12px);
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  padding: var(--pad-md, 12px);
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background: var(--surface);
  color: var(--text);
  backface-visibility: hidden;
  transition: transform 0.35s ease-out, opacity 0.25s ease-out;
  height: fit-content;
  align-self: stretch;
  flex-shrink: 0;
}

._head_pxx4p_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm, 8px);
}

._title_pxx4p_30 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--text-secondary);
  line-height: 1.3;
}

._refresh_pxx4p_37 {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: var(--radius-sm, 6px);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: background var(--t-fast, 140ms ease), color var(--t-fast, 140ms ease);
}

._refresh_pxx4p_37:hover:not(:disabled) {
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._refresh_pxx4p_37:disabled {
  opacity: 0.5;
  cursor: default;
}

._refresh_pxx4p_37[aria-busy=true] ._refreshIcon_pxx4p_58 {
  animation: _limits-refresh-spin_pxx4p_1 0.8s linear infinite;
}

._refreshIcon_pxx4p_58 {
  width: var(--icon-inline, 16px);
  height: var(--icon-inline, 16px);
  font-size: var(--icon-inline, 16px);
  display: block;
  transform-origin: center;
}

@keyframes _limits-refresh-spin_pxx4p_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._list_pxx4p_78 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm, 8px);
}

._row_pxx4p_84 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-tight, 4px);
}

._rowHead_pxx4p_90 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs, 6px);
  min-width: 0;
}

._iconTile_pxx4p_97 {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-muted);
  color: var(--accent-icon, var(--accent));
}

._icon_pxx4p_97 {
  width: var(--icon-meta, 14px);
  height: var(--icon-meta, 14px);
  font-size: var(--icon-meta, 14px);
  display: block;
}

._value_pxx4p_115 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-sm, 12px);
  color: var(--text);
  font-weight: var(--fw-medium, 500);
  min-width: 0;
}

._progress_pxx4p_125 {
  margin-left: calc(24px + var(--gap-xs, 6px));
  height: 4px;
  border-radius: var(--radius-pill, 999px);
  background: var(--border-strong);
  overflow: hidden;
}

._progress_pxx4p_125 span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent-gradient);
  min-width: 2px;
}

._loaderContainer_pxx4p_140 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
}._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_kabug_57 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0px !important;
  color: var(--text) !important;
}
._content_kabug_67 {
  height: 302px;
  padding: 0px !important;
  overflow: hidden;
  flex: none !important;
}
._content_kabug_67 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_kabug_82 {
  height: 52px;
  padding: 0px !important;
}
._actions_kabug_82 button {
  width: 100%;
}
._rowfields_kabug_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._rowField_kabug_96 {
  width: 170px;
}
._field_kabug_100 {
  height: 52px;
  margin-top: 4px 0px 0px 0px !important;
  background-color: var(--surface-sidebar);
  padding: 19px 14px !important;
  align-items: center;
}
._field_kabug_100 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_kabug_100 input:focus,
._field_kabug_100 ._StripeElement--focus_kabug_116 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_kabug_121 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_kabug_130 {
  width: 100%;
  height: 52px;
  background-color: var(--surface-sidebar);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: var(--text) !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_kabug_130 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_kabug_130::after {
  display: none;
}
._inputCustom_kabug_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: var(--text-muted);
  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_sfhir_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_sfhir_40 {
  margin: 7px;
}
._placeholderContainer_sfhir_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_sfhir_53 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: var(--table-header-bg, var(--surface-sidebar));
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_sfhir_53._first_sfhir_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid var(--border);
}
._headerCell_sfhir_53._last_sfhir_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid var(--border);
}
._tableLabel_sfhir_72 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._buttonContainer_sfhir_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_sfhir_78 ._title_sfhir_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_sfhir_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_sfhir_98 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108._cellWrapperRoundLast_sfhir_116 {
  border-radius: 0 5px 5px 0;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108._cellWrapperRoundFirst_sfhir_119 {
  border-radius: 5px 0 0 5px;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._cell__status_sfhir_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_sfhir_137 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._cell__status__finished_sfhir_140 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._cell__status__error_sfhir_143 {
  background-color: var(--chip-err-bg, rgb(255, 188, 188));
}
._row_sfhir_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_sfhir_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_sfhir_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_sfhir_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_t1wsc_29 {
  width: 231px;
  height: 148px;
  background: var(--table-header-bg, var(--surface-sidebar));
  padding: 8px 14px 8px 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
._active_t1wsc_43 {
  border: 2px solid #578fff;
}
._close_t1wsc_47 {
  width: 19.5px;
  height: 19.5px;
  border-radius: 50px;
  border: 1px solid var(--border-field);
  background-color: var(--surface);
  position: absolute;
  top: -10px;
  right: -6px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
._close_t1wsc_47 svg {
  width: 17px;
  height: 18px;
}
._firstRow_t1wsc_65 {
  height: 27px;
  display: flex;
  justify-content: space-between;
}
._expirations_t1wsc_71 {
  display: flex;
  gap: 3px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: normal;
  line-height: 14.65px;
  text-align: left;
  color: var(--text-secondary);
}
._expirations_t1wsc_71 span:last-child {
  font-weight: 500;
  color: var(--text);
}
._cardNumber_t1wsc_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_t1wsc_97 {
  height: 20px;
  display: flex;
  justify-content: center;
}
._cardHolder_t1wsc_103 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: left;
  width: 100%;
  color: var(--text-secondary);
  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_dck7l_57 {
  width: 100%;
}
._title_dck7l_61 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0 !important;
  color: var(--text) !important;
}
._content_dck7l_71 {
  height: auto;
  overflow: hidden;
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_dck7l_71 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_dck7l_89 {
  height: 52px;
  padding: 0 !important;
}
._actions_dck7l_89 button {
  width: 100%;
}
._rowfields_dck7l_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._rowfields_dck7l_97 label {
  flex: 1;
}
._rowField_dck7l_107 {
  width: 170px;
}
._field_dck7l_111 {
  height: 52px;
  margin: 0 !important;
  background-color: var(--surface-sidebar);
  padding: 19px 14px !important;
  width: 100%;
  align-items: center;
}
._field_dck7l_111 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_dck7l_111 input:focus,
._field_dck7l_111 ._StripeElement--focus_dck7l_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_dck7l_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_dck7l_142 {
  width: 441px;
  height: 52px;
  background-color: var(--surface-sidebar);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: var(--text) !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_dck7l_142 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_dck7l_142::after {
  display: none;
}
._inputCustom_dck7l_142::before {
  display: none;
}
._flexAmount_dck7l_168 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
}
._flexAmountContainer_dck7l_175 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_dck7l_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_dck7l_175 {
    flex-direction: column;
  }
}
._inputNumber_dck7l_193 {
  width: 136px;
  height: 40px;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 10px;
  padding-left: 14px;
  color: var(--text) !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputNumber_dck7l_193 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputNumber_dck7l_193::after {
  display: none;
}
._inputNumber_dck7l_193::before {
  display: none;
}
._titleForm_dck7l_219 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_dck7l_228 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-x: auto;
}
._cardsWrap_dck7l_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_dck7l_228 ._cardsBlock_dck7l_242 {
  display: flex;
  gap: 14px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_dck7l_250 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._btnAmount_dck7l_256, ._activeAmountBtn_dck7l_256 {
  padding: 4px 14px 4px 14px;
  border-radius: 10px;
  width: auto;
  height: 32px;
  background: var(--table-header-bg, var(--surface-sidebar));
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
  cursor: pointer;
}
._activeAmountBtn_dck7l_256 {
  color: var(--on-dark-surface);
  background-color: var(--text);
}
._actionButtons_dck7l_273 {
  display: flex;
  gap: 24px;
}
._button_dck7l_278 {
  flex-basis: 100%;
  padding: 14px 24px 14px 24px;
  height: 48px;
  border-radius: 50px;
}
@media screen and (max-width: 480px) {
  ._button_dck7l_278 {
    width: 95%;
  }
}
._actionsWrapper_dck7l_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_dck7l_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: var(--text-muted);
  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_3p066_57 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._container_3p066_57 {
    overflow: visible;
  }
}
@media (max-height: 780px) {
  ._container_3p066_57 {
    overflow: visible;
    height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  ._container_3p066_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 834px) {
  ._container_3p066_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 480px) {
  ._container_3p066_57 {
    overflow: visible;
    height: fit-content;
  }
}
._ddRenderValue_3p066_93 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-family: "Roboto";
  max-width: 100%;
  overflow: hidden;
}
._mainHeader_3p066_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_3p066_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_3p066_126 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
._subwrapper_3p066_126 ._fieldsWrapper_3p066_135 {
  flex: 1 1 calc(25% - 24px);
  min-width: 250px;
  max-width: 100%;
}
@media screen and (max-width: 1440px) {
  ._subwrapper_3p066_126 ._fieldsWrapper_3p066_135:nth-child(4) {
    max-width: 25%;
    flex: 1 1 100%;
  }
  ._subwrapper_3p066_126 ._fieldsWrapper_3p066_135:nth-child(-n+3) {
    flex: 1 1 calc(33.33% - 24px);
    max-height: none;
  }
}
@media screen and (max-width: 834px) {
  ._subwrapper_3p066_126 ._fieldsWrapper_3p066_135:nth-child(4) {
    max-width: 100%;
    flex: 1 1 100%;
  }
  ._subwrapper_3p066_126 ._fieldsWrapper_3p066_135 {
    flex: 1 1 100%;
    max-height: none;
  }
}
._textWithTooltip_3p066_161 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_3p066_166 {
  align-self: flex-start;
}
._mainPromptWrapper_3p066_170 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--border-field, #d8dbdf);
  border-radius: 10px;
  min-height: 160px;
  flex: 1 1 0;
}
._mainPromptWrapper_3p066_170 ._field_3p066_135 {
  display: flex;
  height: 20px;
  flex-shrink: 1;
  flex-grow: 1;
}
._mainPromptWrapper__header_3p066_185 {
  border-bottom: 1px solid var(--border);
  background: var(--surface-muted);
  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_3p066_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_3p066_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_3p066_216 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid var(--border-field, #d8dbdf);
  background: var(--surface-muted);
  display: flex;
  padding: 14px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_3p066_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_3p066_237 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--border-field, #d8dbdf);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--surface);
}
._fieldsWrapper__content__fullfield_3p066_251 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--border-field, #d8dbdf);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--surface);
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_3p066_135 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_3p066_135 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_3p066_135 {
    min-width: 100%;
  }
}
._subcontainer_3p066_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_3p066_283 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_3p066_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_3p066_299 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_3p066_316 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_3p066_316 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_3p066_332 {
  color: var(--text-muted);
}
._subcontainerBottom_3p066_316 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_3p066_316 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_3p066_352 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 24px;
  overflow: auto;
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_3p066_352 {
    gap: 14px;
    height: fit-content;
  }
}
._subcontainerBehaviour_3p066_366 {
  width: 100%;
}
._flexContainerBehaviour_3p066_370 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_3p066_370 ._flexContainer_3p066_370 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_3p066_370 ._hader_3p066_384 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_3p066_370 ._hader_3p066_384 ._textHolder_3p066_391 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._flexContainerBehaviour_3p066_370 ._subhader_3p066_399 {
  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_3p066_370 ._field_3p066_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_3p066_370 ._checkboxContainer_3p066_428 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_3p066_433 {
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._subcontainerPrompt_3p066_433 {
    overflow: visible;
  }
}
@media screen and (max-width: 1220px) {
  ._subcontainerPrompt_3p066_433 {
    overflow: visible;
  }
}
._buttonContainer_3p066_447 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_3p066_452 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_3p066_458 {
  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_3p066_458 {
    max-height: fit-content;
  }
}
._fieldContainerLanding_3p066_458 ._flexContainer_3p066_370 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_3p066_458 ._hader_3p066_384 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainerLanding_3p066_458 ._subhader_3p066_399 {
  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_3p066_458 ._field_3p066_135 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_3p066_458 ._checkboxContainer_3p066_428 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_3p066_458 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_3p066_458._disabledFieldBlock_3p066_528 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_3p066_458 ._flexContainer_3p066_370 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_3p066_458 ._hader_3p066_384 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_3p066_458 ._subhader_3p066_399 {
  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_3p066_458 ._field_3p066_135 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_3p066_458 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_3p066_458 ._subhader_3p066_399 {
    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_3p066_458 ._field_3p066_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_3p066_458 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_3p066_458 ._subhader_3p066_399 {
    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_3p066_458 ._field_3p066_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_3p066_458 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_3p066_458 ._subhader_3p066_399 {
    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_3p066_458 ._field_3p066_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_3p066_458 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_3p066_458 ._subhader_3p066_399 {
    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_3p066_458 ._field_3p066_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_3p066_458 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_3p066_458 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_3p066_458 ._subhader_3p066_399 {
    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_3p066_458 ._field_3p066_135 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_3p066_458 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
._select_3p066_802 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_3p066_452 {
  padding: 7px;
  font-size: 16px;
  color: var(--text);
}
._textAreaContainer_3p066_813 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_3p066_813 ._flexContainer_3p066_370 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_3p066_813 ._hader_3p066_384 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_3p066_813 ._hader_3p066_384 ._textHolder_3p066_391 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._textAreaContainer_3p066_813 ._subhader_3p066_399 {
  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_3p066_813 ._field_3p066_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_3p066_813 ._checkboxContainer_3p066_428 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_3p066_813 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_3p066_813 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_3p066_813 ._subhader_3p066_399 {
    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_3p066_813 ._field_3p066_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_3p066_813 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_3p066_813 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_3p066_813 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_3p066_813 ._subhader_3p066_399 {
    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_3p066_813 ._field_3p066_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_3p066_813 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_3p066_813 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_3p066_813 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_3p066_813 ._subhader_3p066_399 {
    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_3p066_813 ._field_3p066_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_3p066_813 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_3p066_813 ._hader_3p066_384 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_3p066_813 ._hader_3p066_384 ._textHolder_3p066_391 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_3p066_813 ._subhader_3p066_399 {
    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_3p066_813 ._field_3p066_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_3p066_813 ._checkboxContainer_3p066_428 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_3p066_1085 {
  width: 100%;
  min-height: 160px;
}
._iconHolder_3p066_1090 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_3p066_1096 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._subwrapper_3p066_126._fullscreen_3p066_1102 {
  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_7gw5b_29 {
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--flow-node-bg);
  color: var(--text);
  border-radius: 8px;
  height: fit-content;
  width: 100%;
  border: 1px solid var(--border-strong);
  border-top: 2px solid var(--accent-border);
}
._specialToolContainer_7gw5b_42 {
  background: var(--flow-node-bg, var(--surface-muted));
  border-top-color: var(--chip-info-border, var(--accent-border));
  color: var(--text);
}
._specialToolContainer_7gw5b_42 ._label_7gw5b_47,
._specialToolContainer_7gw5b_42 ._descriptionLabel_7gw5b_48,
._specialToolContainer_7gw5b_42 ._description_7gw5b_48 {
  color: var(--text);
}
._specialToolContainer_7gw5b_42 ._descriptionLabel_7gw5b_48 {
  color: var(--text-muted);
}
._specialToolContainer_7gw5b_42 ._description_7gw5b_48 {
  color: var(--text-secondary);
}
._eventToolContainer_7gw5b_59 {
  background: var(--surface-muted);
  border-top-color: var(--chip-warn-border, var(--border-strong));
  color: var(--text);
}
._dragHandle_7gw5b_65 {
  cursor: grab !important;
}
._dragHandle_7gw5b_65:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_7gw5b_65 {
  cursor: grabbing !important;
}
._dragHandle_7gw5b_65._locked_7gw5b_74 {
  cursor: pointer !important;
}
._dragHandle_7gw5b_65._locked_7gw5b_74:active {
  cursor: pointer !important;
}
._locked_7gw5b_74 ._dragHandle_7gw5b_65 {
  cursor: pointer !important;
}
._locked_7gw5b_74 ._dragHandle_7gw5b_65:active {
  cursor: pointer !important;
}
._topSection_7gw5b_88 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
}
._wrenchIconContainer_7gw5b_95 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--accent-soft, var(--surface-muted));
  border-radius: 8px;
}
._specialToolWrench_7gw5b_106 {
  background: var(--surface-muted);
}
._eventToolWrench_7gw5b_110 {
  background: var(--chip-warn-bg, var(--surface-subtle));
}
._wrenchIcon_7gw5b_95 {
  width: 28px;
  height: 28px;
}
._wrenchIconMono_7gw5b_119 {
  filter: var(--icon-mono-filter);
}
._labelsHolder_7gw5b_123 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._label_7gw5b_47 {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  line-height: 20px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
._labelRow_7gw5b_141 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
._validationErrorIcon_7gw5b_148 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
}
._validationErrorIconHidden_7gw5b_155 {
  display: none;
}
._divider_7gw5b_159 {
  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_7gw5b_166 {
  padding: 0 8px 8px 8px;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}
._descriptionLabel_7gw5b_48 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}
._description_7gw5b_48 {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
  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_7gw5b_197 {
  color: var(--warning, #f77f00);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-wrap: nowrap;
}
._sourceHandle_7gw5b_206 {
  width: 8px !important;
  height: 8px !important;
  background: var(--surface) !important;
  border: 1px solid var(--accent) !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_7gw5b_206::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._sourceHandle_7gw5b_206:hover {
  box-shadow: 0 4px 12px rgba(147, 112, 219, 0.4);
  border-color: #9f7aea !important;
}
._eventSettingsSection_7gw5b_232 {
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  gap: 6px;
  padding: 8px;
  background: var(--surface-subtle);
  border-radius: 6px;
  border: 1px solid var(--chip-warn-border, var(--border-strong));
  cursor: pointer;
}
._eventSettingsBadge_7gw5b_245 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--chip-warn-bg, var(--accent-soft));
  color: var(--chip-warn-text, var(--accent-active-text, var(--accent)));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
._eventSettingsRow_7gw5b_259 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
}
._eventSettingsLabel_7gw5b_267 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--chip-warn-text, var(--text-secondary));
  display: block;
}
._eventSettingsValue_7gw5b_276 {
  font-size: 10px;
  font-weight: 400;
  color: var(--text);
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._eventSettingsInteraction_7gw5b_286 {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-secondary);
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._eventScheduleValue_7gw5b_296 {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
._targetHandle_7gw5b_306 {
  width: 8px !important;
  height: 8px !important;
  background: var(--surface) !important;
  border: 1px solid var(--accent) !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_7gw5b_306::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._targetHandle_7gw5b_306:hover {
  box-shadow: 0 4px 10px rgba(147, 112, 219, 0.4);
  border-color: #9f7aea !important;
}
._borderContainer_7gw5b_332 {
  padding: 2px;
  background: linear-gradient(135deg, var(--accent-border, #d8b5ff) 0%, var(--accent, #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_7gw5b_332:hover {
  background: linear-gradient(135deg, var(--accent-hover, #c9a3ff) 0%, var(--accent, #9f7aea) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px var(--accent-shadow-md, rgba(147, 112, 219, 0.4));
}
._borderContainer_7gw5b_332:hover ._nodeActions_7gw5b_348 {
  opacity: 1;
}
._borderContainer_7gw5b_332:hover ._plusButtonContainer_7gw5b_351 {
  opacity: 1;
}
._borderContainer_7gw5b_332._active_7gw5b_354 {
  background: var(--accent, #b794f6);
  z-index: 3;
  box-shadow: 0 4px 22px -3px var(--accent-shadow-md, rgba(147, 112, 219, 0.4)), 0 0 0 3px var(--accent-border-glow, rgba(183, 148, 246, 0.6));
  transition: box-shadow 0.2s, background 0.2s, transform 0.2s;
}
._borderContainer_7gw5b_332._invalid_7gw5b_360 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 35%, var(--surface-muted)) 0%, color-mix(in srgb, var(--danger) 55%, var(--surface)) 100%);
  border: 2px solid var(--danger);
  box-shadow: 0 0 10px color-mix(in srgb, var(--danger) 30%, transparent);
}
._borderContainer_7gw5b_332._animated_7gw5b_365 {
  animation: _pulseAndGlow_7gw5b_1 2s infinite;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 35%, var(--surface-muted)) 0%, color-mix(in srgb, var(--accent) 65%, var(--surface)) 50%, color-mix(in srgb, var(--accent) 35%, var(--surface-muted)) 100%);
  background-size: 200% 100%;
}
._globalBadge_7gw5b_371 {
  position: absolute;
  top: -30px;
  left: 0px;
  padding: 3px 9px;
  background: var(--accent-gradient, linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%));
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 4;
  color: var(--on-dark-surface, #ffffff);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
._latencyBadgeWrapper_7gw5b_391 {
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  z-index: 5;
}
._latencyBadge_7gw5b_391 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 8px;
  background: var(--accent-gradient, linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%));
  color: var(--on-dark-surface, #ffffff);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 10px 24px var(--accent-shadow-md, rgba(79, 70, 229, 0.35));
  transform-origin: top right;
  opacity: 0;
  animation: _latencyFadeIn_7gw5b_1 1s ease forwards;
}
._latencyBadgePulse_7gw5b_419 {
  animation: _latencyFadeIn_7gw5b_1 0.25s ease forwards, _latencyPop_7gw5b_1 0.45s ease forwards;
}
._latencyBadgeIcon_7gw5b_423 {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
._latencyBadgeValue_7gw5b_429 {
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 700;
}
._latencyHighlight_7gw5b_435 {
  animation: _latencyNodeGlow_7gw5b_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_7gw5b_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _latencyPop_7gw5b_1 {
  0% {
    transform: scale(0.95);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _latencyNodeGlow_7gw5b_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_7gw5b_475 {
  background: linear-gradient(135deg, var(--chip-info-border, rgba(80, 167, 219, 0.85)) 0%, var(--chip-info-text, rgba(46, 139, 192, 0.85)) 100%);
}
._specialToolBorder_7gw5b_475:hover, ._specialToolBorder_7gw5b_475._active_7gw5b_354 {
  background: linear-gradient(135deg, var(--chip-info-text, rgba(80, 167, 219, 0.95)) 0%, var(--chip-info-border, rgba(46, 139, 192, 0.95)) 100%);
}
._eventToolBorder_7gw5b_482 {
  background: linear-gradient(135deg, var(--chip-warn-border, rgba(255, 188, 125, 0.85)) 0%, var(--chip-warn-text, rgba(255, 147, 74, 0.85)) 100%);
}
._eventToolBorder_7gw5b_482:hover, ._eventToolBorder_7gw5b_482._active_7gw5b_354 {
  background: linear-gradient(135deg, var(--chip-warn-text, rgba(255, 188, 125, 0.95)) 0%, var(--chip-warn-border, rgba(255, 147, 74, 0.95)) 100%);
}
._nodeActions_7gw5b_348 {
  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_7gw5b_504 {
  opacity: 1;
  pointer-events: all;
}
._actionButton_7gw5b_509 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_7gw5b_509:hover {
  background: var(--surface-muted);
  border-color: var(--text-secondary);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._actionButton_7gw5b_509:active {
  transform: scale(0.95);
}
._actionButton_7gw5b_509 img {
  width: 16px;
  height: 16px;
  filter: var(--icon-mono-filter);
}
._deleteButton_7gw5b_537 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_7gw5b_537:hover {
  background: var(--surface-muted);
  border-color: var(--text-secondary);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._deleteButton_7gw5b_537:active {
  transform: scale(0.95);
}
._deleteButton_7gw5b_537 img {
  width: 16px;
  height: 16px;
  filter: var(--icon-mono-filter);
}
._plusButtonContainer_7gw5b_351 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
  z-index: 10;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._plusButtonContainer_7gw5b_351 ._plusButton_7gw5b_351 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--surface);
  border: 2px solid var(--accent);
  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_7gw5b_351 ._plusButton_7gw5b_351:hover {
  background-color: var(--surface-accent-soft, var(--surface-muted));
  border-color: var(--accent-hover, var(--accent));
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(147, 112, 219, 0.35);
}
._plusButtonContainer_7gw5b_351 ._plusButton_7gw5b_351:active {
  transform: scale(0.95);
}
._plusButtonContainer_7gw5b_351 ._plusButton_7gw5b_351._disabled_7gw5b_600 {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: var(--border);
}
._plusButtonContainer_7gw5b_351 ._plusButton_7gw5b_351._disabled_7gw5b_600:hover {
  transform: none;
  background-color: var(--surface);
  box-shadow: 0 3px 12px rgba(147, 112, 219, 0.25);
}
._plusButtonContainer_7gw5b_351 ._plusButton_7gw5b_351 img {
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}
._plusButtonContainerVisible_7gw5b_616 {
  opacity: 1;
}
@keyframes _pulseAndGlow_7gw5b_1 {
  0% {
    background-position: 200% 0;
    box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 35%, transparent);
  }
  50% {
    box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 55%, transparent);
  }
  100% {
    background-position: -200% 0;
    box-shadow: 0 0 6px color-mix(in srgb, var(--accent) 35%, 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;
}
._container_pnbpl_29 {
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--flow-node-bg);
  color: var(--text);
  border-radius: 6px;
  width: 100%;
  min-width: 200px;
  border: 1px solid var(--border-strong);
  border-top: 2px solid rgba(16, 185, 129, 0.35);
  padding-bottom: 8px;
}
._dragHandle_pnbpl_43 {
  cursor: grab !important;
}
._dragHandle_pnbpl_43:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_pnbpl_43 {
  cursor: grabbing !important;
}
._dragHandle_pnbpl_43._locked_pnbpl_52 {
  cursor: pointer !important;
}
._dragHandle_pnbpl_43._locked_pnbpl_52:active {
  cursor: pointer !important;
}
._locked_pnbpl_52 ._dragHandle_pnbpl_43 {
  cursor: pointer !important;
}
._locked_pnbpl_52 ._dragHandle_pnbpl_43:active {
  cursor: pointer !important;
}
._topSection_pnbpl_66 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
._actionIconContainer_pnbpl_73 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--accent-soft, var(--surface-muted));
  border-radius: 6px;
}
._actionIcon_pnbpl_73 {
  width: 22px;
  height: 22px;
  filter: none;
}
._contentSection_pnbpl_90 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._divider_pnbpl_98 {
  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_pnbpl_105 {
  padding: 0 8px 0px 8px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  width: 204px;
}
._descriptionLabel_pnbpl_115 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}
._description_pnbpl_105 {
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
  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_pnbpl_137 {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 0;
  width: 100%;
}
._actionName_pnbpl_137 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  line-height: 16px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 1;
  min-width: 0;
}
._validationErrorIcon_pnbpl_158 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
._validationErrorIconHidden_pnbpl_166 {
  display: none;
}
._actionTypeName_pnbpl_170 {
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  display: block;
}
._conditionsBar_pnbpl_180 {
  display: flex;
  gap: 6px;
  padding: 6px 12px 0px 12px;
  position: relative;
  cursor: pointer;
}
._conditionItem_pnbpl_188 {
  position: relative;
  display: flex;
  align-items: center;
}
._conditionTag_pnbpl_194 {
  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_pnbpl_207 {
  padding: 2px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ok) 55%, var(--surface-muted)) 0%, color-mix(in srgb, var(--ok) 80%, var(--surface)) 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);
}
._borderContainer_pnbpl_207._highlighted_pnbpl_218 {
  border: 2px solid var(--ok);
  box-shadow: 0 0 16px color-mix(in srgb, var(--ok) 45%, transparent);
  transform: scale(1.02);
}
._borderContainer_pnbpl_207._animated_pnbpl_223 {
  animation: _actionGlow_pnbpl_1 2s infinite;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ok) 40%, var(--surface-muted)) 0%, color-mix(in srgb, var(--ok) 70%, var(--surface)) 50%, color-mix(in srgb, var(--ok) 40%, var(--surface-muted)) 100%);
  background-size: 200% 100%;
}
._borderContainer_pnbpl_207:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--ok) 65%, var(--surface-muted)) 0%, color-mix(in srgb, var(--ok) 85%, var(--surface)) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--ok) 35%, transparent);
}
._borderContainer_pnbpl_207._active_pnbpl_233 {
  background: color-mix(in srgb, var(--ok) 70%, var(--surface-muted));
  z-index: 3;
  box-shadow: 0 4px 22px -3px color-mix(in srgb, var(--ok) 40%, transparent), 0 0 0 3px color-mix(in srgb, var(--ok) 35%, transparent);
  transition: box-shadow 0.2s, background 0.2s, transform 0.2s;
}
._borderContainer_pnbpl_207._invalid_pnbpl_239 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 35%, var(--surface-muted)) 0%, color-mix(in srgb, var(--danger) 55%, var(--surface)) 100%);
  border: 2px solid var(--danger);
  box-shadow: 0 0 10px color-mix(in srgb, var(--danger) 30%, transparent);
}
._borderContainer_pnbpl_207._invalid_pnbpl_239:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--danger) 40%, transparent);
}
._borderContainer_pnbpl_207._invalid_pnbpl_239._active_pnbpl_233 {
  background: color-mix(in srgb, var(--danger) 60%, var(--surface-muted));
  box-shadow: 0 4px 22px -3px color-mix(in srgb, var(--danger) 40%, transparent), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent);
}
._borderContainer_pnbpl_207._disabled_pnbpl_251 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--text-muted) 20%, var(--surface-muted)) 0%, color-mix(in srgb, var(--text-muted) 35%, var(--surface)) 100%);
  opacity: 0.6;
  cursor: not-allowed;
}
._borderContainer_pnbpl_207._disabled_pnbpl_251:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--text-muted) 25%, var(--surface-muted)) 0%, color-mix(in srgb, var(--text-muted) 40%, var(--surface)) 100%);
  transform: none;
  box-shadow: none;
}
._borderContainer_pnbpl_207._disabled_pnbpl_251._active_pnbpl_233 {
  background: color-mix(in srgb, var(--text-muted) 30%, var(--surface-muted));
  box-shadow: 0 4px 22px -3px color-mix(in srgb, var(--text-muted) 20%, transparent), 0 0 0 3px color-mix(in srgb, var(--text-muted) 25%, transparent);
}
._borderContainer_pnbpl_207._disabled_pnbpl_251 ._container_pnbpl_29 {
  opacity: 0.7;
}
._borderContainer_pnbpl_207._disabled_pnbpl_251 ._actionName_pnbpl_137 {
  color: var(--text-secondary);
}
._borderContainer_pnbpl_207._disabled_pnbpl_251 ._actionTypeName_pnbpl_170 {
  color: var(--text-muted);
}
._borderContainer_pnbpl_207._disabled_pnbpl_251 ._actionIconContainer_pnbpl_73 {
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(75, 85, 99, 0.1) 100%);
}
._latencyBadgeWrapper_pnbpl_278 {
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  z-index: 5;
}
._latencyBadge_pnbpl_278 {
  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_pnbpl_1 1s ease forwards;
}
._latencyBadgePulse_pnbpl_306 {
  animation: _latencyFadeIn_pnbpl_1 0.25s ease forwards, _latencyPop_pnbpl_1 0.45s ease forwards;
}
._latencyBadgeIcon_pnbpl_310 {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
._latencyBadgeValue_pnbpl_316 {
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 700;
}
._latencyHighlight_pnbpl_322 {
  animation: _latencyNodeGlow_pnbpl_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_pnbpl_327 {
  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_pnbpl_340 {
  opacity: 1;
  pointer-events: all;
}
._deleteButton_pnbpl_345 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid var(--border-strong);
  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_pnbpl_345:hover {
  background: var(--surface-muted);
  border-color: var(--text-secondary);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._deleteButton_pnbpl_345:active {
  transform: scale(0.95);
}
._deleteButton_pnbpl_345 img {
  width: 16px;
  height: 16px;
  filter: var(--icon-mono-filter);
}
@keyframes _actionGlow_pnbpl_1 {
  0% {
    background-position: 200% 0;
    box-shadow: 0 0 6px color-mix(in srgb, var(--ok) 35%, transparent);
  }
  50% {
    box-shadow: 0 0 22px color-mix(in srgb, var(--ok) 55%, transparent);
    transform: scale(1.01);
  }
  100% {
    background-position: -200% 0;
    box-shadow: 0 0 6px color-mix(in srgb, var(--ok) 35%, transparent);
  }
}
._targetHandle_pnbpl_387 {
  width: 8px !important;
  height: 8px !important;
  background: var(--surface) !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_pnbpl_387::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: all;
}
._targetHandle_pnbpl_387:hover {
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);
  border-color: #059669 !important;
}
._sourceHandle_pnbpl_413 {
  width: 8px !important;
  height: 8px !important;
  background: var(--surface) !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_pnbpl_413::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._sourceHandle_pnbpl_413:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
._plusButtonContainer_pnbpl_438 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -46px;
  z-index: 10;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._plusButtonContainer_pnbpl_438 ._plusButton_pnbpl_438 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--surface);
  border: 2px solid var(--accent);
  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_pnbpl_438 ._plusButton_pnbpl_438:hover {
  background-color: var(--surface-muted);
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._plusButtonContainer_pnbpl_438 ._plusButton_pnbpl_438:active {
  transform: scale(0.95);
}
._plusButtonContainer_pnbpl_438 ._plusButton_pnbpl_438 img {
  width: 14px;
  height: 14px;
  filter: var(--icon-mono-filter);
}
._plusButtonContainerVisible_pnbpl_478 {
  opacity: 1;
}
@keyframes _latencyFadeIn_pnbpl_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _latencyPop_pnbpl_1 {
  0% {
    transform: scale(0.95);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _latencyNodeGlow_pnbpl_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_1w831_1 {}
._inputContainer_1w831_30 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._inputHolder_1w831_36 {
  position: relative;
  display: inline-block;
  width: 100%;
}
._input_1w831_30 {
  width: 356px;
  height: 44px;
  border: 1px solid var(--border-field);
  border-radius: 50px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 19.09px;
  padding: 10px 24px;
  padding-right: 48px;
  color: var(--text);
  background: var(--surface-muted);
  outline: none;
  box-sizing: border-box;
}
._input_1w831_30:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--surface-muted) inset;
  box-shadow: 0 0 0px 1000px var(--surface-muted) inset;
  -webkit-text-fill-color: var(--text);
  animation-name: _autofill-start_1w831_1;
  animation-duration: 10ms;
  animation-iteration-count: 1;
}
._input_1w831_30:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--surface-muted) inset;
  box-shadow: 0 0 0px 1000px var(--surface-muted) inset;
  -webkit-text-fill-color: var(--text);
  animation-name: _autofill-start_1w831_1;
  animation-duration: 10ms;
  animation-iteration-count: 1;
}
._input_1w831_30._disable_1w831_74 {
  background-color: var(--surface-muted);
  border-color: var(--border);
  color: var(--text-muted);
}
._input_1w831_30:focus {
  border: 1px solid var(--text);
}
._inputError_1w831_84 {
  border: 1px solid var(--danger) !important;
}
._input_1w831_30::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._floatingLabelContainer_1w831_98 {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
._floatingLabel_1w831_98 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--text-muted);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
}
._focused_1w831_116 ._floatingLabel_1w831_98,
._filled_1w831_117 ._floatingLabel_1w831_98 {
  font-size: 10px;
  line-height: 12px;
}
._focused_1w831_116 ._floatingLabelContainer_1w831_98,
._filled_1w831_117 ._floatingLabelContainer_1w831_98 {
  top: 0;
  transform: translateY(2px);
}
._focused_1w831_116 ._input_1w831_30,
._filled_1w831_117 ._input_1w831_30 {
  padding-top: 14px;
  transition: padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._iconRight_1w831_134 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._showPasswordButton_1w831_146 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: fit-content;
  cursor: pointer;
}
._showPasswordButton_1w831_146 img {
  filter: var(--icon-mono-filter);
}
._disableIcon_1w831_158 {
  opacity: 0.5;
}
._label_1w831_162 {
  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_1w831_172 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-muted);
}
._disable_1w831_74 {
  color: var(--text-muted);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_thxup_33 {
  padding-top: 20px;
  padding-bottom: 20px;
}
._expDate_thxup_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_thxup_49 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  gap: 10px;
}
._canceledSubLabel_thxup_58 {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--on-dark-surface);
  background-color: #ff3b30;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
._closeIcon_thxup_71 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_thxup_71 :hover {
  background-color: #ff3b30;
}
._mobileToggleContainer_thxup_84 {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  ._mobileToggleContainer_thxup_84 {
    padding: 0 8px;
  }
}
._mobileToggleScroll_thxup_98 {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  background: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._mobileToggleScroll_thxup_98::-webkit-scrollbar {
  display: none;
}
._mobileToggleButton_thxup_112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 12px 8px;
  background: var(--surface);
  border: 1.5px solid var(--border-field);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
._mobileToggleButton_thxup_112:hover {
  border-color: var(--accent);
  background: var(--surface-subtle);
}
._mobileToggleButton_thxup_112._active_thxup_130 {
  border-color: var(--btn-dark);
  background: var(--btn-dark);
}
._mobileToggleButton_thxup_112._active_thxup_130 ._mobileToggleIcon_thxup_134 {
  color: var(--on-dark-surface);
}
._mobileToggleButton_thxup_112._active_thxup_130 ._mobileToggleLabel_thxup_137 {
  color: var(--on-dark-surface);
}
@media screen and (max-width: 480px) {
  ._mobileToggleButton_thxup_112 {
    min-width: 70px;
    padding: 10px 6px;
    border-radius: 10px;
  }
}
._mobileToggleIcon_thxup_134 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: var(--text-muted);
  transition: color 0.2s ease-in-out;
}
._mobileToggleIcon_thxup_134 svg {
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  ._mobileToggleIcon_thxup_134 {
    margin-bottom: 2px;
  }
  ._mobileToggleIcon_thxup_134 svg {
    font-size: 18px;
  }
}
._mobileToggleLabel_thxup_137 {
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
  color: var(--text-secondary);
  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_thxup_137 {
    font-size: 11px;
  }
}
._section_thxup_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_thxup_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  ._section_thxup_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 834px) {
  ._section_thxup_187 {
    min-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._section_thxup_187 {
    min-height: fit-content;
  }
}
._section_thxup_187 ._mainContainer_thxup_214 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._section__title_thxup_219 {
  font-family: "Roboto";
  font-size: 54px;
  font-weight: 700;
  line-height: 75px;
  text-align: center;
  margin-bottom: 44px;
  color: var(--text);
}
@media screen and (max-width: 1440px) {
  ._section__title_thxup_219 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1220px) {
  ._section__title_thxup_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1024px) {
  ._section__title_thxup_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 834px) {
  ._section__title_thxup_219 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  ._section__title_thxup_219 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) and (max-height: 790px) {
  ._section__title_thxup_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 481px) and (max-height: 640px) {
  ._section__title_thxup_219 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
._cards_thxup_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_thxup_278 {
    flex-wrap: wrap;
    max-width: 700px;
  }
}
._background_thxup_295 {
  z-index: -1;
  display: flex;
  align-self: center;
  position: absolute;
  width: calc(100vw - 5.3%);
  height: 20vh;
  top: 86%;
  background: linear-gradient(180deg, var(--bg) 9.3%, var(--surface-muted) 79.32%);
  border-radius: 0px 0px 30px 30px;
}
@media screen and (max-width: 1440px) {
  ._background_thxup_295 {
    height: 20vh;
  }
}
@media screen and (max-width: 1220px) {
  ._background_thxup_295 {
    display: none;
  }
}
._container_thxup_317 {
  width: 100%;
  display: flex;
  height: fit-content;
  justify-content: center;
}
._container_thxup_317 ._content_thxup_49 {
  display: flex;
  justify-content: center;
  align-self: center;
  gap: 24px;
}
@media screen and (max-width: 1220px) {
  ._container_thxup_317 ._content_thxup_49 {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  ._container_thxup_317 ._content_thxup_49 {
    flex-direction: column;
  }
}
@media screen and (max-width: 834px) {
  ._container_thxup_317 ._content_thxup_49 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._container_thxup_317 ._content_thxup_49 {
    flex-direction: column;
  }
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._toggle_thxup_349 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 321px;
  height: 49px;
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364 {
  width: 100%;
  height: 100%;
  background-color: var(--surface);
  color: var(--text);
  border: 1.5px solid var(--btn-dark);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s;
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364:hover {
  box-shadow: none;
  color: var(--on-dark-surface);
  background-color: var(--btn-dark);
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364._active_thxup_130 {
  box-shadow: none;
  color: var(--on-dark-surface);
  background-color: var(--btn-dark);
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364._disabled_thxup_386 {
  border-color: var(--border-strong);
  background-color: var(--surface-muted);
  color: var(--text-muted);
  border: 1px solid;
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364:first-child {
  transform: translateX(15%);
  z-index: 100;
}
._container_thxup_317 ._content_thxup_49 ._toggleHolder_thxup_349 ._button_thxup_364:last-child {
  transform: translateX(-15%);
}
._container_thxup_317 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._toggle_thxup_349 {
  display: flex;
  justify-content: center;
  gap: 10px;
}
._pricingGrid_thxup_412 {
  display: flex;
  flex-direction: column;
}
._planCard_thxup_417 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--surface-muted);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
._planTitle_thxup_427 {
  text-align: center;
}
._getStartedBtn_thxup_431 {
  background-color: #007bff;
  color: var(--on-dark-surface);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
._sectionTitle_thxup_440 {
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 10px;
}
._priceRow_thxup_446 {
  width: 20%;
  max-width: 310px;
  display: flex;
  justify-content: center;
}
._title_thxup_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_thxup_453 {
    width: 40%;
  }
}
._value_thxup_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_thxup_481 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
._priceText_thxup_488 {
  font-family: "Roboto";
  font-size: 1.31rem;
  font-weight: 700;
  line-height: 2.25rem;
  text-align: left;
  color: var(--text);
}
._monthText_thxup_497 {
  font-size: 1rem !important;
  font-weight: normal;
  color: var(--text-secondary) !important;
  align-self: center;
}
._customText_thxup_504 {
  font-family: "Roboto";
  font-size: 1.31rem;
  font-weight: 700;
  line-height: 2.44rem;
  letter-spacing: 0.03em;
  text-align: left;
}
._tableRow_thxup_513 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
._sectionTitle_thxup_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_thxup_535 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  max-width: 310px;
}
._headerTableRow_thxup_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_thxup_560 {
  display: flex;
  justify-content: space-between;
  width: 20%;
  max-width: 245px;
  height: 100%;
  justify-content: center;
  align-items: center;
  align-self: center;
}
._tableRow_thxup_513:not(:last-child) {
  margin-bottom: 10px;
}
._planInfo_thxup_575 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px;
}
._crossIcon_thxup_582 {
  max-width: 16px;
  max-height: 16px;
  width: 16px;
  height: 16px;
}
._markIcon_thxup_589 {
  max-width: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
}
._card_class_59_thxup_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: var(--text);
}
@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: var(--surface);
  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: var(--btn-dark);
  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: var(--on-dark-surface);
  font-size: 18px;
  font-family: Roboto;
  font-weight: 400;
  word-wrap: break-word;
  position: relative;
}
div.class_6 {
  color: var(--text);
  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 var(--border-field) 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: var(--text);
  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 var(--border-field) solid;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_21 {
  color: var(--on-dark-surface);
  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: var(--surface);
  color: var(--text);
  border-radius: 20px;
  border: 1px var(--border-field) 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: var(--accent);
}
div.class_25.active {
  border-color: var(--accent);
}
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;
  color: var(--text);
  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;
  color: var(--text);
  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;
  color: var(--text);
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.class_35 {
  text-align: center;
  color: var(--text);
  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;
  color: var(--text);
  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: var(--surface-accent);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.class_37.voice {
  background: var(--surface-accent-soft);
}
div.class_38 {
  text-align: center;
  color: var(--text);
  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: var(--surface);
  border-radius: 50px;
  border: 1px solid var(--btn-dark);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  cursor: pointer;
  color: var(--text);
}
div.class_39.disabled,
a.class_39.disabled {
  border-color: gainsboro !important;
}
div.class_40 {
  color: var(--text);
  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: var(--surface);
  color: var(--text);
  border-radius: 20px;
  border: 1px var(--border-field) solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}
div.class_42.active {
  border-color: var(--accent);
}
@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: var(--text);
  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: var(--text);
  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 var(--border-field) 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: var(--text-secondary);
  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: var(--text);
  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: var(--text);
  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: var(--accent);
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
.card_class_20 {
  color: var(--text);
  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: var(--btn-dark);
  border-radius: 50px;
  border: 1px solid var(--btn-dark);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.card_class_24 {
  color: var(--on-dark-surface);
  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: var(--text);
  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: var(--surface);
  color: var(--text);
  border-radius: 20px;
  border: 1px var(--border-field) solid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}
div.card_class_60:hover {
  border-color: var(--accent);
}
div.card_class_60.active {
  border-color: var(--accent);
}
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;
  color: var(--text);
  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;
  color: var(--text);
  font-size: 24px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 53px;
  word-wrap: break-word;
}
div.card_class_70 {
  text-align: center;
  color: var(--text);
  font-size: 72px;
  font-family: Roboto;
  font-weight: 700;
  word-wrap: break-word;
}
div.card_class_71 {
  text-align: center;
  color: var(--text);
  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: var(--surface-accent);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
div.card_class_72.voice {
  background: var(--surface-accent-soft);
}
div.card_class_73 {
  text-align: center;
  color: var(--text);
  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: var(--surface);
  border-radius: 50px;
  border: 1px solid var(--btn-dark);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  color: var(--text);
}
div.card_class_74.disabled {
  border-color: gainsboro !important;
}
div.card_class_75 {
  color: var(--text);
  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: var(--surface-muted);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  border-left: 1px var(--border-field) solid;
  border-right: 1px var(--border-field) solid;
  border-bottom: 1px var(--border-field) solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}
div.card_class_76:hover {
  border-color: var(--accent);
}
div.card_class_76.active {
  border-color: var(--accent);
}
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 {
  color: var(--text);
  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 {
  color: var(--text);
  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;
  color: var(--text);
  font-size: 14px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 19px;
  color: var(--text-secondary);
}
@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: var(--on-dark-surface);
  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: var(--surface);
  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: var(--text-secondary);
  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: var(--text);
  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: var(--text);
  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: var(--accent);
  font-size: 18px;
  font-family: Helvetica Neue;
  font-weight: 400;
  line-height: 27px;
  word-wrap: break-word;
}
span.mob_cart_details_20 {
  color: var(--text);
  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: var(--btn-dark);
  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: var(--on-dark-surface);
  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: var(--text);
  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: var(--text);
  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(--text);
  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: var(--text);
  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: var(--text-muted);
  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 var(--border);
  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 var(--border);
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 500;
  line-height: 17.09px !important;
  text-align: center !important;
}
.blackCircle {
  background-color: var(--text);
  color: var(--on-dark-surface);
  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: var(--text-secondary);
  text-transform: capitalize;
}
.planPrice {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.98px;
  text-align: left;
  color: var(--text);
}
.contentFlex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contentText {
  color: var(--text);
}
.contentBlock {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border);
  padding: 24px;
  border-radius: 10px;
}
.active-subscription {
  border: 1px solid var(--btn-dark) !important;
  background-color: var(--surface-subtle) !important;
}
.canceledSubLabel {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--on-dark-surface);
  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: var(--btn-dark);
  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: var(--surface-muted);
  box-shadow: var(--shadow-dropdown, 0px 0px 14px rgba(107, 107, 107, 0.25));
  border: 1px solid var(--border-strong);
  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, sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  position: relative;
  color: var(--text-secondary);
}

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

.buttons-group label input:checked + span {
  color: var(--on-dark-surface);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_dck7l_57 {
  width: 100%;
}
._title_dck7l_61 {
  height: 24px !important;
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  padding: 0 !important;
  color: var(--text) !important;
}
._content_dck7l_71 {
  height: auto;
  overflow: hidden;
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_dck7l_71 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
._actions_dck7l_89 {
  height: 52px;
  padding: 0 !important;
}
._actions_dck7l_89 button {
  width: 100%;
}
._rowfields_dck7l_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
._rowfields_dck7l_97 label {
  flex: 1;
}
._rowField_dck7l_107 {
  width: 170px;
}
._field_dck7l_111 {
  height: 52px;
  margin: 0 !important;
  background-color: var(--surface-sidebar);
  padding: 19px 14px !important;
  width: 100%;
  align-items: center;
}
._field_dck7l_111 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._field_dck7l_111 input:focus,
._field_dck7l_111 ._StripeElement--focus_dck7l_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_dck7l_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_dck7l_142 {
  width: 441px;
  height: 52px;
  background-color: var(--surface-sidebar);
  border-radius: 10px;
  margin: 4px 0 14px 0;
  padding-left: 14px;
  color: var(--text) !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputCustom_dck7l_142 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_dck7l_142::after {
  display: none;
}
._inputCustom_dck7l_142::before {
  display: none;
}
._flexAmount_dck7l_168 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
}
._flexAmountContainer_dck7l_175 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_dck7l_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_dck7l_175 {
    flex-direction: column;
  }
}
._inputNumber_dck7l_193 {
  width: 136px;
  height: 40px;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 10px;
  padding-left: 14px;
  color: var(--text) !important;
  font-size: 16px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
._inputNumber_dck7l_193 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputNumber_dck7l_193::after {
  display: none;
}
._inputNumber_dck7l_193::before {
  display: none;
}
._titleForm_dck7l_219 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_dck7l_228 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-x: auto;
}
._cardsWrap_dck7l_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_dck7l_228 ._cardsBlock_dck7l_242 {
  display: flex;
  gap: 14px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_dck7l_250 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._btnAmount_dck7l_256, ._activeAmountBtn_dck7l_256 {
  padding: 4px 14px 4px 14px;
  border-radius: 10px;
  width: auto;
  height: 32px;
  background: var(--table-header-bg, var(--surface-sidebar));
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
  cursor: pointer;
}
._activeAmountBtn_dck7l_256 {
  color: var(--on-dark-surface);
  background-color: var(--text);
}
._actionButtons_dck7l_273 {
  display: flex;
  gap: 24px;
}
._button_dck7l_278 {
  flex-basis: 100%;
  padding: 14px 24px 14px 24px;
  height: 48px;
  border-radius: 50px;
}
@media screen and (max-width: 480px) {
  ._button_dck7l_278 {
    width: 95%;
  }
}
._actionsWrapper_dck7l_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_dck7l_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: var(--text-muted);
  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_1n6ii_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 36px;
  position: relative;
  z-index: 1;
}

._fancyButton_1n6ii_1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 24px;
  border: none;
  border-radius: 32px;
  background: var(--surface);
  color: var(--text);
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 2px 8px 0 var(--border);
  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;
}

@media screen and (max-width: 480px) {
  ._fancyButton_1n6ii_1 {
    min-width: auto;
    padding: 10px 16px;
    font-size: 0.95rem;
  }
}

._disabled_1n6ii_43 {
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
  filter: grayscale(0.2) brightness(0.97);
}

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

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

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

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

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

._fancyButtonBorderContainer_1n6ii_1:hover ._animation10_1n6ii_77 {
  background: var(--surface-muted);
  color: var(--text);
  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_1n6ii_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_pubhq_29 {
  height: 100%;
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 16px;
  transition: box-shadow 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
._tipicalForm_pubhq_29 form {
  width: 100%;
  height: 100%;
}
._header_pubhq_42 {
  background-color: var(--surface-muted);
  color: var(--text);
  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 var(--border);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
._uploadButton_pubhq_56 {
  width: 40%;
}
@media screen and (max-width: 1440px) {
  ._uploadButton_pubhq_56 {
    width: 70%;
  }
}
@media screen and (min-width: 1221px) {
  ._uploadButton_pubhq_56 {
    width: 80%;
  }
}
._body_pubhq_70 {
  border-bottom: 1px solid var(--border);
  padding: 10px;
  background-color: var(--surface);
  display: flex;
  align-items: center;
  overflow: auto;
  height: calc(100% - 80px);
  flex-direction: column;
}
._body_pubhq_70 textarea i {
  background-color: yellow;
}
._body_pubhq_70 ._gorisontal_pubhq_83 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin-top: 10px;
}
._footer_pubhq_91 {
  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_pubhq_105 {
  position: relative;
  width: 90%;
  margin-top: 10px;
  background: var(--surface);
  color: var(--text);
}
._input_pubhq_113 {
  height: 600px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._input_pubhq_113 {
    height: 450px;
  }
}
._pseudoInput_pubhq_123 {
  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_pubhq_123:focus {
  outline: none;
  border-bottom: 2px solid #1976d2;
}
._pseudoInput_pubhq_123:hover {
  outline: none;
  border-bottom: 2px solid #919192;
}
._customLable_pubhq_153 {
  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_pubhq_179 {
  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: var(--surface) !important;
  color: var(--text);
  display: flex;
  flex-direction: column;
  padding: 0;
  animation: _slideInPanel_pubhq_1 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._sidePanelPaper_pubhq_179 {
    height: 100vh !important;
  }
}
@keyframes _slideInPanel_pubhq_1 {
  from {
    transform: translateX(100%);
    opacity: 0.7;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._sidePanelContent_pubhq_213 {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: var(--surface);
  color: var(--text);
  border-radius: 0;
  overflow: hidden;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._sidePanelContent_pubhq_213 {
    height: 100vh;
  }
}
._panelHeader_pubhq_229 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 32px 18px 32px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-muted);
  border-radius: 0;
  position: relative;
  min-height: 80px;
}
._headerIcon_pubhq_241 {
  font-size: 2.2rem !important;
  color: var(--accent);
  margin-right: 12px;
}
._panelTitle_pubhq_247 {
  flex: 1;
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
  letter-spacing: 0.01em;
  text-align: left;
}
._closeButton_pubhq_257 {
  background: none;
  border: none;
  font-size: 2.1rem;
  color: var(--text-muted);
  cursor: pointer;
  transition: color 0.2s;
  margin-left: 18px;
  position: absolute;
  right: 24px;
  top: 32px;
  z-index: 2;
  line-height: 1;
}
._closeButton_pubhq_257:hover {
  color: var(--accent);
}
._panelForm_pubhq_275 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
  background: var(--surface);
  overflow-y: auto;
  min-height: 0;
}
._panelBody_pubhq_286 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 36px 32px 0 32px;
  flex: 1;
  background: var(--surface);
  overflow-y: auto;
  min-height: 0;
}
._panelFooter_pubhq_297 {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  padding: 28px 32px 32px 32px;
  border-top: 1px solid var(--border);
  background: var(--surface-muted);
  border-radius: 0;
}
._panelFooter_pubhq_297 button,
._panelFooter_pubhq_297 ._MuiButton-root_pubhq_308 {
  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_pubhq_297 ._MuiButton-contained_pubhq_318,
._panelFooter_pubhq_297 ._MuiButton-root_pubhq_308._filled_pubhq_319 {
  background: linear-gradient(90deg, #1b76d3 0%, #3bb0ff 100%);
  color: #fff;
  border: none;
}
._panelFooter_pubhq_297 ._MuiButton-contained_pubhq_318:hover,
._panelFooter_pubhq_297 ._MuiButton-root_pubhq_308._filled_pubhq_319:hover {
  background: linear-gradient(90deg, #1760b3 0%, #2496e6 100%);
  color: #fff;
  box-shadow: 0 4px 16px 0 rgba(30, 41, 59, 0.1);
}
._panelFooter_pubhq_297 ._MuiButton-outlined_pubhq_331,
._panelFooter_pubhq_297 ._MuiButton-root_pubhq_308._outlined_pubhq_332 {
  background: var(--surface);
  color: #1b76d3;
  border: 2px solid #1b76d3;
}
._panelFooter_pubhq_297 ._MuiButton-outlined_pubhq_331:hover,
._panelFooter_pubhq_297 ._MuiButton-root_pubhq_308._outlined_pubhq_332:hover {
  background: #f0f7ff;
  color: #1760b3;
  border-color: #1760b3;
}
._flowFormContainer_pubhq_344 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._flowFormBody_pubhq_352 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 14px;
}
._flowFormFooter_pubhq_362 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  background-color: var(--surface);
  flex-shrink: 0;
}
._fieldContainer_pubhq_371 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._hader_pubhq_378 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._holderContainer_pubhq_384 {
  display: flex;
  align-items: center;
}
._textHolder_pubhq_389 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  display: flex;
  align-items: center;
}
._textFlex_pubhq_398 {
  width: 24px;
  height: 24px;
}
._textWithTooltip_pubhq_403 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_pubhq_409 {
  width: 16px;
  height: 16px;
}
._flowNameWarningIcon_pubhq_414 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._flowNameWarningBox_pubhq_420 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  background: var(--surface-accent-soft, rgba(124, 58, 237, 0.12));
  border: 1px solid var(--accent-border, rgba(124, 58, 237, 0.25));
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 16px;
  color: var(--accent-active-text, #4c1d95);
}
._field_pubhq_371 {
  width: 100%;
}
._ddRenderValue_pubhq_438 {
  font-size: 14px;
  font-weight: 500;
}
._grayText_pubhq_443 {
  color: var(--text-muted);
}
._categoryChip_pubhq_447 {
  background-color: var(--selection-highlight-bg, var(--table-row-selected-bg, var(--surface-accent-soft)));
  border: 1px solid var(--accent-border);
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
}
._categoryChip_pubhq_447 span {
  color: var(--accent-active-text, #0066cc);
  font-size: 14px;
  line-height: 1;
}
._categoryChip_pubhq_447 .MuiSvgIcon-root {
  color: var(--accent-active-text, #0066cc) !important;
}
@media (max-width: 700px) {
  ._sidePanelPaper_pubhq_179 {
    width: 100vw !important;
    border-radius: 0 !important;
  }
  ._sidePanelContent_pubhq_213 {
    border-radius: 0;
  }
  ._panelHeader_pubhq_229,
  ._panelBody_pubhq_286,
  ._panelFooter_pubhq_297 {
    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;
}._wrapper_9dqah_1 {
  display: flex;
  padding: var(--page-header-padding);
  padding-top: 0px;
  flex-direction: column;
  width: 100%;
  height: calc(100% - var(--page-header, 87px));
}

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

._input_9dqah_17 {
  width: 340px;
}

._input_9dqah_17 .MuiOutlinedInput-root {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 9px;
  box-shadow: var(--shadow-sm);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

._input_9dqah_17 .MuiOutlinedInput-root.Mui-focused {
  box-shadow: 0 0 0 3px var(--accent-tint), var(--shadow-sm);
}

._input_9dqah_17 .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: var(--accent-hover-border) !important;
}

._input_9dqah_17 .MuiInputBase-input {
  height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  display: block;
  font-size: 13.5px;
}

._input_9dqah_17 .MuiInputBase-input::placeholder {
  color: var(--text-secondary);
  opacity: 0.72;
}

._input_9dqah_17 .MuiInputAdornment-root {
  height: auto !important;
  max-height: none !important;
  margin: 0 10px 0 0 !important;
}

@media screen and (max-width: 480px) {
  ._input_9dqah_17 {
    width: 160px;
  }
}

._buttonContainer_9dqah_64 {
  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_9dqah_64 {
    flex-direction: row;
    justify-content: space-between;
  }
}

._table_9dqah_79 {
  flex: 1 1 auto;
  min-height: 0;
}

._actionsCell_9dqah_84 {
  padding-top: 0;
  padding-bottom: 0;
}

._actionsTrigger_9dqah_89 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 32px;
  margin: 0 auto;
  border-radius: 9px;
  transition: background 140ms ease;
}

._actionsTrigger_9dqah_89:hover {
  background: var(--surface-muted);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_okshe_57 {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
._background_okshe_67 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._dndItems_okshe_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_okshe_75._botname_okshe_90 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._dndnode_okshe_97 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._reactflowWrapper_okshe_104 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: var(--debug-console-offset, 0px);
  transition: padding-bottom 220ms ease;
}
._flowInitOverlay_okshe_112 {
  position: absolute;
  inset: 0;
  background: var(--bg);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
._flowInitContent_okshe_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
._flowInitBoxes_okshe_130 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._flowInitBox_okshe_130 {
  width: 28px;
  height: 18px;
  border-radius: 6px;
  border: 2px solid var(--accent);
  background: var(--bg);
  box-shadow: 0 0 0 1px var(--accent-tint), var(--shadow-sm);
  animation: _flowBoxTravel_okshe_1 1.8s infinite ease-in-out;
}
._flowInitBox--center_okshe_145 {
  animation-delay: 0.18s;
}
._flowInitBox--right_okshe_148 {
  animation-delay: 0.36s;
}
._flowInitConnector_okshe_152 {
  width: 32px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent-tint), var(--accent), var(--accent-tint));
  background-size: 200% 100%;
  animation: _flowConnector_okshe_1 1.8s infinite linear;
  opacity: 0.85;
}
._flowInitGraph_okshe_162 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
._flowInitRow_okshe_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._flowInitConnectorVertical_okshe_176 {
  width: 2px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--accent-tint), var(--accent), var(--accent-tint));
  background-size: 100% 200%;
  animation: _flowConnector_okshe_1 1.8s infinite linear;
  opacity: 0.65;
}
._flowInitTitle_okshe_186 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: var(--scss-text-color, #1f1f1f);
}
._flowInitSubTitle_okshe_195 {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 18px;
  color: var(--scss-gray-text-color, #727272);
}
@keyframes _flowBoxTravel_okshe_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_okshe_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
._disabledView_okshe_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_okshe_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_okshe_248 {
  width: 100%;
  height: calc(100% - 54px);
  overflow-y: scroll;
}
._subcontainer_okshe_254 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
  margin-top: 24px;
}
._subcontainerBehaviour_okshe_264 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_okshe_269 {
  height: 112px;
  width: 513px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_okshe_269 ._hader_okshe_276 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_okshe_269 ._hader_okshe_276 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_okshe_269 ._hader_okshe_276 ._iconHolder_okshe_290 {
  width: 17px;
  height: 19px;
}
._fieldContainer_okshe_269 ._subhader_okshe_294 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
._fieldContainer_okshe_269 ._field_okshe_269 {
  width: 100%;
  height: 52px;
}
._fieldBig_okshe_309 {
  width: 100%;
}
._sideTabs_okshe_313 {
  position: absolute;
  left: 24px;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}
._sideTab_okshe_313 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0;
  color: var(--text-secondary);
  background: var(--surface-overlay-strong);
  border: 1px solid var(--border-strong);
  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_okshe_313:hover {
  transform: translateX(0);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}
._sideTab_okshe_313 ._icon_okshe_290 {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
}
._sideTab_okshe_313 ._label_okshe_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_okshe_368 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid var(--border-strong, #d1d5db);
  background: var(--surface);
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(6px);
}
._flowToolbarDivider_okshe_380 {
  width: 1px;
  height: 32px;
  background: var(--border, #e5e7eb);
  margin: 0 2px;
}
._flowToolbarButton_okshe_387 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: none;
  background: transparent;
  color: var(--text-secondary, #4b5563);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
._flowToolbarButton_okshe_387 .MuiSvgIcon-root {
  color: inherit !important;
}
._flowToolbarButton_okshe_387:hover {
  background: var(--surface-muted, #e5e7eb);
  color: var(--text, #111827);
  transform: translateY(-1px);
}
._flowToolbarButtonActive_okshe_411 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}
._flowToolbarIcon_okshe_416 {
  width: 24px;
  height: 24px;
  line-height: 1;
  filter: var(--icon-mono-filter);
}
._flowToolbarMuiIcon_okshe_423 {
  width: 22px;
  height: 22px;
}
._selectionMode_okshe_428 .react-flow__pane {
  cursor: crosshair !important;
}
._selectionMode_okshe_428 .react-flow__node {
  cursor: grab !important;
}
._selectionMode_okshe_428 .react-flow__node.dragging {
  cursor: grabbing !important;
}
._flowToolbarIconVertical_okshe_438 {
  transform: rotate(90deg);
}
._flowToolbarTooltip_okshe_442 {
  pointer-events: none;
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--tooltip-bg);
  color: var(--tooltip-text);
  font-size: 11px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
._flowToolbarButton_okshe_387:hover ._flowToolbarTooltip_okshe_442 {
  opacity: 1;
}
._sideTab_okshe_313:hover ._label_okshe_357,
._sideTab_okshe_313._active_okshe_463 ._label_okshe_357 {
  opacity: 1;
  max-width: 320px;
}
._sideTab_okshe_313._active_okshe_463 {
  transform: translateX(0);
  background: var(--surface-accent-soft);
  color: var(--accent-active-text);
  border-color: var(--accent-border);
  box-shadow: inset 0 0 0 1px var(--accent-border-soft), var(--shadow-sm);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_ghl0s_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 14px;
  color: var(--text);
}
._toolHeaderEdit_ghl0s_38 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  padding: 14px;
  background-color: var(--surface);
  border-radius: 10px;
  border: 1px solid var(--border-field);
  color: var(--text);
}
._mainHeaderContainer_ghl0s_50 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._toolInput_ghl0s_57 {
  font-size: 16px;
  padding: 4px 6px;
  border: 1px solid var(--border-field);
  border-radius: 4px;
  outline: none;
  flex: 1;
  background: var(--surface);
  color: var(--text);
}
._toolInput_ghl0s_57::placeholder {
  color: var(--text-muted);
}
._closeButton_ghl0s_71 {
  cursor: pointer;
}
._header_ghl0s_75 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._label_ghl0s_82 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
._errorLabel_ghl0s_88 {
  font-size: 16px;
  font-weight: 600;
  color: var(--danger);
}
._toolIcon_ghl0s_94 {
  width: 32px;
  height: 32px;
  filter: var(--icon-mono-filter);
}
._penIcon_ghl0s_100 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
}
._fieldLabel_ghl0s_107 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_xrxlj_29 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 10px;
  width: 100%;
  gap: 14px;
  color: var(--text);
}
._buttonContainer_xrxlj_41 {
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  background-color: var(--surface);
  border-top: none;
  flex-shrink: 0;
}
._rowIcon_xrxlj_52 {
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}
._rowIconColored_xrxlj_58 {
  width: 18px;
  height: 18px;
  filter: none;
}
._container_xrxlj_64 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 20px;
  overflow: hidden;
  color: var(--text);
}
._mainContainer_xrxlj_74 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
._labelWithIcon_xrxlj_84 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._label_xrxlj_84 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--text);
}
._rowDescContent_xrxlj_97 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._descLabel_xrxlj_103 {
  font-size: 16px;
  line-height: 21px;
  color: var(--text-secondary);
}
._addRowButton_xrxlj_109 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: var(--surface-muted);
  color: var(--text);
  cursor: pointer;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
._addRowButton_xrxlj_109:hover {
  background-color: var(--accent-hover-bg);
  box-shadow: var(--shadow-sm);
}
._buttonLabel_xrxlj_131 {
  font-size: 16px;
  color: var(--text);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_xrxlj_138 {
  pointer-events: none;
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1sa7r_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 14px;
  min-height: 600px;
  max-height: 90vh;
  position: relative;
  z-index: 1000;
}
._container_1sa7r_29 .MuiTooltip-popper {
  z-index: 1400 !important;
}
._actionHeaderEdit_1sa7r_44 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 14px;
  background-color: var(--surface);
  border-radius: 10px;
  border: 1px solid var(--border-field, var(--scss-borderColor, #d8dbdf));
}
._actionNameInput_1sa7r_55 {
  font-size: 16px;
  padding: 4px 6px;
  border: 1px solid var(--border-field, #ccc);
  border-radius: 4px;
  outline: none;
  flex: 1;
  color: var(--text);
  background: var(--surface);
}
._actionName_1sa7r_55 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-right: 10px;
}
._header_1sa7r_73 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._mainHeaderContainer_1sa7r_80 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._label_1sa7r_87 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._toolIcon_1sa7r_93 {
  width: 32px;
  height: 32px;
}
._closeButton_1sa7r_98 {
  cursor: pointer;
}
._fieldLabel_1sa7r_102 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._infoCard_1sa7r_108 {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--surface);
  border: 1px solid var(--border, #e5e7eb);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._infoCardText_1sa7r_118 {
  font-size: 16px;
  color: var(--text-secondary, #6b7280);
  line-height: 1.5;
}
._actionModalContent_1sa7r_124 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._actionHeader_1sa7r_44 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  border: 1px solid var(--border-field, var(--scss-borderColor, #d8dbdf));
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 14px 8px;
  background-color: var(--surface);
}
._actionHeader_1sa7r_44 img {
  width: 24px;
  height: 24px;
}
._actionHeader_1sa7r_44 span {
  font-weight: 600;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._actionContent_1sa7r_150 {
  z-index: 1400;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-field, var(--scss-borderColor, #d8dbdf));
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 14px 8px;
  background-color: var(--surface);
}
._tabContent_1sa7r_162 {
  padding: 24px 0;
}
._buttonContainer_1sa7r_166 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  padding: 0;
  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_8nypz_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_8nypz_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_8nypz_35 p {
  font-size: 16px;
  color: var(--text-secondary);
}
._passFailLabel_8nypz_48 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--accent);
  font-weight: 600;
  font-size: 1.08rem;
  padding: 4px 8px;
  background: linear-gradient(90deg, var(--surface-accent, #eaf1ff) 0%, var(--surface-accent-soft, #f4f7ff) 100%);
  border-radius: 12px;
  min-height: fit-content;
  box-shadow: 0 2px 8px 0 rgba(34, 80, 198, 0.07);
  border: 1px solid var(--accent-border-soft, #dbeafe);
  transition: box-shadow 0.2s;
}
._passFailLabel_8nypz_48 svg {
  color: var(--accent);
  font-size: 1.4em;
}
._eventContent_8nypz_70 {
  flex: 1;
  border: 1px solid #d8dbdf;
  border-top: none;
  background: var(--surface);
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._eventHeader_8nypz_83 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_8nypz_90 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--surface);
}
._eventName_8nypz_90:hover, ._eventName_8nypz_90:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_8nypz_103 {
  margin-bottom: 16px;
}
._logicOperator_8nypz_103 select {
  width: 100px;
  padding: 8px 12px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 4px;
  background: var(--surface);
  font-size: 14px;
  cursor: pointer;
}
._logicOperator_8nypz_103 select:hover {
  border-color: #4caf50;
}
._conditionGroup_8nypz_119 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_8nypz_119:last-child {
  margin-bottom: 24px;
}
._groupOperator_8nypz_129 {
  width: 120px;
  margin: 8px 0;
  background-color: var(--surface);
}
._groupOperator_8nypz_129 .MuiSelect-select {
  background-color: var(--surface);
}
._conditions_8nypz_138 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_8nypz_144 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_8nypz_144 .SortableList-item.dragging .operatorContainer {
  display: none;
}
._conditionWrapper_8nypz_153 {
  display: flex;
  background: var(--surface-muted);
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_8nypz_161 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
  cursor: grab;
}
._dragHandleContainer_8nypz_161 svg {
  color: #98a2b3;
}
._dragHandleContainer_8nypz_161 svg:hover {
  color: var(--text);
}
._SortableItem-dragging_8nypz_175 ._operatorContainer_8nypz_149 {
  display: none;
}
._conditionContent_8nypz_179 {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  gap: 8px;
  padding: 14px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
._singleLineInput_8nypz_189 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: fit-content;
}
._singleLineInput_8nypz_189 .editableWrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._singleLineInput_8nypz_189 .inputWithHelpIcon {
  width: 80%;
  min-width: 0;
  max-width: 100%;
}
._deleteButtonContainer_8nypz_208 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_8nypz_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_8nypz_208 svg {
  font-size: 20px;
}
._deleteButton_8nypz_208:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--text) !important;
}
._deleteButton--disabled_8nypz_237 {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed !important;
  background: none !important;
  color: #d3d3d3 !important;
}
._fieldSelect_8nypz_245,
._operatorSelect_8nypz_246 {
  width: 100%;
  background-color: var(--surface);
}
._fieldSelect_8nypz_245 .MuiSelect-select,
._operatorSelect_8nypz_246 .MuiSelect-select {
  background-color: var(--surface);
}
._fieldSelect_8nypz_245 .MuiOutlinedInput-notchedOutline,
._operatorSelect_8nypz_246 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_8nypz_245 .MuiInputBase-root,
._operatorSelect_8nypz_246 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_8nypz_245 .MuiInputBase-root fieldset,
._operatorSelect_8nypz_246 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_8nypz_245 .MuiInputBase-root fieldset legend,
._operatorSelect_8nypz_246 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_8nypz_271 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: var(--surface);
  width: 100%;
}
._valueInput_8nypz_271:focus {
  outline: none;
  border-color: #1976d2;
}
._valueInput--invalid_8nypz_283 {
  border: 1.5px solid #f44336 !important;
}
._groupOperator_8nypz_129,
._conditionOperator_8nypz_288 {
  margin: 8px 0 !important;
  background-color: var(--surface);
}
._groupOperator_8nypz_129 .MuiSelect-select,
._conditionOperator_8nypz_288 .MuiSelect-select {
  background-color: var(--surface);
}
._groupOperator_8nypz_129 .MuiOutlinedInput-notchedOutline,
._conditionOperator_8nypz_288 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_8nypz_129 .MuiInputBase-root,
._conditionOperator_8nypz_288 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_8nypz_129 .MuiInputBase-root fieldset,
._conditionOperator_8nypz_288 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_8nypz_129 .MuiInputBase-root fieldset legend,
._conditionOperator_8nypz_288 .MuiInputBase-root fieldset legend {
  display: none;
}
._subConditionOperator_8nypz_313 {
  width: 120px !important;
  margin: 8px auto !important;
  background-color: var(--surface);
}
._subConditionOperator_8nypz_313 .MuiSelect-select {
  background-color: var(--surface);
}
._subConditionOperator_8nypz_313 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._subConditionOperator_8nypz_313 .MuiInputBase-root {
  height: 36px;
}
._subConditionOperator_8nypz_313 .MuiInputBase-root fieldset {
  top: 0;
}
._subConditionOperator_8nypz_313 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_8nypz_334 {
  margin-top: 8px;
}
._addConditionButton_8nypz_338 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_8nypz_338 ._addIcon_8nypz_343 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_8nypz_161 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_8nypz_161:hover {
  color: var(--text);
  background-color: rgba(0, 0, 0, 0.04);
}
._bottomActions_8nypz_357 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  gap: 16px;
}
._colorSettings_8nypz_366 {
  display: flex;
  gap: 24px;
}
._colorOption_8nypz_371 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_8nypz_371 span {
  font-size: 14px;
  color: var(--text);
}
._colorOption_8nypz_371 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_8nypz_371 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_8nypz_371 .MuiInputAdornment-root {
  margin-left: 0;
  height: 70%;
  margin-top: 4px;
  max-height: none;
}
._colorOption_8nypz_371 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._fieldSelect_8nypz_245 {
  min-width: 200px;
  background: var(--surface);
  transition: all 0.2s ease;
}
._fieldSelect_8nypz_245:hover {
  background: var(--surface-muted);
}
._treeItem_8nypz_410:hover {
  background: var(--surface-muted);
}
._treeItem_8nypz_410._Mui-selected_8nypz_413 {
  background: var(--surface-accent, var(--accent-hover-bg));
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_clnop_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_clnop_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_clnop_35 p {
  font-size: 16px;
  color: var(--text-secondary);
}
._eventContent_clnop_48 {
  flex: 1;
  border: 1px solid #d8dbdf;
  border-top: none;
  background: var(--surface);
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
._eventHeader_clnop_58 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_clnop_65 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--surface);
}
._eventName_clnop_65:hover, ._eventName_clnop_65:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_clnop_78 {
  margin-bottom: 16px;
}
._logicOperator_clnop_78 select {
  width: 100px;
  padding: 8px 12px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  border-radius: 4px;
  background: var(--surface);
  font-size: 14px;
  cursor: pointer;
}
._logicOperator_clnop_78 select:hover {
  border-color: #4caf50;
}
._conditionGroup_clnop_94 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_clnop_94:last-child {
  margin-bottom: 24px;
}
._groupOperator_clnop_104 {
  width: 120px;
  margin: 8px 0;
  background-color: var(--surface);
}
._groupOperator_clnop_104 .MuiSelect-select {
  background-color: var(--surface);
}
._conditions_clnop_113 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._conditionWrapper_clnop_119 {
  display: flex;
  background: var(--surface-muted);
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_clnop_127 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
}
._dragHandleContainer_clnop_127 .DragHandle {
  cursor: grab;
  color: #98a2b3;
  padding: 4px;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dragHandleContainer_clnop_127 .DragHandle:hover {
  color: var(--text);
}
._conditionContent_clnop_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_clnop_156 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_clnop_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_clnop_156 svg {
  font-size: 20px;
}
._deleteButton_clnop_156:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--text) !important;
}
._fieldSelect_clnop_185,
._operatorSelect_clnop_186 {
  min-width: 120px;
  background-color: var(--surface);
}
._fieldSelect_clnop_185 .MuiSelect-select,
._operatorSelect_clnop_186 .MuiSelect-select {
  background-color: var(--surface);
}
._fieldSelect_clnop_185 .MuiOutlinedInput-notchedOutline,
._operatorSelect_clnop_186 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_clnop_185 .MuiInputBase-root,
._operatorSelect_clnop_186 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_clnop_185 .MuiInputBase-root fieldset,
._operatorSelect_clnop_186 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_clnop_185 .MuiInputBase-root fieldset legend,
._operatorSelect_clnop_186 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_clnop_211 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: var(--surface);
  min-width: 120px;
}
._valueInput_clnop_211:focus {
  outline: none;
  border-color: #1976d2;
}
._groupOperator_clnop_104,
._conditionOperator_clnop_224 {
  margin: 8px 0 !important;
  background-color: var(--surface);
}
._groupOperator_clnop_104 .MuiSelect-select,
._conditionOperator_clnop_224 .MuiSelect-select {
  background-color: var(--surface);
}
._groupOperator_clnop_104 .MuiOutlinedInput-notchedOutline,
._conditionOperator_clnop_224 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_clnop_104 .MuiInputBase-root,
._conditionOperator_clnop_224 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_clnop_104 .MuiInputBase-root fieldset,
._conditionOperator_clnop_224 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_clnop_104 .MuiInputBase-root fieldset legend,
._conditionOperator_clnop_224 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_clnop_249 {
  margin-top: 8px;
}
._addConditionButton_clnop_253 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_clnop_253 ._addIcon_clnop_258 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_clnop_127 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_clnop_127:hover {
  color: var(--text);
  background-color: rgba(0, 0, 0, 0.04);
}
._colorSettings_clnop_272 {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
}
._colorOption_clnop_280 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_clnop_280 span {
  font-size: 14px;
  color: var(--text);
}
._colorOption_clnop_280 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_clnop_280 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_clnop_280 .MuiInputAdornment-root {
  margin-left: 0;
  height: 100%;
  max-height: none;
}
._colorOption_clnop_280 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._tabsContainer_clnop_309 {
  width: 100%;
  border-bottom: 1px solid #d8dbdf;
}
._tabsList_clnop_314 {
  display: flex;
  align-items: center;
  gap: 2px;
}
._tab_clnop_309 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--surface-muted);
  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_clnop_309 span {
  flex: 1;
  font-size: 14px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tab_clnop_309:hover {
  background: var(--surface-muted);
}
._tab_clnop_309:hover ._closeButton_clnop_345 {
  opacity: 1;
}
._tab_clnop_309._active_clnop_348 {
  background: var(--surface);
  border-color: #d8dbdf;
  color: var(--text);
  position: relative;
}
._tab_clnop_309._active_clnop_348::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--surface);
}
._tab_clnop_309._active_clnop_348 span {
  color: var(--text);
}
._tab_clnop_309._active_clnop_348 ._closeButton_clnop_345 {
  opacity: 1;
}
._tab_clnop_309._empty_clnop_35 {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
}
._tab_clnop_309._empty_clnop_35 span {
  color: var(--danger);
}
._tab_clnop_309._empty_clnop_35._active_clnop_348 {
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
  border-color: var(--danger);
}
._tab_clnop_309._empty_clnop_35._active_clnop_348::after {
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
}
._closeButton_clnop_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_clnop_345:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--text);
}
._addButton_clnop_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_clnop_404:hover {
  background: rgba(84, 121, 247, 0.04);
}._tagifyDropdownContainer_mwwfq_1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._inputContainer_mwwfq_18 {
  flex: 1;
  width: 100%;
  position: relative;
  min-width: 0;
  overflow: visible;
}
._inputContainer_mwwfq_18 .editableWrapper {
  margin: 0;
  gap: 0;
  height: auto;
  min-height: auto;
  width: 100%;
  overflow: visible;
}
._inputContainer_mwwfq_18 .inputWithHelpIcon {
  position: relative;
  height: auto;
  min-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_mwwfq_18 .tags-input,
._inputContainer_mwwfq_18 .tags-input-flow {
  min-height: 48px;
  max-height: 48px;
  width: 100%;
  overflow: visible;
}
._inputContainer_mwwfq_18 .tagify {
  width: 100% !important;
  overflow: visible !important;
}
._inputContainer_mwwfq_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_mwwfq_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_mwwfq_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_mwwfq_18 .tagify__tag {
  max-width: calc(100% - 48px) !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
._inputContainer_mwwfq_18 .tagify__tag > div {
  max-width: calc(100% - 48px) !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
._inputContainer_mwwfq_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_mwwfq_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_mwwfq_96:hover {
  background: var(--accent-hover-bg);
}
._chevronButton_mwwfq_96:active {
  background: var(--surface-muted);
}

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

._chevronIcon_mwwfq_124 {
  color: var(--text-secondary);
  font-size: 20px;
  transition: transform 0.2s ease;
}

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

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

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

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

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

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

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

._title_ei4pz_68 {
  font-weight: 600;
  font-size: 16px;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1dcpe_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_1dcpe_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_1dcpe_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
._editor_1dcpe_2._light_1dcpe_31 {
  background: var(--surface);
  color: var(--text);
}
._editor_1dcpe_2._light_1dcpe_31 ._toolbar_1dcpe_35 {
  background: var(--surface-muted);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}
._editor_1dcpe_2._light_1dcpe_31 ._toolbarButton_1dcpe_40 {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border-field);
  box-shadow: none;
}
._editor_1dcpe_2._light_1dcpe_31 ._toolbarButton_1dcpe_40:hover:not(:disabled) {
  background: var(--surface-muted);
  transform: translateY(-1px);
  box-shadow: none;
}
._editor_1dcpe_2._light_1dcpe_31 ._toolbarButton_1dcpe_40:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: none;
}
._editor_1dcpe_2._light_1dcpe_31 ._toolbarButton_1dcpe_40:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: 0.5;
}
._editor_1dcpe_2._light_1dcpe_31 ._content_1dcpe_60 {
  background: var(--surface);
}
._editor_1dcpe_2._dark_1dcpe_63 {
  background: linear-gradient(135deg, #1a1d23 0%, #0f1117 100%);
  color: #e5e7eb;
}
._editor_1dcpe_2._dark_1dcpe_63 ._toolbar_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._toolbarButton_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._toolbarButton_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._toolbarButton_1dcpe_40:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
._editor_1dcpe_2._dark_1dcpe_63 ._toolbarButton_1dcpe_40:disabled {
  color: #6b7280;
  cursor: not-allowed;
  opacity: 0.5;
}
._editor_1dcpe_2._dark_1dcpe_63 ._content_1dcpe_60 {
  background: rgba(15, 17, 23, 0.5);
}

._toolbar_1dcpe_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_1dcpe_106 {
  display: flex;
  align-items: center;
  gap: 16px;
}

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

._title_1dcpe_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_1dcpe_129 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #f59e0b;
  opacity: 0.9;
  animation: _fadeInIndicator_1dcpe_1 0.3s ease;
}
._dark_1dcpe_63 ._unsavedIndicator_1dcpe_129 {
  color: #fbbf24;
}
@keyframes _fadeInIndicator_1dcpe_1 {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 0.9;
    transform: translateX(0);
  }
}

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

._toolbarButton_1dcpe_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_1dcpe_40:disabled {
  opacity: 0.5;
}

._separator_1dcpe_181 {
  width: 1px;
  height: 24px;
  margin: 0 4px;
  align-self: center;
}
._light_1dcpe_31 ._separator_1dcpe_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_1dcpe_63 ._separator_1dcpe_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_1dcpe_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_1dcpe_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_1dcpe_194:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3) !important;
}

._saveButton_1dcpe_210 {
  position: relative;
}
._saveButton_1dcpe_210._hasChanges_1dcpe_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_1dcpe_210._hasChanges_1dcpe_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_1dcpe_210._hasChanges_1dcpe_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_1dcpe_1 2s ease-in-out infinite;
}
@keyframes _saveButtonPulse_1dcpe_1 {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}
._saveButton_1dcpe_210:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._content_1dcpe_60 {
  flex: 1;
  overflow: auto;
  padding: 20px;
  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
._content_1dcpe_60::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
._content_1dcpe_60::-webkit-scrollbar-track {
  background: transparent;
}
._content_1dcpe_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_1dcpe_60::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
._dark_1dcpe_63 ._content_1dcpe_60::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
}
._dark_1dcpe_63 ._content_1dcpe_60::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
}

._schemaEditorWrapper_1dcpe_283 {
  min-height: 100%;
  background: transparent;
  padding: 0;
  transition: opacity 0.3s ease;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor {
  font-family: inherit;
}
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor .json-schema-editor-container {
  background: transparent !important;
}
._schemaEditorWrapper_1dcpe_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_1dcpe_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_1dcpe_283 .json-schema-editor input[type=text],
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number],
._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  border: 1px solid var(--border-field);
  background: var(--surface);
  color: var(--text);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: none;
  font-family: inherit;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text]::placeholder,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number]::placeholder,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea::placeholder {
  color: var(--text-muted);
  opacity: 1;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text]:focus,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number]:focus,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-border-soft);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text]:hover:not(:focus),
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number]:hover:not(:focus),
._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea:hover:not(:focus) {
  border-color: var(--border-strong);
}
._schemaEditorWrapper_1dcpe_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: var(--surface-accent);
  color: var(--accent-active-text);
  border: 1px solid var(--accent-border);
  box-shadow: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor select:hover {
  transform: translateY(-1px);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor select:active {
  transform: translateY(0);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor select:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-border-soft);
}
._schemaEditorWrapper_1dcpe_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 var(--accent-border);
  background: var(--surface-accent);
  color: var(--accent);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button:hover {
  background: var(--accent-hover-bg);
  border-style: solid;
  transform: translateY(-1px);
  box-shadow: none;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button:active {
  transform: scale(0.98);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button::before {
  content: "+";
  font-size: 16px;
  font-weight: 700;
  margin-right: 6px;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=delete],
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=remove],
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .delete-button,
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor button[aria-label*=delete]::before,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=remove]::before,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .delete-button::before,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .remove-button::before {
  content: "✕";
  margin: 0;
  font-size: 16px;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=delete]:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=remove]:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .delete-button:hover,
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor button[aria-label*=delete]:active,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=remove]:active,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .delete-button:active,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .remove-button:active {
  transform: scale(0.95) rotate(5deg);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=checkbox] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  accent-color: var(--checkbox-checked, var(--accent));
}
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor label:hover {
  background: rgba(59, 130, 246, 0.15);
  transform: translateX(2px);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .nested,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .indent {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 2px solid rgba(59, 130, 246, 0.15);
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .expand-button,
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor .expand-button::before,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .collapse-button::before {
  content: "";
  margin: 0;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .expand-button:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .collapse-button:hover {
  transform: scale(1.1);
  background: rgba(59, 130, 246, 0.1);
  border-radius: 4px;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .type-selector,
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor .dropdown,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu {
  background: var(--surface);
  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_1dcpe_283 .json-schema-editor .dropdown .dropdown-item,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .menu-item,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .dropdown-item,
._schemaEditorWrapper_1dcpe_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_1dcpe_283 .json-schema-editor .dropdown .dropdown-item:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .menu-item:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .dropdown-item:hover,
._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .menu-item:hover {
  background: linear-gradient(90deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor {
  color: #e5e7eb;
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .json-schema-editor-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text],
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number],
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text]:focus,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number]:focus,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=text]:hover:not(:focus),
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor input[type=number]:hover:not(:focus),
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor textarea:hover:not(:focus) {
  border-color: rgba(96, 165, 250, 0.3);
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=delete]:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor button[aria-label*=remove]:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .delete-button:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor label {
  color: #60a5fa;
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor label:hover {
  background: rgba(59, 130, 246, 0.2);
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .nested,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .indent {
  border-left-color: rgba(96, 165, 250, 0.2);
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .type-selector,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .dropdown-item,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .menu-item,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .dropdown-item,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .menu-item {
  color: #e5e7eb;
}
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .dropdown-item:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .dropdown .menu-item:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-editor .select-menu .dropdown-item:hover,
._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_606 {
  min-height: 100%;
  background: var(--surface);
  border-radius: 12px;
  padding: 20px;
  box-shadow: var(--shadow-sm);
  animation: _fadeIn_1dcpe_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_1dcpe_63 ._previewContainer_1dcpe_606 {
  background: var(--surface-muted);
  box-shadow: var(--shadow-card);
}
@keyframes _fadeIn_1dcpe_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

._previewCode_1dcpe_628 {
  margin: 0;
  padding: 20px;
  background: linear-gradient(135deg, var(--surface-muted) 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_1dcpe_63 ._previewCode_1dcpe_628 {
  background: linear-gradient(135deg, #1a1d23 0%, #0f1117 100%);
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._previewCode_1dcpe_628::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
._previewCode_1dcpe_628::-webkit-scrollbar-track {
  background: transparent;
}
._previewCode_1dcpe_628::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
._previewCode_1dcpe_628::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
._dark_1dcpe_63 ._previewCode_1dcpe_628::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
}
._dark_1dcpe_63 ._previewCode_1dcpe_628::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
  background-clip: padding-box;
}

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

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

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

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

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

._toast_1dcpe_720 {
  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_1dcpe_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  overflow: hidden;
}
._toast_1dcpe_720: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_1dcpe_720:active {
  transform: translateX(-50%) scale(0.98);
}
@keyframes _toastSlideIn_1dcpe_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._toast_1dcpe_720::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_1dcpe_720::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  animation: _toastProgress_1dcpe_1 3s linear;
}
@keyframes _toastProgress_1dcpe_1 {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

._schemaEditorWrapper_1dcpe_283 .adv-set {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
._schemaEditorWrapper_1dcpe_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_1dcpe_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_1dcpe_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_1dcpe_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_1dcpe_283 .json-schema-react-editor span.adv-set {
  display: none !important;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .col-item-setting .adv-set {
  display: none !important;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .plus, ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .close {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .anticon {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}
._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .import-json-button {
  display: none !important;
}

._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor {
  color: #e5e7eb;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-input,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-select-selection,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-input:hover,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-select-selection:hover,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-select-selection--single:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-input:focus,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-select-selection:focus,
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-input::placeholder {
  color: rgba(229, 231, 235, 0.4) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-select-selection__rendered {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .plus {
  color: #60a5fa !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .close {
  color: #f87171 !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor span.adv-set {
  display: none !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .col-item-setting .adv-set {
  display: none !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .icon-object {
  color: #93c5fd !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .object-style {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-checkbox-wrapper {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-checkbox-checked .ant-checkbox-inner {
  background: var(--checkbox-checked, var(--accent)) !important;
  border-color: var(--checkbox-checked, var(--accent)) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-tabs-tab {
  color: rgba(229, 231, 235, 0.7) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-tabs-tab:hover {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-tabs-tab.ant-tabs-tab-active {
  color: #60a5fa !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-tabs-ink-bar {
  background: #60a5fa !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-radio-wrapper {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_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_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-radio-checked .ant-radio-inner {
  border-color: #60a5fa !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-radio-checked .ant-radio-inner::after {
  background: #60a5fa !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-form-item-label > label {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .required-icon {
  color: #f87171 !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-divider {
  background: rgba(255, 255, 255, 0.1) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-tooltip-inner {
  background: rgba(30, 34, 42, 0.95) !important;
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-modal-content {
  background: #1a1d23 !important;
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-modal-header {
  background: #1a1d23 !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-modal-title {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-modal-close {
  color: #e5e7eb !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-modal-close:hover {
  color: #f87171 !important;
}
._editor_1dcpe_2._dark_1dcpe_63 ._schemaEditorWrapper_1dcpe_283 .json-schema-react-editor .ant-input-textarea .ant-input {
  background: rgba(45, 55, 72, 0.8) !important;
  color: #e5e7eb !important;
}._panel_1k832_1 {
  position: absolute;
  inset: 14px auto 14px 14px;
  width: 320px;
  border-radius: 20px;
  background: var(--flow-panel-bg);
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-panel);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  backdrop-filter: blur(16px);
  z-index: 50;
  pointer-events: auto;
}

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

._tabs_1k832_24 {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 50px;
  padding: 6px;
  gap: 8px;
}

._tabButton_1k832_34 {
  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: var(--text-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}
._tabButton_1k832_34 svg {
  display: block;
}

._tabButton_1k832_34:hover {
  color: var(--text);
}

._tabButton_1k832_34._active_1k832_60 {
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  box-shadow: var(--shadow-sm);
}

._tabIcon_1k832_66 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}

._tabButton_1k832_34._active_1k832_60 ._tabIcon_1k832_66 {
  filter: var(--icon-on-text-filter);
}

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

._closeButton_1k832_84 {
  height: 28px;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  background: var(--surface-muted);
  color: var(--text);
  cursor: pointer;
  transition: background 0.2s ease;
}

._closeButton_1k832_84:hover {
  background: var(--surface-subtle);
}

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

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

._section_1k832_107 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 0;
  border-top: 1px solid var(--border);
}
._section_1k832_107:first-child {
  border-top: none;
  padding-top: 0;
}
._section_1k832_107:last-child {
  padding-bottom: 0;
}

._sectionTitle_1k832_130 {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-muted);
}

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

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

._nodeItem_1k832_142:hover {
  border-color: var(--border-strong);
  background: var(--surface-subtle);
  box-shadow: var(--shadow-sm);
}

._nodeItem_1k832_142:active {
  cursor: grabbing;
}

._nodeIcon_1k832_165 {
  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;
  background: var(--surface-muted);
}
._nodeIcon_1k832_165 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
  filter: none;
}

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

._nodeLabel_1k832_194 {
  font-weight: 400;
  color: var(--text);
  font-size: 14px;
}

._nodeBadge_1k832_200 {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  background: var(--surface-muted);
  border-radius: 999px;
  padding: 4px 8px;
}

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

._searchWrapper_1k832_217 {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--surface-muted);
  border-radius: 50px;
  padding: 8px 8px 8px 12px;
}

._searchIcon_1k832_226 {
  width: 18px;
  height: 18px;
  color: var(--text-muted);
  flex-shrink: 0;
  overflow: visible;
}

._searchInput_1k832_234 {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: var(--text);
  outline: none;
  padding: 0;
  padding-left: 8px;
}
._searchInput_1k832_234::placeholder {
  color: var(--text-muted);
}

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

._actionCategory_1k832_256 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--border);
  padding: 8px 0;
  transition: all 0.2s ease;
}
._actionCategory_1k832_256:first-child {
  border-top: none;
  padding-top: 0;
}
._actionCategory_1k832_256:last-child {
  padding-bottom: 0;
}

._actionCategoryHeader_1k832_271 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  padding-right: 14px;
  background: var(--surface);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
  transition: all 0.2s ease;
  width: 100%;
  text-align: left;
}
._actionCategoryHeader_1k832_271._expanded_1k832_288 {
  background: var(--surface-muted);
}
._actionCategoryHeader_1k832_271 span:not(._chevron_1k832_291) {
  font-size: 14px;
}

._actionCategoryHeader_1k832_271:hover {
  color: var(--text);
}

._chevron_1k832_291 {
  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_1k832_291._open_1k832_309 {
  transform: rotate(-135deg);
}

._actionIcon_1k832_313 {
  height: 26px;
  width: 26px;
  border-radius: 50%;
  background: var(--surface-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-weight: 600;
  flex-shrink: 0;
  pointer-events: none;
}
._actionIcon_1k832_313 img {
  height: 18px;
  width: 18px;
  object-fit: contain;
  filter: none;
}

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

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

._actionItem_1k832_340:hover {
  border-color: var(--border-strong);
  background: var(--surface-muted);
  box-shadow: var(--shadow-soft, 0 10px 22px -20px rgba(12, 18, 36, 0.6));
}

._actionItem_1k832_340:active {
  cursor: grabbing;
}

._actionTitle_1k832_363 {
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
}

._disabled_1k832_369 {
  opacity: 0.55;
  cursor: not-allowed !important;
  box-shadow: none !important;
  border-color: var(--border) !important;
  pointer-events: auto;
  background: var(--surface) !important;
}

._dragHandle_1k832_378 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: grab;
  pointer-events: none;
  filter: var(--icon-mono-filter);
}._consoleRoot_vs1b6_1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  pointer-events: none;
  z-index: 6;
}

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

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

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

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

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

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

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

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

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

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

._autoscrollLabel_vs1b6_138 {
  user-select: none;
}

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

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

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

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

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

._sidSpacer_vs1b6_223 {
  height: 20px;
}

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

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

._sessionLabel_vs1b6_269 {
  font-weight: 600;
}

._sessionId_vs1b6_273 {
  font-family: "JetBrains Mono", "SFMono-Regular", "SFMono", Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}

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

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

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

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

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

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

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

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

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

._chevron_vs1b6_357 {
  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_vs1b6_369 {
  transform: rotate(45deg);
}

._detailsContent_vs1b6_373 {
  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_vs1b6_381 {
  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_vs1b6_391 {
  margin-bottom: 2px;
}

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

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

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

._stackTraceBlock_vs1b6_413 {
  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_vs1b6_421 {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

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

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

._stackTraceType_vs1b6_442 {
  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_vs1b6_459 {
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

._logRowChild_vs1b6_497 {
  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_vs1b6_504 {
  display: flex;
  flex-direction: column;
}

._logType_vs1b6_509 {
  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_vs1b6_522 {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(245, 158, 11, 0.36);
}

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

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

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

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

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

._logTypeSession_vs1b6_558 {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.14);
  border-color: rgba(148, 163, 184, 0.36);
}

._logTypeTurn_vs1b6_564 {
  color: #818cf8;
  background: rgba(129, 140, 248, 0.14);
  border-color: rgba(129, 140, 248, 0.36);
}

._logTypeVad_vs1b6_570 {
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.14);
  border-color: rgba(56, 189, 248, 0.36);
}

._logTypeTranscript_vs1b6_576 {
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.14);
  border-color: rgba(34, 211, 238, 0.36);
}

._logTypeEot_vs1b6_582 {
  color: #7dd3fc;
  background: rgba(125, 211, 252, 0.14);
  border-color: rgba(125, 211, 252, 0.36);
}

._logTypeInterrupt_vs1b6_588 {
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.14);
  border-color: rgba(167, 139, 250, 0.36);
}

._logTypeFlow_vs1b6_594 {
  color: #67e8f9;
  background: rgba(103, 232, 249, 0.14);
  border-color: rgba(103, 232, 249, 0.36);
}

._logTypeBackground_vs1b6_600 {
  color: #a3e635;
  background: rgba(132, 204, 22, 0.16);
  border-color: rgba(132, 204, 22, 0.42);
}

._logTypeEmotion_vs1b6_606 {
  color: #e879f9;
  background: rgba(217, 70, 239, 0.16);
  border-color: rgba(217, 70, 239, 0.42);
}

._logTypeSafety_vs1b6_612 {
  color: #fda4af;
  background: rgba(190, 18, 60, 0.18);
  border-color: rgba(251, 113, 133, 0.48);
}

._logTypeCriticalSafety_vs1b6_618 {
  color: #ff6b6b;
  background: rgba(220, 38, 38, 0.22);
  border-color: rgba(248, 113, 113, 0.58);
}

._logTypeDistress_vs1b6_624 {
  color: #fb7185;
  background: rgba(225, 29, 72, 0.2);
  border-color: rgba(244, 63, 94, 0.52);
}

._logTypeEscalation_vs1b6_630 {
  color: #fb7185;
  background: rgba(244, 63, 94, 0.16);
  border-color: rgba(244, 63, 94, 0.42);
}

._logTypeSoundAnalytics_vs1b6_636 {
  color: #cbd5e1;
  background: rgba(100, 116, 139, 0.18);
  border-color: rgba(148, 163, 184, 0.42);
}

._logTypeStt_vs1b6_642 {
  color: #2dd4bf;
  background: rgba(45, 212, 191, 0.14);
  border-color: rgba(45, 212, 191, 0.36);
}

._logTypeTts_vs1b6_648 {
  color: #34d399;
  background: rgba(52, 211, 153, 0.14);
  border-color: rgba(52, 211, 153, 0.36);
}

._logTypeEventtool_vs1b6_654 {
  color: #5eead4;
  background: rgba(94, 234, 212, 0.14);
  border-color: rgba(94, 234, 212, 0.36);
}

._logTypeWebrtc_vs1b6_660 {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(59, 130, 246, 0.36);
}

._logTypeGateway_vs1b6_666 {
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.14);
  border-color: rgba(96, 165, 250, 0.36);
}

._logTypeEngine_vs1b6_672 {
  color: #4dabf7;
  background: rgba(77, 171, 247, 0.14);
  border-color: rgba(77, 171, 247, 0.36);
}

._logTypeRedirect_vs1b6_678 {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.14);
  border-color: rgba(251, 191, 36, 0.36);
}

._logTypeFallback_vs1b6_684 {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.36);
}

._logTypeGeneration_vs1b6_690 {
  color: #c084fc;
  background: rgba(192, 132, 252, 0.14);
  border-color: rgba(192, 132, 252, 0.36);
}

._logTypeLlmError_vs1b6_696 {
  color: #f87171;
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.36);
}

._logTypeLlmFallback_vs1b6_702 {
  color: #fb923c;
  background: rgba(251, 146, 60, 0.14);
  border-color: rgba(251, 146, 60, 0.36);
}

._stackBarRequest_vs1b6_708 {
  background: #f8c27a;
}

._stackBarResponse_vs1b6_712 {
  background: #a7a4f5;
}

._stackBarAction_vs1b6_716 {
  background: #8fd9ab;
}

._stackBarTool_vs1b6_720 {
  background: #c5a7ef;
}

._stackBarFunction_vs1b6_724 {
  background: #f2a8cf;
}

._stackBarTransition_vs1b6_728 {
  background: #8eccea;
}

._stackBarSession_vs1b6_732 {
  background: #b6c2d1;
}

._stackBarTurn_vs1b6_736 {
  background: #a5b0f7;
}

._stackBarVad_vs1b6_740 {
  background: #86d3f5;
}

._stackBarTranscript_vs1b6_744 {
  background: #79dced;
}

._stackBarEot_vs1b6_748 {
  background: #a9d8fb;
}

._stackBarInterrupt_vs1b6_752 {
  background: #c3b0f7;
}

._stackBarFlow_vs1b6_756 {
  background: #a5f3fc;
}

._stackBarStt_vs1b6_760 {
  background: #7fdcc9;
}

._stackBarTts_vs1b6_764 {
  background: #86ddba;
}

._stackBarEventtool_vs1b6_768 {
  background: #99f6e4;
}

._stackBarWebrtc_vs1b6_772 {
  background: #8fb6f5;
}

._stackBarGateway_vs1b6_776 {
  background: #9cc0f7;
}

._stackBarEngine_vs1b6_780 {
  background: #93c5fd;
}

._stackBarRedirect_vs1b6_784 {
  background: #f7d283;
}

._stackBarFallback_vs1b6_788 {
  background: #f39a9a;
}

._stackBarGeneration_vs1b6_792 {
  background: #d8b4fe;
}

._stackBarLlmError_vs1b6_796 {
  background: #fca5a5;
}

._stackBarLlmFallback_vs1b6_800 {
  background: #fdba74;
}

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

@keyframes _pendingPulse_vs1b6_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.75);
  }
}
._logUpdatedTime_vs1b6_824 {
  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_vs1b6_833 {
  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_vs1b6_845 {
  transform: rotate(45deg);
}

._detailsContentChild_vs1b6_849 {
  margin-left: 0;
}

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

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

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

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

._level-info_vs1b6_879 ._logLevel_vs1b6_335 {
  color: #60a5fa;
}

._level-warn_vs1b6_883 ._logLevel_vs1b6_335 {
  color: #fbbf24;
}

._level-error_vs1b6_887 ._logLevel_vs1b6_335 {
  color: #f87171;
}

._level-debug_vs1b6_891 ._logLevel_vs1b6_335 {
  color: #5eead4;
}

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

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

._theme-light_vs1b6_904 {
  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_vs1b6_904 ._dragHandle_vs1b6_74 span {
  background: rgba(15, 23, 42, 0.35);
}
._theme-light_vs1b6_904 ._panelHeader_vs1b6_93 {
  color: rgba(15, 23, 42, 0.9);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
._theme-light_vs1b6_904 ._autoscrollToggle_vs1b6_129 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_vs1b6_904 ._panelSubtitle_vs1b6_109 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._themeSwitch_vs1b6_142 {
  border-color: rgba(15, 23, 42, 0.2);
}
._theme-light_vs1b6_904 ._themeOption_vs1b6_150 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._themeOptionActive_vs1b6_161 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_vs1b6_904 ._clearButton_vs1b6_183 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_vs1b6_904 ._clearButton_vs1b6_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_vs1b6_904 ._closeButton_vs1b6_166 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_vs1b6_904 ._closeButton_vs1b6_166:hover {
  background: rgba(15, 23, 42, 0.16);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_vs1b6_904 ._pill_vs1b6_950 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.65);
}
._theme-light_vs1b6_904 ._logRow_vs1b6_290 {
  background: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_vs1b6_904 ._logRowSimple_vs1b6_305 {
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_vs1b6_904 ._logRowClickable_vs1b6_311 ._logContent_vs1b6_311:hover {
  background: rgba(15, 23, 42, 0.08);
}
._theme-light_vs1b6_904 ._logTime_vs1b6_328 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._logLevel_vs1b6_335 {
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_vs1b6_904 ._logMessageSimple_vs1b6_350 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_vs1b6_904 ._chevron_vs1b6_357 {
  border-right-color: rgba(15, 23, 42, 0.6);
  border-bottom-color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._detailsContent_vs1b6_373 {
  background: rgba(15, 23, 42, 0.05);
  border-left-color: rgba(15, 23, 42, 0.2);
}
._theme-light_vs1b6_904 ._detailsText_vs1b6_381 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_vs1b6_904 ._detailsKey_vs1b6_395 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_vs1b6_904 ._detailsValue_vs1b6_399 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_vs1b6_904 ._detailsExpandButton_vs1b6_403 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_vs1b6_904 ._stackTraceBlock_vs1b6_413 {
  background: rgba(15, 23, 42, 0.05);
  border-color: rgba(15, 23, 42, 0.14);
}
._theme-light_vs1b6_904 ._stackTraceHeader_vs1b6_421 {
  color: rgba(15, 23, 42, 0.68);
}
._theme-light_vs1b6_904 ._stackTraceType_vs1b6_442 {
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(37, 99, 235, 0.08);
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_vs1b6_904 ._stackTraceTitle_vs1b6_459 {
  color: rgba(15, 23, 42, 0.86);
}
._theme-light_vs1b6_904 ._stackTraceDuration_vs1b6_466 {
  color: rgba(15, 23, 42, 0.64);
}
._theme-light_vs1b6_904 ._stackTraceBarTrack_vs1b6_473 {
  background: #cbd5e1;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473 {
  background: #3b82f6;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarRequest_vs1b6_708 {
  background: #f8c27a;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarResponse_vs1b6_712 {
  background: #a7a4f5;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarAction_vs1b6_716 {
  background: #8fd9ab;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarTool_vs1b6_720 {
  background: #c5a7ef;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarFunction_vs1b6_724 {
  background: #f2a8cf;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarTransition_vs1b6_728 {
  background: #8eccea;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarSession_vs1b6_732 {
  background: #b6c2d1;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarTurn_vs1b6_736 {
  background: #a5b0f7;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarVad_vs1b6_740 {
  background: #86d3f5;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarTranscript_vs1b6_744 {
  background: #79dced;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarEot_vs1b6_748 {
  background: #a9d8fb;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarInterrupt_vs1b6_752 {
  background: #c3b0f7;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarFlow_vs1b6_756 {
  background: #a5f3fc;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarStt_vs1b6_760 {
  background: #7fdcc9;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarTts_vs1b6_764 {
  background: #86ddba;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarEventtool_vs1b6_768 {
  background: #99f6e4;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarWebrtc_vs1b6_772 {
  background: #8fb6f5;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarGateway_vs1b6_776 {
  background: #9cc0f7;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarEngine_vs1b6_780 {
  background: #93c5fd;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarRedirect_vs1b6_784 {
  background: #f7d283;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarFallback_vs1b6_788 {
  background: #f39a9a;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarGeneration_vs1b6_792 {
  background: #d8b4fe;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarLlmError_vs1b6_796 {
  background: #fca5a5;
}
._theme-light_vs1b6_904 ._stackTraceBar_vs1b6_473._stackBarLlmFallback_vs1b6_800 {
  background: #fdba74;
}
._theme-light_vs1b6_904 ._logTime_vs1b6_328 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._logSource_vs1b6_865 {
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_vs1b6_904 ._logMessage_vs1b6_350 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_vs1b6_904 ._sessionDivider_vs1b6_227 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._sessionDivider_vs1b6_227::before, ._theme-light_vs1b6_904 ._sessionDivider_vs1b6_227::after {
  background: rgba(15, 23, 42, 0.12);
}
._theme-light_vs1b6_904 ._sessionTime_vs1b6_284 {
  color: rgba(59, 130, 246, 0.8);
}
._theme-light_vs1b6_904 ._logInteractionType_vs1b6_343 {
  color: #000;
}
._theme-light_vs1b6_904 ._copyButton_vs1b6_247 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._copyButton_vs1b6_247:hover {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.8);
}
._theme-light_vs1b6_904 ._emptyState_vs1b6_489 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_vs1b6_904 ._logList_vs1b6_204::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.25);
}
._theme-light_vs1b6_904 ._logRowChild_vs1b6_497 {
  border-left-color: rgba(15, 23, 42, 0.12);
  background: rgba(15, 23, 42, 0.02);
}
._theme-light_vs1b6_904 ._logType_vs1b6_509 {
  color: rgba(37, 99, 235, 0.8);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.2);
}
._theme-light_vs1b6_904 ._logTypeRequest_vs1b6_522 {
  color: #b45309;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
}
._theme-light_vs1b6_904 ._logTypeResponse_vs1b6_528 {
  color: #3730a3;
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.35);
}
._theme-light_vs1b6_904 ._logTypeAction_vs1b6_534 {
  color: #15803d;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
}
._theme-light_vs1b6_904 ._logTypeTool_vs1b6_540 {
  color: #7e22ce;
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.35);
}
._theme-light_vs1b6_904 ._logTypeFunction_vs1b6_546 {
  color: #be185d;
  background: rgba(236, 72, 153, 0.12);
  border-color: rgba(236, 72, 153, 0.35);
}
._theme-light_vs1b6_904 ._logTypeTransition_vs1b6_552 {
  color: #075985;
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(14, 165, 233, 0.35);
}
._theme-light_vs1b6_904 ._logTypeSession_vs1b6_558 {
  color: #475569;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.35);
}
._theme-light_vs1b6_904 ._logTypeTurn_vs1b6_564 {
  color: #4f46e5;
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.35);
}
._theme-light_vs1b6_904 ._logTypeVad_vs1b6_570 {
  color: #0284c7;
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.35);
}
._theme-light_vs1b6_904 ._logTypeTranscript_vs1b6_576 {
  color: #0891b2;
  background: rgba(34, 211, 238, 0.12);
  border-color: rgba(34, 211, 238, 0.35);
}
._theme-light_vs1b6_904 ._logTypeEot_vs1b6_582 {
  color: #2563eb;
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
}
._theme-light_vs1b6_904 ._logTypeInterrupt_vs1b6_588 {
  color: #7c3aed;
  background: rgba(167, 139, 250, 0.12);
  border-color: rgba(167, 139, 250, 0.35);
}
._theme-light_vs1b6_904 ._logTypeFlow_vs1b6_594 {
  color: #0e7490;
  background: rgba(103, 232, 249, 0.14);
  border-color: rgba(6, 182, 212, 0.35);
}
._theme-light_vs1b6_904 ._logTypeBackground_vs1b6_600 {
  color: #3f6212;
  background: rgba(132, 204, 22, 0.14);
  border-color: rgba(101, 163, 13, 0.4);
}
._theme-light_vs1b6_904 ._logTypeEmotion_vs1b6_606 {
  color: #a21caf;
  background: rgba(217, 70, 239, 0.12);
  border-color: rgba(192, 38, 211, 0.38);
}
._theme-light_vs1b6_904 ._logTypeSafety_vs1b6_612 {
  color: #9f1239;
  background: rgba(190, 18, 60, 0.11);
  border-color: rgba(190, 18, 60, 0.36);
}
._theme-light_vs1b6_904 ._logTypeCriticalSafety_vs1b6_618 {
  color: #991b1b;
  background: rgba(220, 38, 38, 0.14);
  border-color: rgba(185, 28, 28, 0.46);
}
._theme-light_vs1b6_904 ._logTypeDistress_vs1b6_624 {
  color: #be123c;
  background: rgba(225, 29, 72, 0.12);
  border-color: rgba(190, 18, 60, 0.4);
}
._theme-light_vs1b6_904 ._logTypeEscalation_vs1b6_630 {
  color: #be123c;
  background: rgba(244, 63, 94, 0.12);
  border-color: rgba(225, 29, 72, 0.38);
}
._theme-light_vs1b6_904 ._logTypeSoundAnalytics_vs1b6_636 {
  color: #334155;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.38);
}
._theme-light_vs1b6_904 ._logTypeStt_vs1b6_642 {
  color: #0d9488;
  background: rgba(45, 212, 191, 0.12);
  border-color: rgba(45, 212, 191, 0.35);
}
._theme-light_vs1b6_904 ._logTypeTts_vs1b6_648 {
  color: #059669;
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
}
._theme-light_vs1b6_904 ._logTypeEventtool_vs1b6_654 {
  color: #0f766e;
  background: rgba(94, 234, 212, 0.14);
  border-color: rgba(20, 184, 166, 0.35);
}
._theme-light_vs1b6_904 ._logTypeWebrtc_vs1b6_660 {
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.35);
}
._theme-light_vs1b6_904 ._logTypeGateway_vs1b6_666 {
  color: #1e40af;
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
}
._theme-light_vs1b6_904 ._logTypeEngine_vs1b6_672 {
  color: #2563eb;
  background: rgba(77, 171, 247, 0.12);
  border-color: rgba(77, 171, 247, 0.35);
}
._theme-light_vs1b6_904 ._logTypeRedirect_vs1b6_678 {
  color: #d97706;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
}
._theme-light_vs1b6_904 ._logTypeFallback_vs1b6_684 {
  color: #dc2626;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
}
._theme-light_vs1b6_904 ._logTypeGeneration_vs1b6_690 {
  color: #9333ea;
  background: rgba(192, 132, 252, 0.12);
  border-color: rgba(192, 132, 252, 0.35);
}
._theme-light_vs1b6_904 ._logTypeLlmError_vs1b6_696 {
  color: #dc2626;
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
}
._theme-light_vs1b6_904 ._logTypeLlmFallback_vs1b6_702 {
  color: #ea580c;
  background: rgba(251, 146, 60, 0.12);
  border-color: rgba(251, 146, 60, 0.35);
}
._theme-light_vs1b6_904 ._logUpdatedTime_vs1b6_824 {
  color: rgba(15, 23, 42, 0.35);
}
._theme-light_vs1b6_904 ._detailsToggle_vs1b6_833 {
  border-right-color: rgba(37, 99, 235, 0.6);
  border-bottom-color: rgba(37, 99, 235, 0.6);
}
._theme-light_vs1b6_904 ._level-info_vs1b6_879 ._logLevel_vs1b6_335 {
  color: #2563eb;
}
._theme-light_vs1b6_904 ._level-warn_vs1b6_883 ._logLevel_vs1b6_335 {
  color: #d97706;
}
._theme-light_vs1b6_904 ._level-error_vs1b6_887 ._logLevel_vs1b6_335 {
  color: #dc2626;
}
._theme-light_vs1b6_904 ._level-debug_vs1b6_891 ._logLevel_vs1b6_335 {
  color: #0891b2;
}

._theme-dark_vs1b6_1309 {
  background: #1f1f1f;
}
._theme-dark_vs1b6_1309 ._dragHandle_vs1b6_74 span {
  background: rgba(255, 255, 255, 0.4);
}
._theme-dark_vs1b6_1309 ._logInteractionType_vs1b6_343 {
  color: rgba(255, 255, 255, 0.9);
}
._theme-dark_vs1b6_1309 ._autoscrollToggle_vs1b6_129 {
  color: rgba(255, 255, 255, 0.85);
}

@media (prefers-color-scheme: dark) {
  ._toggleButton_vs1b6_10 {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.4);
    color: #e2e8f0;
  }
}._menu_48kvc_1 {
  position: fixed;
  z-index: 10050;
  min-width: 196px;
  padding: 6px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.08);
  animation: _menuIn_48kvc_1 0.12s ease-out;
  font-family: inherit;
}

@keyframes _menuIn_48kvc_1 {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
._item_48kvc_24 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: background 0.1s, color 0.1s;
}
._item_48kvc_24:hover:not(:disabled) {
  background: var(--surface-muted);
}
._item_48kvc_24:active:not(:disabled) {
  background: var(--surface-muted);
}

._itemDisabled_48kvc_47 {
  color: var(--text-muted);
  cursor: not-allowed;
}
._itemDisabled_48kvc_47 ._icon_48kvc_51 {
  color: var(--text-muted);
}
._itemDisabled_48kvc_47 ._shortcut_48kvc_54 {
  color: #e2e8f0;
}

._itemDanger_48kvc_58:not(:disabled) {
  color: #dc2626;
}
._itemDanger_48kvc_58:not(:disabled) ._icon_48kvc_51 {
  color: #ef4444;
}
._itemDanger_48kvc_58:not(:disabled):hover {
  background: #fef2f2;
}
._itemDanger_48kvc_58:not(:disabled):active {
  background: #fee2e2;
}

._itemDanger_48kvc_58._itemDisabled_48kvc_47 {
  color: #fca5a5;
}
._itemDanger_48kvc_58._itemDisabled_48kvc_47 ._icon_48kvc_51 {
  color: #fca5a5;
}

._icon_48kvc_51 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #64748b;
  flex-shrink: 0;
}
._icon_48kvc_51 svg {
  width: 17px;
  height: 17px;
}

._label_48kvc_92 {
  flex: 1;
}

._shortcut_48kvc_54 {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 500;
  letter-spacing: 0.02em;
}

._divider_48kvc_103 {
  height: 1px;
  margin: 4px 6px;
  background: var(--surface-muted);
}@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;
}
._deleted_1sux0_29 {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic;
  color: var(--text-muted, #9098b1);
}
._num_1sux0_36 {
  font-size: 13px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
._csat_1sux0_42 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
._csatDot_1sux0_51 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}
svg._sentimentIcon_1sux0_58 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: block;
}
._countryFlag_1sux0_65 {
  display: inline-flex;
  align-items: center;
}
._countryFlag_1sux0_65 img {
  width: 20px;
  height: 15px;
  border-radius: 2px;
  display: block;
}
svg._sentimentPositive_1sux0_76 {
  color: var(--ok);
}
svg._sentimentNeutral_1sux0_80 {
  color: var(--warning);
}
svg._sentimentNegative_1sux0_84 {
  color: var(--danger);
}
._empty_1sux0_88 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
._empty_1sux0_88 span {
  color: var(--text-muted, var(--scss-placeholderColor, #b8c5db));
  line-height: 27px;
  font-size: 18px;
}
._emptyIcon_1sux0_101 {
  height: 112px;
  width: 85px;
  filter: var(--icon-mono-filter);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_2eptg_29 {
  font-family: "Roboto";
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._label_2eptg_29 {
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  ._label_2eptg_29 {
    font-size: 12px;
  }
}
._waveformContainer_2eptg_49 {
  width: 100%;
  height: 60px;
  overflow: hidden;
  position: relative;
}
._playerSliderStack_2eptg_56 {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  z-index: 300;
  touch-action: none;
}
._playerSentimentOverlay_2eptg_65 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
._fade_2eptg_72 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--surface);
  z-index: 1000;
}
._playerHolder_2eptg_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_2eptg_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_2eptg_101 {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  gap: 0;
}
._player_embedded_2eptg_101 ._player__waveforms_2eptg_107 {
  border-radius: 10px;
  background: var(--surface);
  padding-left: 0;
  padding-right: 0;
}
._player_embedded_2eptg_101 ._playerHolder_2eptg_80 {
  padding-top: 0;
  padding-bottom: 0;
}
._player__time_2eptg_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_2eptg_117 {
    min-width: 56px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1440px) {
  ._player__time_2eptg_117 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._player__time_2eptg_117 {
    font-size: 14px;
  }
}
@media screen and (max-width: 834px) {
  ._player_2eptg_56 {
    padding-top: 8px;
    padding-bottom: 10px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  ._player_2eptg_56 {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 10px;
  }
}
._player__waveforms_2eptg_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_2eptg_107 {
    border-radius: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 480px) {
  ._player__waveforms_2eptg_107 {
    border-radius: 12px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
._player__waveforms_audioLine_2eptg_190 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 12px;
}
._player__waveforms_item_2eptg_196 {
  padding: 0px 12px 0px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._player__activeLine_2eptg_203 {
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  background: #066dcc;
  z-index: 1000;
  transition: left 0.5s linear;
}
._player__activeLine_2eptg_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_2eptg_224 {
  background-color: #aaaafd;
}
._player__activeLine__answer_2eptg_224:before {
  background-color: #aaaafd;
}
._player__slider_2eptg_231 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: transparent;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
}
._tooltip_2eptg_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_2eptg_259 {
  position: absolute;
  display: flex;
  left: calc(50% - 1.5px);
  width: 1px;
  top: 21px;
  background: rgba(84, 122, 247, 0.4156862745);
}
._leftSectionHolder_2eptg_268 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
._leftSectionHolder_2eptg_268 span {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-text-color, #1f1f1f);
}
._player__slider_2eptg_231::-webkit-slider-runnable-track {
  height: 5px;
  background: transparent;
}
._player__slider_2eptg_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_2eptg_231::-webkit-slider-thumb:hover {
  background-color: #2e2eaa;
}
._player__slider_2eptg_231::-moz-range-track {
  height: 5px;
  background: transparent;
}
._player__slider_2eptg_231::-moz-range-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_2eptg_231::-ms-track {
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
  background-color: transparent;
  border-style: solid;
}
._player__slider_2eptg_231::-ms-thumb {
  width: 20px;
  height: 40px;
  background-color: #4a4aff;
  border-radius: 5px;
  cursor: pointer;
  border: none;
}
._player__slider_2eptg_231:focus {
  outline: none;
}
._loadingOverlay_2eptg_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_2eptg_1 1s ease-in-out;
  z-index: 999;
  mix-blend-mode: multiply;
}
@keyframes _fadeIn_2eptg_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._loadingText_2eptg_367 {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
@keyframes _loadingText_2eptg_367 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
._muteButton_2eptg_386 {
  cursor: pointer;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: visible;
  position: relative;
  z-index: 5;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_410 {
  height: auto;
  min-height: 172px;
  overflow: visible;
}
._player__sentimentSection_2eptg_390 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._player__waveforms_sentiment_2eptg_399 {
  margin-top: 0;
  background: var(--surface);
  border-top: 1px solid #e8ecf7;
  border-radius: 0 0 10px 10px;
}
._player__layoutSpacer_2eptg_406 {
  flex-shrink: 0;
}
._sentimentChartContainer_2eptg_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_8y75i_29 {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
._widget__header_8y75i_35 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  cursor: pointer;
  text-align: left;
}
._widget__chevron_8y75i_48 {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid var(--text-muted);
  border-bottom: 1.5px solid var(--text-muted);
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._widget__chevron_8y75i_48._expanded_8y75i_57 {
  transform: rotate(45deg);
}
._widget__title_8y75i_61 {
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: var(--text-muted);
  text-transform: uppercase;
}
._widget__legend_8y75i_70 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
._widget__legendItem_8y75i_79 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
}
._widget__legendDot_8y75i_90 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
._chart_8y75i_97 {
  position: relative;
  padding: 12px 14px 10px;
}
._chart_embedded_8y75i_102 {
  padding: 0;
}
._chart_overlay_8y75i_106 {
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
._chart_overlay_8y75i_106 ._chart__track_8y75i_112 {
  width: 100%;
  height: 100%;
}
._chart__embeddedTrack_8y75i_117 {
  width: 100%;
  height: 172px;
}
._chart__embeddedTrack_overlay_8y75i_122 {
  height: 100%;
}
._chart__track_8y75i_112 {
  position: relative;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
}
._chart__yLabelEmbedded_8y75i_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_8y75i_147 {
  display: block;
  width: 100%;
  height: 172px;
  overflow: visible;
}
._chart__svg_overlay_8y75i_154 {
  height: 100%;
}
._chart__plotBackground_8y75i_158 {
  fill: #fafbfd;
}
._chart__gridLine_8y75i_162 {
  stroke: #e3e8f3;
  stroke-width: 1;
  stroke-dasharray: 5 5;
}
._chart__gridLineVertical_8y75i_168 {
  stroke: #eef1f7;
  stroke-width: 1;
}
._chart__line_8y75i_173 {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
._chart__line_overlay_8y75i_180 {
  stroke-width: 2;
}
._chart__axisLabel_8y75i_184 {
  fill: #9aa3b8;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 500;
}
._chart__overlay_8y75i_191 {
  position: absolute;
  inset: 0;
  height: 172px;
  pointer-events: none;
}
._chart__overlay_waveform_8y75i_198 {
  height: 100%;
  z-index: 2;
}
._chart__dotHit_8y75i_203 {
  position: absolute;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
._chart__dot_8y75i_203 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid var(--surface);
  transition: transform 0.15s ease;
}
._chart__dotHit_8y75i_203:hover ._chart__dot_8y75i_203,
._chart__dotHit_8y75i_203:focus-visible ._chart__dot_8y75i_203 {
  transform: scale(1.2);
}
._chart__tooltip_8y75i_231 {
  position: fixed;
  z-index: 1400;
  min-width: 220px;
  max-width: min(320px, 100vw - 24px);
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-card);
  transform: translate(-50%, calc(-100% - 14px));
  pointer-events: none;
}
._chart__tooltip_below_8y75i_246 {
  transform: translate(-50%, 14px);
}
._chart__tooltipTime_8y75i_250 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
._chart__tooltipSentiment_8y75i_258 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
._chart__tooltipDot_8y75i_268 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid var(--surface);
  flex-shrink: 0;
}
._chart__tooltipReason_8y75i_276 {
  margin-top: 8px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-secondary);
}
._chart__tooltipReasonLabel_8y75i_284 {
  font-weight: 600;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._widget__header_8y75i_35 {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  ._widget__legend_8y75i_70 {
    width: 100%;
    margin-left: 16px;
    justify-content: flex-start;
  }
  ._chart__tooltip_8y75i_231 {
    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_5y2fh_29 {
  width: 35px !important;
  height: 35px !important;
}
@media screen and (max-width: 480px) {
  ._avatar_5y2fh_29 {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}
._mobileView_5y2fh_42 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
._mobileView_5y2fh_42 ._message__header__sentiment_5y2fh_49 {
  margin-left: auto;
  display: flex;
}
._wrapper_5y2fh_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_5y2fh_54:last-child {
  margin-bottom: 0;
}
._wrapper_5y2fh_54._assistant_5y2fh_68 {
  max-width: min(100%, 533px);
}
._wrapper_5y2fh_54._incoming_5y2fh_71 {
  align-self: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  ._wrapper_5y2fh_54 {
    max-width: 75%;
  }
}
@media screen and (max-width: 375px) {
  ._wrapper_5y2fh_54 {
    max-width: 100%;
  }
}
._messageColumn_5y2fh_86 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}
._messageMeta_5y2fh_96 {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  flex-wrap: wrap;
}
._messageMeta_incoming_5y2fh_103 {
  justify-content: flex-end;
}
._messageMeta__name_5y2fh_107 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
._metaAvatar_5y2fh_115 {
  width: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}
._assistantLetter_5y2fh_121 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--accent-soft);
  color: var(--accent-icon);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
}
._messageTimeBelow_5y2fh_135 {
  display: block;
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 11px;
  line-height: 1.3;
  color: var(--text-muted);
}
._messageTimeBelow_right_5y2fh_144 {
  text-align: right;
}
._messageTimeBelow_left_5y2fh_148 {
  text-align: left;
}
._countryCircle_5y2fh_152 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--surface-muted);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
}
._messageBubbleRow_5y2fh_166 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
._messageBubbleRow_incoming_5y2fh_174 {
  margin-left: auto;
}
._messageBubbleRow_withSentiment_5y2fh_177 {
  margin-top: 12px;
}
._messageBubbleRow_5y2fh_166:hover ._messageCopyBtn_5y2fh_180 {
  opacity: 1;
  pointer-events: auto;
}
._messageCopyBtn_5y2fh_180 {
  opacity: 0;
  pointer-events: none;
  align-self: center;
  flex-shrink: 0;
}
._messageCard_5y2fh_192 {
  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_5y2fh_205 {
  cursor: default;
}
._messageCard_keywordPulse_5y2fh_208 {
  animation: _messageKeywordPulse_5y2fh_1 4s ease-out 1;
  z-index: 2;
}
._wrapper_5y2fh_54._assistant_5y2fh_68 ._messageCard_5y2fh_192 {
  background: var(--agent-message-bubble-bg, var(--agent-message-bubble-bg-default));
  border: 1px solid var(--agent-message-bubble-border, var(--agent-message-bubble-border-default));
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
}
._wrapper_5y2fh_54._incoming_5y2fh_71 ._messageCard_5y2fh_192 {
  background: var(--user-message-bubble-bg, var(--user-message-bubble-bg-default));
  border: 1px solid var(--user-message-bubble-border, var(--user-message-bubble-border-default));
  padding: 12px 13px;
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
}
._messageCard_5y2fh_192._partial_5y2fh_223 {
  opacity: 0.6;
}
._messageCard_5y2fh_192._partial_5y2fh_223 ._messageMeta__name_5y2fh_107,
._messageCard_5y2fh_192._partial_5y2fh_223 ._message__content__text_5y2fh_227,
._messageCard_5y2fh_192._partial_5y2fh_223 ._msgText_5y2fh_228 {
  font-style: italic;
}
._messageCard_interrupted_5y2fh_231 ._message__content_5y2fh_227 {
  padding-top: 0;
}
._messageSentimentFloat_5y2fh_235 {
  position: absolute;
  top: -18px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
}
._messageSentimentFloat_incoming_5y2fh_250 {
  right: auto;
  left: 10px;
}
._sentimentIcon_5y2fh_255 {
  width: 22px;
  height: 22px;
}
._interruptLabel_5y2fh_260 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
  padding: 3px 8px;
  border: 1px solid var(--chip-warn-border);
  border-radius: 6px;
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  align-self: flex-start;
}
._interruptLabel_5y2fh_260 svg {
  width: 13px;
  height: 13px;
}
._interruptLabelIcon_5y2fh_283 {
  display: inline-flex;
  align-items: center;
}
._msgText_5y2fh_228 {
  margin: 0;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  line-height: 1.5;
  color: var(--text);
}
._ttsSpoken_5y2fh_296 {
  color: inherit;
}
._ttsCutMarker_5y2fh_300 {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin: 0 4px;
  background: #ef4444;
  border-radius: 1px;
  vertical-align: middle;
}
._ttsUnspoken_5y2fh_310 {
  color: var(--text-muted);
}
._message__header__button_5y2fh_314 {
  cursor: pointer;
  display: flex;
  margin-left: auto;
}
._argumentsContainer_5y2fh_320 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-bottom: 10px;
}
._argumentsContainer_5y2fh_320 span {
  word-break: break-word;
  white-space: pre-wrap;
  flex: 1;
  overflow-wrap: break-word;
}
._icon_5y2fh_334 {
  width: 22px;
  height: 22px;
}
._message__content_5y2fh_227 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
._message__content_5y2fh_227 ._cacheHighlight_5y2fh_345 {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  color: inherit;
  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_5y2fh_227 ._cacheHighlight_5y2fh_345:hover {
  background: var(--accent-tint);
  color: inherit;
}
._wrapper_5y2fh_54._incoming_5y2fh_71 ._message__content_5y2fh_227,
._wrapper_5y2fh_54._incoming_5y2fh_71 ._message__content__text_5y2fh_227,
._wrapper_5y2fh_54._incoming_5y2fh_71 ._msgText_5y2fh_228 {
  text-align: left;
}
._message__content__text_5y2fh_227 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  line-height: 1.5;
  min-width: 0;
  width: 100%;
}
._msgDivider_5y2fh_378 {
  height: 1px;
  margin: 10px 0 9px;
  background: var(--accent-border);
}
._wrapper_5y2fh_54._assistant_5y2fh_68 ._msgDivider_5y2fh_378 {
  background: var(--accent-border);
}
._performance_5y2fh_388 {
  margin-top: 8px;
  padding-top: 0;
  border-top: none;
  font-family: "Roboto";
  width: 100%;
}
._wrapper_5y2fh_54._incoming_5y2fh_71 ._performance_5y2fh_388 {
  margin-top: 0;
}
._performance__summary_5y2fh_400 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._performance__summary_5y2fh_400 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__chips_5y2fh_414 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
._performanceChip_5y2fh_421 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 50px;
  background: var(--surface-muted);
  font-family: "Roboto";
}
._performanceChip_5y2fh_421 span {
  line-height: 1;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}
._performanceChip_5y2fh_421 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._performanceChip_token_5y2fh_442 svg {
  color: var(--info);
}
._performanceChip_audio_5y2fh_445 svg {
  color: #ff6d9e;
}
._performanceChip_stt_5y2fh_448 {
  gap: 4px;
  padding: 4px 6px;
  background: var(--stt-chip-bg, rgba(100, 116, 139, 0.1));
  color: var(--text-secondary);
}
._performanceChip_stt_5y2fh_448 span {
  font-size: 11px;
  font-weight: 500;
  color: var(--stt-chip-text-color, var(--text-secondary));
}
._performanceChip_sttIcon_5y2fh_460 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
  display: inline-flex;
}
._performanceChipIconWrap_5y2fh_467 {
  display: inline-flex;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._performance__toggle_5y2fh_474 {
  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_5y2fh_474 {
    margin-left: 0;
  }
}
._performance__chevron_5y2fh_495 {
  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_5y2fh_495._expanded_5y2fh_503 {
  transform: rotate(225deg);
}
._performance__details_5y2fh_507 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-perf);
  font-size: 12px;
}
._performance__detailRow_5y2fh_519 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 12px;
  line-height: 16px;
}
._performance__detailRow_5y2fh_519 span:first-child {
  flex: 0 0 auto;
}
@media screen and (max-width: 834px) {
  ._performance__detailRow_5y2fh_519 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__detailValue_5y2fh_540 {
  flex: 1;
  min-width: 0;
  color: var(--text);
  text-align: right;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media screen and (max-width: 834px) {
  ._performance__detailValue_5y2fh_540 {
    width: 100%;
    text-align: left;
  }
}
._urlLink_5y2fh_555,
._performance__detailLink_5y2fh_556 {
  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_5y2fh_555:hover,
._performance__detailLink_5y2fh_556:hover {
  text-decoration: underline;
}
@media screen and (max-width: 834px) {
  ._urlLink_5y2fh_555,
  ._performance__detailLink_5y2fh_556 {
    margin-left: 0;
    justify-content: flex-start;
    white-space: normal;
  }
}
._urlLinkIcon_5y2fh_586,
._performance__detailLinkIcon_5y2fh_587 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
}
._metricHolder_5y2fh_593 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text);
}
@keyframes _messageKeywordPulse_5y2fh_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);
  }
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_144in_30 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  margin: 30px 0;
}
@media screen and (max-width: 834px) {
  ._toolAccordionRoot_144in_30 {
    gap: 12px;
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._toolAccordionRoot_144in_30 {
    margin: 20px 0;
  }
}
._groupedProcess_144in_50 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 12px 10px 10px;
  background: var(--grouped-process-bg, var(--surface-subtle));
  border-radius: 12px;
  border: 1px solid var(--border);
  box-shadow: var(--transcript-bubble-shadow, none);
}
._groupedProcess__header_144in_62 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
._groupedProcess__chip_144in_69 {
  padding: 3px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
._groupedProcess__content_144in_82 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
/* ─── Combined text bubble ─── */
._combinedBubble_144in_90 {
  width: 533px;
  align-self: center;
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
}
._combinedBubble__text_144in_103 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
/* ─── Announcement + tool card share width/centering ─── */
._announcementBubble_144in_112,
._toolCard_144in_113 {
  width: min(100%, 533px);
  align-self: center;
  border-radius: 15px;
  border: 1px solid var(--transcript-card-border, var(--transcript-card-border-default));
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
}
._announcementBubble_144in_112 {
  border-color: var(--announcement-border, var(--announcement-border-default));
}
._toolCard_144in_113 {
  border-color: var(--tool-border, var(--tool-border-default));
}
._toolCard_fail_144in_129 {
  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);
}
._announcementBubble_144in_112 {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: var(--announcement-bg, var(--surface-announcement));
}
._announcementBubble__icon_144in_141,
._toolBubble__icon_144in_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__iconImg_144in_152,
._toolBubble__iconImg_144in_153 {
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__body_144in_160,
._toolBubble__body_144in_161 {
  min-width: 0;
}
._announcementBubble__header_144in_165 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._announcementBubble__title_144in_171,
._toolBubble__title_144in_172 {
  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_144in_171 {
  background: var(--announcement-tag-bg, #ffecfb);
  color: var(--announcement-tag-color, var(--accent-hover));
}
._toolBubble__title_144in_172 {
  background: var(--tool-tag-bg, var(--tag-tool-bg));
  color: var(--tool-tag-color, var(--tag-tool-text));
}
._toolBubble__title_tool_144in_194 {
  background: var(--tool-tag-bg, var(--tag-tool-bg));
  color: var(--tool-tag-color, var(--tag-tool-text));
}
._toolBubble__title_transition_144in_199 {
  background: var(--transition-tag-bg, #ffedd5);
  color: var(--transition-tag-color, #9a3412);
}
._announcementBubble__time_144in_204 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._announcementBubble__text_144in_213 {
  margin-top: 6px;
  color: var(--announcement-text-color, var(--text));
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: 400;
  line-height: 1.5;
}
/* ─── Flow transition (subtype = transition) ─── */
._transitionCard_144in_223 {
  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%));
}
._transitionCard_fail_144in_233 {
  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);
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._transitionBubble_144in_239 {
  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_144in_251 {
  border-bottom: 1px solid #fdba74;
}
._transitionBubble_fail_144in_255 {
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._transitionBubble_fail_144in_255:hover {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}
._transitionBubble_fail_144in_255._transitionBubble_open_144in_251 {
  border-bottom-color: #fca5a5;
}
._transitionStandalone_144in_265 {
  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_144in_265 {
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._transitionStandalone_144in_265 {
    margin: 20px 0;
  }
}
._transitionBubble__icon_144in_289 {
  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_144in_289 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__body_144in_305 {
  flex: 1;
  min-width: 0;
}
._transitionBubble__header_144in_310 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._transitionBubble__time_144in_317 {
  color: #c2410c;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
._transitionBubble__meta_144in_326 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-shrink: 0;
  align-self: center;
}
._transitionBubble__duration_144in_335 {
  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_144in_335 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__chevron_144in_351 {
  color: #c2410c;
  transition: transform 0.2s ease;
}
._transitionBubble__chevronOpen_144in_356 {
  transform: rotate(180deg);
}
._transitionBubble__text_144in_360 {
  margin-top: 6px;
  color: #1f2937;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._compactDivider_144in_369 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 533px;
  align-self: center;
  margin: 28px 0;
  padding: 0 8px;
}
._compactDivider__line_144in_380 {
  flex: 1;
  min-width: 24px;
  height: 1px;
  margin-top: 11px;
  background: linear-gradient(90deg, transparent, #d1d5db 20%, #d1d5db 80%, transparent);
}
._compactDivider__content_144in_388 {
  flex: 0 1 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
._compactDivider__label_144in_397 {
  color: #6b7280;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._compactDivider__time_144in_406 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
}
._compactDivider__summary_144in_413 {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px dashed var(--border-strong);
  background: var(--surface-subtle);
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}
._toolCard_144in_113 {
  overflow: hidden;
  background: var(--surface);
}
._toolBubble_144in_142 {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px;
  border: none;
  border-bottom: 1px solid var(--tool-border, var(--tool-border-default));
  background: var(--tool-bg, var(--tool-bg-default));
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
}
._toolCard_expanded_144in_448 ._toolBubble_144in_142 {
  border-radius: 15px 15px 0 0;
}
._toolBubble_fail_144in_452 {
  border-bottom-color: #fca5a5;
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._toolBubble_fail_144in_452:hover {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}
._toolBubbleTooltipWrap_144in_460 {
  display: block;
  width: 100%;
}
._toolBubble__name_144in_465 {
  color: #96a2b7;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.6px;
  word-break: break-word;
}
._toolBubble__meta_144in_475 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
._toolBubble__time_144in_482 {
  color: #9098b1;
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._toolBubble__duration_144in_491 {
  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_144in_491 svg {
  width: 16px;
  height: 16px;
  color: #63708b;
}
._toolBubble__chevron_144in_511 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._toolBubble__chevronOpen_144in_518 {
  transform: rotate(180deg);
}
._toolDetails_144in_522 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  background: var(--surface);
}
._toolDetails__metrics_144in_530 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
._toolDetails__metricChip_144in_537 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 50px;
  background: var(--surface-muted);
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
._toolDetails__metricChip_144in_537 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._toolDetails__metricIcon_144in_557 {
  display: inline-flex;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._toolDetails__sectionTitle_144in_564 {
  margin-bottom: 12px;
}
._toolDetails__sectionTitle_144in_564,
._executedActionsHeader_144in_569 strong,
._actionCard__title_144in_570 {
  color: #7f8eaa;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._parametersGroup_144in_580 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._parametersBox_144in_586 {
  padding: 14px;
  border: 1px solid var(--accent-border-soft);
  border-radius: 15px;
  background: var(--surface-overlay);
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
  min-width: 0;
}
._parametersBox__text_144in_595 {
  color: var(--text);
  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_144in_606 {
  width: 100%;
  border-collapse: collapse;
  min-width: 0;
  table-layout: fixed;
}
._parametersTable_144in_606 thead th {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-muted);
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
}
._parametersTable_144in_606 tbody th[scope=row] {
  width: 34%;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--text-muted);
  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_144in_606 tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  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_144in_606 tbody tr:last-child th,
._parametersTable_144in_606 tbody tr:last-child td {
  border-bottom: none;
}
._executedActionsHeader_144in_569 {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 12px;
}
._executedActionsHeader_144in_569 span {
  flex: 1;
  height: 1px;
  background: #e6e3ff;
}
._executedActionsHeader_144in_569 strong {
  white-space: nowrap;
}
._actionAccordion_144in_672 {
  overflow: hidden;
  border: 1px solid var(--action-pass-border, rgba(37, 167, 102, 0.22));
  border-radius: 14px;
  background: var(--action-pass-bg, rgba(37, 167, 102, 0.08));
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
}
._actionAccordion_144in_672 + ._actionAccordion_144in_672 {
  margin-top: 8px;
}
._actionAccordion_pass_144in_683 {
  border-color: var(--action-pass-border, rgba(37, 167, 102, 0.22));
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
  background: var(--action-pass-bg, rgba(37, 167, 102, 0.08));
}
._actionAccordion_fail_144in_689 {
  border-color: var(--action-fail-border, rgba(239, 68, 68, 0.24));
  box-shadow: var(--transcript-bubble-shadow, var(--shadow-card));
  background: var(--action-fail-bg, rgba(239, 68, 68, 0.08));
}
._actionAccordion__header_144in_695 {
  padding: 8px 14px;
  border-bottom: 1px solid var(--action-pass-border, rgba(37, 167, 102, 0.22));
  background: transparent;
}
._actionAccordion_pass_144in_683 ._actionAccordion__header_144in_695 {
  border-bottom-color: var(--action-pass-border, rgba(37, 167, 102, 0.22));
  background: transparent;
}
._actionAccordion_fail_144in_689 ._actionAccordion__header_144in_695 {
  border-bottom-color: var(--action-fail-border, rgba(239, 68, 68, 0.24));
  background: transparent;
}
._actionAccordion__headerStatic_144in_711 {
  cursor: default;
}
._actionAccordion_static_144in_715 ._actionAccordion__header_144in_695 {
  border-bottom: none;
}
._actionCard__titleRow_144in_719 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._actionCard__codeChip_144in_725 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 8px;
  max-height: 24px;
  border-radius: 999px;
  background: rgba(var(--text-muted-rgb), 0.12);
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.6px;
}
._actionCard__codeChip_144in_725 span {
  line-height: 1;
}
._actionCard__name_144in_745 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
}
._actionCard__pass_144in_752 {
  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_144in_752 svg,
._actionCard__pass_144in_752 .MuiSvgIcon-root {
  width: 14px;
  height: 14px;
  color: #15803d !important;
  filter: none;
}
._actionCard__fail_144in_774 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #b91c1c;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.18);
}
._actionCard__fail_144in_774 svg,
._actionCard__fail_144in_774 .MuiSvgIcon-root {
  width: 14px;
  height: 14px;
  color: #b91c1c !important;
  filter: none;
}
._actionAccordion__content_144in_787 {
  padding-top: 14px;
}
._actionConditionList_144in_791 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._actionCondition_144in_791 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.45;
}
._actionCondition_pass_144in_812 {
  background: rgba(37, 167, 102, 0.08);
  border-color: rgba(37, 167, 102, 0.22);
}
._actionCondition_fail_144in_817 {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.24);
}
._actionCondition_custom_144in_822 {
  background: rgba(107, 94, 255, 0.08);
  border-color: rgba(107, 94, 255, 0.22);
}
._actionCondition_neutral_144in_827 {
  background: var(--surface-subtle);
  border-color: var(--border-strong);
}
._conditionBadge_144in_832 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
._conditionBadge_144in_832 svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._conditionBadge__label_144in_851 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._conditionBadge_pass_144in_857 {
  background: rgba(34, 197, 94, 0.14);
  color: #15803d;
}
._conditionBadge_pass_144in_857 svg,
._conditionBadge_pass_144in_857 .MuiSvgIcon-root {
  color: #15803d !important;
  filter: none;
}
._conditionBadge_fail_144in_867 {
  background: rgba(239, 68, 68, 0.14);
  color: #b91c1c;
}
._conditionBadge_fail_144in_867 svg,
._conditionBadge_fail_144in_867 .MuiSvgIcon-root {
  color: #b91c1c !important;
  filter: none;
}
._conditionBadge_custom_144in_877 {
  background: rgba(107, 94, 255, 0.12);
  color: #5b47d6;
}
._conditionBadge_neutral_144in_882 {
  background: rgba(100, 116, 139, 0.12);
  color: #475569;
}
._actionCondition__text_144in_887 {
  min-width: 0;
  flex: 1;
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
._rawPayloadToggle_144in_897 {
  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_144in_916 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._rawPayloadToggle__chevronOpen_144in_923 {
  transform: rotate(180deg);
}
._rawPayload_144in_897 {
  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_144in_943 {
  width: 100%;
  padding-top: 4px;
}
/* ─── Result display inside action accordion ─── */
._resultSection_144in_949 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* One card = one top-level result object */
._resultCard_144in_956 {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  color: var(--text);
}
._resultTree_144in_964 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__children_144in_971 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__array_144in_979 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__objectCard_144in_987 {
  position: relative;
  padding: 10px 12px 10px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-muted);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent);
  color: var(--text);
}
._resultTree__objectCard_144in_987 ._resultTree__children_144in_971,
._resultTree__objectCard_144in_987 ._resultTree__array_144in_979 {
  margin-left: 0;
}
._resultTree__objectCard_144in_987 ._resultTree__child_144in_971,
._resultTree__objectCard_144in_987 ._resultTree__lastEntry_144in_1001 {
  padding-left: 0;
}
._resultTree__objectCard_144in_987 ._resultTree__child_144in_971::before,
._resultTree__objectCard_144in_987 ._resultTree__lastEntry_144in_1001::before {
  display: none;
}
/* Nested object cards — muted pastel depth coding (blue → green → amber, cycles) */
._resultTree__objectCard_depth0_144in_1010::after,
._resultTree__objectCard_depth1_144in_1011::after,
._resultTree__objectCard_depth2_144in_1012::after,
._resultTree__objectCard_depth3_144in_1013::after,
._resultTree__objectCard_depth4_144in_1014::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_144in_1010,
._resultTree__objectCard_depth3_144in_1013 {
  background: color-mix(in srgb, #3b82f6 14%, var(--surface));
  border-color: color-mix(in srgb, #3b82f6 28%, var(--border));
  box-shadow: 0 1px 2px color-mix(in srgb, #3b82f6 10%, transparent);
}
._resultTree__objectCard_depth0_144in_1010::after,
._resultTree__objectCard_depth3_144in_1013::after {
  background: #93c5fd;
}
/* Level 2 — soft green #10B981 */
._resultTree__objectCard_depth1_144in_1011,
._resultTree__objectCard_depth4_144in_1014 {
  background: color-mix(in srgb, #10b981 14%, var(--surface));
  border-color: color-mix(in srgb, #10b981 28%, var(--border));
  box-shadow: 0 1px 2px color-mix(in srgb, #10b981 10%, transparent);
}
._resultTree__objectCard_depth1_144in_1011::after,
._resultTree__objectCard_depth4_144in_1014::after {
  background: #6ee7b7;
}
/* Level 3 — soft amber #F59E0B */
._resultTree__objectCard_depth2_144in_1012 {
  background: color-mix(in srgb, #f59e0b 14%, var(--surface));
  border-color: color-mix(in srgb, #f59e0b 28%, var(--border));
  box-shadow: 0 1px 2px color-mix(in srgb, #f59e0b 10%, transparent);
}
._resultTree__objectCard_depth2_144in_1012::after {
  background: #fcd34d;
}
._resultTree__lastEntry_144in_1001 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__lastEntry_144in_1001::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 11px;
  width: 1px;
  background: var(--border);
}
._resultTree__child_144in_971 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__child_144in_971::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border);
}
._resultTree__branch_144in_1088 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__row_144in_1095 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
  min-width: 0;
  line-height: 22px;
}
._resultTree__key_144in_1104 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  color: var(--text-secondary);
}
._resultTree__scalar_144in_1112 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  color: var(--text);
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
}
._resultTree__scalar_144in_1112 p {
  margin: 0 0 4px;
}
._resultTree__scalar_144in_1112 p:last-child {
  margin-bottom: 0;
}
._resultTree__scalar_144in_1112 ul, ._resultTree__scalar_144in_1112 ol {
  margin: 4px 0;
  padding-left: 18px;
}
._resultTree__scalar_144in_1112 pre {
  margin: 4px 0;
}
@media screen and (max-width: 1100px) {
  ._groupedProcess_144in_50 {
    padding: 12px;
    gap: 12px;
  }
  ._combinedBubble_144in_90,
  ._announcementBubble_144in_112,
  ._transitionCard_144in_223,
  ._transitionStandalone_144in_265,
  ._toolCard_144in_113 {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
  ._combinedBubble_144in_90 {
    padding: 12px;
  }
  ._combinedBubble__text_144in_103,
  ._announcementBubble__text_144in_213,
  ._transitionBubble__text_144in_360 {
    font-size: 13px;
    line-height: 1.5;
  }
  ._announcementBubble__header_144in_165 {
    flex-wrap: wrap;
    gap: 7px;
  }
  ._transitionStandalone_144in_265 ._toolBubble__meta_144in_475 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__meta_144in_475 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  ._parametersBox_144in_586 {
    padding: 12px;
  }
  ._keyValueList__row_144in_1178 {
    flex-direction: column;
    gap: 4px;
  }
  ._keyValueList__key_144in_1182 {
    white-space: normal;
  }
  ._rawPayload_144in_897 {
    max-height: 280px;
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.6;
  }
  ._resultTree__child_144in_971 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  ._groupedProcess_144in_50 {
    padding: 10px;
    border-radius: 12px;
  }
  ._combinedBubble_144in_90,
  ._announcementBubble_144in_112,
  ._transitionCard_144in_223,
  ._transitionStandalone_144in_265,
  ._toolCard_144in_113 {
    border-radius: 12px;
  }
  ._transitionCard_144in_223 ._toolBubble__meta_144in_475,
  ._transitionStandalone_144in_265 ._toolBubble__meta_144in_475 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__duration_144in_491 {
    font-size: 13px;
    padding: 6px 12px;
  }
  ._toolBubble__time_144in_482 {
    font-size: 11.5px;
  }
  ._actionCard__titleRow_144in_719 {
    flex-wrap: wrap;
  }
  ._executedActionsHeader_144in_569 {
    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_1pote_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
._chat_canvas_1pote_39 {
  padding-top: 0;
  gap: 0;
  height: 100%;
  min-height: 0;
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
}
._chat_canvas_1pote_39 ._chat_messages_1pote_48 {
  padding: 20px;
  min-height: 300px;
}
._chat_1pote_29 ._chat__header_1pote_52 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._chat_1pote_29 ._chat__header_1pote_52 h3 {
  font-size: 10.5px;
  font-family: "Roboto";
  font-weight: 700;
  color: var(--text-muted);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
@media screen and (max-width: 1440px) {
  ._chat_1pote_29 ._chat__header_1pote_52 h3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  ._chat_1pote_29 ._chat__header_1pote_52 h3 {
    font-size: 12px;
  }
}
._chat_1pote_29 ._chat__header_1pote_52 > div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 834px) {
  ._chat_1pote_29 {
    padding-top: 12px;
    gap: 12px;
    min-height: 0;
    flex: 1;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._chat_1pote_29 {
    padding-top: 8px;
    overflow: hidden;
    gap: 10px;
  }
}
._chat__footerText_1pote_95 {
  margin: 0 auto;
  color: var(--text-muted);
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._chat_1pote_29 ._chat_messages_1pote_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_1pote_29 ._chat_messages_1pote_48 {
    padding: 4px 0;
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  ._chat_1pote_29 ._chat_messages_1pote_48 {
    padding: 0;
    gap: 0;
  }
}
._chat_1pote_29 ._ruler_1pote_130 {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
._chat_1pote_29 ._ruler_1pote_130 ._ruler__item_1pote_140 {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--border-strong);
}
._chat_1pote_29 ._ruler_1pote_130 ._ruler__item_1pote_140:nth-child(2n) {
  margin-left: auto;
  background: color-mix(in srgb, var(--border-strong) 56%, transparent);
  width: 80%;
}
._chat_1pote_29 ._ruler_1pote_130 ._ruler__item_1pote_140:nth-child(2n-1)::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--text-muted);
  font-size: 10px;
}
._chat_1pote_29 ._ruler_1pote_130 ._ruler__item_1pote_140._theLastOne_1pote_159 {
  transform: translateY(10px);
  position: absolute;
  bottom: 0;
  right: 0;
}
._chat_1pote_29 ._ruler_1pote_130 ._ruler__item_1pote_140._theLastOne_1pote_159::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--text-muted);
  font-size: 10px;
}
._chat_1pote_29 ._typingContainer_1pote_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_1pote_29 ._typingContainer_1pote_173 ._avatar_1pote_184 {
  background: var(--accent-soft);
  color: var(--accent);
}
._chat_1pote_29 ._chatInput_1pote_188 {
  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_1pote_29 ._chatInput_1pote_188 > div {
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--surface-muted);
  border: 1px solid var(--border);
  height: 40px;
  position: relative;
  box-shadow: var(--shadow-sm);
  padding: 8px;
}
._chat_1pote_29 ._chatInput__input_1pote_212 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  color: var(--text);
  border-radius: 8px;
  padding: 8px;
}
._chat_1pote_29 ._chatInput__input_1pote_212::placeholder {
  color: var(--text-muted);
}
._chat_1pote_29 ._chatInput__input_1pote_212:focus {
  outline: none;
}
._chat--keyboardVisible_1pote_228 {
  gap: 12px;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  ._chat--keyboardVisible_1pote_228 {
    gap: 8px;
  }
}
._chat--keyboardVisible_1pote_228 ._chat_messages_1pote_48 {
  padding-bottom: 8px;
}
._chat--keyboardVisible_1pote_228 ._chatInput_1pote_188 {
  padding: 8px 14px 14px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  margin-bottom: 0;
}
._chat--keyboardVisible_1pote_228 ._chatInput_1pote_188 > div {
  min-height: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
._resumeScrollButton_1pote_250 {
  position: fixed;
  bottom: 200px;
  right: 20px;
  background: var(--accent);
  color: var(--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: var(--shadow-sm);
  transition: all 0.2s ease;
  z-index: 1000;
  animation: _slideInUp_1pote_1 0.3s ease;
}
._resumeScrollButton_1pote_250:hover {
  background: var(--accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}
._resumeScrollButton_1pote_250:active {
  transform: translateY(0);
}
._resumeScrollButton_1pote_250 svg {
  font-size: 20px;
}
@media (min-width: 769px) {
  ._resumeScrollButton_1pote_250._sidebar-open_1pote_282 {
    right: 420px;
  }
}
@media screen and (max-width: 834px) {
  ._resumeScrollButton_1pote_250 {
    bottom: 88px;
    right: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._resumeScrollButton_1pote_250 {
    bottom: 70px;
    right: 12px;
    padding: 10px 14px;
    font-size: 12px;
  }
  ._resumeScrollButton_1pote_250 span {
    display: none;
  }
  ._resumeScrollButton_1pote_250 svg {
    font-size: 18px;
  }
}
@keyframes _slideInUp_1pote_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._centeredAssistantMessage_1pote_317 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}
._centeredAssistantMessageContent_1pote_325 {
  background: var(--surface-accent);
  color: var(--accent-active-text);
  border: 1px solid var(--accent-border);
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 18px;
  box-shadow: var(--shadow-card);
  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_1pote_325 {
    padding: 20px 16px;
    font-size: 1.05rem;
    border-radius: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._centeredAssistantMessageContent_1pote_325 {
    padding: 16px 12px;
    font-size: 1rem;
  }
}
@keyframes _fadeInScale_1pote_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._workspaceHint_1pote_365 {
  margin: 16px 0;
  display: flex;
  justify-content: center;
}
._workspaceHintContent_1pote_371 {
  background: color-mix(in srgb, var(--info) 14%, var(--surface));
  color: var(--info);
  border: 1px solid color-mix(in srgb, var(--info) 35%, transparent);
  border-radius: 8px;
  padding: 16px 24px;
  font-size: 1.1rem;
  font-weight: 500;
  box-shadow: var(--shadow-sm);
  max-width: 80%;
  text-align: left;
}
@media screen and (max-width: 834px) {
  ._workspaceHintContent_1pote_371 {
    max-width: 100%;
    padding: 12px 14px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  ._workspaceHintContent_1pote_371 {
    padding: 10px 12px;
    font-size: 0.95rem;
  }
}
._workspaceHintContent_1pote_371 ._tableWrapper_1pote_396 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._workspaceHintContent_1pote_371 ._tableWrapper_1pote_396::-webkit-scrollbar {
  height: 6px;
}
._workspaceHintContent_1pote_371 ._tableWrapper_1pote_396::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._workspaceHintContent_1pote_371 ._tableWrapper_1pote_396::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._workspaceHintContent_1pote_371 ._tableWrapper_1pote_396::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
._workspaceHintContent_1pote_371 ._markdownTable_1pote_415 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
._workspaceHintContent_1pote_371 ._markdownTh_1pote_425,
._workspaceHintContent_1pote_371 ._markdownTd_1pote_426 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  min-width: 100px;
  max-width: 300px;
}
._workspaceHintContent_1pote_371 ._markdownTh_1pote_425:last-child,
._workspaceHintContent_1pote_371 ._markdownTd_1pote_426:last-child {
  border-right: none;
}
._workspaceHintContent_1pote_371 ._markdownTh_1pote_425 {
  background-color: var(--surface-muted);
  font-weight: 600;
  white-space: nowrap;
}
._workspaceHintContent_1pote_371 ._markdownTr_1pote_443:last-child ._markdownTd_1pote_426 {
  border-bottom: none;
}
._workspaceHintContent_1pote_371 ._markdownTr_1pote_443:hover {
  background-color: var(--table-row-hover-bg);
}
._result_1pote_450 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_1pote_450 ._header_1pote_456 {
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
}
@media screen and (max-width: 1440px) {
  ._result_1pote_450 ._header_1pote_456 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1pote_450 ._header_1pote_456 {
    font-size: 14px;
  }
}
._result_1pote_450 ._content_1pote_471 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_1pote_450 ._content--text_1pote_476 {
  display: block;
}
._result_1pote_450 ._value_1pote_479 {
  width: 100%;
}
._result_1pote_450 ._tableWrapper_1pote_396 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_1pote_450 ._tableWrapper_1pote_396::-webkit-scrollbar {
  height: 6px;
}
._result_1pote_450 ._tableWrapper_1pote_396::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._result_1pote_450 ._tableWrapper_1pote_396::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._result_1pote_450 ._tableWrapper_1pote_396::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
._result_1pote_450 ._markdownTable_1pote_415 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
}
._result_1pote_450 ._markdownTh_1pote_425,
._result_1pote_450 ._markdownTd_1pote_426 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  min-width: 100px;
  max-width: 300px;
}
._result_1pote_450 ._markdownTh_1pote_425:last-child,
._result_1pote_450 ._markdownTd_1pote_426:last-child {
  border-right: none;
}
._result_1pote_450 ._markdownTh_1pote_425 {
  background-color: var(--surface-muted);
  font-weight: 600;
  white-space: nowrap;
}
._result_1pote_450 ._markdownTr_1pote_443:last-child ._markdownTd_1pote_426 {
  border-bottom: none;
}
._result_1pote_450 ._markdownTr_1pote_443:hover {
  background-color: var(--table-row-hover-bg);
}
._result_1pote_450 ._label_1pote_535 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 1440px) {
  ._result_1pote_450 ._label_1pote_535 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1pote_450 ._label_1pote_535 {
    font-size: 13px;
  }
}
._result_1pote_450 ._colon_1pote_552 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_1pote_450 ._colon_1pote_552 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1pote_450 ._colon_1pote_552 {
    font-size: 13px;
  }
}
._result_1pote_450 ._value_1pote_479 {
  color: var(--text);
  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_1pote_450 ._value_1pote_479::-webkit-scrollbar {
  height: 6px;
}
._result_1pote_450 ._value_1pote_479::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._result_1pote_450 ._value_1pote_479::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._result_1pote_450 ._value_1pote_479::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
@media screen and (max-width: 1440px) {
  ._result_1pote_450 ._value_1pote_479 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1pote_450 ._value_1pote_479 {
    font-size: 13px;
  }
}
._headerContainer_1pote_604 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_1pote_611 {
  color: var(--color-white) !important;
  border: none !important;
  background-color: var(--btn-dark) !important;
}
@media print {
  ._printButton_1pote_611 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_1pote_450,
  ._result_1pote_450 * {
    visibility: visible !important;
  }
  ._result_1pote_450 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: var(--surface);
  }
  ._header_1pote_456 {
    font-size: 24px;
  }
  ._content_1pote_471 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_1pote_535,
  ._colon_1pote_552 {
    color: #666;
  }
}
.workspaceHintContent table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--border);
  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 var(--border);
  border-right: 1px solid var(--border);
  min-width: 100px;
  max-width: 300px;
  background-color: var(--surface-muted);
  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 var(--border);
  border-right: 1px solid var(--border);
  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: var(--table-row-hover-bg);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1q4sj_29 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-family: Roboto, sans-serif;
}
._quickMetrics_1q4sj_37 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media screen and (max-width: 375px) {
  ._quickMetrics_1q4sj_37 {
    grid-template-columns: 1fr;
  }
}
._quickMetricCardFull_1q4sj_48 {
  grid-column: 1/-1;
}
._quickMetricCard_1q4sj_48 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  background: var(--surface-subtle);
}
._quickMetricCard_1q4sj_48 > span {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.03em;
}
._quickMetricCard_1q4sj_48 strong {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
}
._quickMetricTooltipTarget_1q4sj_80 {
  cursor: help;
  -webkit-tap-highlight-color: transparent;
}
._quickMetricTooltipTarget_1q4sj_80 > span,
._quickMetricTooltipTarget_1q4sj_80 > strong,
._quickMetricTooltipTarget_1q4sj_80 > strong span {
  pointer-events: none;
}
._quickMetricTooltip_1q4sj_80 {
  max-width: min(400px, 80vw);
  max-height: 320px;
  overflow: auto;
  white-space: pre-wrap;
  line-height: 1.4;
  font-size: 13px;
}
._quickMetricSentimentIcon_1q4sj_99 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._quickMetricCsat_1q4sj_105 {
  gap: 8px;
}
._quickMetricCsatDot_1q4sj_109 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._quickMetricStatusOk_1q4sj_118 {
  color: var(--chip-ok-text) !important;
}
._sidebarAccordion_1q4sj_122 {
  overflow: hidden;
  border: 1px solid var(--call-queue-accordion-border);
  border-radius: 14px;
  background: var(--call-queue-accordion-bg);
}
._sidebarAccordion__head_1q4sj_129 {
  width: 100%;
  padding: 14px;
  border: none;
  border-bottom: 1px solid var(--call-queue-accordion-border);
  background: var(--call-queue-accordion-bg);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: Roboto, sans-serif;
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-bold, 700);
  cursor: pointer;
}
._sidebarAccordion__head_1q4sj_129 svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transform: rotate(180deg);
  transition: transform 180ms ease;
  flex-shrink: 0;
}
._sidebarAccordion__title_1q4sj_154 {
  min-width: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
}
._sidebarAccordion__headRight_1q4sj_161 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
._sidebarAccordion__total_1q4sj_168 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  white-space: nowrap;
}
._sidebarAccordion__total_1q4sj_168 > span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
}
._sidebarAccordion__total_1q4sj_168 strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
._sidebarAccordion__total_1q4sj_168 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._sidebarAccordionOpen_1q4sj_194 ._sidebarAccordion__head_1q4sj_129 svg {
  transform: rotate(0deg);
}
._sidebarAccordion__body_1q4sj_198 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 14px 14px;
  background: var(--surface);
}
._sidebarGroupTitle_1q4sj_206 {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding-top: 14px;
  padding-bottom: 4px;
}
._sidebarRow_1q4sj_216,
._costRow_1q4sj_217 {
  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_1q4sj_216,
  ._costRow_1q4sj_217 {
    align-items: stretch;
    gap: 6px;
    padding: 12px 0;
  }
}
._sidebarKey_1q4sj_235 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  max-width: 52%;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media screen and (max-width: 834px) {
  ._sidebarKey_1q4sj_235 {
    max-width: 100%;
  }
}
._sidebarKey_1q4sj_235 svg {
  width: 18px;
  height: 18px;
  color: var(--text-muted);
  flex: 0 0 18px;
}
._sidebarValue_1q4sj_258,
._sidebarLink_1q4sj_259 {
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
._sidebarValue_1q4sj_258 span,
._sidebarLink_1q4sj_259 span {
  font-size: 14px;
}
@media screen and (max-width: 834px) {
  ._sidebarValue_1q4sj_258,
  ._sidebarLink_1q4sj_259 {
    text-align: left;
  }
}
._sidebarLink_1q4sj_259 {
  color: var(--accent);
}
._pillSoft_1q4sj_281,
._pillWarn_1q4sj_282 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._pillSoft_1q4sj_281 svg,
._pillSoft_1q4sj_281 img,
._pillWarn_1q4sj_282 svg,
._pillWarn_1q4sj_282 img {
  width: 16px;
  height: 16px;
}
._pillSoft_1q4sj_281 {
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
}
._pillWarn_1q4sj_282 {
  background: var(--surface-muted);
  color: var(--text-secondary);
  text-transform: capitalize;
}
._textBlock_1q4sj_311 {
  padding-top: 8px;
}
._textBlock_1q4sj_311 h4 {
  margin: 0 0 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}
._textBlock_1q4sj_311 p {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
._costRow_1q4sj_217 {
  align-items: center;
}
._costRow_1q4sj_217 strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}
._costLabel_1q4sj_338,
._breakTitle_1q4sj_339 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
}
._costIcon_1q4sj_348 {
  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_1q4sj_361,
._costIconGlyph_circuit_1q4sj_362 {
  display: block;
  flex-shrink: 0;
}
._costRowTotal_1q4sj_367 {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
._costRowTotal_1q4sj_367 > span {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
}
._costRowTotal_1q4sj_367 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._openCostButton_1q4sj_383 {
  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_1q4sj_383 > span {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
._openCostButton_1q4sj_383: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_1q4sj_412 {
  display: block;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex-shrink: 0;
  color: currentColor !important;
}
._costModal_1q4sj_421 {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  pointer-events: none;
}
._costModal__overlay_1q4sj_432 {
  position: fixed;
  inset: 0;
  border: none;
  background: rgba(15, 23, 42, 0.18);
  pointer-events: auto;
}
._costModal__dialog_1q4sj_440 {
  position: relative;
  z-index: 1;
  width: min(540px, 100vw - 48px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: rgba(10, 22, 54, 0.16) -12px 0 36px;
  pointer-events: auto;
}
._costModal__dialog_1q4sj_440 > p {
  margin: 6px 0 12px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 600;
}
._costModal__head_1q4sj_460 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._costModal__head_1q4sj_460 h3 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
._costModal__head_1q4sj_460 button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._breakdownList_1q4sj_486 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._breakCard_1q4sj_492 {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
._breakCard__head_1q4sj_499 {
  padding: 9px 12px;
  border-bottom: 1px solid var(--accent-border);
  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_1q4sj_499 strong {
  color: var(--text);
  font-size: 13px;
}
._breakTable_1q4sj_513 {
  display: flex;
  flex-direction: column;
}
._breakRow_1q4sj_518 {
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.9fr 0.8fr;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
  align-items: center;
}
._breakRow_1q4sj_518:last-child {
  border-bottom: none;
}
._breakRow_1q4sj_518 span {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
._breakRowHead_1q4sj_537 span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._breakRowSubtotal_1q4sj_545 span:last-child {
  font-weight: 700;
  color: var(--text);
}
._breakRateHeader_1q4sj_550 {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  cursor: help;
}
._breakUnitRate_1q4sj_559 {
  color: var(--accent-link);
  font-weight: 600;
}
._breakTotal_1q4sj_564 {
  margin-top: 2px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._breakTotal_1q4sj_564 span {
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
}
._breakTotal_1q4sj_564 strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
}
._breakTotal_1q4sj_564 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._info_1q4sj_590 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
._info_1q4sj_590 ._header_1q4sj_596 {
  font-family: Roboto, sans-serif;
  color: var(--text-secondary);
  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_1q4sj_590 ._header_1q4sj_596 {
    font-size: 12px !important;
  }
}
._info_1q4sj_590 ._info__content_1q4sj_612 {
  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_1q4sj_590 ._info__content_1q4sj_612 {
    row-gap: 14px;
  }
}
._info_1q4sj_590 ._info__content_1q4sj_612 span {
  font-size: 14px;
}
@media screen and (max-width: 1220px) {
  ._info_1q4sj_590 ._info__content_1q4sj_612 span {
    font-size: 14px;
  }
}
._info_1q4sj_590 ._info__content_1q4sj_612 ._detailHeader_1q4sj_636 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  line-height: 100%;
  color: var(--text-muted);
}
@media screen and (max-width: 1220px) {
  ._info_1q4sj_590 ._info__content_1q4sj_612 ._detailHeader_1q4sj_636 {
    font-size: 14px;
  }
}
._detailHeader_1q4sj_636 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  gap: 5px;
  line-height: 100%;
  letter-spacing: 0.6px;
  color: var(--text-muted);
}
@media screen and (max-width: 1220px) {
  ._detailHeader_1q4sj_636 {
    font-size: 14px;
  }
}
._detailHeaderText_1q4sj_666 {
  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_1q4sj_666 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._detailHeaderText_1q4sj_666 {
    font-size: 14px;
  }
}
._detailHeaderText_1q4sj_666 span:first-child {
  color: var(--text-muted);
}
._label_1q4sj_694 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
._label_1q4sj_694 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._label_1q4sj_694 span:first-child {
  color: var(--text-muted);
}
._label_1q4sj_694 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._label_1q4sj_694 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
._label_1q4sj_694 span:nth-of-type(3) {
  color: var(--text);
  text-align: right;
  justify-self: end;
}
@media screen and (max-width: 480px) {
  ._label_1q4sj_694 span:nth-of-type(3) {
    width: 139px;
  }
}
@media screen and (max-width: 480px) {
  ._label_1q4sj_694 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) auto;
  }
}
._labelDescription_1q4sj_734 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._labelDescription_1q4sj_734 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._labelDescription_1q4sj_734 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._labelDescription_1q4sj_734 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._labelDescription_1q4sj_734 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) 1fr;
  }
}
._linkLabel_1q4sj_760 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
@media screen and (max-width: 480px) {
  ._linkLabel_1q4sj_760 {
    grid-template-columns: minmax(100px, 158px) minmax(30px, 37px) 139px;
  }
}
._linkLabel_1q4sj_760 ._detailHeaderLink_1q4sj_771 {
  line-height: 100%;
  color: var(--text-muted);
}
._linkLabel_1q4sj_760 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._linkLabel_1q4sj_760 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._linkLabel_1q4sj_760 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._linkLabel_1q4sj_760 span:nth-of-type(3) {
    width: 139px;
  }
}
._linkLabel_1q4sj_760 a {
  text-decoration: none;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  line-height: 100%;
  color: var(--info);
  white-space: normal;
  overflow-wrap: break-word;
}
._linkLabel_1q4sj_760 ._iconContainer_1q4sj_806 {
  display: inline-flex;
  gap: 8px;
}
._linkLabel_1q4sj_760 ._labelContainer_1q4sj_810 {
  width: fit-content;
  display: inline-flex;
  gap: 8px;
  margin-left: auto;
  align-items: center;
}
._linkLabel_1q4sj_760 ._icon_1q4sj_806 {
  cursor: pointer;
  justify-self: flex-end;
  width: 16px;
  height: 16px;
}
._tagsHolder_1q4sj_824 {
  display: inherit;
  gap: 8px;
  flex-wrap: wrap;
}
._tagsHolder_1q4sj_824 span {
  font-size: 16px;
  font-family: "Roboto";
}
@media screen and (max-width: 1440px) {
  ._tagsHolder_1q4sj_824 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._tagsHolder_1q4sj_824 span {
    font-size: 14px;
  }
}
._resultHolder_1q4sj_844 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._resultHolder_1q4sj_844 span {
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._resultHolder_1q4sj_844 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._resultHolder_1q4sj_844 span {
    font-size: 14px;
  }
}
._inlineLabel_1q4sj_864 {
  display: grid;
  grid-template-columns: 70px 20px 200px;
}
._inlineLabel_1q4sj_864 span {
  font-family: "Roboto";
}
._keywordsLabel_1q4sj_872 {
  float: left;
  color: var(--text-muted) !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6px;
}
._tagsContainer_1q4sj_882 ._keywordsLabel_1q4sj_872 {
  color: var(--text-muted) !important;
}
._notGridLabel_1q4sj_886 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._notGridValue_1q4sj_892 {
  display: inline-flex;
  align-items: center;
  color: var(--text);
}
._container_1q4sj_898 {
  display: flex;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  align-items: baseline;
  flex-direction: column;
  gap: 8px;
}
._container_1q4sj_898 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_1q4sj_898 span {
    font-size: 14px;
  }
}
._container_1q4sj_898 ._detailHeader_1q4sj_636 {
  color: var(--text-muted);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._tagsContainer_1q4sj_882 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagsContainer_1q4sj_882 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
}
._skeletonContainer_1q4sj_938 {
  display: inline-flex;
}
._skeletonContainer_1q4sj_938 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInlineNoValue_1q4sj_949 {
  display: inline-flex;
  gap: 16px;
}
._containerInlineNoValue_1q4sj_949 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInline_1q4sj_949 {
  display: flex;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  flex-direction: column;
  gap: 8px;
}
._containerInline_1q4sj_949 span {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._status_1q4sj_975 {
  padding: 4px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: fit-content;
}
._status__started_1q4sj_984 {
  background-color: rgba(255, 246, 200, 0.8);
}
._status__finished_1q4sj_987 {
  background-color: rgba(221, 255, 200, 0.8);
}
._status__processing_1q4sj_990 {
  background-color: rgba(200, 230, 255, 0.8);
}
._statusLabel_1q4sj_994 {
  align-self: center;
  color: var(--text-muted);
}
._valueText_1q4sj_999 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6px;
  color: var(--text);
  text-align: right;
  max-width: 200px;
}
@media screen and (max-width: 1220px) {
  ._valueText_1q4sj_999 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueText_1q4sj_999 {
    max-width: 139px;
  }
}
._valueTextDescription_1q4sj_1020 {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.6px;
  color: var(--text);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
@media screen and (max-width: 1220px) {
  ._valueTextDescription_1q4sj_1020 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueTextDescription_1q4sj_1020 {
    font-size: 14px;
  }
}
._keywordChip_1q4sj_1043 {
  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: var(--text-secondary);
  background: var(--surface-muted);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
._keywordChip_1q4sj_1043:nth-child(1) {
  background: var(--surface-accent);
}
._keywordChip_1q4sj_1043:nth-child(2) {
  background: var(--surface-accent-soft);
}
._keywordChip_1q4sj_1043:nth-child(3) {
  background: var(--surface-accent-soft);
}
._keywordChip_1q4sj_1043:nth-child(4) {
  background: var(--chip-ok-bg);
}
._keywordChip_1q4sj_1043:hover:not(:disabled) {
  border-color: rgba(107, 94, 255, 0.28);
  box-shadow: 0 2px 8px rgba(107, 94, 255, 0.12);
}
._keywordChip_active_1q4sj_1074 {
  border-color: rgba(107, 94, 255, 0.45);
  box-shadow: 0 0 0 2px rgba(107, 94, 255, 0.12);
}
._keywordChip_disabled_1q4sj_1079 {
  opacity: 0.45;
  cursor: default;
}
._keywordChip__label_1q4sj_1084 {
  line-height: 1.2;
}
._keywordChip__count_1q4sj_1088 {
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 700;
  color: var(--accent-hover);
  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;
}
._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_1mid5_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: var(--surface);
  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_1mid5_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_1mid5_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_1mid5_97 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_1mid5_114 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
@media screen and (max-width: 480px) {
  ._title_1mid5_114 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_1mid5_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_1mid5_133 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_1mid5_154 {
  max-width: 441px;
  max-height: 52px;
  width: 100%;
  height: 100%;
  background-color: var(--surface-muted);
  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_1mid5_154::after {
  display: none;
}
._inputCustom_1mid5_154::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_1mid5_154 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_1mid5_97 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_1mid5_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_16nc1_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: var(--surface);
  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_16nc1_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_16nc1_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_16nc1_112 {
  width: 441px;
  height: 52px;
  background-color: var(--surface-muted);
  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_16nc1_112::after {
  display: none;
}
._inputCustom_16nc1_112::before {
  display: none;
}
._button_16nc1_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_16nc1_79 {
  width: 529px;
  height: 336px;
  border-radius: 10px;
  background: var(--surface);
  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_16nc1_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_16nc1_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_16nc1_112 {
  width: 441px;
  height: 52px;
  background-color: var(--surface-muted);
  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_16nc1_112::after {
  display: none;
}
._inputCustom_16nc1_112::before {
  display: none;
}
._button_16nc1_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_1kpgb_79 {
  width: 529px;
  min-height: 336px;
  border-radius: 10px;
  background: var(--surface);
  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_1kpgb_88 {
  min-height: 386px;
}
._title_1kpgb_92 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._explanation_1kpgb_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_1kpgb_116 {
  width: 441px;
  height: 52px;
  background-color: var(--surface-muted);
  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_1kpgb_116::after {
  display: none;
}
._inputCustom_1kpgb_116::before {
  display: none;
}
._button_1kpgb_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;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_rv9wh_113 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: var(--page-header-padding);
  padding-top: 14px;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}
._headerActions_rv9wh_125 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._headerActions_rv9wh_125 ._actionButton_rv9wh_134 {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  ._orgCheckbox_rv9wh_142 {
    flex-basis: 100%;
  }
}
._headerDivider_rv9wh_147 {
  height: 1px;
  margin-bottom: 4px;
  background: var(--border);
}
@media screen and (max-width: 480px) {
  ._headerDivider_rv9wh_147 {
    display: none;
  }
}
._actionButton_rv9wh_134 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--sf-action-shadow, var(--shadow-sm));
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 140ms ease;
}
._actionButton_rv9wh_134 svg {
  width: 20px;
  height: 20px;
  color: var(--text-secondary);
}
._actionButton_rv9wh_134:hover {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  background: var(--sf-accent-hover-bg, var(--accent-hover-bg));
}
span._orgCheckboxLabel_rv9wh_186 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-secondary);
}
._liveButton_rv9wh_195 {
  gap: 8px;
}
._liveDot_rv9wh_199 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ok);
  flex-shrink: 0;
}
._liveButtonActive_rv9wh_207 {
  border-color: var(--sf-accent-border, var(--accent-border));
  background: var(--sf-accent-soft, var(--surface-accent-soft));
}
._title_rv9wh_212 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
._pageCountHint_rv9wh_222 {
  font-family: "Roboto";
  font-size: 12.5px;
  color: var(--text-secondary, #525a73);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
._paginationBar_rv9wh_230 {
  margin-top: auto;
  margin-left: calc(-1 * var(--page-header-padding));
  margin-right: calc(-1 * var(--page-header-padding));
  margin-bottom: calc(-1 * var(--page-header-padding));
  align-self: stretch;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._paginationBar_rv9wh_230._paginationBar_rv9wh_230 {
    justify-content: center;
  }
}
._pagination_rv9wh_230 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_rv9wh_230 li button {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_rv9wh_230 li:first-child button {
  background-color: var(--surface-muted);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._pagination_rv9wh_230 li:last-child button {
  background-color: var(--surface-muted);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._wrapperIntecationsPlaceholder_rv9wh_265 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._header_rv9wh_125 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  min-height: var(--interaction-page-header);
  height: fit-content;
  width: 100%;
  flex-shrink: 0;
}
._table_rv9wh_284 {
  margin-top: 14px;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  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;
}
._container_r4oom_29 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: var(--page-header-padding);
  height: calc(111vh - var(--page-header, 0));
  position: relative;
  color: var(--text);
  background: var(--bg);
}
@media screen and (max-width: 834px) {
  ._container_r4oom_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._mainContent_r4oom_46 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-height: calc(100% - 60px);
}
._wrapper_r4oom_54 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  gap: 24px;
}
._paginationHolder_r4oom_62 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}
._loaderContainer_r4oom_70 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._loaderContainer_r4oom_70 {
    height: 100vh;
  }
}
._title_r4oom_83 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
._sub_title_r4oom_93 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._content_r4oom_103 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
}
._template_holder_r4oom_110 {
  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_r4oom_110 {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media (max-width: 1920px) {
  ._template_holder_r4oom_110 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  ._template_holder_r4oom_110 {
    grid-template-columns: repeat(auto-fill, minmax(290px, max-content));
  }
}
._footer_r4oom_133 {
  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(--text);
  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_r4oom_133::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to top, var(--surface) 50%, transparent);
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}
._footer_r4oom_133 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(--text);
}
._footer_r4oom_133 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: start;
  overflow: visible;
  color: var(--text-secondary);
}
._footer_r4oom_133:hover {
  display: block;
  height: 100%;
  overflow: visible;
  max-height: 288px;
}
._footer_r4oom_133:hover::after {
  opacity: 0;
}
._footer_r4oom_133:hover p {
  -webkit-line-clamp: unset;
  height: auto;
  overflow: hidden;
  max-height: 208px;
  text-overflow: ellipsis;
}
._buttonHolder_r4oom_204 {
  z-index: 2;
  background-color: var(--surface);
  display: flex;
  padding: 24px;
  height: auto;
  padding-top: 0;
}
._card_r4oom_213 {
  background: var(--surface);
  color: var(--text);
  height: 362px;
  width: 100%;
  max-width: 418px;
  border-radius: 25px 25px 20px 20px;
  border: 1px solid var(--border-field, #d8dbdf);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid var(--border-field, #d8dbdf);
  overflow: hidden;
  transition: max-height 0.8s ease-in-out, height 0.8s ease-in-out;
}
._footerContainer_r4oom_231 {
  gap: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._card_img_r4oom_238 {
  border-left: 1px solid var(--border-field, #d8dbdf);
  border-right: 1px solid var(--border-field, #d8dbdf);
  border-top: 1px solid var(--border-field, #d8dbdf);
  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_r4oom_238 ._header_r4oom_255 {
  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_r4oom_238 ._loadingOverlay_r4oom_270 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--surface) 80%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0 0;
  z-index: 1;
}
._card_img_r4oom_238 ._spinner_r4oom_283 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border);
  border-top: 2px solid var(--info);
  border-radius: 50%;
  animation: _spin_r4oom_283 1s linear infinite;
}
@keyframes _spin_r4oom_283 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  ._template_holder_r4oom_110 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
@media (max-width: 600px) {
  ._template_holder_r4oom_110 {
    grid-template-columns: repeat(auto-fit, minmax(270px, max-content));
  }
}
._legalModalContent_r4oom_310 {
  padding: 0 24px;
}
@media screen and (max-width: 480px) {
  ._legalModalContent_r4oom_310 {
    padding: 0 12px;
    width: 100%;
  }
}
._legalDisclaimerContent_r4oom_320 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 8px;
}
._legalDisclaimerContent_r4oom_320 h1, ._legalDisclaimerContent_r4oom_320 h2, ._legalDisclaimerContent_r4oom_320 h3, ._legalDisclaimerContent_r4oom_320 h4, ._legalDisclaimerContent_r4oom_320 h5, ._legalDisclaimerContent_r4oom_320 h6 {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}
._legalDisclaimerContent_r4oom_320 h1 {
  font-size: 20px;
}
._legalDisclaimerContent_r4oom_320 h2 {
  font-size: 18px;
}
._legalDisclaimerContent_r4oom_320 h3 {
  font-size: 16px;
}
._legalDisclaimerContent_r4oom_320 p {
  margin: 8px 0;
}
._legalDisclaimerContent_r4oom_320 ul, ._legalDisclaimerContent_r4oom_320 ol {
  margin: 8px 0;
  padding-left: 24px;
}
._legalDisclaimerContent_r4oom_320 code {
  background: var(--surface-muted);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 13px;
}
._legalDisclaimerContent_r4oom_320 pre {
  background: var(--surface-muted);
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin: 8px 0;
}
._legalDisclaimerContent_r4oom_320 pre code {
  background: transparent;
  padding: 0;
}
._legalDisclaimerContent_r4oom_320 a {
  color: var(--accent-link);
  text-decoration: none;
}
._legalDisclaimerContent_r4oom_320 a:hover {
  text-decoration: underline;
}
._legalDisclaimerContent_r4oom_320 blockquote {
  border-left: 4px solid var(--border-field, #d8dbdf);
  padding-left: 16px;
  margin: 8px 0;
  color: var(--text-secondary);
}
._legalDisclaimerContent_r4oom_320 table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
._legalDisclaimerContent_r4oom_320 table th, ._legalDisclaimerContent_r4oom_320 table td {
  border: 1px solid var(--border-field, #d8dbdf);
  padding: 8px;
  text-align: left;
}
._legalDisclaimerContent_r4oom_320 table th {
  background: var(--surface-muted);
  font-weight: 600;
}
._legalDisclaimerContent_r4oom_320::-webkit-scrollbar {
  width: 8px;
}
._legalDisclaimerContent_r4oom_320::-webkit-scrollbar-track {
  background: var(--surface-muted);
  border-radius: 4px;
}
._legalDisclaimerContent_r4oom_320::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
._legalDisclaimerContent_r4oom_320::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_19k9d_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  height: 100%;
  min-width: 261px;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border-field, #d8dbdf);
  border-radius: 10px;
}
._title_19k9d_42 {
  font-family: "Roboto";
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
._categoriesWrapper_19k9d_50 {
  width: 100%;
  height: 100%;
}
._categoryItemWrapper_19k9d_55 {
  padding: 7px 0px 7px 0px;
}
._categoryItemWrapper_19k9d_55 ._categoryItem_19k9d_55 {
  cursor: pointer;
  padding: 7px 12px 7px 12px;
  border-radius: 5px;
  transition: background-color 0.15s ease;
}
._categoryItemWrapper_19k9d_55 ._categoryItem_19k9d_55:hover {
  background-color: var(--accent-hover-bg);
}
._categoryItemWrapper_19k9d_55 ._categoryItem_19k9d_55 ._categoryLabel_19k9d_67 {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text);
  line-height: 24px;
}
._categoryItemWrapper_19k9d_55 ._categoryItem_19k9d_55._active_19k9d_73 {
  background-color: var(--selection-highlight-bg, var(--surface-accent-soft));
}
._categoryItemWrapper_19k9d_55 ._categoryItem_19k9d_55._active_19k9d_73 ._categoryLabel_19k9d_67 {
  color: var(--accent-active-text, var(--text));
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_89g9y_29 {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  white-space: nowrap;
  font-family: "Roboto";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: var(--scss-nodeText, #9c9c9c);
  letter-spacing: 0;
}
._root_89g9y_29:not(:last-child)::after {
  content: "|";
  margin: 0 8px;
}
@media screen and (max-width: 1220px) {
  ._root_89g9y_29:not(:last-child)::after {
    content: none;
  }
}
._root_89g9y_29 b {
  font-weight: 600;
  color: var(--scss-gray-text-color, #727272);
}
._metaValue_89g9y_56 {
  margin-left: 4px;
  min-width: 0;
  max-width: 200px;
  overflow: hidden;
}._categoryCount_z75t1_1 {
  margin-left: 24px;
}
@media screen and (max-width: 480px) {
  ._categoryCount_z75t1_1 {
    margin-left: 0;
  }
}
._categoryCount_z75t1_1._categoryCount_z75t1_1 {
  border-top: none;
  background: transparent;
  padding: 0;
}._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_dz2h8_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_dz2h8_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
._integrationsWrapper_dz2h8_38 > * {
  flex: 1 1 calc(25% - 24px);
  box-sizing: border-box;
}
._title_dz2h8_49 {
  display: inline-flex;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._titleWrapper_dz2h8_56 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._enabledSpan_dz2h8_63 {
  align-self: center;
  padding: 4px 8px;
  background-color: var(--btn-dark);
  color: var(--on-dark-surface);
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  height: fit-content;
  z-index: 10;
  border: 1px solid var(--btn-dark);
  transition: all 0.3s ease;
}
._enabledSpan_dz2h8_63:hover {
  background-color: var(--surface);
  color: var(--text);
}
._icon_dz2h8_82 {
  min-width: 35px;
  min-height: 35px;
}
._iconWithOption_dz2h8_87 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_dz2h8_87::after {
  content: "x";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--on-dark-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  font-family: "Roboto";
}
._iconWithOption_dz2h8_87:hover::after {
  opacity: 1;
}
._membersHolder_dz2h8_117 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_dz2h8_126 {
  font-family: "Roboto";
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
}
._integration_dz2h8_38 {
  width: 100%;
  padding: 24px;
  display: flex;
  border: 1px solid var(--border-field, #d8dbdf);
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
._integration_dz2h8_38._invalid_dz2h8_143 {
  padding: 23px;
  border: 2px solid #e53935;
  box-shadow: 0 0 10px rgba(229, 57, 53, 0.3);
}
._name_dz2h8_149 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  color: var(--text);
}
._icon_dz2h8_82 {
  max-width: 40px;
  max-height: 40px;
}
._button_dz2h8_163 {
  border: 2px solid var(--btn-dark);
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_dz2h8_172, ._instagramPage_dz2h8_172 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: space-between;
}
._instagramPage_dz2h8_172 {
  font-size: 14px;
}
._divLine_dz2h8_184 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-strong);
}
._instagramPages_dz2h8_190 {
  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_557dx_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_557dx_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._integrationsWrapper_557dx_38 > * {
  flex: 1 1 calc(33.333% - 24px);
  box-sizing: border-box;
}
._title_557dx_49 {
  display: inline-flex;
  min-width: 156px;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._comingSoonSpan_557dx_57 {
  align-self: center;
  padding: 4px 8px;
  background-color: var(--text-muted);
  color: var(--on-dark-surface, #fff);
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  height: fit-content;
  z-index: 10;
}
._contentContainer_557dx_69 {
  display: flex;
  gap: 34px;
  flex-direction: column;
  justify-content: flex-start;
}
._titleWrapper_557dx_76 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._icon_557dx_83 {
  min-width: 35px;
  min-height: 35px;
  filter: grayscale(100%);
}
._icon_557dx_83._enabled_557dx_88 {
  filter: grayscale(0%);
}
._iconWithOption_557dx_92 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_557dx_92::after {
  content: "x";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--on-dark-surface, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  font-family: "Roboto";
}
._iconWithOption_557dx_92:hover::after {
  opacity: 1;
}
._membersHolder_557dx_122 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_557dx_131 {
  font-family: "Roboto";
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 24px;
}
._integration_557dx_38 {
  width: 100%;
  padding: 24px;
  display: flex;
  border: 1px solid var(--border);
  border-radius: 10px;
  flex-direction: column;
  position: relative;
  z-index: 2;
  background-color: var(--surface);
}
._integration_557dx_38::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--surface-overlay);
  border-radius: 10px;
  z-index: 1;
}
._integration_557dx_38._enabled_557dx_88::after {
  display: none;
}
._name_557dx_164 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  color: var(--text);
}
._icon_557dx_83 {
  max-width: 40px;
  max-height: 40px;
}
._button_557dx_179 {
  border: 2px solid var(--btn-dark);
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_557dx_188, ._instagramPage_557dx_188 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  height: 100%;
}
._instagramPage_557dx_188 {
  font-size: 14px;
}
._divLine_557dx_200 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
._instagramPages_557dx_206 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}._tableWrapper_5ywrl_1 {
  position: relative;
  border: 1px solid var(--border-field);
  border-radius: 8px;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--surface);
}

._tableHeader_5ywrl_12 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--surface-table-header, var(--surface-muted));
  color: var(--text);
  border-bottom: 1px solid var(--border-field);
  padding: 0 14px;
  align-items: center;
  min-height: 50px;
}

._colLabel_5ywrl_26 {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 8px 6px;
}

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

._addBtnLabel_5ywrl_45 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  line-height: 1;
  white-space: nowrap;
  transition: opacity 0.15s;
}

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

._tableBody_5ywrl_70 {
  overflow: visible;
}

._row_5ywrl_74 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
  gap: 8px;
}
._row_5ywrl_74:last-child {
  border-bottom: none;
}

._keyInput_5ywrl_86 {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 13px;
  border: 1px solid var(--border-field);
  border-radius: 6px;
  padding: 6px 10px;
  outline: none;
  color: var(--text);
  background: var(--surface);
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  transition: border-color 0.15s;
}
._keyInput_5ywrl_86:focus {
  border-color: var(--accent);
}
._keyInput_5ywrl_86::placeholder {
  color: var(--text-muted);
}

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

._valueCell_5ywrl_114 {
  width: 94%;
}

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

._deleteBtn_5ywrl_129 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--text-muted);
  transition: background 0.15s, color 0.15s;
  padding: 0;
  flex-shrink: 0;
}
._deleteBtn_5ywrl_129:hover {
  background: var(--chip-err-bg, rgba(220, 38, 38, 0.12));
  color: var(--chip-err-text, #dc2626);
}

._empty_5ywrl_149 {
  padding: 20px 16px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: var(--text-muted);
}._incomingHeader_17vc8_1 {
  grid-template-columns: 1fr 150px 32px;
  position: relative;
}

._headerActionSpacer_17vc8_6 {
  width: 32px;
}

._headerAddBtn_17vc8_10 {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

._rowBlock_17vc8_17 {
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
}
._rowBlock_17vc8_17:last-child {
  border-bottom: none;
}

._rowMain_17vc8_25 {
  display: grid;
  grid-template-columns: 1fr 150px 32px;
  gap: 8px;
  align-items: center;
}

._typeSelectCell_17vc8_32 {
  width: 100%;
  min-width: 0;
}

._nestedBlock_17vc8_37 {
  margin-top: 8px;
  padding: 4px 0 4px 24px;
  border-left: 2px solid var(--border-strong);
  margin-left: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._nestedRow_17vc8_47 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}

._addPropertyBtn_17vc8_54 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 0;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
  width: fit-content;
  transition: opacity 0.15s;
}
._addPropertyBtn_17vc8_54:hover {
  opacity: 0.7;
}

._addPropertyIcon_17vc8_73 {
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
}._container_yuhv4_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}

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

._title_yuhv4_16 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

._description_yuhv4_24 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}

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

._section_yuhv4_31 {
  background: transparent;
}

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

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

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

._inputLabel_yuhv4_63 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

._hint_yuhv4_70 {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

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

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

._actions_yuhv4_87 {
  background: transparent;
  padding: 16px 0 0;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: none;
}

._emptyState_yuhv4_97 {
  padding: 32px 24px;
  border-radius: 10px;
  border: 1px dashed var(--border);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
}

._loaderWrapper_yuhv4_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;
}
._modalContainer_1sadl_29 {
  display: flex;
  flex-direction: column;
  padding: 14px;
  gap: 14px;
  width: 545px;
  height: fit-content;
  position: absolute;
  bottom: 83px;
  right: 24px;
  background-color: var(--surface);
  color: var(--text);
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  max-height: 500px;
  overflow: hidden;
  z-index: 9999999;
  box-shadow: var(--shadow-modal);
}
@media screen and (max-width: 834px) {
  ._modalContainer_1sadl_29 {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  ._modalContainer_1sadl_29 {
    width: 100%;
    right: 0;
  }
}
._titleContainer_1sadl_61 {
  display: flex;
  justify-content: space-between;
}
._title_1sadl_61 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.48px;
}
._closeIcon_1sadl_76 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
}
._mainContent_1sadl_83 {
  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_tfc7f_29 {
  padding: 8px;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--surface-muted);
}
._content_tfc7f_39 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._icon_tfc7f_45 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._textContent_tfc7f_51 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_tfc7f_57 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
._description_tfc7f_66 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
._descriptionPL2_tfc7f_75 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 12px;
}
._descriptionPL4_tfc7f_85 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 24px;
}
._mainContent_tfc7f_95 {
  display: flex;
  gap: 14px;
  flex-direction: column;
}
._link_tfc7f_101 {
  text-decoration: underline;
  color: var(--accent-link, var(--accent));
  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_1at2x_1 {
  position: relative;
  display: flex;
  align-items: center;
}

._mainButton_1at2x_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_1at2x_19 {
  display: flex;
  position: absolute;
  left: -187px;
  transition: transform 0.4s ease;
  transform: translateX(70px);
  gap: 14px;
  width: 172px;
  justify-content: flex-end;
}

._mark_1at2x_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_1at2x_47 {
  transform: translateX(0);
  z-index: 800;
}

._additionalButton_1at2x_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: var(--shadow-sm);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  position: relative;
}
._additionalButton_1at2x_52 img {
  width: 24px;
  height: 24px;
}

._additionalButton_1at2x_52:hover {
  background: var(--surface-muted);
  pointer-events: none;
}

._open_1at2x_47 ._additionalButton_1at2x_52 {
  opacity: 1;
  pointer-events: all;
}._container_a5v65_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

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

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

._accordion_a5v65_19 {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  background: var(--surface);
  border: 1px solid var(--border-field, #d8dbdf);
  color: var(--text);
}

._accordionSummary_a5v65_28 {
  padding: 0 20px !important;
  min-height: 56px !important;
  background: var(--surface-muted);
  color: var(--text);
}
._accordionSummary_a5v65_28 .MuiAccordionSummary-expandIconWrapper,
._accordionSummary_a5v65_28 .MuiSvgIcon-root {
  color: var(--text) !important;
}

._accordionTitle_a5v65_39 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
}

._accordionDetails_a5v65_45 {
  padding: 16px 20px 20px 20px !important;
  background: var(--surface-subtle);
  color: var(--text);
}

._emptyState_a5v65_51 {
  border-radius: 12px;
  border: 1px dashed var(--border-strong);
  padding: 16px 14px;
  text-align: left;
  background: var(--surface);
}

._emptyTitle_a5v65_59 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

._emptySubtitle_a5v65_65 {
  margin-top: 4px;
  font-size: 13px;
  color: var(--text-muted);
}

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

._fallbackListTitle_a5v65_78 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

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

._fallbackCard_a5v65_90 {
  border-radius: 12px;
  background: var(--surface);
  border: 1px solid var(--border-field, #d8dbdf);
  padding: 12px 12px 14px 12px;
}

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

._fallbackName_a5v65_104 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

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

._fieldContainer_a5v65_116 {
  width: 100%;
}

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

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

._fieldIcon_a5v65_127 {
  width: 20px;
  height: 20px;
}
._fieldIcon_a5v65_127[data-mono-icon] {
  filter: var(--icon-mono-filter);
}

._fieldLabel_a5v65_143 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 4px;
}

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

._modelHint_a5v65_156 {
  margin-top: 4px;
  font-size: 11px;
  color: var(--text-muted);
}

._modelHintValue_a5v65_162 {
  font-weight: 500;
  color: var(--text-secondary);
}

._saveSection_a5v65_167 {
  margin-top: 8px;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1px solid var(--border-field, #d8dbdf);
  background: var(--surface-subtle);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._jsonPreview_a5v65_178 {
  padding: 12px;
  border-radius: 10px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  max-height: 260px;
  overflow: auto;
}

._jsonTitle_a5v65_187 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--on-dark-surface);
}

._jsonCode_a5v65_194 {
  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;
  color: inherit;
}

._grayText_a5v65_203 {
  color: var(--text-muted);
}

._tooltipIcon_a5v65_207 {
  margin-left: 4px;
}

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

@media (max-width: 960px) {
  ._fieldRow_a5v65_150 {
    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_1yhke_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_1yhke_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_1yhke_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_1yhke_97 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_1yhke_115 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
@media screen and (max-width: 480px) {
  ._title_1yhke_115 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_1yhke_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_1yhke_134 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_1yhke_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_1yhke_155 textarea {
  padding: 14px;
}
._inputCustom_1yhke_155::after, ._inputCustom_1yhke_155::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_1yhke_155 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_1yhke_97 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_1yhke_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_143ie_57 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
._loading_143ie_65 {
  padding: 48px;
  text-align: center;
  color: var(--scss-gray-text-color, #727272);
  font-family: "Roboto";
}
._header_143ie_72 {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
}
._title_143ie_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_143ie_89 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0;
  line-height: 1.5;
}
._sections_143ie_97 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
._loginPageLayout_143ie_106 {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width: 1220px) {
  ._loginPageLayout_143ie_106 {
    flex-direction: column;
  }
}
._menuPageLayout_143ie_117 {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._menuPageLayout_143ie_117 {
    flex-direction: column;
  }
}
._loginPagePreview_143ie_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_143ie_131 {
    position: static;
    width: 100%;
  }
}
._menuSettingsPanel_143ie_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_143ie_146 {
    position: static;
    width: 100%;
  }
}
._section_143ie_97 {
  background: var(--surface);
  padding: 24px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 1220px) {
  ._section_143ie_97 {
    width: 100%;
    flex: none;
  }
}
._sectionTitle_143ie_177 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 8px 0;
  line-height: 22px;
}
._sectionDescription_143ie_186 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
  margin: 0 0 20px 0;
  line-height: 1.5;
}
._subsection_143ie_194 {
  margin-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
._subsection_143ie_194:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
._subsectionWithPreview_143ie_204 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
._subsectionWithPreview_143ie_204:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 1220px) {
  ._subsectionWithPreview_143ie_204 {
    flex-direction: column;
  }
}
._subsectionMain_143ie_223 {
  flex: 1;
  min-width: 0;
}
._subsectionPreview_143ie_228 {
  flex: 0 0 360px;
  width: 360px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media screen and (max-width: 1220px) {
  ._subsectionPreview_143ie_228 {
    width: 100%;
    flex: none;
    min-height: auto;
  }
}
._interactionPageLayout_143ie_248 {
  width: 100%;
  min-width: 0;
}
._subsectionHeader_143ie_253 {
  margin-bottom: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
._subsectionTitle_143ie_261 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 4px 0;
  line-height: 20px;
}
._subsectionDescription_143ie_270 {
  font-family: "Roboto";
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
}
._subsectionContent_143ie_278 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._formGroup_143ie_284 {
  margin-bottom: 20px;
}
._formGroup_143ie_284:last-child {
  margin-bottom: 0;
}
._inputHint_143ie_291 {
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-secondary);
}
._themeToggleGroup_143ie_298 {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--surface-muted);
}
._themeToggleOption_143ie_307 {
  min-width: 88px;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
._themeToggleOptionActive_143ie_321 {
  background: var(--surface);
  color: var(--accent);
  box-shadow: 0 1px 3px var(--accent-border-soft);
  font-weight: 600;
}
._themeToggleOption_143ie_307:hover:not(._themeToggleOptionActive_143ie_321) {
  color: var(--text);
  background: var(--surface-subtle);
}
._globalBrandingRow_143ie_333 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._featuresBlock_143ie_339 {
  margin-top: 24px;
  border-top: 1px solid var(--border);
  padding-top: 20px;
}
._globalSection_143ie_345 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._globalSection_143ie_345 ._formGroup_143ie_284 {
  max-width: 550px;
}
._urlFormGroup_143ie_354 {
  max-width: 550px;
}
._gradientRow_143ie_358 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._menuRow_143ie_364 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._menuColors_143ie_370 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 0 0 360px;
}
._menuItemsList_143ie_377 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._colorPicker_143ie_386 {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  background: var(--surface);
  flex-direction: row;
}
._colorPicker_143ie_386 input[type=color] {
  width: 40px;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
._gradientPreview_143ie_404 {
  flex: 1;
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--border-field);
  background-color: #f5f5f7;
}
._filterRow_143ie_412 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._filterControl_143ie_418 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._filterControl_143ie_418 label {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._sliderContainer_143ie_430 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 4px;
}
._sliderValue_143ie_437 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  min-width: 50px;
  text-align: right;
}
._tenantSelectWrapper_143ie_446 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 260px;
}
._inputLabel_143ie_453 {
  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_143ie_463 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._checkboxGroup_143ie_463 label {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  cursor: pointer;
  user-select: none;
  line-height: 1.5;
}
._poweredByRow_143ie_477 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
._poweredByInput_143ie_484 {
  flex: 1;
  min-width: 220px;
}
._poweredByFields_143ie_489 {
  margin-top: 12px;
  width: 100%;
}
._poweredByFieldGroup_143ie_494 {
  margin-bottom: 10px;
}
._menuItemsList_143ie_377 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
._menuItemContainer_143ie_507 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._menuItem_143ie_377 {
  width: 100%;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  padding: 0;
  transition: background 0.2s;
}
._menuItem_143ie_377:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.2) 0%, rgba(95, 82, 243, 0.2) 100%);
}
._menuItem_143ie_377._menuItemDisabled_143ie_524 {
  opacity: 0.5;
}
._submenuContainer_143ie_528 {
  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_143ie_539 {
  margin-left: 0;
}
._menuItemHolder_143ie_543 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 7px 12px;
  border-radius: 5px;
}
._menuItemHolder_143ie_543:hover {
  background-image: var(--menu-hover-bg);
}
._menuItemIcon_143ie_556 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._menuItemIcon_143ie_556 img {
  max-width: 24px !important;
  height: auto;
}
._menuItemIcon_143ie_556 svg {
  width: 24px;
  height: 24px;
}
._menuItemIconMask_143ie_574 {
  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_143ie_574 img {
  max-width: 24px !important;
  height: auto;
  display: block;
}
._menuItemText_143ie_593 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  flex: 1;
  color: var(--scss-text-color, #1f1f1f);
}
._menuItemCheckbox_143ie_602 {
  flex-shrink: 0;
}
._colorGrid_143ie_606 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
._colorGrid_143ie_606._fixedWidth_143ie_612 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
}
._uiPreviewContainer_143ie_616 {
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--border);
}
._previewTitle_143ie_622 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}
._previewSection_143ie_629 {
  margin-bottom: 32px;
}
._previewSection_143ie_629:last-child {
  margin-bottom: 0;
}
._previewSectionHeader_143ie_636 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
._previewSectionLabel_143ie_644 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}
._transcriptCardsPreview_143ie_654 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._transcriptCardsPreview__item_143ie_660 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transcriptCardsPreview__labelWrap_143ie_666 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._transcriptCardsPreview__label_143ie_666 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._transcriptCardsPreview__chip_143ie_681 {
  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_143ie_693 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._messageBubblesPreview__row_143ie_699 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._messageBubblesPreview__labelWrap_143ie_705 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._messageBubblesPreview__label_143ie_705 {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._messageBubblesPreview__bubble_143ie_720 {
  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_143ie_731 {
  align-self: flex-end;
  padding: 12px 13px;
}
._previewResetButton_143ie_736 {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 1;
}
._previewResetButton_143ie_736 img {
  filter: var(--icon-mono-filter);
}
._previewResetButton_143ie_736:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._labelWithReset_143ie_759 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  width: 100%;
}
._tabsPreviewWrapper_143ie_767 .button.active {
  color: var(--active-tab-color, var(--accent));
}
._tabsPreviewWrapper_143ie_767 .button.active::after {
  background: var(--active-tab-color, var(--accent-gradient)) !important;
}
._buttonsPreviewGroup_143ie_774 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._previewButton_143ie_780 {
  width: 100%;
  padding: 12px 24px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
._previewButton_143ie_780:not(:disabled):hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._volumeControlPreview_143ie_794 {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
._fieldsWrapperHeaderPreview_143ie_800 {
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--border-field);
  display: flex;
  padding: 14px;
  align-self: stretch;
}
._fieldsWrapperHeaderPreview_143ie_800 span {
  color: var(--text);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._webAgentPreview_143ie_815 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._webAgentPreviewStepper_143ie_821 {
  display: flex;
  align-items: center;
  gap: 6px;
}
._webAgentPreviewStepComplete_143ie_827,
._webAgentPreviewStepCurrent_143ie_828,
._webAgentPreviewStepUpcoming_143ie_829 {
  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_143ie_827 > span,
._webAgentPreviewStepCurrent_143ie_828 > span,
._webAgentPreviewStepUpcoming_143ie_829 > span {
  font-weight: 400;
  color: var(--text);
}
._webAgentPreviewStepComplete_143ie_827 > strong,
._webAgentPreviewStepCurrent_143ie_828 > strong,
._webAgentPreviewStepUpcoming_143ie_829 > 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_143ie_827 {
  border-color: rgba(37, 167, 102, 0.22);
  background: rgba(37, 167, 102, 0.08);
  color: #25a766;
}
._webAgentPreviewStepComplete_143ie_827 > strong {
  background: #25a766;
  color: #ffffff;
}
._webAgentPreviewStepCurrent_143ie_828 {
  border-color: #d4dcff;
  color: var(--text);
  background-repeat: no-repeat;
  background-size: cover;
}
._webAgentPreviewStepCurrent_143ie_828 > strong {
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  line-height: 18px;
}
._webAgentPreviewStepUpcoming_143ie_829 {
  color: #9098b1;
}
._webAgentPreviewStepUpcoming_143ie_829 > strong {
  background: #f3f4fb;
  color: currentColor;
}
._webAgentPreviewLine_143ie_893 {
  flex: 1;
  min-width: 8px;
  height: 1px;
  background: #d4dcff;
}
._webAgentPreviewCard_143ie_900 {
  border: 1px solid #eceff6;
  border-radius: 14px;
  padding: 12px;
  background: var(--surface);
}
._webAgentPreviewCardHead_143ie_907 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
._webAgentPreviewCardHead_143ie_907 > span {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}
._webAgentPreviewCardHead_143ie_907 > strong {
  font-size: 12px;
  font-weight: 800;
  color: var(--web-agent-accent-color);
}
._webAgentPreviewTrack_143ie_925 {
  height: 6px;
  border-radius: 999px;
  background: #eef1ff;
  overflow: hidden;
  margin-bottom: 10px;
}
._webAgentPreviewFill_143ie_933 {
  display: block;
  height: 100%;
  border-radius: inherit;
}
._webAgentPreviewListItem_143ie_939 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--web-agent-accent-color);
}
._webAgentPreviewPagesBadge_143ie_948 {
  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_143ie_960 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._webAgentPreviewSpinIcon_143ie_966 {
  font-size: 16px !important;
  animation: _webAgentPreviewSpin_143ie_966 1.2s linear infinite;
}
@keyframes _webAgentPreviewSpin_143ie_966 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._sidebarLinkPreview_143ie_979 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: default;
}
._interactionPreviewUser_143ie_990 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  gap: 6px;
}
._interactionPreviewUser__meta_143ie_998 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._interactionPreviewUser__name_143ie_1004 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
._interactionPreviewUser__country_143ie_1011 {
  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_143ie_1024 {
  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_143ie_1024 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #1f2435;
}
._interactionPreviewAgent_143ie_1038 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 6px;
}
._interactionPreviewAgent__meta_143ie_1046 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._interactionPreviewAgent__avatar_143ie_1052 {
  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_143ie_1065 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--scss-text-color, #1f1f1f);
}
._interactionPreviewAgent__bubble_143ie_1072 {
  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_143ie_1072 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #1f2435;
}
._interactionPreviewAnnouncement_143ie_1086 {
  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_143ie_1096 {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
}
._interactionPreviewAnnouncement__icon_143ie_1096 svg {
  display: block;
  width: 28px;
  height: 28px;
}
._interactionPreviewAnnouncement__body_143ie_1107 {
  min-width: 0;
  flex: 1;
}
._interactionPreviewAnnouncement__header_143ie_1112 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
._interactionPreviewAnnouncement__tag_143ie_1119 {
  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_143ie_1132 {
  margin-left: auto;
  font-family: "Roboto";
  font-size: 11px;
  color: #9098b1;
}
._interactionPreviewAnnouncement__body_143ie_1107 p {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.5;
  color: #131722;
}
._interactionPreviewToolCard_143ie_1147,
._interactionPreviewActionCard_143ie_1148,
._interactionPreviewTransitionCard_143ie_1149 {
  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: var(--surface);
}
._interactionPreviewToolCard__header_143ie_1158,
._interactionPreviewActionCard__header_143ie_1159,
._interactionPreviewTransitionCard__header_143ie_1160 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(107, 94, 255, 0.12);
}
._interactionPreviewToolCard__icon_143ie_1168,
._interactionPreviewTransitionCard__icon_143ie_1169 {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._interactionPreviewToolCard__icon_143ie_1168 svg,
._interactionPreviewTransitionCard__icon_143ie_1169 svg {
  width: 28px;
  height: 28px;
}
._interactionPreviewSentimentButtons_143ie_1183 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
._interactionPreviewSentimentButton_143ie_1183 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 8px;
  border: 1px solid rgba(107, 94, 255, 0.2);
  border-radius: 10px;
  font-family: "Roboto";
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(107, 94, 255, 0.08);
}
._interactionPreviewSentimentButton__icon_143ie_1205 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 47px;
  line-height: 0;
  color: #6b5ce7;
}
._interactionPreviewSentimentButton__icon_143ie_1205 > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
._interactionPreviewSentimentButton__icon_143ie_1205 svg {
  display: block;
  width: 16px;
  height: 16px;
}
._interactionPreviewSentimentButton__label_143ie_1227 {
  line-height: 1;
}
._interactionPreviewSttChip_143ie_1231 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
}
._interactionPreviewSttChip_143ie_1231 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewSttChip__icon_143ie_1247 {
  display: inline-flex;
}
._interactionPreviewTransitionCard__icon_143ie_1169 {
  border-radius: 50%;
  background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
  color: #ffffff;
}
._interactionPreviewTransitionCard__icon_143ie_1169 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewToolCard__body_143ie_1261,
._interactionPreviewTransitionCard__body_143ie_1262 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
._interactionPreviewToolCard__tag_143ie_1270,
._interactionPreviewTransitionCard__tag_143ie_1271 {
  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_143ie_1270 {
  background: #eaf5ff;
  color: #0662b5;
}
._interactionPreviewTransitionCard__tag_143ie_1271 {
  background: #ffedd5;
  color: #9a3412;
}
._interactionPreviewToolCard__name_143ie_1293,
._interactionPreviewTransitionCard__name_143ie_1294 {
  font-family: "Roboto";
  font-size: 12px;
  color: #96a2b7;
  letter-spacing: 0.6px;
}
._interactionPreviewToolCard__latency_143ie_1301 {
  padding: 6px 12px;
  border-radius: 999px;
  background: #f0f2fb;
  color: #63708b;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
._interactionPreviewActionList_143ie_1312 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
._interactionPreviewActionCard_pass_143ie_1319 {
  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_143ie_1324 {
  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_143ie_1159 {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._interactionPreviewActionCard__header_pass_143ie_1336 {
  border-bottom: 1px solid #86efac;
}
._interactionPreviewActionCard__header_fail_143ie_1340 {
  border-bottom: 1px solid #fca5a5;
}
._actionGradientGroups_143ie_1344 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._actionGradientGroup__label_143ie_1350 {
  display: block;
  margin-bottom: 10px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._actionGradientGroup_143ie_1344 ._colorGrid_143ie_606 {
  margin-bottom: 0;
}
._interactionPreviewActionCard__top_143ie_1365 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
._interactionPreviewActionCard__label_143ie_1373 {
  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_143ie_1385 {
  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_143ie_1385 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewActionCard__subtitle_143ie_1401 {
  font-family: "Roboto";
  font-size: 12px;
  color: #64748b;
  letter-spacing: 0.6px;
}
._interactionPreviewActionCard__status_143ie_1408 {
  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_143ie_1408 svg {
  width: 14px;
  height: 14px;
}
._interactionPreviewActionCard__status_pass_143ie_1427 {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #15803d;
  box-shadow: 0 1px 3px rgba(34, 197, 94, 0.18);
}
._interactionPreviewActionCard__status_fail_143ie_1433 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #b91c1c;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.18);
}
._interactionPreviewTransitionCard_143ie_1149 {
  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_143ie_1444 {
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #eceff6;
  background: var(--surface);
}
._interactionPreviewSidebar__row_143ie_1452 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._interactionPreviewSidebar__key_143ie_1459 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9098b1;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
}
._interactionPreviewSidebar__key_143ie_1459 svg {
  width: 18px;
  height: 18px;
  color: #9098b1;
}
._interactionPreviewSidebar__link_143ie_1474 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
._interactionPreviewSidebar__link_143ie_1474 svg {
  width: 14px;
  height: 14px;
}
._selectionHighlightPreview_143ie_1488 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border, #eceff6);
  background: var(--surface, #ffffff);
}
._selectionHighlightPreview__label_143ie_1499 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._selectionHighlightPreview__list_143ie_1508 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  overflow: hidden;
  background: var(--surface);
}
._selectionHighlightPreview__option_143ie_1518 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--text, #1f2435);
}
._selectionHighlightPreview__optionSelected_143ie_1530 {
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--accent);
}
._selectionHighlightPreview__check_143ie_1535 {
  color: var(--accent);
  font-size: 14px;
  line-height: 1;
}
._menuHoverPreview_143ie_1541 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border, #eceff6);
  background: var(--surface, #ffffff);
}
._menuHoverPreview__label_143ie_1552 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._menuHoverPreview__list_143ie_1561 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._menuHoverPreview__item_143ie_1567 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}
._menuHoverPreview__itemHover_143ie_1579 {
  font-weight: 600;
}
._menuHoverPreview__dot_143ie_1583 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
  opacity: 0.55;
}
._menuHoverPreview__itemHover_143ie_1579 ._menuHoverPreview__dot_143ie_1583 {
  opacity: 1;
}
._menuHoverPreview__badge_143ie_1596 {
  margin-left: auto;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-active-text, var(--accent));
  opacity: 0.9;
}
._actions_143ie_1606 {
  bottom: 0;
  left: var(--nav-bar-width, 0);
  right: 0;
  background: transparent;
  padding: 16px 0 0;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: none;
}
@media screen and (max-width: 834px) {
  ._actions_143ie_1606 {
    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_1dqrr_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
._flexColumn_1dqrr_38 {
  display: flex;
  flex-direction: column;
}
._mainHeader_1dqrr_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_1dqrr_56 {
  width: 100%;
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
._subcontainer_1dqrr_63 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
}
._subcontainerBehaviour_1dqrr_72 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_1dqrr_77 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1dqrr_77 ._hader_1dqrr_82 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  height: 24px;
  gap: 2px;
}
._fieldContainer_1dqrr_77 ._hader_1dqrr_82 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
}
._fieldContainer_1dqrr_77 ._hader_1dqrr_82 ._iconHolder_1dqrr_96 {
  width: 17px;
  height: 19px;
}
._fieldContainer_1dqrr_77 ._subhader_1dqrr_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_1dqrr_77 ._field_1dqrr_77 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._fieldContainer_1dqrr_77 ._checkboxContainer_1dqrr_119 {
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  margin-top: -10px;
}
._fieldContainer_1dqrr_77 ._checkboxContainer_1dqrr_119 ._tooltipIcon_1dqrr_125 {
  padding-top: 10px;
}
._fieldBig_1dqrr_129 {
  width: 100%;
}
._label_1dqrr_133, ._sliderCount_1dqrr_133, ._boldLabel_1dqrr_133 {
  color: var(--text);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._boldLabel_1dqrr_133 {
  font-weight: bold;
}
._flexRow_1dqrr_146 {
  display: flex;
  flex-direction: row;
}
._flexColumn_1dqrr_38 {
  display: flex;
  flex-direction: column;
  width: 240px;
}
._checkBoxBlock_1dqrr_157 {
  width: 300px;
  gap: 10px;
}
._checkBoxBlock_1dqrr_157 > span {
  padding-left: 0;
  padding-top: 3px;
}
._checkBoxBlock_1dqrr_157 > input,
._checkBoxBlock_1dqrr_157 fieldset {
  border: 1px solid #eaeef4 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
}
._checkBoxBlock_1dqrr_157 input {
  padding-top: 14px;
  padding-bottom: 14px;
}
._sliderBlock_1dqrr_177 {
  width: 255px;
}
._sliderCount_1dqrr_133 {
  padding-top: 5px;
}
._colorPicketBlock_1dqrr_185 {
  width: 240px;
}
._colorPicketBlock_1dqrr_185 > input,
._colorPicketBlock_1dqrr_185 fieldset {
  border: 0 !important;
}
._colorPicketBlock_1dqrr_185 > div {
  margin-top: 5px;
  width: 100%;
}
._colorPicketBlock_1dqrr_185 > div > div {
  padding-left: 0;
}
._colorPicketBlock_1dqrr_185 input {
  text-transform: uppercase;
  border: 1px solid #eaeef4;
  border-radius: 5px;
  padding: 6px;
}
._colorPicketBlock_1dqrr_185 button {
  padding: 17px 17px !important;
  border: 1px solid #eaeef4;
  margin-left: 0;
  padding-left: 0;
}
._textFieldBlock_1dqrr_212 {
  width: 400px;
}
._textFieldBlock_1dqrr_212 > span {
  padding-left: 0;
}
._mt15_1dqrr_219 {
  margin-top: 15px;
}
._mt10_1dqrr_223 {
  margin-top: 10px;
}
._twoColumn_1dqrr_227 {
  display: flex;
  justify-content: space-between;
}
._previewBlock_1dqrr_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;
}._tooltip_14ugx_1 {
  position: absolute;
  bottom: calc(100% + 14px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 14px;
  line-height: 1.3;
}

._tooltipText_14ugx_13 {
  display: block;
  width: 100%;
  max-height: 100%;
  text-align: center;
  overflow: hidden;
  overflow-wrap: anywhere;
}

._tooltipArrow_14ugx_22 {
  position: absolute;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
}

._tooltipRight_14ugx_32 {
  right: 0;
}

._tooltipLeft_14ugx_36 {
  left: 0;
}

._tooltipRight_14ugx_32 ._tooltipArrow_14ugx_22 {
  right: 22px;
}

._tooltipLeft_14ugx_36 ._tooltipArrow_14ugx_22 {
  left: 22px;
}

@keyframes _fadeIn_17yf4_1 {
  to {
    opacity: 1;
  }
}
p {
  margin-top: 0;
}
._chatContainer_17yf4_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_17yf4_26 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_17yf4_12 ._chatHeader_17yf4_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: linear-gradient(to right, #1c4966, #06252b);
  color: #fff;
}
._chatContainer_17yf4_12 ._chatHeader_17yf4_36 ._close_17yf4_44 {
  border-radius: 25px;
  cursor: pointer;
}
._chatContainer_17yf4_12 ._chatHeader_17yf4_36 ._close_17yf4_44:hover {
  opacity: 1;
}
._chatContainer_17yf4_12 ._operatorInfo_17yf4_51 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_17yf4_12 ._operatorPhoto_17yf4_59 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
}
._chatContainer_17yf4_12 ._operatorDetails_17yf4_66 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_17yf4_12 ._operatorDetails_17yf4_66 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_17yf4_12 ._operatorName_17yf4_77 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_17yf4_12 ._operatorPosition_17yf4_81 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_17yf4_12 ._chatMessages_17yf4_85 {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  color: black;
}
._chatContainer_17yf4_12 ._message_17yf4_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_17yf4_12 ._message_17yf4_91 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_17yf4_12 ._message_17yf4_91._userMessage_17yf4_106 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_17yf4_1 0.5s ease-in-out forwards;
}
._chatContainer_17yf4_12 ._message_17yf4_91._userMessage_17yf4_106:last-child {
  animation-delay: 0.2s;
}
._chatContainer_17yf4_12 ._userMessage_17yf4_106 {
  text-align: right;
}
._chatContainer_17yf4_12 ._userMessage_17yf4_106 ._message-content_17yf4_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_17yf4_12 ._userMessage_17yf4_106 ._message-content_17yf4_117 span {
  max-width: 100%;
}
._chatContainer_17yf4_12 ._operatorMessage_17yf4_125 {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left !important;
  border-radius: 10px 10px 10px 0;
  font-weight: normal;
}
._chatContainer_17yf4_12 ._clientMessage_17yf4_132 {
  text-align: left !important;
  border-radius: 10px 10px 0 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
._chatContainer_17yf4_12 ._message_17yf4_91 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
._chatContainer_17yf4_12 ._uname_17yf4_145 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_17yf4_12 ._operatorMessage_17yf4_125 {
  text-align: left;
}
._chatContainer_17yf4_12 ._operatorMessage_17yf4_125 ._message-content_17yf4_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_17yf4_12 ._chatInput_17yf4_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_17yf4_12 ._chatInput_17yf4_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_17yf4_12 ._chatInput__input_17yf4_179 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
}
._chatContainer_17yf4_12 ._chatInput__input_17yf4_179:focus {
  outline: none;
}
._chatContainer_17yf4_12 ._chatInput_17yf4_160 ._pi_17yf4_192 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_17yf4_12 ._chatInput_17yf4_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_17yf4_12 ._chatInput_17yf4_160 svg:hover {
  background-color: #217dbb;
}
@keyframes _moveUpDown_17yf4_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._launcherAnchor_17yf4_218 {
  position: absolute;
  z-index: 999999;
  width: 60px;
  height: 60px;
  animation: _moveUpDown_17yf4_1 1s ease-in-out infinite alternate;
}
._chatButton_17yf4_226 {
  cursor: pointer;
  border-radius: 100px;
  width: 60px;
  height: 60px;
}
._timeText_17yf4_233 {
  color: rgb(179, 179, 179);
  margin-top: -8px;
  margin-bottom: 10px;
}
._iconInChat_17yf4_239 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 35px;
  border-radius: 30px;
}
._sign_17yf4_248 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
}
._sign_17yf4_248 strong {
  transition: color 0.2s ease;
}
._sign_17yf4_248:hover strong {
  color: inherit !important;
}._wrapper_1eh9b_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
}

._row_1eh9b_8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
  background: var(--scss-time-line-row, #f7f8f9);
}

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

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

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

._label_1eh9b_29 {
  font-size: 12px;
  color: var(--scss-gray-text-color, #727272);
}

._tooltipIcon_1eh9b_40 {
  cursor: pointer;
}

._deleteBtn_1eh9b_44 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #9ca3b0;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

._deleteBtn_1eh9b_44:hover {
  background: #fff1f1;
  color: #dc2626;
}

._empty_1eh9b_64 {
  font-size: 13px;
  color: #9ca3b0;
  padding: 8px 0;
}

._addBtn_1eh9b_70 {
  align-self: flex-start;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_11jv0_79 {
  width: calc(100% - 48px);
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  ._mainContainer_11jv0_79 {
    width: calc(100% - 24px);
    padding: 0 12px;
  }
}
._header_11jv0_91 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._header_11jv0_91 {
    margin-top: 16px;
  }
}
._header_11jv0_91 ._fieldName_11jv0_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._header_11jv0_91 ._fieldName_11jv0_99 {
    font-size: 14px;
  }
}
._header_11jv0_91 ._fieldName_11jv0_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;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._header_11jv0_91 ._fieldName_11jv0_99 span {
    width: auto;
    font-size: 14px;
  }
}
._tooltipIcon_11jv0_131 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_11jv0_136 {
  margin-top: 32px;
}
._subheader_11jv0_136 ._fieldName_11jv0_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
}
._fieldsContainer_11jv0_149 {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._fieldsContainer_11jv0_149 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._fieldsContainer_11jv0_149 ._fieldName_11jv0_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  height: 19px;
  line-height: 19px;
}
._field_11jv0_99 {
  height: 52px;
  margin-top: 8px;
}
._numbers_11jv0_176 {
  width: 248px;
}
@media screen and (max-width: 834px) {
  ._numbers_11jv0_176 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._numbers_11jv0_176 {
    width: 100%;
  }
}
._customSelect_11jv0_190 {
  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_11jv0_190 {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  ._customSelect_11jv0_190 {
    padding-right: 0 !important;
  }
}
._customSelect_11jv0_190 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
._customSelect_11jv0_190 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_11jv0_190 button span span svg {
  width: 24px;
  height: 17px;
}
._button_11jv0_228 {
  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_11jv0_241 {
  margin-top: 14px;
}
@media screen and (max-width: 480px) {
  ._tableContainer_11jv0_241 {
    margin-top: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}
._placeholder_11jv0_253 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_11jv0_190 fieldset {
  top: -10px;
}
._customSelect_11jv0_190 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_11jv0_190 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_11jv0_190 ul li span svg {
  width: 24px;
  height: 17px;
}
._fieldHolderSmall_11jv0_290 {
  width: 150px;
}
@media screen and (max-width: 834px) {
  ._fieldHolderSmall_11jv0_290 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolderSmall_11jv0_290 {
    width: 100%;
  }
}
._fieldHolder_11jv0_290 {
  width: fit-content;
}
@media screen and (max-width: 834px) {
  ._fieldHolder_11jv0_290 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_11jv0_290 {
    width: 100%;
  }
}
._tabsContainer_11jv0_318 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  border-bottom: 1px solid var(--border-field);
  gap: 16px;
}
@media screen and (max-width: 834px) {
  ._tabsContainer_11jv0_318 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._tabsContainer_11jv0_318 .wrapper {
    gap: 8px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ._tabsContainer_11jv0_318 .wrapper::-webkit-scrollbar {
    display: none;
  }
}
._tabsContainer_11jv0_318 .button {
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._tabsContainer_11jv0_318 .button {
    font-size: 12px;
    padding: 8px 10px 6px 10px;
    line-height: 18px;
  }
}
._addButton_11jv0_359 {
  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_11jv0_359 {
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
    order: -1;
  }
}
._addButton_11jv0_359:hover ._addButtonCircle_11jv0_380 {
  background-color: var(--btn-dark-hover);
}
._addButtonText_11jv0_384 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._addButtonText_11jv0_384 {
    font-size: 14px;
  }
}
._addButtonCircle_11jv0_380 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--btn-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, transform 0.2s;
  flex-shrink: 0;
}
._addButtonCircle_11jv0_380 img {
  width: 20px;
  height: 20px;
  filter: var(--btn-dark-icon-filter);
}
._tabContent_11jv0_416 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._tabContent_11jv0_416 {
    margin-top: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._emptyTab_11jv0_427 {
  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: var(--text-muted);
}
._buyPanelContent_11jv0_440 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 24px 0 24px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._buyPanelContent_11jv0_440 {
    padding: 0 16px 0 16px;
  }
}
._buyPanelFilters_11jv0_453 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  ._buyPanelFilters_11jv0_453 {
    gap: 12px;
    margin-bottom: 16px;
  }
}
._filterField_11jv0_467 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._filterField_11jv0_467 ._fieldName_11jv0_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._filterField_11jv0_467 ._field_11jv0_99,
._filterField_11jv0_467 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
  color: var(--text);
}
._filterField_11jv0_467 .flag-select {
  background-color: var(--surface) !important;
  border-radius: 10px;
  color: var(--text) !important;
}
._filterField_11jv0_467 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
  color: var(--text);
}
._filterField_11jv0_467 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
  border-color: var(--border-field);
}
._filterField_11jv0_467 .MuiOutlinedInput-root legend {
  display: none;
}
._filterField_11jv0_467 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._filterField_11jv0_467 .MuiInputBase-input {
  color: var(--text);
}
._phoneNumbersList_11jv0_511 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--surface);
}
._listHeader_11jv0_522 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding: 16px;
  background-color: var(--surface);
  border-bottom: 1px solid var(--border-field);
  color: var(--text);
}
._tableHeader_11jv0_535 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: var(--surface);
  border-bottom: 2px solid var(--border-field);
  font-weight: 600;
}
._headerCell_11jv0_545 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text-secondary);
}
._phonesList_11jv0_555 {
  flex: 1;
  overflow-y: auto;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
  background-color: var(--surface);
}
._phoneItem_11jv0_563 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: background-color 0.2s;
  background-color: var(--surface);
}
._phoneItem_11jv0_563:hover {
  background-color: var(--surface-muted);
}
._phoneItem_11jv0_563:last-child {
  border-bottom: none;
}
._phoneItem_11jv0_563._selected_11jv0_579 {
  background-color: var(--selection-highlight-bg, var(--surface-accent-soft));
  border-left: 3px solid var(--accent);
}
._phoneNumber_11jv0_511 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 500;
}
._phonePrice_11jv0_593 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
._loadingContainer_11jv0_603 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  background-color: var(--surface);
}
._emptyList_11jv0_612 {
  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: var(--text-muted);
  background-color: var(--surface);
}
._buyPanelFooter_11jv0_627 {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid var(--border-field);
  flex-shrink: 0;
  margin-top: 24px;
}
._buyButton_11jv0_636 {
  min-width: 140px;
}
._customSelect_11jv0_190 button {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
._customSelect_11jv0_190 button:after {
  border-top-color: var(--text-muted) !important;
}
._customSelect_11jv0_190 ul {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
._customSelect_11jv0_190 ul li {
  background: var(--surface) !important;
  color: var(--text) !important;
}
._customSelect_11jv0_190 ul li:hover, ._customSelect_11jv0_190 ul li._selected--flag_11jv0_657 {
  background: var(--accent-hover-bg) !important;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_b9zyl_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  height: 90%;
}
._title_b9zyl_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_b9zyl_47 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_b9zyl_47:hover {
  text-decoration: underline;
}
._table_b9zyl_55 ._headerRow_b9zyl_55 {
  border: 0;
}
._table_b9zyl_55 ._headerRow_b9zyl_55 ._headerCell_b9zyl_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: var(--table-header-bg, var(--surface-sidebar));
  border-color: var(--table-header-bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
}
._table_b9zyl_55 ._headerRow_b9zyl_55 ._headerCell_b9zyl_58:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_b9zyl_55 ._headerRow_b9zyl_55 ._headerCell_b9zyl_58:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_b9zyl_55 ._tableRow_b9zyl_83 {
  border: 1px none var(--border);
}
._table_b9zyl_55 ._cell_b9zyl_86 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_b9zyl_55 ._cell_b9zyl_86 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_b9zyl_55 ._cell__status_b9zyl_99 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_b9zyl_55 ._cell__status__suspended_b9zyl_108 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._table_b9zyl_55 ._cell__status__paid_b9zyl_111 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._emptyAgent_b9zyl_115 {
  min-height: 33px;
}
._borderLeft_b9zyl_119 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_b9zyl_124 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._content_b9zyl_129 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._toolTipContainer_b9zyl_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_1xi8s_29 ._headerRow_1xi8s_29 {
  border: 0;
}
._table_1xi8s_29 ._headerRow_1xi8s_29 ._headerCell_1xi8s_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: var(--table-header-bg, var(--surface-sidebar));
  border-color: var(--table-header-bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
}
._table_1xi8s_29 ._headerRow_1xi8s_29 ._headerCell_1xi8s_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_1xi8s_29 ._headerRow_1xi8s_29 ._headerCell_1xi8s_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_1xi8s_29 ._tableRow_1xi8s_57 {
  border: 1px none var(--border);
}
._table_1xi8s_29 ._cell_1xi8s_60 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_1xi8s_29 ._cell_1xi8s_60 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_1xi8s_29 ._cell__status_1xi8s_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_1xi8s_29 ._cell__status__enabled_1xi8s_82 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._table_1xi8s_29 ._cell__status__disabled_1xi8s_85 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._emptyAgent_1xi8s_89 {
  min-height: 33px;
}
._link_1xi8s_93 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_1xi8s_93:hover {
  text-decoration: underline;
}
._borderLeft_1xi8s_101 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_1xi8s_106 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_1xi8s_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: var(--text-muted);
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  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_1c8wl_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}
._field_1c8wl_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_1c8wl_36 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_1c8wl_36 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_1c8wl_36 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_1c8wl_36 .MuiOutlinedInput-root legend {
  display: none;
}
._field_1c8wl_36 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_1c8wl_59 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._actions_1c8wl_69 {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--border-field);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_m52k6_29 ._headerRow_m52k6_29 {
  border: 0;
}
._table_m52k6_29 ._headerRow_m52k6_29 ._headerCell_m52k6_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: var(--table-header-bg, var(--surface-sidebar));
  border-color: var(--table-header-bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
}
._table_m52k6_29 ._headerRow_m52k6_29 ._headerCell_m52k6_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_m52k6_29 ._headerRow_m52k6_29 ._headerCell_m52k6_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_m52k6_29 ._tableRow_m52k6_57 {
  border: 1px none var(--border);
}
._table_m52k6_29 ._cell_m52k6_60 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_m52k6_29 ._cell_m52k6_60 > div {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
}
._table_m52k6_29 ._cell__status_m52k6_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_m52k6_29 ._cell__status__enabled_m52k6_82 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._table_m52k6_29 ._cell__status__disabled_m52k6_85 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._emptyAgent_m52k6_89 {
  min-height: 33px;
}
._borderLeft_m52k6_93 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_m52k6_98 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_m52k6_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: var(--text-muted);
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 10px;
}
._link_m52k6_117 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_m52k6_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_1ezok_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._form_1ezok_29 {
    overflow: auto;
  }
}
._field_1ezok_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_1ezok_41 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_1ezok_41 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_1ezok_41 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_1ezok_41 .MuiOutlinedInput-root legend {
  display: none;
}
._field_1ezok_41 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_1ezok_64 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._actions_1ezok_74 {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--border-field);
  flex-shrink: 0;
}._container_18kth_1 {
  padding: 16px;
}

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

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

._section_18kth_18 {
  margin-bottom: 16px;
}

._sectionTitle_18kth_22 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--text);
}

._formSection_18kth_29 {
  margin-top: 12px;
}

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

._footer_18kth_39 {
  border-top: 1px solid var(--border-field);
  flex-shrink: 0;
  width: 140px;
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
}

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

._currentAssignee_18kth_53 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  background-color: var(--surface-muted);
  border-radius: 4px;
  margin-bottom: 12px;
}

._assigneeLabel_18kth_63 {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 500;
}

._assigneeValue_18kth_69 {
  font-size: 14px;
  color: var(--text);
  font-weight: 600;
}

._assigneeValueEmpty_18kth_75 {
  font-size: 14px;
  color: var(--text-muted);
  font-style: italic;
}

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

._assignSelect_18kth_81 .MuiOutlinedInput-root {
  background-color: var(--surface) !important;
}

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

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

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

._assignSelect_18kth_81 .MuiSelect-select {
  background-color: var(--surface) !important;
}

._link_18kth_100 {
  color: var(--accent-link);
  text-decoration: none;
}

._link_18kth_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_1qxft_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_1qxft_79 {
    height: calc(100vh - var(--page-header));
  }
}
._header_1qxft_95 {
  margin-top: 24px;
}
._header_1qxft_95 ._fieldName_1qxft_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 700;
}
._header_1qxft_95 ._fieldName_1qxft_98 span {
  width: 148px;
  height: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 700;
}
._fieldName_1qxft_98 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._fieldName_1qxft_98 {
    display: none;
  }
}
._tooltipIcon_1qxft_133 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_1qxft_138 {
  height: calc(100% - var(--page-header) - 60px);
  margin-top: 8px;
}
._subheader_1qxft_138 ._fieldName_1qxft_98 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
  color: var(--text);
}
._fieldsContainer_1qxft_153 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
._fieldsContainer_1qxft_153 ._fieldName_1qxft_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_1qxft_153 {
    flex-direction: row;
    height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldsContainer_1qxft_153 {
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    flex-direction: row;
  }
}
._field_1qxft_98 {
  height: 40px;
  min-width: fit-content;
  flex: 1;
}
@media screen and (max-width: 480px) {
  ._field_1qxft_98 {
    min-width: 0px;
  }
}
._numbers_1qxft_194 {
  width: 180px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._numbers_1qxft_194 {
    max-width: 130px;
  }
}
._customSelect_1qxft_204 {
  color: var(--text);
  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_1qxft_204 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  color: var(--text);
}
._customSelect_1qxft_204 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1qxft_204 button span span svg {
  width: 24px;
  height: 17px;
}
._button_1qxft_234 {
  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_1qxft_247 {
  margin-top: 14px;
}
._placeholder_1qxft_251 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1qxft_204 fieldset {
  top: -10px;
}
._customSelect_1qxft_204 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_1qxft_204 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
._customSelect_1qxft_204 ul li span svg {
  width: 24px;
  height: 17px;
}
._overviewContainer_1qxft_288 {
  max-height: 40px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
._fieldHolder_1qxft_297 {
  display: flex;
  gap: 20px;
  flex-direction: row;
  color: var(--text);
  max-height: 40px;
}
._fieldHolder_1qxft_297 > div:first-child {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text);
}
@media screen and (max-width: 1220px) {
  ._fieldHolder_1qxft_297 {
    flex-direction: row;
    justify-content: flex-start;
    max-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_1qxft_297 {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
}
._widgetsContainer_1qxft_326 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: column;
  padding-bottom: 35px;
}
._metricsSectionStacked_1qxft_334 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._metricsSectionStacked_1qxft_334 > ._row_1qxft_339 {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
._row_1qxft_339 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  min-height: 0;
}
._row_1qxft_339 > * {
  flex: 1;
  display: flex;
  align-self: stretch;
  min-height: 0;
}
@media screen and (max-width: 480px) {
  ._row_1qxft_339 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1220px) {
  ._row_1qxft_339 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1440px) {
  ._row_1qxft_339 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
._leftColumn_1qxft_378 {
  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_1qxft_378 > *:first-child {
  flex: 0 0 auto;
}
._leftColumn_1qxft_378 > ._row_1qxft_339 {
  margin: 0;
  padding: 0;
  flex: 1;
  min-height: 0;
  align-items: stretch;
}
@media screen and (max-width: 1220px) {
  ._leftColumn_1qxft_378 > ._row_1qxft_339 {
    flex-direction: column;
  }
}
._leftColumn_1qxft_378 > ._row_1qxft_339 > * {
  flex: 1;
  min-height: 330px;
}
@media screen and (max-width: 1440px) {
  ._leftColumn_1qxft_378 > ._row_1qxft_339 > * {
    min-height: 0;
  }
}
@media screen and (max-width: 1440px) {
  ._leftColumn_1qxft_378 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
._rightColumn_1qxft_419 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-width: 0;
  align-self: stretch;
}
._rightColumn_1qxft_419 > * {
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._rightColumn_1qxft_419 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1220px) {
  ._rightColumn_1qxft_419 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._rightColumn_1qxft_419 {
    flex-direction: column;
  }
}
._keywordsInline_1qxft_447 {
  display: none;
  flex: 1;
}
._keywordsStandalone_1qxft_452 {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._keywordsInline_1qxft_447 {
    display: flex;
  }
  ._keywordsStandalone_1qxft_452 {
    display: none;
  }
}
._refresh_1qxft_465 {
  display: flex;
  gap: 10px;
  cursor: pointer;
  color: var(--text);
}
._refresh_1qxft_465 span {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._refresh_1qxft_465 span {
    display: none;
  }
}
._refresh_1qxft_465 svg {
  color: var(--text);
}
._selectText_1qxft_488 {
  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_irhne_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 var(--border-field, #d8dbdf);
  border-radius: 10px;
}
@media screen and (max-width: 1220px) {
  ._wrapper_irhne_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_irhne_29 {
    padding: 12px;
  }
}
._header_irhne_55 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_irhne_55 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_irhne_70 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  ._title_irhne_70 {
    font-size: 14px;
    text-align: center;
  }
}
._loader_irhne_84 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_irhne_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_1dsrg_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_1dsrg_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_1dsrg_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_1dsrg_29 {
    flex-basis: 100%;
  }
}
._main75_1dsrg_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_1dsrg_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main75_1dsrg_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main75_1dsrg_53 {
    flex-basis: 100%;
  }
}
._count_1dsrg_78 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: 700;
  line-height: 39.07px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  ._count_1dsrg_78 {
    text-align: center;
  }
}
._content_1dsrg_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_1dsrg_91 {
    gap: 24px;
  }
}
._sliderBlock_1dsrg_105 {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-direction: row;
  align-items: center;
  color: black;
}
@media screen and (max-width: 480px) {
  ._sliderBlock_1dsrg_105 {
    gap: 8px;
  }
}
._sliderLabel_1dsrg_119, ._sliderCount_1dsrg_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_1dsrg_119, ._sliderCount_1dsrg_119 {
    text-wrap: nowrap;
  }
}
._sliderCount_1dsrg_119 {
  width: max-content;
}
._slider_1dsrg_105 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}
._slider_1dsrg_105 > * {
  width: 100%;
}
._sliderContent_1dsrg_148 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._billableTable_1dsrg_154 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
}
._tableHeader_1dsrg_160 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
._tableRow_1dsrg_172 {
  border-bottom: 1px solid var(--border);
}
._tableRow_1dsrg_172:last-child {
  border-bottom: none;
}
._tableCell_1dsrg_179 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
  padding: 12px 0;
}
._tableCell_1dsrg_179:first-child {
  font-weight: 500;
}
._tableCell_1dsrg_179:last-child {
  font-weight: 600;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1b5gi_29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 14px;
  isolation: isolate;
  flex: 1;
  border: 1px solid var(--border-field, #d8dbdf);
  border-radius: 10px;
}
@media screen and (max-width: 1220px) {
  ._wrapper_1b5gi_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_1b5gi_29 {
    padding: 12px;
  }
}
._header_1b5gi_52 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_1b5gi_52 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_1b5gi_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_1b5gi_67 {
    font-size: 14px;
    text-align: center;
  }
}
._loader_1b5gi_82 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_1b5gi_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;
}
._tableHeaderPadding_1e1t8_29 {
  padding: 14px 5px !important;
}
@media screen and (max-width: 1440px) {
  ._tableHeaderPadding_1e1t8_29 {
    padding: 14px 0px !important;
  }
}
._tableWrapper_1e1t8_38 {
  overflow-x: auto;
}
@media screen and (max-width: 1220px) {
  ._tableWrapper_1e1t8_38 {
    overflow-x: auto;
  }
}
@media (max-width: 1344px) {
  ._tableWrapper_1e1t8_38 {
    overflow-x: hidden;
  }
}
._cell_1e1t8_52 {
  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_1e1t8_52 ._cellWrapper_1e1t8_63 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
._cell_1e1t8_52 ._cellWrapper_1e1t8_63._cellWrapperRoundLast_1e1t8_71 {
  border-radius: 0px 5px 5px 0px;
}
._cell_1e1t8_52 ._cellWrapper_1e1t8_63 div {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._row_1e1t8_82 {
  height: 60px !important;
  max-height: 60px;
}
._row_1e1t8_82:hover ._cell_1e1t8_52 ._cellWrapper_1e1t8_63 {
  background-color: var(--table-row-hover-bg);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_3qd52_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_3qd52_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_3qd52_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_3qd52_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_3qd52_29 {
    flex-basis: 100%;
  }
}
._tableHeader_3qd52_60 {
  background-color: var(--surface);
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_3qd52_60 {
  border-collapse: collapse;
  position: relative;
}
._content_3qd52_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_3qd52_72:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_3qd52_72 {
    gap: 24px;
  }
}
._row_3qd52_92 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_3qd52_92 > div {
  flex: 1;
}
._row_3qd52_92 > div:last-child {
  text-align: right;
}
._locationSpan_3qd52_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_3qd52_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_3qd52_60 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_3qd52_60 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_3qd52_60 tr {
  border-bottom: 1px solid var(--border);
  height: 40px;
}
._table_3qd52_60 tr td:last-child {
  text-align: right;
}
._table_3qd52_60 tr:hover a {
  background-color: var(--table-row-hover-bg);
}
._table_3qd52_60 tr:hover a div,
._table_3qd52_60 tr:hover a span,
._table_3qd52_60 tr:hover a b {
  background-color: var(--table-row-hover-bg);
}
._table_3qd52_60 > tr:first-child {
  border-bottom: 0;
}
._table_3qd52_60 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_3qd52_165 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
}
._tableText_3qd52_175 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
  vertical-align: middle;
}
._tableText_3qd52_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: var(--text);
  width: 100%;
  border-radius: 5px;
}
._tableText_3qd52_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_3qd52_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_7mcdv_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_7mcdv_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_7mcdv_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_7mcdv_29 {
    flex-basis: 38%;
  }
}
._inlineLayout_7mcdv_53 ._content_7mcdv_53 {
  flex-direction: row;
}
._content_7mcdv_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_7mcdv_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 1220px) {
  ._content_7mcdv_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._content_7mcdv_53 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._content_7mcdv_53 {
    flex-direction: column;
    gap: 24px;
  }
}
._sentimentSection_7mcdv_89,
._csatSection_7mcdv_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_7mcdv_89,
  ._csatSection_7mcdv_90 {
    flex-direction: column;
  }
}
@media screen and (max-width: 1220px) {
  ._sentimentSection_7mcdv_89,
  ._csatSection_7mcdv_90 {
    flex-direction: column;
  }
}
._sectionTitle_7mcdv_112 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: var(--text);
}
@media screen and (max-width: 1440px) {
  ._sectionTitle_7mcdv_112 {
    align-self: center;
  }
}
._row_7mcdv_126 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_7mcdv_126 > div {
  flex: 1;
}
._row_7mcdv_126 > div:last-child {
  text-align: right;
}
._table_7mcdv_139 td {
  padding-top: 10px;
}
._table_7mcdv_139 > tr:last-child {
  text-align: right;
}
._table_7mcdv_139 tr {
  border-bottom: 1px solid var(--border-field, #d8dbdf);
}
._tableTitle_7mcdv_149 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
}
._tableText_7mcdv_159 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1r9l4_57 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._chartContainer_1r9l4_57 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._chartContainer_1r9l4_57 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._chartContainer_1r9l4_57 {
    flex-direction: column;
  }
}
._canvasWrapper_1r9l4_81 {
  position: relative;
  display: inline-block;
}
._averageValue_1r9l4_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;
  color: var(--text);
}
._legend_1r9l4_99 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 12px;
  width: 100%;
}
._legendItem_1r9l4_109 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
._legendTextBlock_1r9l4_116 {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
._legendText_1r9l4_116 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.3799999952px;
  text-align: left;
  color: var(--text-secondary);
  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_1atgc_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_1atgc_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1atgc_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1atgc_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  ._main_1atgc_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
._content_1atgc_63 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._content_1atgc_63 {
    gap: 24px;
  }
}
._row_1atgc_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
._tableTitle_1atgc_82 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: center;
  text-transform: uppercase;
  color: var(--text-muted);
}
._tableText_1atgc_92, ._tableCsat_1atgc_92, ._linkLabel_1atgc_92, ._tableLink_1atgc_92 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: var(--text);
}
._tableText_1atgc_92 a, ._tableCsat_1atgc_92 a, ._linkLabel_1atgc_92 a, ._tableLink_1atgc_92 a {
  padding-right: 5px;
  display: flex;
  justify-content: flex-end;
  text-decoration: none;
  color: var(--text);
  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_1atgc_92 {
  text-align: left;
}
._tableLink_1atgc_92 a {
  min-height: 40px;
  height: 40px;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: var(--text);
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
._boldText_1atgc_133 {
  align-self: center;
}
._linkLabel_1atgc_92 {
  text-align: justify !important;
  align-self: center;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._content_1atgc_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_1atgc_63:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_1atgc_63 {
    gap: 24px;
  }
}
._row_1atgc_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1atgc_76 > div {
  flex: 1;
}
._row_1atgc_76 > div:last-child {
  text-align: right;
}
tr:hover a {
  background-color: var(--table-row-hover-bg);
}
._tableHeader_1atgc_182 {
  background-color: var(--surface);
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_1atgc_82 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_1atgc_82 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_1atgc_82 tr {
  border-bottom: 1px solid var(--border);
  height: 40px;
}
._table_1atgc_82 tr td:last-child {
  text-align: right;
}
._table_1atgc_82 > tr:first-child {
  border-bottom: 0;
}
._table_1atgc_82 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_1atgc_82 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14.32px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
}
._tableTitleLeft_1atgc_224 {
  text-align: left;
}
._tableTitleCenter_1atgc_228 {
  text-align: center;
}
._tableTitleRight_1atgc_232 {
  text-align: right;
}
._tableText_1atgc_92, ._tableCsat_1atgc_92, ._tableLink_1atgc_92, ._linkLabel_1atgc_92 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  color: var(--text);
  vertical-align: middle;
}
._tableText_1atgc_92 a, ._tableCsat_1atgc_92 a, ._tableLink_1atgc_92 a, ._linkLabel_1atgc_92 a {
  min-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._tableCsat_1atgc_92 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
._tableCsat_1atgc_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: var(--text);
  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);
}._queue_ssa6p_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: var(--pad-lg) var(--pad-md);
  background: var(--surface);
  overflow: hidden;
}

._head_ssa6p_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--pad-xs) var(--pad-md);
}

._head_ssa6p_11 h3 {
  margin: 0;
  font-size: var(--fs-md);
  font-weight: var(--fw-extra);
  color: var(--text);
}

._count_ssa6p_24 {
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  color: var(--text-muted);
}

._filter_ssa6p_31 {
  position: relative;
  margin-bottom: var(--gap-3xl);
}

._scroll_ssa6p_36 {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-right: var(--pad-tight);
  margin-right: calc(-1 * var(--pad-tight));
}

._group_ssa6p_47 {
  flex: 1 1 0;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

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

._groupCollapsed_ssa6p_62 {
  flex: 0 0 auto;
  min-height: 0;
  max-height: none;
}

._group_ssa6p_47 + ._group_ssa6p_47 {
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
}

._group_ssa6p_47 + ._group_ssa6p_47[data-cq-group=done] {
  padding-top: var(--gap-xl);
}

._group_ssa6p_47[data-cq-group=live],
._group_ssa6p_47[data-cq-group=pending] {
  padding-bottom: var(--gap-md);
}

._group_ssa6p_47[data-cq-group=pending],
._group_ssa6p_47[data-cq-group=done] {
  margin-left: var(--pad-xs);
  padding-left: var(--pad-md);
  border-left: 2px solid var(--border);
}

._historyHead_ssa6p_89 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--pad-tight);
  padding: var(--gap-lg) var(--pad-xs) var(--gap-md);
  border-top: 1px solid var(--border);
  background: var(--surface);
}

._historyHead_ssa6p_89[hidden] {
  display: none;
}

._historyTitleRow_ssa6p_103 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
  min-height: 32px;
  width: 100%;
}

._historyTitle_ssa6p_103 {
  margin: 0;
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
  line-height: 1.2;
}

._historyStatus_ssa6p_122 {
  margin: 0;
  font-size: var(--fs-caption);
  line-height: 1.35;
  color: var(--chip-err-text);
}

._groupLabel_ssa6p_129 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--gap-xs);
  padding: 0 var(--pad-xs) var(--pad-xs);
  border: 0;
  background: transparent;
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
  cursor: pointer;
}

._groupDot_ssa6p_145 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--ok);
}

._groupDot_live_ssa6p_153 {
  background: var(--ok);
  animation: _liveDotPulse_ssa6p_1 1.5s ease-in-out infinite;
}

._groupDot_pending_ssa6p_158 {
  background: var(--danger);
}

._groupDot_done_ssa6p_162 {
  background: var(--text-muted);
}

@keyframes _liveDotPulse_ssa6p_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._groupDot_live_ssa6p_153 {
    animation: none;
  }
}

._groupCount_ssa6p_181 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-pill);
  padding: var(--pad-tight) var(--pad-sm-plus);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1;
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._groupCount_pass_ssa6p_194,
._groupCount_neutral_ssa6p_195,
._groupCount_unknown_ssa6p_196 {
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._groupChevron_ssa6p_201 {
  margin-left: auto;
  font-size: var(--icon-meta) !important;
  color: var(--text-muted);
  transition: transform var(--t-fast);
}

._groupCount_ssa6p_181 + ._groupChevron_ssa6p_201 {
  margin-left: 0;
}

._groupChevronCollapsed_ssa6p_212 {
  transform: rotate(-90deg);
}

._groupItems_ssa6p_216 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 2px;
}

._groupLoader_ssa6p_226 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--pad-md) 0;
}

._groupEmpty_ssa6p_233 {
  padding: var(--pad-sm) var(--pad-xs);
  font-size: var(--fs-caption);
  color: var(--text-muted);
}

._item_ssa6p_239 {
  width: 100%;
  text-align: left;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  padding: var(--pad-sm-plus) var(--pad-sm);
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast);
}

._item_ssa6p_239:hover {
  background: var(--surface-subtle);
  border-color: var(--border);
}

._itemActive_ssa6p_259 {
  background: var(--surface-muted);
  border-color: var(--border-strong);
}

._itemRow_ssa6p_264 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  min-width: 0;
}

._itemBadge_ssa6p_271 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  gap: 2px;
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  padding: var(--pad-tight) var(--pad-xs);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._itemBadgeClosed_ssa6p_287 {
  background: var(--chip-ok-bg);
  color: var(--chip-ok-text);
}

._itemBadge911_ssa6p_292 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}

._itemBadgeIcon_ssa6p_297 {
  font-weight: var(--fw-extra);
}

._itemClaim_ssa6p_301 {
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
}

._itemTitle_ssa6p_306 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
  color: var(--text);
}

._itemTime_ssa6p_317 {
  flex-shrink: 0;
  margin-left: auto;
  white-space: nowrap;
  font-size: var(--fs-caption-lg);
  font-weight: var(--fw-semi);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 1220px) {
  ._filter_ssa6p_31 {
    margin-bottom: var(--gap-md);
  }
  ._scroll_ssa6p_36 {
    overflow-y: auto;
  }
  ._group_ssa6p_47,
  ._groupFill_ssa6p_56 {
    flex: 0 0 auto;
    min-height: 0;
  }
  ._groupItems_ssa6p_216 {
    max-height: 200px;
  }
}._panel_d5pfe_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
  border-radius: 0;
  box-shadow: none;
}

._tabs_d5pfe_12 {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  min-height: var(--tab-section-height);
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  position: sticky;
  top: 0;
  z-index: 5;
}

._tab_d5pfe_12 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  min-height: var(--tab-section-height);
  padding: 0 var(--pad-sm);
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--fs-base-plus);
  font-weight: var(--fw-medium);
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}

._tab_d5pfe_12:hover {
  background: var(--surface-muted);
}

._tabActive_d5pfe_46 {
  color: var(--text);
  font-weight: var(--fw-semi);
}

._tabActive_d5pfe_46::after {
  content: "";
  position: absolute;
  left: var(--pad-sm);
  right: var(--pad-sm);
  bottom: -1px;
  height: var(--tab-indicator-height);
  border-radius: 2px 2px 0 0;
  background: var(--accent-gradient);
}

._tabBadge_d5pfe_61 {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 var(--pad-xs);
  border-radius: var(--radius-pill);
  background: var(--surface-muted);
  color: var(--text-secondary);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  line-height: 1;
}

._scroll_d5pfe_75 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: var(--pad-lg) var(--pad-md);
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}

._scroll_d5pfe_75 > * {
  flex-shrink: 0;
}

@media screen and (max-width: 1220px) {
  ._scroll_d5pfe_75 {
    padding-inline: var(--gap-lg);
  }
}

._accordion_d5pfe_93 {
  overflow: hidden;
  border: 1px solid var(--call-queue-accordion-border);
  border-radius: var(--radius-md);
  background: var(--call-queue-accordion-bg);
}

._accordionHead_d5pfe_100 {
  width: 100%;
  padding: 14px;
  border: none;
  border-bottom: 1px solid transparent;
  background: var(--call-queue-accordion-bg);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
}

._accordionHead_d5pfe_100 svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transform: rotate(-90deg);
  transition: transform 180ms ease;
  flex-shrink: 0;
}

._accordionOpen_d5pfe_125 ._accordionHead_d5pfe_100 {
  border-bottom-color: var(--call-queue-accordion-border);
}

._accordionOpen_d5pfe_125 ._accordionHead_d5pfe_100 svg {
  transform: rotate(0deg);
}

._accordionTitle_d5pfe_132 {
  min-width: 0;
  text-align: left;
}

._accordionHeadRight_d5pfe_137 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

._accordionBody_d5pfe_144 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--pad-md) 14px 14px;
  background: var(--surface);
}

._detailRow_d5pfe_152 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--pad-md);
  padding: var(--pad-sm-plus) 0;
}

._detailKey_d5pfe_160 {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--pad-sm);
  max-width: 52%;
  color: var(--text-muted);
  font-weight: var(--fw-regular);
  font-size: var(--fs-md);
}

@media screen and (max-width: 834px) {
  ._detailKey_d5pfe_160 {
    max-width: 100%;
  }
}

._detailKey_d5pfe_160 svg {
  font-size: 18px !important;
  color: var(--text-muted);
}

._detailValue_d5pfe_180 {
  color: var(--text);
  font-weight: var(--fw-medium);
  text-align: right;
  font-size: var(--fs-md);
}

@media screen and (max-width: 834px) {
  ._detailValue_d5pfe_180 {
    text-align: left;
  }
}

._detailLink_d5pfe_192 {
  color: var(--accent);
  transition: transform 0.15s ease;
}

._detailLink_d5pfe_192:hover, ._detailLink_d5pfe_192:active, ._detailLink_d5pfe_192:visited {
  color: var(--accent);
}

._detailLink_d5pfe_192 ._detailValue_d5pfe_180 {
  color: inherit;
}

._csatSummaryBlock_d5pfe_203 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-sm-plus);
}

._csatSummary_d5pfe_203 {
  margin: 0;
  flex: 1;
  min-width: 0;
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}

._csatCopyBtn_d5pfe_218 {
  margin-top: 1px;
}

._accordionBody_flush_d5pfe_222 {
  padding-top: 0;
}

._statusCard_d5pfe_226 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-md);
  min-height: 157px;
  padding: var(--pad-lg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-subtle);
  box-shadow: none;
}

._statusDescription_d5pfe_239 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-base-plus);
  line-height: var(--lh-relaxed);
}

._statusHeading_d5pfe_246 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  line-height: normal;
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._statusDot_d5pfe_258 {
  width: var(--gap-sm);
  height: var(--gap-sm);
  border-radius: var(--radius-pill);
  background: var(--danger);
}

._statusDot_needs_action_d5pfe_265 {
  background: var(--danger);
}

._statusDot_in_progress_d5pfe_269 {
  background: var(--warning);
}

._statusDot_transferred_d5pfe_273 {
  background: var(--warning);
}

._statusDot_closed_d5pfe_277 {
  background: var(--ok);
}

._statusDot_locked_d5pfe_281 {
  background: var(--text-muted);
}

._lastAction_d5pfe_285 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  width: 100%;
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
}

._lastActionLabel_d5pfe_294 {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  line-height: normal;
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._lastActionLoading_d5pfe_303 {
  width: 100%;
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font-size: var(--fs-base-plus);
  line-height: var(--lh-relaxed);
}

._statusActions_d5pfe_312 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  margin-top: auto;
}

form + ._statusActions_d5pfe_312 {
  width: 100%;
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
}

._statusPlaceholder_d5pfe_325 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 157px;
  padding: var(--pad-lg);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-subtle);
  color: var(--text-secondary);
  font-size: var(--fs-base-plus);
  line-height: var(--lh-relaxed);
}

._statusActionBtn_d5pfe_339 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  min-width: 92px;
  height: 42px;
  padding: 0 var(--gap-inline-start);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--text);
}

._statusActionBtn_d5pfe_339 svg {
  font-size: 20px !important;
}

._statusActionBtn_d5pfe_339:hover:not(:disabled) {
  background: var(--surface-muted);
  border-color: var(--accent-hover-border);
}

._statusActionBtn_d5pfe_339:disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

._panelHeader_d5pfe_374 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-md);
  color: var(--text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._panelHeader_d5pfe_374 strong {
  color: var(--text-secondary);
  font: inherit;
}

._search_d5pfe_390 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  padding: 0 var(--pad-sm-plus);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--text-muted);
}

._search_d5pfe_390 svg {
  font-size: 18px !important;
}

._search_d5pfe_390 input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--fs-sm);
}

._search_d5pfe_390 input::placeholder {
  color: var(--text-muted);
}

._activityList_d5pfe_419 {
  display: flex;
  flex-direction: column;
  padding: var(--pad-sm) 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: none;
}

._activityItem_d5pfe_430 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--gap-md);
  margin: 0 var(--pad-lg);
  padding: var(--pad-md) 0 var(--pad-md) var(--pad-sm);
}

._activityItem_d5pfe_430:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--border);
}

._activityItem_d5pfe_430::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--pad-md);
  bottom: var(--pad-md);
  width: 3px;
  border-radius: var(--radius-pill);
  background: transparent;
}

._activityItemBody_d5pfe_458 {
  min-width: 0;
}

._activityItemTitle_d5pfe_462 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  margin: 0 0 var(--gap-xs);
  color: var(--text);
  font-size: var(--fs-body);
  font-weight: var(--fw-semi);
  line-height: var(--lh-tight);
}

._activityItemRole_d5pfe_474 {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 var(--pad-sm);
  border-radius: var(--radius-sm);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  background: var(--surface-muted);
  color: var(--text-secondary);
}

._activityItemDescription_d5pfe_488 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-body);
  line-height: var(--lh-snug);
}

._activityItemBy_d5pfe_495 {
  display: block;
  margin-top: var(--gap-xs);
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
}

._activityItemTime_d5pfe_503 {
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._tabPlaceholder_d5pfe_510 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  padding: var(--pad-lg) 0;
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  text-align: center;
}

._activityEmpty_d5pfe_522 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  margin: 0;
  padding: var(--gap-3xl) var(--pad-lg);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  color: var(--text-muted);
  text-align: center;
}

._activityEmpty_d5pfe_522 strong {
  color: var(--text);
  font-size: var(--fs-body);
  font-weight: var(--fw-semi);
}

._activityEmpty_d5pfe_522 p {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-sm);
}

._activityEmptyIcon_d5pfe_546 {
  font-size: 28px;
  color: var(--text-muted);
  margin-bottom: var(--gap-xs);
}

._activityItem_operator_d5pfe_552::before,
._activityItem_info_d5pfe_553::before {
  background: var(--info);
}

._activityItem_transfer_d5pfe_557::before,
._activityItem_closed_d5pfe_558::before {
  background: var(--ok);
}

._activityItem_danger_d5pfe_562::before,
._activityItem_emergency_d5pfe_563::before {
  background: var(--danger);
}

._activityItem_llm_d5pfe_567::before,
._activityItem_accent_d5pfe_568::before {
  background: var(--accent);
}

._lastActionItem_d5pfe_572 {
  margin: 0;
  padding: 0 0 0 var(--pad-sm);
}

._lastActionItem_d5pfe_572::before {
  top: 0;
  bottom: 0;
}._composer_axlzn_1 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--gap-md);
  width: 100%;
  min-width: 0;
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10 {
  height: 40px;
  min-height: 40px;
  border-radius: 10px;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-wide-md);
  text-transform: uppercase;
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--border-strong);
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10.Mui-focused {
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 1px;
  border-color: var(--accent-border);
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10 .MuiOutlinedInput-notchedOutline {
  border-radius: 10px;
  border-color: var(--border-strong);
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10 .MuiSelect-select {
  height: 40px !important;
  padding: 0 var(--gap-3xl) 0 var(--pad-md);
}

._schemaSelect_axlzn_10._schemaSelect_axlzn_10._schemaSelect_axlzn_10 .MuiSelect-select span {
  font-size: var(--fs-base) !important;
  font-weight: var(--fw-medium);
  line-height: 1.5;
}

._schemaMenu_axlzn_43._schemaMenu_axlzn_43 {
  padding: var(--pad-xs);
  border-radius: var(--radius);
}

._schemaMenu_axlzn_43._schemaMenu_axlzn_43 .MuiMenuItem-root {
  min-height: 32px;
  padding: var(--pad-xs) var(--pad-sm);
  border-radius: 8px;
}

._schemaMenu_axlzn_43._schemaMenu_axlzn_43 .MuiMenuItem-root span {
  font-size: var(--fs-base) !important;
  font-weight: var(--fw-medium);
  line-height: 1.5;
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 {
  width: 100%;
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .MuiOutlinedInput-root.MuiOutlinedInput-root {
  height: auto;
  min-height: 40px;
  padding: var(--pad-sm-plus) var(--pad-md) !important;
  border-radius: 10px;
  background: var(--surface);
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .MuiOutlinedInput-notchedOutline {
  border-radius: 10px;
  border-color: var(--border-strong);
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .Mui-focused {
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 1px;
  border-color: var(--accent-border);
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .MuiInputBase-input {
  padding: 0 !important;
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  line-height: 1.5;
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 .MuiInputBase-input::placeholder {
  color: var(--text-muted);
  opacity: 1;
}

._schemaInput_axlzn_58._schemaInput_axlzn_58 textarea:not([aria-hidden]).MuiInputBase-input {
  min-height: 78px;
  resize: vertical;
}

._sectionLabel_axlzn_95 {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._prompt_axlzn_103 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}

._field_axlzn_110 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  width: 100%;
  min-width: 0;
}

._fieldLabel_axlzn_118 {
  color: var(--text-secondary);
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

._checkboxField_axlzn_126 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
  align-self: flex-start;
  color: var(--text);
  font-size: var(--fs-base);
  cursor: pointer;
}

._checkboxField_axlzn_126 .MuiCheckbox-root {
  padding: 0;
}

._requiredMark_axlzn_139 {
  margin-left: var(--gap-xs);
  color: var(--danger);
}

._fieldError_axlzn_144 {
  color: var(--danger);
  font-size: var(--fs-caption);
  line-height: var(--lh-relaxed);
}

._unsupported_axlzn_150 {
  color: var(--text-muted);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}

._footer_axlzn_156 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

._submitButton_axlzn_162._submitButton_axlzn_162 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  min-width: 92px;
  height: 42px;
  padding: 0 var(--gap-inline-start);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
  border: 1px solid var(--border-strong) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
}

._submitButton_axlzn_162._submitButton_axlzn_162:hover:not(:disabled) {
  border-color: var(--accent-hover-border) !important;
  background: var(--surface-muted) !important;
  color: var(--text) !important;
}

._submitButton_axlzn_162._submitButton_axlzn_162:disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

._placeholder_axlzn_191 {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: var(--gap-sm);
  width: 100%;
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}._card_uehc5_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  padding: var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: none;
}

._noteCard_uehc5_12 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  padding: var(--pad-sm-plus) var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-subtle);
  box-shadow: none;
}

._field_uehc5_23 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-sm);
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
}

._inputWrap_uehc5_32 {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: var(--pad-sm-plus) var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
}

._inputWrap_uehc5_32:focus-within {
  border-color: var(--accent-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._inputWrap_uehc5_32 textarea {
  flex: 1;
  min-width: 0;
  min-height: 78px;
  resize: vertical;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  line-height: 1.5;
  outline: none;
}

._inputWrap_uehc5_32 textarea::placeholder {
  color: var(--text-muted);
}

._inputWrap_uehc5_32 textarea:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
}

._composerFooter_uehc5_69 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-md);
}

._typeSelect_uehc5_76 {
  position: relative;
  flex: 0 0 auto;
}

._typeTrigger_uehc5_81 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
  min-height: 32px;
  padding: 0 var(--pad-sm-plus);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: var(--fs-caption);
  font-weight: var(--fw-semi);
  letter-spacing: var(--tracking-wide-md);
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);
}

._typeTrigger_uehc5_81:hover:not(:disabled) {
  background: var(--surface-subtle);
}

._typeTrigger_uehc5_81:disabled {
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._typeTrigger_uehc5_81:disabled svg {
  color: var(--text-muted);
}

._typeTrigger_uehc5_81 svg {
  font-size: 16px;
  color: var(--text);
  transition: transform 160ms ease;
  flex-shrink: 0;
}

._typeTriggerOpen_uehc5_118 {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._typeTriggerOpen_uehc5_118 svg {
  transform: rotate(180deg);
}

._typeDot_uehc5_126 {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  flex-shrink: 0;
}

._typeDot_info_uehc5_133 {
  background: var(--info);
}

._typeDot_follow-up_uehc5_137 {
  background: var(--warning);
}

._typeDot_flag_uehc5_141 {
  background: var(--danger);
}

._typeDot_resolution_uehc5_145 {
  background: var(--ok);
}

._typeMenu_uehc5_149 {
  position: absolute;
  bottom: calc(100% + var(--pad-xs));
  left: 0;
  z-index: 10;
  min-width: 100%;
  width: max-content;
  max-height: 320px;
  overflow-y: auto;
  padding: var(--pad-xs);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-dropdown), var(--shadow);
}

._typeMenuDown_uehc5_165 {
  bottom: auto;
  top: calc(100% + var(--pad-xs));
}

._typeOption_uehc5_170 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  min-height: 32px;
  padding: var(--pad-xs) var(--pad-sm);
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--fs-caption);
  font-weight: var(--fw-semi);
  letter-spacing: var(--tracking-wide-md);
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}

._typeOption_uehc5_170:hover {
  background: var(--surface-muted);
}

._typeOption_uehc5_170 svg {
  margin-left: auto;
  font-size: var(--icon-meta);
  color: var(--accent);
  opacity: 0;
  flex-shrink: 0;
}

._typeOptionSelected_uehc5_200 {
  background: var(--surface-muted);
}

._typeOptionSelected_uehc5_200 svg {
  opacity: 1;
}

._typeOptionName_uehc5_207 {
  flex: 1;
}

._addBtn_uehc5_211 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  min-width: 92px;
  height: 42px;
  padding: 0 var(--gap-inline-start);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
  border: 1px solid var(--btn-dark);
  background: var(--btn-dark);
  color: var(--on-dark-surface);
}

._addBtn_uehc5_211:hover:not(:disabled) {
  background: var(--surface);
  color: var(--btn-dark);
}

._addBtn_uehc5_211:disabled {
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._noteHeader_uehc5_240 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
}

._noteHeader_uehc5_240 time {
  margin-left: auto;
  color: var(--text-muted);
  font-size: var(--fs-base);
  flex-shrink: 0;
}

._noteAuthor_uehc5_252 {
  min-width: 0;
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
}

._noteAvatar_uehc5_259 {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--surface-muted);
  color: var(--text-secondary);
  font-size: var(--fs-caption-lg);
  font-weight: var(--fw-bold);
  flex-shrink: 0;
}

._noteText_uehc5_272 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-caption-lg);
  line-height: var(--lh-relaxed);
}

._noteFooter_uehc5_279 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-md);
}

._tag_uehc5_286 {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 var(--pad-sm);
  border-radius: var(--radius-sm);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._tag_info_uehc5_298 {
  color: var(--info);
  background: var(--chip-info-bg);
}

._tag_follow-up_uehc5_303 {
  color: var(--warning-text);
  background: var(--chip-warn-bg);
}

._tag_flag_uehc5_308 {
  color: var(--chip-err-text);
  background: var(--chip-err-bg);
}

._tag_resolution_uehc5_313 {
  color: var(--chip-ok-text);
  background: var(--chip-ok-bg);
}

._noteActions_uehc5_318 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  flex-shrink: 0;
}

._rowAction_uehc5_325 {
  width: 36px;
  height: 32px;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background var(--t-fast);
}

._rowAction_uehc5_325:hover:not(:disabled) {
  background: var(--surface-muted);
}

._rowAction_uehc5_325:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
}

._rowAction_uehc5_325 svg {
  font-size: var(--icon-ui);
}

._editorActions_uehc5_348 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-xs);
  flex-shrink: 0;
}

._editBtn_uehc5_356 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  height: 32px;
  padding: 0 var(--pad-md);
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

._editBtn_save_uehc5_371 {
  border: 1px solid var(--btn-dark);
  background: var(--btn-dark);
  color: var(--on-dark-surface);
}

._editBtn_save_uehc5_371:hover:not(:disabled) {
  background: var(--surface);
  color: var(--btn-dark);
}

._editBtn_save_uehc5_371:disabled {
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._editBtn_cancel_uehc5_387 {
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--text);
}

._editBtn_cancel_uehc5_387:hover:not(:disabled) {
  background: var(--surface-muted);
}

._editBtn_cancel_uehc5_387:disabled {
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._empty_uehc5_402 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  margin: 0;
  padding: var(--gap-3xl) var(--pad-lg);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  color: var(--text-muted);
  text-align: center;
}

._empty_uehc5_402 strong {
  color: var(--text);
  font-size: var(--fs-body);
  font-weight: var(--fw-semi);
}

._empty_uehc5_402 p {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-sm);
}

._emptyIcon_uehc5_426 {
  font-size: 28px;
  color: var(--text-muted);
  margin-bottom: var(--gap-xs);
}._actions_108bu_1 {
  display: flex;
  align-items: center;
  gap: var(--gap-md);
}

._secondaryBtn_108bu_7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  min-width: 92px;
  height: 42px;
  padding: 0 var(--gap-inline-start);
  border-radius: var(--radius-pill);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm);
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--text);
}

._secondaryBtn_108bu_7:hover {
  background: var(--surface-muted);
  border-color: var(--accent-hover-border);
}

._secondaryBtn_108bu_7 svg {
  font-size: 20px;
}

._payload_108bu_37 {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: var(--pad-sm-plus) var(--pad-md);
  border-radius: var(--radius-md);
  background: var(--code-bg);
  color: var(--code-text);
  font: inherit;
  font-size: var(--fs-caption);
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-x: auto;
}

._segment_comment_108bu_52 {
  color: var(--code-comment);
  font-style: italic;
}

._segment_keyword_108bu_57 {
  color: var(--code-keyword);
  font-weight: var(--fw-semi);
}

._segment_value_108bu_62 {
  color: var(--code-value);
}._detailCol_7lqvm_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: transparent;
}

._detailView_7lqvm_12 {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  gap: var(--gap-lg);
  overflow-y: auto;
}

._empty_7lqvm_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--pad-xl);
  text-align: center;
  color: var(--text-secondary);
}

._empty_7lqvm_21 h3 {
  margin: 0 0 var(--gap-sm);
  color: var(--text);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
}

._empty_7lqvm_21 p {
  margin: 0;
  font-size: var(--fs-base);
}

._hero_7lqvm_42 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  padding-top: 14px;
  flex-shrink: 0;
}

._breadcrumb_7lqvm_50 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
}

._breadcrumbSep_7lqvm_61 {
  color: var(--border-strong);
}

._heroRow_7lqvm_65 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-sm) var(--gap-lg);
}

._heroRow_7lqvm_65 ._heroChip_7lqvm_72 {
  padding: var(--pad-tight) var(--pad-sm);
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  line-height: 20px;
  text-transform: uppercase;
}

._title_7lqvm_81 {
  margin: 0;
  font-size: var(--fs-page-title);
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--text);
}

._meta_7lqvm_89 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  font-size: var(--fs-base);
  color: var(--text-muted);
  white-space: nowrap;
}

._metaDot_7lqvm_98 {
  color: var(--border-strong);
}

._duration_7lqvm_102 {
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
}

._summaryRow_7lqvm_107 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--gap-md-plus);
  align-items: stretch;
  margin: 0 0 var(--gap-xs);
  flex-shrink: 0;
}

._summary_7lqvm_107 {
  margin: 0;
  padding: var(--pad-md) var(--pad-md) var(--pad-lg);
  min-width: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--call-queue-summary-bg);
  box-shadow: var(--call-queue-detail-shadow);
}

._callerCardFields_7lqvm_126 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._summaryLabel_7lqvm_132 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
}

._summaryLabel_7lqvm_132 svg {
  font-size: var(--icon-meta) !important;
}

._summaryToggle_7lqvm_146 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
  width: 100%;
  margin: 0 0 var(--gap-sm);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

._summaryToggle_7lqvm_146 > svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transition: transform 180ms ease;
  flex-shrink: 0;
}

._summaryCollapsed_7lqvm_166 {
  align-self: start;
}

._summaryCollapsed_7lqvm_166 ._summaryToggle_7lqvm_146 {
  margin-bottom: 0;
}

._summaryCollapsed_7lqvm_166 ._summaryToggle_7lqvm_146 > svg {
  transform: rotate(-90deg);
}

._summaryText_7lqvm_176 {
  margin: 0;
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

._chatCanvas_7lqvm_184 {
  margin: 0;
  padding: var(--pad-lg);
  overflow: hidden;
  flex: 1;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--call-queue-detail-shadow);
}

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

._sectionLabel_7lqvm_206 {
  flex-shrink: 0;
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: var(--gap-sm);
}

._sectionLabelSpaced_7lqvm_216 {
  margin-top: 12px;
}

._playerCard_7lqvm_220 {
  flex-shrink: 0;
  min-width: 0;
  margin-bottom: var(--gap-sm);
  padding: var(--pad-sm) var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  overflow: hidden;
}

._stream_7lqvm_231 {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

@media screen and (max-width: 1220px) {
  ._detailCol_7lqvm_1,
  ._detailView_7lqvm_12 {
    height: auto;
    overflow: visible;
  }
  ._breadcrumb_7lqvm_50 {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
  }
  ._chatCanvas_7lqvm_184 {
    flex: none;
    min-height: 0;
  }
  ._stream_7lqvm_231 {
    flex: none;
    height: 60vh;
  }
}

._transcriptEmpty_7lqvm_256 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 160px;
  padding: var(--pad-xl);
  text-align: center;
  color: var(--text-secondary);
}

._transcriptEmpty_7lqvm_256 h3 {
  margin: 0 0 var(--gap-sm);
  color: var(--text);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
}

._transcriptEmpty_7lqvm_256 p {
  margin: 0;
  font-size: var(--fs-base);
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_jb59y_58 {
  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_jb59y_58 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  ._container_jb59y_58 {
    flex-wrap: wrap;
    padding-bottom: 6px;
  }
}
._containerTimeline_jb59y_90 {
  justify-content: space-between;
  align-items: center;
  background: transparent;
  margin: 0 0 10px;
  width: 100%;
  padding: 12px 0 10px;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  gap: 12px;
  position: relative;
  z-index: 6;
  overflow: visible;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._containerTimeline_jb59y_90 {
    flex-wrap: wrap;
  }
}
._containerTimeline_jb59y_90 ._btns_jb59y_110 {
  margin-left: 0;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
._containerTimeline_jb59y_90 ._leftActions_jb59y_117 {
  flex-wrap: nowrap;
  overflow: visible;
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 {
  box-shadow: none;
  border-color: var(--border);
  background: var(--surface);
  color: var(--text-secondary);
  /* Sentiment smile stays accent-colored — do not flatten/invert to light text */
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121::after,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122::after {
  display: none;
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._label_jb59y_133,
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._toolBtnLabel_jb59y_134,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._label_jb59y_133,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._toolBtnLabel_jb59y_134 {
  color: var(--text-secondary);
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._toolBtnIconWrap_jb59y_139,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._toolBtnIconWrap_jb59y_139 {
  background: var(--surface-muted);
  color: inherit;
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._toolBtnSentimentIcon_jb59y_144,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._toolBtnSentimentIcon_jb59y_144 {
  background: var(--sentiment-tool-btn-icon-bg, linear-gradient(135deg, #ede8ff 0%, #d8ceff 100%));
  color: var(--accent);
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._toolBtnSentimentIcon_jb59y_144 svg,
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121 ._toolBtnSentimentIcon_jb59y_144 .MuiSvgIcon-root,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._toolBtnSentimentIcon_jb59y_144 svg,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122 ._toolBtnSentimentIcon_jb59y_144 .MuiSvgIcon-root {
  color: var(--accent) !important;
  filter: none;
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121:hover,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122:hover {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
  box-shadow: none;
  transform: none;
}
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121:hover ._label_jb59y_133,
._containerTimeline_jb59y_90 ._toolBtn_jb59y_121:hover ._toolBtnLabel_jb59y_134,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122:hover ._label_jb59y_133,
._containerTimeline_jb59y_90 ._toolBtnSentiment_jb59y_122:hover ._toolBtnLabel_jb59y_134 {
  color: var(--text);
}
._containerTimeline_jb59y_90 ._toolBtnSentimentActive_jb59y_170 {
  border-color: var(--border-strong);
  background: var(--surface-muted);
}
._containerTimeline_jb59y_90 ._toolBtnSentimentActive_jb59y_170 ._toolBtnLabel_jb59y_134 {
  color: var(--text);
}
._leftActions_jb59y_117 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  overflow: visible;
}
._btns_jb59y_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_jb59y_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_jb59y_110 {
    flex-wrap: wrap;
    row-gap: 6px;
  }
}
._buttonHolder_jb59y_215 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_jb59y_215 {
    gap: 6px;
  }
}
._conversationBtn_jb59y_229 {
  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_jb59y_229 {
    width: fit-content;
  }
}
@keyframes _supervisorPulse_jb59y_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes _supervisorPopIn_jb59y_1 {
  from {
    opacity: 0;
    transform: scale(0.7) translateX(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes _supervisorVolumeExpand_jb59y_1 {
  from {
    width: 0;
    padding: 7px 0;
    opacity: 0;
  }
  to {
    width: 116px;
    padding: 7px 14px;
    opacity: 1;
  }
}
._supervisorControls_jb59y_275 {
  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_jb59y_275 {
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 6px;
  }
}
@media screen and (max-width: 480px) {
  ._supervisorControls_jb59y_275 {
    gap: 4px;
  }
}
._supervisorButton_jb59y_298 {
  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_jb59y_298 {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
    gap: 5px;
  }
  ._supervisorButton_jb59y_298 svg {
    width: 15px;
    height: 15px;
  }
}
._supervisorButton_jb59y_298 svg {
  width: 17px;
  height: 17px;
  color: currentColor;
}
._supervisorButton_jb59y_298: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_jb59y_298:active {
  filter: brightness(0.92);
  transform: translateY(0);
}
._supervisorButton_jb59y_298[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_jb59y_298 {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
  ._supervisorButton_jb59y_298 span {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 375px) {
  ._supervisorButton_jb59y_298 {
    padding: 0 10px;
  }
  ._supervisorButton_jb59y_298 span {
    display: none;
  }
}
._supervisorCaret_jb59y_369 {
  transition: transform 210ms ease;
}
._supervisorButton_jb59y_298[aria-expanded=true] ._supervisorCaret_jb59y_369 {
  transform: rotate(180deg);
}
._supervisorButtonListening_jb59y_377 {
  border-color: rgba(37, 167, 102, 0.35);
  background: rgba(37, 167, 102, 0.08);
  color: #166534;
}
._supervisorButtonListening_jb59y_377:hover {
  border-color: rgba(37, 167, 102, 0.45);
  background: rgba(37, 167, 102, 0.14);
}
._supervisorButtonConnecting_jb59y_387 {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  color: var(--info);
  cursor: default;
}
._supervisorButtonConnecting_jb59y_387:hover {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  transform: none;
}
@keyframes _supervisorConnectingPulse_jb59y_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}
._supervisorStatusConnecting_jb59y_409 {
  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: var(--info);
  letter-spacing: 0.02em;
}
._supervisorStatusConnectingDot_jb59y_425 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--info);
  animation: _supervisorConnectingPulse_jb59y_1 1.2s ease-in-out infinite;
}
._supervisorButtonBarge_jb59y_433 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  cursor: default;
}
._supervisorButtonBarge_jb59y_433:hover {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
  transform: none;
}
._supervisorStatusLabel_jb59y_445 {
  pointer-events: none;
  user-select: none;
}
._supervisorButtonOccupied_jb59y_450 {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  cursor: default;
}
._supervisorButtonOccupied_jb59y_450 svg {
  color: #a0a0b8;
}
._supervisorButtonOccupied_jb59y_450:hover {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  transform: none;
  filter: none;
}
._supervisorButtonOccupied_jb59y_450:active {
  filter: none;
  transform: none;
}
._supervisorButtonOccupied_jb59y_450[aria-expanded=true] {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
}
._supervisorMenu_jb59y_476 {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1000;
  width: 276px;
  max-width: calc(100vw - 24px);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-card);
  color: var(--text);
}
._supervisorItem_jb59y_491 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: none;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font-family: "Roboto";
  text-align: left;
  transition: background 210ms ease;
}
._supervisorItem_jb59y_491:hover {
  background: var(--accent-hover-bg);
}
._supervisorItemDanger_jb59y_509:hover {
  background: var(--chip-err-bg);
}
._supervisorItemDisabled_jb59y_513 {
  opacity: 0.45;
  cursor: not-allowed;
}
._supervisorItemDisabled_jb59y_513:hover {
  background: transparent;
}
._supervisorItemDisabled_jb59y_513 ._supervisorItemTitle_jb59y_520 {
  color: var(--text-muted);
}
._supervisorItemDisabled_jb59y_513 ._supervisorChevron_jb59y_523 {
  opacity: 0;
}
._supervisorItemTooltipWrap_jb59y_527 {
  display: block;
  width: 100%;
}
._supervisorBargeTip_jb59y_532 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}
._supervisorBargeTipIcon_jb59y_541 {
  width: 13px !important;
  height: 13px !important;
  color: rgba(255, 255, 255, 0.65);
}
._supervisorItemIcon_jb59y_547 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 10px;
  background: var(--accent-soft);
}
._supervisorItemIcon_jb59y_547 svg {
  width: 18px;
  height: 18px;
  color: var(--accent);
}
._supervisorItemIconListen_jb59y_563 {
  background: var(--accent-soft);
}
._supervisorItemIconBarge_jb59y_567 {
  background: var(--chip-err-bg);
}
._supervisorItemIconBarge_jb59y_567 svg {
  color: var(--chip-err-text);
}
._supervisorItemActive_jb59y_574 ._supervisorItemIcon_jb59y_547 {
  background: var(--chip-ok-bg);
}
._supervisorItemActive_jb59y_574 ._supervisorItemIcon_jb59y_547 svg {
  color: var(--chip-ok-text);
}
._supervisorItemActive_jb59y_574 ._supervisorItemTitle_jb59y_520 {
  color: var(--chip-ok-text);
}
._supervisorItemText_jb59y_584 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
._supervisorItemTitle_jb59y_520 {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
._supervisorItemHint_jb59y_597 {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.4;
}
._supervisorChevron_jb59y_523 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--text-secondary);
}
._supervisorSeparator_jb59y_610 {
  height: 1px;
  margin: 0 14px;
  background: var(--border);
}
._supervisorInlineListen_jb59y_616 {
  gap: 6px;
}
._supervisorConfirm_jb59y_620 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 14px;
  font-family: "Roboto";
}
._supervisorConfirm_jb59y_620 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}
._supervisorConfirmWarn_jb59y_634 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}
._supervisorConfirmWarn_jb59y_634 svg {
  width: 20px;
  height: 20px;
  color: var(--warning);
}
._supervisorConfirmActions_jb59y_648 {
  display: flex;
  gap: 8px;
}
._supervisorConfirmActions_jb59y_648 button {
  flex: 1;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  transition: background 140ms ease;
}
._supervisorConfirmActions_jb59y_648 button:first-child {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  font-weight: 500;
}
._supervisorConfirmActions_jb59y_648 button:first-child:hover {
  background: var(--surface-muted);
}
._supervisorConfirmActions_jb59y_648 button:last-child {
  border: none;
  background: var(--chip-err-text);
  color: var(--color-white);
  font-weight: 700;
}
._supervisorConfirmActions_jb59y_648 button:last-child:hover {
  background: color-mix(in srgb, var(--chip-err-text) 85%, black);
}
._supervisorInline_jb59y_616 {
  display: flex;
  align-items: center;
  gap: 6px;
  animation: _supervisorPopIn_jb59y_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_jb59y_616 {
    gap: 4px;
  }
}
._supervisorTimer_jb59y_695 {
  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: var(--chip-ok-text);
  letter-spacing: 0.02em;
}
._supervisorListenRow_jb59y_712 {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: visible;
}
._unmuteConfirmAnchor_jb59y_719 {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 1;
}
._unmuteConfirmPopover_jb59y_726 {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background-color: var(--surface) !important;
  box-shadow: var(--shadow-card);
  font-family: "Roboto";
  pointer-events: auto;
  box-sizing: border-box;
  color: var(--text);
}
._unmuteConfirmTitle_jb59y_738 {
  margin: 0 0 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
._unmuteConfirmText_jb59y_746 {
  margin: 0 0 12px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}
._unmuteConfirmActions_jb59y_753 {
  display: flex;
  gap: 8px;
}
._unmuteConfirmCancel_jb59y_758,
._unmuteConfirmPrimary_jb59y_759 {
  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_jb59y_758 {
  border: 1px solid var(--border);
  background-color: var(--surface);
  color: var(--text);
}
._unmuteConfirmCancel_jb59y_758:hover {
  background-color: var(--surface-muted);
}
._unmuteConfirmPrimary_jb59y_759 {
  border: none;
  background-color: var(--chip-err-text);
  color: var(--color-white);
}
._unmuteConfirmPrimary_jb59y_759:hover {
  background-color: color-mix(in srgb, var(--chip-err-text) 85%, black);
}
._supervisorCircle_jb59y_788 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--surface);
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, transform 100ms ease;
}
._supervisorCircle_jb59y_788 svg {
  width: 18px;
  height: 18px;
  color: var(--text-secondary);
}
._supervisorCircle_jb59y_788:hover {
  background: var(--surface-muted);
  transform: scale(1.06);
}
._supervisorCircleListen_jb59y_811 {
  border-color: var(--chip-ok-border);
  background: var(--chip-ok-bg);
  cursor: default;
  pointer-events: none;
}
._supervisorCircleListen_jb59y_811 svg {
  color: var(--chip-ok-text);
}
._supervisorCircleStop_jb59y_821 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-text);
}
._supervisorCircleStop_jb59y_821 svg {
  color: var(--color-white);
}
._supervisorCircleStop_jb59y_821:hover {
  background: color-mix(in srgb, var(--chip-err-text) 85%, black);
  transform: scale(1.06);
}
._supervisorCircleEnd_jb59y_833 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-text);
}
._supervisorCircleEnd_jb59y_833 svg {
  width: 17px;
  height: 17px;
  color: var(--color-white);
}
._supervisorCircleEnd_jb59y_833:hover {
  background: color-mix(in srgb, var(--chip-err-text) 85%, black);
}
._supervisorCircleMuted_jb59y_846 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
}
._supervisorCircleMuted_jb59y_846 svg {
  color: var(--chip-err-text);
}
._supervisorCircleMuted_jb59y_846:hover {
  background: color-mix(in srgb, var(--chip-err-bg) 80%, var(--chip-err-border));
}
._supervisorCircleVolume_jb59y_857 {
  background: var(--surface);
}
._supervisorVolume_jb59y_861 {
  position: relative;
  display: flex;
  align-items: center;
}
._supervisorVolumeSlider_jb59y_867 {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: none;
  animation: _supervisorVolumeExpand_jb59y_1 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
._supervisorVolumeSlider_jb59y_867 input[type=range] {
  width: 88px;
  height: 4px;
  border-radius: 999px;
  outline: none;
  background: var(--surface-muted);
  accent-color: var(--checkbox-checked, var(--accent));
  cursor: pointer;
  appearance: none;
}
._supervisorVolumeSlider_jb59y_867 input[type=range]::-webkit-slider-thumb {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--text-secondary);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  -webkit-appearance: none;
}
._supervisorVolumeSlider_jb59y_867 input[type=range]::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border: none;
  border-radius: 50%;
  background: var(--text-secondary);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
}
._supervisorVolumeSlider_jb59y_867 input[type=range]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: var(--surface-muted);
}
._menuItem_jb59y_914 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_jb59y_133 {
  line-height: 15px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._filterButton_jb59y_928 {
  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_jb59y_928 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  ._filterButton_jb59y_928 {
    padding: 6px 10px;
    gap: 6px;
  }
  ._filterButton_jb59y_928 span {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._filterButton_jb59y_928 {
    padding: 6px 8px;
  }
}
._toolBtnSentiment_jb59y_122 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 8px;
  border: 1px solid var(--accent-shadow-md);
  background: var(--surface);
  border-radius: 10px;
  font-family: "Roboto";
  font-size: var(--fs-sm-plus, 12.5px);
  font-weight: var(--fw-semi, 600);
  color: var(--text);
  line-height: 1;
  box-shadow: 0 1px 3px var(--accent-shadow);
  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;
  border-color: var(--sentiment-tool-btn-border, var(--accent-shadow-md));
  background: var(--sentiment-tool-btn-bg, var(--surface));
  text-align: left;
}
._toolBtnSentiment_jb59y_122::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_jb59y_122:hover::after {
  transform: translateX(130%);
}
._toolBtnSentiment_jb59y_122: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_jb59y_122:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px var(--accent-shadow-md);
}
._toolBtnSentiment_jb59y_122:hover ._toolBtnSentimentIcon_jb59y_144, ._toolBtnSentiment_jb59y_122:hover ._toolBtnIconWrap_jb59y_139 {
  transform: scale(1.14) rotate(-6deg);
}
._toolBtnSentiment_jb59y_122:hover {
  background: var(--sentiment-tool-btn-active-bg, linear-gradient(135deg, rgba(107, 92, 231, 0.07) 0%, rgba(197, 140, 242, 0.1) 100%));
}
._toolBtnSentiment_jb59y_122:hover ._toolBtnLabel_jb59y_134 {
  color: var(--sentiment-tool-btn-active-color, var(--accent-hover));
}
._toolBtnSentiment_jb59y_122:hover ._toolBtnCaret_jb59y_1013 {
  color: var(--sentiment-tool-btn-active-color, var(--accent)) !important;
}
._toolBtnSentiment_jb59y_122 ._toolBtnLabel_jb59y_134 {
  color: var(--sentiment-tool-btn-color, var(--text));
}
@media screen and (max-width: 1100px) {
  ._toolBtnSentiment_jb59y_122 ._toolBtnLabel_jb59y_134 {
    display: inline;
  }
}
._toolBtnSentimentToggle_jb59y_1025 {
  cursor: pointer;
  margin: 0;
}
._toolBtnSentimentActive_jb59y_170 {
  border-color: var(--sentiment-tool-btn-active-border, rgba(107, 94, 255, 0.42));
  background: var(--sentiment-tool-btn-active-bg, linear-gradient(135deg, rgba(107, 92, 231, 0.07) 0%, rgba(197, 140, 242, 0.1) 100%));
  box-shadow: 0 4px 16px rgba(107, 94, 255, 0.18), 0 2px 6px rgba(95, 82, 243, 0.1);
}
._toolBtnSentimentActive_jb59y_170 ._toolBtnLabel_jb59y_134 {
  color: var(--sentiment-tool-btn-active-color, #5145da);
}
._toolBtnSentimentIcon_jb59y_144 {
  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: var(--sentiment-tool-btn-icon-bg, linear-gradient(135deg, #ede8ff 0%, #d8ceff 100%));
  color: var(--accent);
  filter: none;
}
._toolBtnSentimentIcon_jb59y_144 img {
  width: 16px;
  height: 16px;
  display: block;
}
._toolBtnSentimentIcon_jb59y_144 svg,
._toolBtnSentimentIcon_jb59y_144 .MuiSvgIcon-root {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--accent) !important;
  filter: none;
}
._toolBtnLabel_jb59y_134 {
  font-family: "Roboto";
  font-size: 12.5px;
  font-weight: 600;
  color: inherit;
  line-height: 1;
}
._toolBtnCaret_jb59y_1013 {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
  transition: transform 260ms cubic-bezier(0.34, 1.4, 0.64, 1), color 220ms ease !important;
}
._filterButtonIconWrap_jb59y_1083 {
  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_jb59y_1083 img {
  width: 16px;
  height: 16px;
  display: block;
}
._filterButtonIconWrap_jb59y_1083 img {
  width: 16px;
  height: 16px;
}
._filterWrap_jb59y_1104 {
  position: relative;
  z-index: 2;
  overflow: visible;
}
._filterMenu_jb59y_1110 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1100;
  min-width: 168px;
  padding: 6px;
  background: var(--surface);
  border: 1px solid #eceff6;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(16, 28, 64, 0.1);
}
._filterMenuItem_jb59y_1123 {
  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_jb59y_1123:hover {
  background: var(--surface-accent);
}
._filterMenuItemActive_jb59y_1145 {
  background: var(--surface-accent);
  color: var(--accent-hover);
  font-weight: 600;
}
._filterMenuItemIcon_jb59y_1151 {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  flex-shrink: 0;
}
._imgHolder_jb59y_1158 {
  flex-shrink: 0;
  min-width: 0;
}
@media screen and (max-width: 1100px) {
  ._imgHolder_jb59y_1158 {
    width: auto;
  }
}
._dropDownIcon_jb59y_1168 {
  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;
}
._container_yalnw_57 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  ._container_yalnw_57 {
    gap: 4px;
  }
  ._container_yalnw_57 ._label_yalnw_69 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._container_yalnw_57 {
    gap: 4px;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 375px) {
  ._container_yalnw_57 ._label_yalnw_69 {
    display: none;
  }
}
._toolBtn_yalnw_85 {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 8px;
  border: 1px solid var(--accent-shadow-md);
  background: var(--surface);
  border-radius: 10px;
  font-family: "Roboto";
  font-size: var(--fs-sm-plus, 12.5px);
  font-weight: var(--fw-semi, 600);
  color: var(--text);
  line-height: 1;
  box-shadow: 0 1px 3px var(--accent-shadow);
  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_yalnw_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_yalnw_85:hover::after {
  transform: translateX(130%);
}
._toolBtn_yalnw_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_yalnw_85:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px var(--accent-shadow-md);
}
._toolBtn_yalnw_85:hover ._toolBtnSentimentIcon_yalnw_127, ._toolBtn_yalnw_85:hover ._toolBtnIconWrap_yalnw_127 {
  transform: scale(1.14) rotate(-6deg);
}
._toolBtn_yalnw_85 ._label_yalnw_69 {
  order: 1;
  font-size: var(--fs-sm-plus, 12.5px);
  font-weight: var(--fw-semi, 600);
  color: var(--text);
  line-height: 1;
}
._toolBtn_yalnw_85 ._toolBtnIconWrap_yalnw_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: var(--cat-download-icon-bg);
  color: var(--cat-download);
}
._toolBtn_yalnw_85 ._toolBtnIconWrap_yalnw_127 img {
  width: 16px;
  height: 16px;
  display: block;
}
._toolBtn_yalnw_85 ._toolBtnIconWrap_yalnw_127 img,
._toolBtn_yalnw_85 ._toolBtnIconWrap_yalnw_127 svg {
  width: 16px;
  height: 16px;
  display: block;
  color: inherit;
  fill: currentColor;
}
._toolBtn_yalnw_85:hover {
  background: var(--accent-hover-bg);
  border-color: var(--accent-hover-border);
  color: var(--cat-download-hover);
}
._toolBtn_yalnw_85:hover ._label_yalnw_69 {
  color: var(--cat-download-hover);
}
._toolBtn_yalnw_85:hover ._toolBtnIconWrap_yalnw_127 {
  background: var(--cat-download-icon-bg);
  color: var(--cat-download-hover);
}
._disabled_yalnw_176 {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
._label_yalnw_69 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._label_yalnw_69 {
    font-size: 14px;
  }
}._toolbar_1mfh3_1 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  height: var(--app-header-control-height, 36px);
  min-height: var(--app-header-control-height, 36px);
  max-height: var(--app-header-control-height, 36px);
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: var(--gap-xl);
  margin-right: var(--gap-xl);
  border-right: 1px solid var(--border);
}
._toolbar_1mfh3_1 + * {
  margin-left: calc(var(--gap-sm) * -1);
}

._sessionPill_1mfh3_18 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs);
  box-sizing: border-box;
  height: 100%;
  min-height: var(--app-header-control-height, 36px);
  max-height: var(--app-header-control-height, 36px);
  margin-left: 0;
  padding: 0 var(--pad-md);
  border: none;
  border-radius: var(--radius-pill);
  background: var(--chip-ok-bg);
  color: var(--chip-ok-text);
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-md);
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}

._sessionDot_1mfh3_40 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ok);
  flex-shrink: 0;
}

._sessionPillOffline_1mfh3_48 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}
._sessionPillOffline_1mfh3_48 ._sessionDot_1mfh3_40 {
  background: var(--danger);
}

@media screen and (max-width: 520px) {
  div:has(> ._toolbar_1mfh3_1) {
    flex-wrap: wrap;
    row-gap: var(--gap-xs);
  }
  ._toolbar_1mfh3_1 {
    order: 1;
    flex-basis: 100%;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}._filterCluster_i4zmt_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs);
  flex-shrink: 0;
}

._trigger_i4zmt_9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  height: 32px;
  padding: 0 var(--gap-md);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}

._trigger_i4zmt_9:hover {
  background: var(--surface-muted);
  border-color: var(--accent-hover-border);
}

._triggerActive_i4zmt_33 {
  border-color: var(--accent-hover-border);
  background: var(--surface-accent);
  color: var(--accent-active-text);
}

._triggerActive_i4zmt_33:hover {
  background: var(--surface-accent);
}

._triggerIconWrap_i4zmt_42 {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}

svg._triggerIcon_i4zmt_42 {
  width: 18px;
  height: 18px;
}

._triggerDot_i4zmt_53 {
  position: absolute;
  top: -1px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  border: 1.5px solid var(--surface);
  pointer-events: none;
}

._headClear_i4zmt_65 {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast);
}

._headClear_i4zmt_65 svg {
  width: 18px;
  height: 18px;
}

._headClear_i4zmt_65:hover, ._headClear_i4zmt_65:focus-visible {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}

._popover_i4zmt_88 {
  width: 580px;
  max-width: calc(100vw - 24px);
  gap: var(--pad-md);
  padding: var(--pad-md);
}

._popoverHead_i4zmt_95 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
}

._popoverTitle_i4zmt_102 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--text);
}

._popoverClose_i4zmt_108 {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast);
}

._popoverClose_i4zmt_108 svg {
  width: 18px;
  height: 18px;
}

._popoverClose_i4zmt_108:hover {
  background: var(--surface-muted);
  color: var(--text);
}

._popoverHelper_i4zmt_131 {
  margin: 0;
  font-size: var(--fs-caption);
  line-height: 1.4;
  color: var(--text-muted);
}

._popoverFoot_i4zmt_138 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-sm);
  padding-top: var(--pad-sm);
  border-top: 1px solid var(--border);
}

._footClear_i4zmt_147 {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
  cursor: pointer;
  transition: color var(--t-fast);
}

._footClear_i4zmt_147:hover:not(:disabled) {
  color: var(--text);
}

._footClear_i4zmt_147:disabled {
  color: var(--btn-disabled);
  cursor: not-allowed;
}

._footApply_i4zmt_166 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 var(--gap-md);
  border: 1px solid var(--btn-dark);
  border-radius: var(--radius-pill);
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}

._footApply_i4zmt_166:hover {
  background: var(--surface);
  color: var(--btn-dark);
}

@media screen and (max-width: 480px) {
  ._popover_i4zmt_88 {
    max-width: calc(100vw - 16px);
  }
}._placeholder_pkmel_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 0;
  padding: var(--pad-xl);
  text-align: center;
}
._placeholder_pkmel_1 h3 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-lg);
  font-weight: var(--fw-semi);
  line-height: normal;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1dg55_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
._container_1dg55_29 ._header_1dg55_38 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
._container_1dg55_29 ._balance_1dg55_44 {
  font-weight: bold;
}
._container_1dg55_29 ._title_1dg55_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_1dg55_29 ._cardsHolder_1dg55_56 {
  width: 100%;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
._container_1dg55_29 ._cardsHolder_1dg55_56 ._footer_1dg55_62 {
  padding-top: 32px;
  padding-bottom: 32px;
}
._usageReportContainer_1dg55_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_1dg55_78 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.09px;
  text-align: left;
  color: var(--text);
  margin-bottom: 10px;
}
._topUpButton_1dg55_88 {
  font-family: "Roboto";
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 14px 24px 14px 24px !important;
}
._cards_1dg55_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_1dg55_106 {
  display: flex;
  flex-direction: column;
}
._table_1dg55_106 hr {
  margin: 8px 0 8px 0;
  color: var(--border);
  border-color: var(--border);
}
._row_1dg55_116, ._tableRow_1dg55_116, ._tableHeader_1dg55_116 {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto";
  font-weight: 400;
}
._tableHeader_1dg55_116 > div {
  font-size: 12px !important;
  line-height: 14.32px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
}
._tableBody_1dg55_131 {
  display: flex;
  gap: 8px !important;
  flex-direction: column;
}
._tableRow_1dg55_116 {
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: left;
  border-bottom: 1px solid var(--border);
  padding-top: 8px;
  padding-bottom: 8px;
}
._tableRow_1dg55_116:last-child {
  padding-bottom: 0;
  border: 0;
}
._circle_1dg55_150, ._blackCircle_1dg55_150 {
  width: auto;
  height: 25px;
  padding: 4px 14px 4px 14px;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid var(--border);
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 500;
  line-height: 17.09px !important;
  text-align: center !important;
}
._blackCircle_1dg55_150 {
  background-color: var(--text);
  color: var(--on-dark-surface);
  display: flex;
}
._footer_1dg55_62 {
  display: flex;
  padding: 24px;
  height: 96px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
._modalContent_1dg55_179 {
  height: 550px !important;
}
._planName_1dg55_183 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
  text-transform: capitalize;
}
._planPrice_1dg55_193 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 21.98px;
  text-align: left;
  color: var(--text);
}
._contentFlex_1dg55_202 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._contentText_1dg55_208 {
  color: var(--scss-text-color, #1f1f1f);
}
._contentBlock_1dg55_212 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border);
  padding: 24px;
  border-radius: 10px;
}
._active-subscription_1dg55_221 {
  border: 1px solid var(--text) !important;
  background-color: var(--surface-subtle) !important;
}
._canceledSubLabel_1dg55_226 {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--on-dark-surface);
  background-color: var(--danger, #ff3b30);
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
._expDate_1dg55_239 {
  color: var(--danger, #ff3b30);
  background-color: var(--chip-err-bg, rgba(255, 59, 48, 0.15));
  line-height: 21px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
._closeIcon_1dg55_250 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_1dg55_250:hover {
  background-color: var(--danger, #ff3b30);
}:root {
  --interaction-page-header: 102px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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;
}
._main_7tdci_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_7tdci_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_7tdci_57 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._main_7tdci_57 {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 1200px;
    max-height: none;
    overflow: visible;
  }
}
._mainResizing_7tdci_92 {
  cursor: col-resize;
  user-select: none;
}
._mainResizing_7tdci_92 *,
._mainResizing_7tdci_92 *::before,
._mainResizing_7tdci_92 *::after {
  cursor: col-resize !important;
  user-select: none !important;
}
._mainContentContainer_7tdci_103 {
  flex: 1 1 auto;
  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_7tdci_103 {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border: none;
  }
}
._resizeHandle_7tdci_124 {
  flex: 0 0 6px;
  width: 6px;
  margin: 0 -1px;
  position: relative;
  z-index: 2;
  cursor: col-resize;
  touch-action: none;
  background: transparent;
}
._resizeHandle_7tdci_124::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}
._resizeHandle_7tdci_124:hover::before, ._resizeHandle_7tdci_124:active::before {
  background: var(--border-strong);
}
@media screen and (max-width: 834px) {
  ._resizeHandle_7tdci_124 {
    display: none;
  }
}
._timeline_7tdci_153 {
  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_7tdci_153 {
    padding: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._timeline_7tdci_153 {
    padding: 8px 10px;
  }
}
._sectionLabel_7tdci_173 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: 8px;
}
._sectionLabelSpaced_7tdci_184 {
  margin-top: 12px;
}
._playerSentimentStack_7tdci_188 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}
._interactionCard_7tdci_196 {
  flex-shrink: 0;
  box-sizing: border-box;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}
._audioPlayerCard_7tdci_205 {
  padding: 10px 12px;
  overflow: visible;
}
._sentimentCard_7tdci_210 {
  padding: 0;
  overflow: visible;
}
._sentimentCardAfterPlayer_7tdci_215 {
  margin-top: 10px;
}
._chatCanvasCard_7tdci_219 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  --agent-message-bubble-bg-default: var(--surface);
  --agent-message-bubble-border-default: var(--border);
  --surface-announcement: var(--surface);
  --announcement-border-default: var(--border);
  --transcript-card-border-default: var(--border);
  --transcript-bubble-shadow: var(--call-queue-detail-shadow);
  --surface-overlay: var(--surface-subtle);
  --accent-border-soft: var(--border);
  --grouped-process-bg: transparent;
  --action-pass-bg-default: var(--surface-subtle);
  --action-fail-bg-default: var(--surface-subtle);
  --action-pass-border-default: var(--border);
  --action-fail-border-default: var(--border);
}
._tabs_7tdci_240 {
  display: none;
  flex-shrink: 0;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
@media screen and (max-width: 834px) {
  ._tabs_7tdci_240 {
    display: flex;
    width: 100%;
    padding: 10px 12px 0;
  }
}
@media screen and (max-width: 480px) {
  ._tabs_7tdci_240 {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
._sideContentContainer_7tdci_260 {
  flex: 0 0 auto;
  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_7tdci_260 {
    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_7tdci_260 {
    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_14m39_29 {
  padding: 9.5px 14px;
  gap: 8px;
  border-radius: 50px;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 834px) {
  ._toggleButton_14m39_29 {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 10px 12px;
  }
}
._toggleButtonLabel_14m39_46 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 17px;
  color: var(--text);
}
._container_14m39_53 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 834px) {
  ._container_14m39_53 {
    padding-left: 0;
    padding-right: 0;
    gap: 6px;
  }
}
._selected_14m39_69 {
  background-color: var(--btn-dark);
  border-color: var(--btn-dark);
}
._selectedLabel_14m39_74 {
  color: var(--on-dark-surface);
  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_1p7v1_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  min-width: 0;
}
@media screen and (max-width: 834px) {
  ._section_1p7v1_29 {
    padding: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._section_1p7v1_29 {
    padding: 10px;
    border-radius: 12px;
  }
}
._contentContainer_1p7v1_53 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
._latencyContainer_1p7v1_63 {
  padding: 3px 12px;
  border-radius: 9px;
  background-color: var(--surface-muted);
  width: fit-content;
  border: 1px solid var(--border);
}
._label_1p7v1_71 {
  font-size: 13px;
  font-family: "Roboto";
  font-weight: 700;
  color: var(--text);
}
._timeLabel_1p7v1_78 {
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 800;
  color: var(--text);
  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_1hnbx_29 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
}
._result_1hnbx_29 ._header_1hnbx_39 {
  color: var(--text-secondary);
  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_1hnbx_29 ._header_1hnbx_39 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1hnbx_29 ._header_1hnbx_39 {
    font-size: 12px !important;
  }
}
._result_1hnbx_29 ._content_1hnbx_58 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_1hnbx_29 ._content--text_1hnbx_63 {
  display: block;
}
._result_1hnbx_29 ._value_1hnbx_66 {
  width: 100%;
}
._result_1hnbx_29 ._tableWrapper_1hnbx_69 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_1hnbx_29 ._tableWrapper_1hnbx_69::-webkit-scrollbar {
  height: 6px;
}
._result_1hnbx_29 ._tableWrapper_1hnbx_69::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
._result_1hnbx_29 ._tableWrapper_1hnbx_69::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._result_1hnbx_29 ._tableWrapper_1hnbx_69::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
._result_1hnbx_29 ._markdownTable_1hnbx_88 {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  min-width: max-content;
  background: var(--surface);
  color: var(--text);
}
._result_1hnbx_29 ._markdownTh_1hnbx_100,
._result_1hnbx_29 ._markdownTd_1hnbx_101 {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  min-width: 100px;
  max-width: 300px;
}
._result_1hnbx_29 ._markdownTh_1hnbx_100:last-child,
._result_1hnbx_29 ._markdownTd_1hnbx_101:last-child {
  border-right: none;
}
._result_1hnbx_29 ._markdownTh_1hnbx_100 {
  background-color: var(--surface-muted);
  font-weight: 600;
  white-space: nowrap;
}
._result_1hnbx_29 ._markdownTr_1hnbx_118:last-child ._markdownTd_1hnbx_101 {
  border-bottom: none;
}
._result_1hnbx_29 ._markdownTr_1hnbx_118:hover {
  background-color: var(--table-row-hover-bg);
}
._result_1hnbx_29 ._label_1hnbx_124 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 1440px) {
  ._result_1hnbx_29 ._label_1hnbx_124 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1hnbx_29 ._label_1hnbx_124 {
    font-size: 13px;
  }
}
._result_1hnbx_29 ._colon_1hnbx_141 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_1hnbx_29 ._colon_1hnbx_141 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1hnbx_29 ._colon_1hnbx_141 {
    font-size: 13px;
  }
}
._result_1hnbx_29 ._value_1hnbx_66 {
  color: var(--text);
  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_1hnbx_29 ._value_1hnbx_66 h1,
._result_1hnbx_29 ._value_1hnbx_66 h2,
._result_1hnbx_29 ._value_1hnbx_66 h3,
._result_1hnbx_29 ._value_1hnbx_66 h4,
._result_1hnbx_29 ._value_1hnbx_66 h5,
._result_1hnbx_29 ._value_1hnbx_66 h6 {
  color: var(--text) !important;
  margin: 0.75em 0 0.4em;
  font-weight: 700;
  line-height: 1.3;
}
._result_1hnbx_29 ._value_1hnbx_66 h1 {
  font-size: 1.5em;
}
._result_1hnbx_29 ._value_1hnbx_66 h2 {
  font-size: 1.3em;
}
._result_1hnbx_29 ._value_1hnbx_66 h3 {
  font-size: 1.15em;
}
._result_1hnbx_29 ._value_1hnbx_66 h4,
._result_1hnbx_29 ._value_1hnbx_66 h5,
._result_1hnbx_29 ._value_1hnbx_66 h6 {
  font-size: 1em;
}
._result_1hnbx_29 ._value_1hnbx_66 p,
._result_1hnbx_29 ._value_1hnbx_66 li,
._result_1hnbx_29 ._value_1hnbx_66 span,
._result_1hnbx_29 ._value_1hnbx_66 strong,
._result_1hnbx_29 ._value_1hnbx_66 em,
._result_1hnbx_29 ._value_1hnbx_66 blockquote {
  color: var(--text);
}
._result_1hnbx_29 ._value_1hnbx_66 a {
  color: var(--accent-link);
}
._result_1hnbx_29 ._value_1hnbx_66 code,
._result_1hnbx_29 ._value_1hnbx_66 pre {
  color: var(--text);
  background: var(--surface-muted);
  border-radius: 4px;
}
._result_1hnbx_29 ._value_1hnbx_66 code {
  padding: 0.1em 0.35em;
}
._result_1hnbx_29 ._value_1hnbx_66 pre {
  padding: 10px 12px;
  overflow-x: auto;
}
._result_1hnbx_29 ._value_1hnbx_66 hr {
  border: none;
  border-top: 1px solid var(--border);
}
._result_1hnbx_29 ._value_1hnbx_66 ul,
._result_1hnbx_29 ._value_1hnbx_66 ol {
  color: var(--text);
  padding-left: 1.25em;
}
._result_1hnbx_29 ._value_1hnbx_66::-webkit-scrollbar {
  height: 6px;
}
._result_1hnbx_29 ._value_1hnbx_66::-webkit-scrollbar-track {
  background: var(--surface-muted);
  border-radius: 3px;
}
._result_1hnbx_29 ._value_1hnbx_66::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 3px;
}
._result_1hnbx_29 ._value_1hnbx_66::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}
@media screen and (max-width: 1440px) {
  ._result_1hnbx_29 ._value_1hnbx_66 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_1hnbx_29 ._value_1hnbx_66 {
    font-size: 13px;
  }
}
._headerContainer_1hnbx_251 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_1hnbx_258 {
  color: var(--on-dark-surface) !important;
  border: 1px solid var(--btn-dark) !important;
  background-color: var(--btn-dark) !important;
}
._printButton_1hnbx_258 .MuiButton-startIcon,
._printButton_1hnbx_258 .MuiSvgIcon-root {
  color: var(--on-dark-surface) !important;
}
._printButton_1hnbx_258:hover {
  color: var(--on-dark-surface) !important;
  background-color: var(--btn-dark-hover, var(--btn-dark)) !important;
  border-color: var(--btn-dark-hover, var(--btn-dark)) !important;
}
._printButton_1hnbx_258:hover .MuiButton-startIcon,
._printButton_1hnbx_258:hover .MuiSvgIcon-root {
  color: var(--on-dark-surface) !important;
}
@media print {
  ._printButton_1hnbx_258 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_1hnbx_29,
  ._result_1hnbx_29 * {
    visibility: visible !important;
  }
  ._result_1hnbx_29 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: var(--surface);
  }
  ._header_1hnbx_39 {
    font-size: 24px;
  }
  ._content_1hnbx_58 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_1hnbx_124,
  ._colon_1hnbx_141 {
    color: var(--text-secondary);
  }
}._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_t5lk1_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_t5lk1_29 ._filterHolder_t5lk1_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._membersContainer_t5lk1_45 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  flex: 1;
  min-height: 0;
}
._title_t5lk1_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_t5lk1_64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._content_t5lk1_64 ._buttonsHolder_t5lk1_70 {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}
._list_t5lk1_76 {
  width: 100%;
  height: 100%;
}
._infoHolder_t5lk1_81 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 1rem;
}
._infoHolder_t5lk1_81 ._infoCard_t5lk1_87 {
  border: 1px solid var(--border);
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  height: 95px;
  width: 33%;
}
._infoHolder_t5lk1_81 ._infoCard_t5lk1_87 ._memberLabel_t5lk1_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_t5lk1_81 ._infoCard_t5lk1_87 ._cardContent_t5lk1_107 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_t5lk1_81 ._infoCard_t5lk1_87 ._cardContent_t5lk1_107 ._typeLabelHolder_t5lk1_113 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_t5lk1_81 ._infoCard_t5lk1_87 ._cardContent_t5lk1_107 ._typeLabelHolder_t5lk1_113 ._typeLabel_t5lk1_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_t5lk1_81 ._infoCard_t5lk1_87 ._cardContent_t5lk1_107 ._memberIconsHolder_t5lk1_129 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_t5lk1_136 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-left: 10px;
}
._avatar_t5lk1_147 {
  margin-left: -15px;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_t5lk1_147 + ._avatar_t5lk1_147 {
  margin-left: -15px;
  z-index: 2;
}
._dots_t5lk1_162 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_t5lk1_167 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_t5lk1_176 {
  font-size: 1rem;
}
._buttonContainer_t5lk1_180 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 41px;
}
._buttonContainer_t5lk1_180 ._title_t5lk1_54 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._headerCell_t5lk1_197 {
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: var(--table-header-bg);
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
  white-space: nowrap;
}
._tableLabel_t5lk1_207 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
._tenantGroupRow_t5lk1_213 {
  background-color: var(--surface-muted);
}
._actionsCell_t5lk1_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_13tic_79 {
  width: 529px;
  height: 228px;
  border-radius: 10px;
  background: var(--surface);
  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_13tic_88 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._button_13tic_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_1vvmw_79 {
  width: 529px;
  min-height: 228px;
  border-radius: 10px;
  background: var(--surface);
  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_1vvmw_89 {
  font-family: "Roboto" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: var(--text) !important;
  padding: 0 !important;
  margin-top: 40px !important;
  margin-left: 44px !important;
}
._button_1vvmw_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_pjyq5_57 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  background: var(--bg);
}
._inputStyle_pjyq5_67 {
  width: 3rem !important;
  height: 3rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0;
}
._codeHolder_pjyq5_76 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
._incorrectDataLabel_pjyq5_83 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  color: var(--danger);
}
._formColumn_pjyq5_94 {
  width: 50%;
  background: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 70px;
}
@media screen and (max-width: 1220px) {
  ._formColumn_pjyq5_94 {
    width: 100%;
  }
}
._formColumn_pjyq5_94 ._subTitleHolder_pjyq5_108 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_pjyq5_94 ._subTitleHolder_pjyq5_108 ._signInImage_pjyq5_115 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_pjyq5_94 ._subTitleHolder_pjyq5_108 ._subTitle_pjyq5_108 {
  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_pjyq5_94 ._subTitleHolder_pjyq5_108 ._subTitle_pjyq5_108 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_pjyq5_94 ._subTitleHolder_pjyq5_108 ._helptext_pjyq5_137 {
  font-family: "Roboto";
  color: var(--text);
  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_pjyq5_94 ._subTitleHolder_pjyq5_108 ._helptext_pjyq5_137 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_pjyq5_94 ._titleHolder_pjyq5_154 {
  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_pjyq5_94 ._titleHolder_pjyq5_154 {
    margin-top: 24px;
  }
}
._formColumn_pjyq5_94 ._titleHolder_pjyq5_154 ._title_pjyq5_154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_pjyq5_94 ._titleHolder_pjyq5_154 ._title_pjyq5_154 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_pjyq5_94 ._titleHolder_pjyq5_154 ._title_pjyq5_154 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_pjyq5_94 ._titleHolder_pjyq5_154 ._title_pjyq5_154 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_pjyq5_94 ._titleHolder_pjyq5_154 ._title_pjyq5_154 span a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_pjyq5_94 ._logo_pjyq5_208 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_pjyq5_94 ._logo_pjyq5_208 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_pjyq5_94 ._logoAltText_pjyq5_218 {
  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_pjyq5_94 ._logoAltText_pjyq5_218 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_pjyq5_94 ._flexWrapper_pjyq5_242 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_pjyq5_94 ._backgroungWrapper_pjyq5_248 {
  background: var(--login-form-bg);
  border-radius: 20px;
  padding: 44px;
  box-shadow: var(--login-card-shadow);
  height: fit-content;
}
@media screen and (max-width: 834px) {
  ._formColumn_pjyq5_94 ._backgroungWrapper_pjyq5_248 {
    padding: 24px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 {
  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_pjyq5_94 ._formHolder_pjyq5_260 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._forgotPassword_pjyq5_276 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._forgotPassword__text_pjyq5_282 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._header_pjyq5_296 {
  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_pjyq5_94 ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._header_pjyq5_296 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._subHeader_pjyq5_311 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._subHeader_pjyq5_311 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._fieldsHolder_pjyq5_326 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._fieldsHolder_pjyq5_326 {
    gap: 12px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._buttonsHolder_pjyq5_337 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._buttonsHolder_pjyq5_337 {
    gap: 12px;
  }
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 ._loginLabel_pjyq5_354 {
  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_pjyq5_94 ._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 ._loginLabel_pjyq5_354 :hover {
  cursor: pointer;
}
._formColumn_pjyq5_94 ._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 ._accountLabel_pjyq5_367 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._formHolder_pjyq5_260 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
._formHolder_pjyq5_260 ._forgotPassword_pjyq5_276 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formHolder_pjyq5_260 ._forgotPassword__text_pjyq5_282 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._header_pjyq5_296 {
  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_pjyq5_260 ._formTitleHolder_pjyq5_290 ._header_pjyq5_296 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._subHeader_pjyq5_311 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._formHolder_pjyq5_260 ._formTitleHolder_pjyq5_290 ._subHeader_pjyq5_311 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formHolder_pjyq5_260 ._fieldsHolder_pjyq5_326 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formHolder_pjyq5_260 ._fieldsHolder_pjyq5_326 {
    gap: 12px;
  }
}
._formHolder_pjyq5_260 ._buttonsHolder_pjyq5_337 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formHolder_pjyq5_260 ._buttonsHolder_pjyq5_337 {
    gap: 12px;
  }
}
._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 ._loginLabel_pjyq5_354 {
  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_pjyq5_260 ._labelsHolder_pjyq5_348 ._loginLabel_pjyq5_354 :hover {
  cursor: pointer;
}
._formHolder_pjyq5_260 ._labelsHolder_pjyq5_348 ._accountLabel_pjyq5_367 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._imageColumn_pjyq5_486 {
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_pjyq5_486 {
    display: none;
  }
}
._imageColumn_pjyq5_486 ._image_pjyq5_486 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_pjyq5_337 {
  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(--login-oauth-border);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  background-color: var(--login-oauth-bg);
  color: var(--login-oauth-text);
  transition: background-color 0.2s ease, border-color 0.2s ease;
  padding: 18px 24px;
  height: 52px;
}
._button_pjyq5_337 span {
  outline: none;
  text-decoration: none;
}
._button_pjyq5_337:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._button_pjyq5_337 ._hiden_pjyq5_535 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_pjyq5_337 ._label_pjyq5_348 {
  font-family: "Roboto";
  color: var(--login-oauth-text);
  font-size: 16px;
  font-weight: 600;
}
._title_pjyq5_154 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: var(--text);
  font-weight: 700;
}
._subTitle_pjyq5_108 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 20px;
  color: var(--text);
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  ._subTitle_pjyq5_108 {
    font-size: 14px;
    line-height: 17px;
  }
}
._timer_pjyq5_577 {
  font-family: "Roboto";
  color: var(--text);
}
._resendQuestion_pjyq5_582 {
  font-family: "Roboto";
  color: var(--text);
}
._formTitleBlock_pjyq5_587 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formTitleBlock_pjyq5_587 {
    gap: 12px;
  }
}
._resendButton_pjyq5_598 {
  font-family: "Roboto";
  font-weight: 700;
  cursor: pointer;
  color: var(--text);
  text-decoration: underline;
}
._notActiveBtn_pjyq5_606 {
  opacity: 0.2;
}
._resendBlock_pjyq5_610 {
  display: flex;
  justify-content: space_between;
}
._gobackContainer_pjyq5_615 {
  display: flex;
  align-items: center;
}
._gobackContainer_pjyq5_615 ._title_pjyq5_154 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 0.9rem;
  font-weight: 400;
  color: var(--text-secondary);
  cursor: default;
}
._gobackContainer_pjyq5_615 ._action_pjyq5_629 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 0.9rem;
  font-weight: 700;
  color: var(--text);
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
}
._subWrappr_pjyq5_642 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_pjyq5_648 {
  font-family: "Roboto";
  color: var(--text);
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_pjyq5_648 {
    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_13eke_29 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--bg);
}
._incorrectDataLabel_13eke_40 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--danger);
}
._formColumn_13eke_51 {
  width: 50%;
  background: var(--bg);
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._formColumn_13eke_51 {
    width: 100%;
  }
}
._formColumn_13eke_51 ._subTitleHolder_13eke_63 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_13eke_51 ._subTitleHolder_13eke_63 ._subTitle_13eke_63 {
  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_13eke_51 ._subTitleHolder_13eke_63 ._subTitle_13eke_63 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_13eke_51 ._subTitleHolder_13eke_63 ._signInImage_13eke_87 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_13eke_51 ._subTitleHolder_13eke_63 ._helptext_13eke_92 {
  font-family: "Roboto";
  color: var(--text);
  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_13eke_51 ._subTitleHolder_13eke_63 ._helptext_13eke_92 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_13eke_51 ._titleHolder_13eke_109 {
  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_13eke_51 ._titleHolder_13eke_109 {
    margin-top: 24px;
  }
}
._formColumn_13eke_51 ._titleHolder_13eke_109 ._title_13eke_109 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_13eke_51 ._titleHolder_13eke_109 ._title_13eke_109 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_13eke_51 ._titleHolder_13eke_109 ._title_13eke_109 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_13eke_51 ._titleHolder_13eke_109 ._title_13eke_109 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_13eke_51 ._titleHolder_13eke_109 ._title_13eke_109 a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_13eke_51 ._logo_13eke_163 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._logo_13eke_163 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_13eke_51 ._logoAltText_13eke_173 {
  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_13eke_51 ._logoAltText_13eke_173 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_13eke_51 ._flexWrapper_13eke_197 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_13eke_51 ._backgroungWrapper_13eke_203 {
  background: var(--login-form-bg);
  border-radius: 20px;
  padding: 44px;
  box-shadow: var(--login-card-shadow);
  height: fit-content;
  max-width: 440px;
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._backgroungWrapper_13eke_203 {
    padding: 24px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._formHolder_13eke_216 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._forgotPassword_13eke_231 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._forgotPassword__text_13eke_237 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
  color: var(--text-secondary);
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._formTitleHolder_13eke_246 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._formTitleHolder_13eke_246 ._header_13eke_252 {
  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_13eke_51 ._formHolder_13eke_216 ._formTitleHolder_13eke_246 ._header_13eke_252 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._formTitleHolder_13eke_246 ._subHeader_13eke_267 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._formHolder_13eke_216 ._formTitleHolder_13eke_246 ._subHeader_13eke_267 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._fieldsHolder_13eke_282 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._formHolder_13eke_216 ._fieldsHolder_13eke_282 {
    gap: 12px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._buttonsHolder_13eke_293 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_13eke_51 ._formHolder_13eke_216 ._buttonsHolder_13eke_293 {
    gap: 12px;
  }
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._buttonsHolder_13eke_293 button:hover {
  background-color: var(--hover-bg-color, var(--btn-dark)) !important;
  box-shadow: var(--hover-box-shadow, none) !important;
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._labelsHolder_13eke_308 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._labelsHolder_13eke_308 ._loginLabel_13eke_314 {
  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_13eke_51 ._formHolder_13eke_216 ._labelsHolder_13eke_308 ._loginLabel_13eke_314 :hover {
  cursor: pointer;
}
._formColumn_13eke_51 ._formHolder_13eke_216 ._labelsHolder_13eke_308 ._accountLabel_13eke_327 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._imageColumn_13eke_337 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
  box-shadow: -10px 0px 44px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_13eke_337 {
    display: none;
  }
}
._imageColumn_13eke_337 ._image_13eke_337 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_13eke_293 {
  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(--login-oauth-border);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  background-color: var(--login-oauth-bg);
  color: var(--login-oauth-text);
  transition: background-color 0.2s ease, border-color 0.2s ease;
  padding: 18px 24px;
  height: 52px;
}
._button_13eke_293 span {
  outline: none;
  text-decoration: none;
}
._button_13eke_293:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._button_13eke_293 ._hiden_13eke_390 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_13eke_293 ._label_13eke_308 {
  font-family: "Roboto";
  color: var(--login-oauth-text);
  font-size: 16px;
  font-weight: 600;
}
._subWrappr_13eke_406 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_13eke_412 {
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_13eke_412 {
    gap: 16px;
  }
}
resendBlock ._resendBlock_13eke_425 {
  display: flex;
  justify-content: space_between;
}
._resendQuestion_13eke_430 {
  font-family: "Roboto";
  color: var(--text);
}
._resendButton_13eke_435 {
  font-family: "Roboto";
  color: var(--text);
  cursor: pointer;
  text-decoration: underline;
}
._resendButtonDisabled_13eke_442 {
  font-family: "Roboto";
  color: var(--text-muted);
  cursor: not-allowed;
}
._inputStyle_13eke_448 {
  width: 3rem !important;
  height: 3rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid var(--border-field);
  padding: 0;
}
._formTitleBlock_13eke_457 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formTitleBlock_13eke_457 {
    gap: 12px;
  }
}
._title_13eke_109 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: var(--text);
  font-weight: 700;
}
._subTitle_13eke_63 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 20px;
  color: var(--text);
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  ._subTitle_13eke_63 {
    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_1inur_29 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--bg);
}
._incorrectDataLabel_1inur_40 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--danger);
}
._container_1inur_50 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 834px) {
  ._container_1inur_50 {
    gap: 16px;
  }
}
._agreementContainer_1inur_61 {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  height: 26px;
}
._checkBoxTitle_1inur_70 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text-secondary);
  text-align: left;
  display: block;
  font-weight: 600;
  align-self: center;
}
._checkBoxTitle_1inur_70 a {
  font-weight: 600;
}
._text_1inur_83 {
  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_1inur_83 {
    text-wrap: wrap;
  }
}
._subWrapperCentered_1inur_98 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
._formHolderSuccess_1inur_105 {
  display: flex;
  flex-direction: column;
  width: 356px;
  gap: 32px;
  margin-top: 0px;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_1inur_105 {
    gap: 16px;
  }
}
._formHolderSuccess_1inur_105 ._formTitleHolder_1inur_117 {
  display: flex;
  flex-direction: column;
  width: 356px;
  align-items: center;
  gap: 14px;
}
._formHolderSuccess_1inur_105 ._formTitleHolder_1inur_117 ._header_1inur_124 {
  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_1inur_105 ._formTitleHolder_1inur_117 ._header_1inur_124 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formHolderSuccess_1inur_105 ._formTitleHolder_1inur_117 ._subHeader_1inur_140 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_1inur_105 ._formTitleHolder_1inur_117 ._subHeader_1inur_140 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formHolderSuccess_1inur_105 ._fieldsHolder_1inur_156 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._formHolderSuccess_1inur_105 ._fieldsHolder_1inur_156 {
    gap: 12px;
  }
}
._formHolderSuccess_1inur_105 ._buttonsHolder_1inur_166 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
._formHolderSuccess_1inur_105 ._labelsHolder_1inur_171 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formHolderSuccess_1inur_105 ._labelsHolder_1inur_171 ._loginLabel_1inur_177 {
  font-family: "Roboto";
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: none;
}
._formHolderSuccess_1inur_105 ._labelsHolder_1inur_171 ._loginLabel_1inur_177 :hover {
  cursor: pointer;
}
._formHolderSuccess_1inur_105 ._labelsHolder_1inur_171 ._accountLabel_1inur_190 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._boldText_1inur_200 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19.09px;
  text-align: center;
}
._subContainer_1inur_209 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._subContainer_1inur_209 {
    gap: 12px;
  }
}
._contentHolder_1inur_220 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._contentHolder_1inur_220 {
    gap: 12px;
  }
}
._titleWrapper_1inur_231 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
._logo_1inur_239 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._logo_1inur_239 {
    width: 40px;
    height: 40px;
  }
}
._logoAltText_1inur_250 {
  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_1inur_250 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_1inur_275 {
  width: 50%;
  background: var(--bg);
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1220px) {
  ._formColumn_1inur_275 {
    width: 100%;
  }
}
._formColumn_1inur_275 ._subTitleHolder_1inur_287 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_1inur_275 ._subTitleHolder_1inur_287 ._signInImage_1inur_294 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_1inur_275 ._subTitleHolder_1inur_287 ._subTitle_1inur_287 {
  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_1inur_275 ._subTitleHolder_1inur_287 ._subTitle_1inur_287 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_1inur_275 ._subTitleHolder_1inur_287 ._helptext_1inur_316 {
  font-family: "Roboto";
  color: var(--text);
  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_1inur_275 ._subTitleHolder_1inur_287 ._helptext_1inur_316 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_1inur_275 ._subTitleHolder_1inur_287 ._subHeader_1inur_140 {
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._formColumn_1inur_275 ._subTitleHolder_1inur_287 ._subHeader_1inur_140 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_1inur_275 ._titleHolder_1inur_349 {
  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_1inur_275 ._titleHolder_1inur_349 {
    margin-top: 24px;
  }
}
._formColumn_1inur_275 ._titleHolder_1inur_349 ._title_1inur_231 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_1inur_275 ._titleHolder_1inur_349 ._title_1inur_231 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_1inur_275 ._titleHolder_1inur_349 ._title_1inur_231 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_1inur_275 ._titleHolder_1inur_349 ._title_1inur_231 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_1inur_275 ._titleHolder_1inur_349 ._title_1inur_231 a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_1inur_275 ._flexWrapper_1inur_403 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_1inur_275 ._backgroungWrapper_1inur_409 {
  background: var(--login-form-bg);
  border-radius: 20px;
  padding: 44px;
  box-shadow: var(--login-card-shadow);
}
@media screen and (max-width: 834px) {
  ._formColumn_1inur_275 ._backgroungWrapper_1inur_409 {
    padding: 24px;
  }
}
._formColumn_1inur_275 ._formHolder_1inur_105 {
  display: flex;
  flex-direction: column;
  width: 356px;
  gap: 14px;
  margin-top: 32px;
}
@media screen and (max-width: 834px) {
  ._formColumn_1inur_275 ._formHolder_1inur_105 {
    width: 100%;
    max-width: 320px;
    margin-top: 0px;
  }
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._formTitleHolder_1inur_117 {
  display: flex;
  flex-direction: column;
  width: 356px;
  align-items: center;
  gap: 14px;
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._formTitleHolder_1inur_117 ._header_1inur_124 {
  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_1inur_275 ._formHolder_1inur_105 ._formTitleHolder_1inur_117 ._header_1inur_124 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._formTitleHolder_1inur_117 ._subHeader_1inur_140 {
  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_1inur_275 ._formHolder_1inur_105 ._formTitleHolder_1inur_117 ._subHeader_1inur_140 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._fieldsHolder_1inur_156 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._formColumn_1inur_275 ._formHolder_1inur_105 ._fieldsHolder_1inur_156 {
    gap: 12px;
  }
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._buttonsHolder_1inur_166 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._labelsHolder_1inur_171 {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._labelsHolder_1inur_171 ._loginLabel_1inur_177 {
  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_1inur_275 ._formHolder_1inur_105 ._labelsHolder_1inur_171 ._loginLabel_1inur_177 :hover {
  cursor: pointer;
}
._formColumn_1inur_275 ._formHolder_1inur_105 ._labelsHolder_1inur_171 ._accountLabel_1inur_190 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._imageColumn_1inur_517 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
  box-shadow: -10px 0px 44px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_1inur_517 {
    display: none;
  }
}
._imageColumn_1inur_517 ._image_1inur_517 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_1inur_166 {
  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(--login-oauth-border);
  cursor: pointer;
  position: relative;
  width: 100%;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  background-color: var(--login-oauth-bg);
  color: var(--login-oauth-text);
  transition: background-color 0.2s ease, border-color 0.2s ease;
  padding: 18px 24px;
  height: 52px;
}
._button_1inur_166 span {
  outline: none;
  text-decoration: none;
}
._button_1inur_166:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._button_1inur_166 ._hiden_1inur_570 {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_1inur_166 ._label_1inur_171 {
  font-family: "Roboto";
  color: var(--login-oauth-text);
  font-size: 16px;
  font-weight: 600;
}
._subWrappr_1inur_586 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  height: fit-content;
}
._subWrapprCenter_1inur_593 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (max-width: 834px) {
  ._subWrapprCenter_1inur_593 {
    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_9s6ts_57 {
  width: 100%;
  display: flex;
  gap: 20px;
  padding: var(--page-header-padding);
  overflow-y: auto;
  height: 111vh;
}
@media screen and (max-width: 834px) {
  ._container_9s6ts_57 {
    height: 100vh;
  }
}
._mainContainer_9s6ts_71 {
  padding-top: 40px;
  width: 400px;
}
._dropDown_9s6ts_76 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
}
._dropDown1_9s6ts_84 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: none;
  border-radius: 10px;
}
._uploadButtonContainer_9s6ts_92 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
._closeIcon_9s6ts_99 {
  cursor: pointer;
  max-width: 18px;
  max-height: 18px;
  filter: var(--icon-mono-filter);
}
._title_9s6ts_106, ._subTitle_9s6ts_106 {
  font-family: "Roboto";
  color: var(--text);
  font-size: 24px;
  font-weight: 700;
  line-height: 9px;
  letter-spacing: 0;
  text-align: left;
}
._subTitle_9s6ts_106 {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: lighter;
}
._content_9s6ts_122 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-height: calc(111vh - 150px);
}
@media screen and (max-width: 834px) {
  ._content_9s6ts_122 {
    max-height: calc(100vh - 150px);
  }
}
@media screen and (max-width: 480px) {
  ._content_9s6ts_122 {
    gap: 16px;
  }
}
._avatarContainer_9s6ts_140 {
  display: flex;
  gap: 14px;
}
._uploadTitle_9s6ts_145 {
  display: flex;
  gap: 50px;
}
._uploadButton_9s6ts_92 {
  display: flex;
  flex-direction: column;
  align-content: start;
  justify-content: space-between;
}
._uploadButton_9s6ts_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: var(--text);
  text-transform: none;
}
._uploadButton_9s6ts_92 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-secondary);
}
._field_9s6ts_177 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._subhader_9s6ts_185 {
  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: var(--text);
}
._form_9s6ts_198 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._formElement_9s6ts_205 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 520px;
}
._subwrapper_9s6ts_212 {
  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_9s6ts_226 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  color: var(--text);
}
._switcher_9s6ts_226 span {
  font-family: "Roboto" !important;
}
._helperText_9s6ts_238 {
  color: var(--text-secondary) !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_9s6ts_252 {
  color: var(--on-dark-surface);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
._emptyHint_9s6ts_260 {
  margin-bottom: 30px;
  color: var(--text-secondary);
}
._billingCard_9s6ts_265 {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: var(--surface);
  max-width: 560px;
  position: relative;
}
._billingOverlay_9s6ts_274 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--surface-overlay-strong);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding: 20px;
  text-align: center;
}
._billingOverlayText_9s6ts_290 {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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: var(--text);
}
a:hover {
  text-decoration: none !important;
}
._flex-sb_urfgy_547 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  ._flex-sb_urfgy_547 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-sb-start_urfgy_559 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  ._flex-sb-start_urfgy_559 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-column_urfgy_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_urfgy_572 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-row-center_urfgy_586 {
  display: flex;
  align-items: center;
  flex-direction: row;
}
._flex-end_urfgy_592 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._pointer_urfgy_598 {
  cursor: pointer;
}
._gap-05_urfgy_602 {
  gap: 0.5rem;
}
._gap-1_urfgy_606 {
  gap: 1rem;
}
._mb-05_urfgy_610 {
  margin-bottom: 0.5rem;
}
._mt-05_urfgy_614 {
  margin-top: 0.5rem;
}
._mt-1_urfgy_618 {
  margin-top: 1rem;
}
._mb-1_urfgy_622 {
  margin-bottom: 1rem;
}
._mt-1dot5_urfgy_626 {
  margin-top: 1.5rem;
}
._mb-1dot5_urfgy_630 {
  margin-bottom: 1.5rem;
}
._bold_urfgy_634 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
._pt-1_urfgy_643 {
  padding-top: 1rem;
}
._pb-1_urfgy_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: var(--scrollbar-thumb);
  border-radius: 16px;
  border: 4px solid var(--scrollbar-thumb-border);
}
*::-webkit-scrollbar-button {
  display: none;
}
*::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}
._add-action-scrollbar_urfgy_687::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  ._html_urfgy_697 {
    font-size: 14px;
  }
}
@keyframes _pulse_urfgy_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _pulseLight_urfgy_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
._demo_urfgy_723 {
  width: 100%;
  height: 95%;
}
._demo__columns_urfgy_727 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
._demo__column_urfgy_727 {
  height: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
}
._demo__firstColumn_urfgy_739 {
  width: 25%;
}
._demo__secondColumn_urfgy_742 {
  width: 100%;
}
._tabLabel_urfgy_746 {
  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_urfgy_758 {
  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_urfgy_758 ._bgImg_urfgy_771 {
  max-height: 420px;
  width: auto;
  height: auto;
}
._previewBlock_urfgy_758 ._bgImgMobile_urfgy_776 {
  height: 100%;
  object-fit: cover;
  object-position: top;
  max-width: 370px;
  min-height: 460px;
  border-radius: 20px;
  align-self: baseline;
  width: 100%;
}
._imagesContainer_urfgy_787 {
  display: flex;
  position: relative;
  width: 100%;
  max-width: fit-content;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}
._chatPreviewHost_urfgy_797 {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
._chatPreviewHost_urfgy_797 img,
._chatPreviewHost_urfgy_797 button,
._chatPreviewHost_urfgy_797 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_1nmuo_29 {
  height: calc(100% - var(--page-header, 0));
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  min-height: 0;
  background: var(--bg);
  color: var(--text);
}
._leftPanel_1nmuo_40 {
  width: 320px;
  border-right: 1px solid var(--border-field);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface);
}
._rightPanel_1nmuo_49 {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: var(--bg);
}
._transcriptContainer_1nmuo_61 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._timeline_1nmuo_71 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 20px 20px 18px;
  box-sizing: border-box;
}
._sectionLabel_1nmuo_81 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: 8px;
}
._sectionLabelSpaced_1nmuo_92 {
  margin-top: 12px;
}
._interactionCard_1nmuo_96 {
  flex-shrink: 0;
  box-sizing: border-box;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
}
._chatCanvasCard_1nmuo_105 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._emptyState_1nmuo_113 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-secondary);
}
._emptyStateTitle_1nmuo_123 {
  margin: 0 0 8px;
  font-size: 1.25rem;
  color: var(--text);
}
._emptyStateText_1nmuo_129 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
._loadingWrap_1nmuo_135 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}._page_jgxs1_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: calc(100% - var(--app-header-height, 72px));
  overflow: hidden;
  background: var(--bg-recessed);
  color: var(--text);
  box-sizing: border-box;
}

._shell_jgxs1_15 {
  display: flex;
  align-items: stretch;
  gap: var(--gap-lg);
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: var(--bg-recessed);
  padding: 0;
}

._shellResizing_jgxs1_29 {
  cursor: col-resize;
  user-select: none;
}

._shellResizing_jgxs1_29 *,
._shellResizing_jgxs1_29 *::before,
._shellResizing_jgxs1_29 *::after {
  cursor: col-resize !important;
  user-select: none !important;
}

._queuePane_jgxs1_40 {
  flex: 0 0 420px;
  width: 420px;
  min-width: 280px;
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: none;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  box-shadow: none;
}

._detailPane_jgxs1_55 {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

._actionsPane_jgxs1_66 {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  box-shadow: none;
}

._resizeHandle_jgxs1_79 {
  flex: 0 0 6px;
  width: 6px;
  margin: 0 calc(-1 * var(--gap-lg) / 2 - 3px);
  position: relative;
  z-index: 2;
  cursor: col-resize;
  touch-action: none;
  background: transparent;
  align-self: stretch;
}

._resizeHandle_jgxs1_79::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_jgxs1_79:hover::before {
  background: var(--accent-border);
}

._resizeHandleActive_jgxs1_104::before {
  background: var(--accent-border);
}

._shellResizing_jgxs1_29 ._resizeHandle_jgxs1_79:not(._resizeHandleActive_jgxs1_104)::before {
  background: transparent;
}

._loading_jgxs1_112,
._notFound_jgxs1_113 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-secondary);
  font-size: var(--fs-base);
}

@media screen and (max-width: 1220px) {
  ._shell_jgxs1_15 {
    flex-direction: column;
    overflow: auto;
    gap: 0;
  }
  ._queuePane_jgxs1_40 {
    flex: 0 0 clamp(320px, 45vh, 480px) !important;
    width: 100% !important;
    min-width: 0 !important;
    border: none;
    border-bottom: 1px solid var(--border);
  }
  ._detailPane_jgxs1_55 {
    flex: 0 0 auto;
    padding: 0 var(--gap-lg);
    border: none;
    overflow: visible;
  }
  ._resizeHandle_jgxs1_79 {
    display: none;
  }
  ._actionsPane_jgxs1_66 {
    flex: 0 0 clamp(360px, 60vh, 640px) !important;
    width: 100% !important;
    border: none;
    border-top: 1px solid var(--border);
  }
}

@media screen and (min-width: 1221px) {
  ._queuePane_jgxs1_40,
  ._actionsPane_jgxs1_66 {
    flex-shrink: 1 !important;
    min-width: 280px;
  }
  ._detailPane_jgxs1_55 {
    flex: 1 0 480px;
    min-width: 360px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_kb5rk_29 {
  width: 100%;
}
._headerCell_kb5rk_33 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: var(--table-header-bg);
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_kb5rk_33._first_kb5rk_43 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid var(--border);
}
._headerCell_kb5rk_33._last_kb5rk_47 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid var(--border);
}
._tableLabel_kb5rk_52 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._expandTable_kb5rk_58 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_kb5rk_62 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_kb5rk_62 ._cellWrapper_kb5rk_72 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_kb5rk_62 ._cellWrapper_kb5rk_72._cellWrapperRoundLast_kb5rk_80 {
  border-radius: 0 5px 5px 0;
}
._cell_kb5rk_62 ._cellWrapper_kb5rk_72._cellWrapperRoundFirst_kb5rk_83 {
  border-radius: 5px 0 0 5px;
}
._cell_kb5rk_62 ._cellWrapper_kb5rk_72 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._row_kb5rk_92 {
  height: 60px !important;
  max-height: 60px;
}
._dateInfo_kb5rk_97 {
  display: flex;
  gap: 10px;
}
._dateInfo_kb5rk_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_b6hmt_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  margin: -20px;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
._formContainer_b6hmt_40 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 20px;
  overflow-x: hidden;
}
._formContent_b6hmt_48 {
  padding-bottom: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
._rowFields_b6hmt_57 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  ._rowFields_b6hmt_57 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
._formField_b6hmt_70 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
._formField_b6hmt_70:has(._tableContainer_b6hmt_76) {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0;
}
._label_b6hmt_84 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
._errorText_b6hmt_91 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  color: #D32F2F;
  margin-top: 4px;
}
._labelWithTooltip_b6hmt_99 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_b6hmt_105 {
  width: 13px;
  height: 13px;
  color: #a0aab4;
}
._textarea_b6hmt_111 {
  font-family: "Roboto";
  font-size: 16px;
  padding: 14px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  outline: none;
  resize: vertical;
  min-height: 100px;
  color: var(--text);
  background-color: var(--surface);
  transition: border-color 0.2s;
}
._textarea_b6hmt_111:focus {
  border-color: #6f7e8c;
}
._textarea_b6hmt_111::placeholder {
  color: #a0aab4;
}
._listContainer_b6hmt_131 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 0;
}
._listItem_b6hmt_139 {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
._listItem_b6hmt_139:not(:first-child) {
  margin-top: -1px;
}
._customInputWrapper_b6hmt_151 {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  position: relative;
}
._customInputWrapper_b6hmt_151._roundedAll_b6hmt_159 {
  border-radius: 10px;
}
._customInputWrapper_b6hmt_151._roundedTop_b6hmt_162 {
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
._customInputWrapper_b6hmt_151._roundedBottom_b6hmt_166 {
  border-radius: 0 0 10px 10px;
}
._customInputWrapper_b6hmt_151._roundedNone_b6hmt_169 {
  border-radius: 0;
  border-bottom: none;
}
._customInputWrapper_b6hmt_151:focus-within {
  border-color: #0655F3;
  z-index: 1;
}
._customInput_b6hmt_151 {
  flex: 1;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
}
._customInput_b6hmt_151::placeholder {
  color: #a0aab4;
}
._inputWrapper_b6hmt_192 {
  flex: 1;
}
._deleteIcon_b6hmt_196 {
  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;
  filter: var(--icon-mono-filter);
}
._deleteIcon_b6hmt_196:hover {
  opacity: 1;
}
._addRowButton_b6hmt_213 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: var(--border);
  cursor: pointer;
  margin-top: 8px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
._addRowButton_b6hmt_213:hover {
  background-color: var(--surface-muted);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
._buttonLabel_b6hmt_232 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_b6hmt_239 {
  pointer-events: none;
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
._footer_b6hmt_246 {
  flex-shrink: 0;
  padding: 20px;
  background-color: var(--surface-muted);
  display: flex;
  justify-content: flex-end;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  width: calc(100% + 40px);
  box-sizing: border-box;
}
._divider_b6hmt_259 {
  width: 100%;
  height: 1px;
  background-color: var(--border);
  margin: 24px 0;
}
._inputContainer_b6hmt_266 {
  width: 100%;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background-color: var(--surface);
  transition: border-color 0.2s;
}
._inputContainer_b6hmt_266._inputContainerError_b6hmt_273 {
  border: 1px solid #D32F2F;
}
._tableContainer_b6hmt_76 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._questionRubricTable_b6hmt_286 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border-field);
  background-color: var(--surface);
}
._questionRubricTable_b6hmt_286 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._questionRubricTable_b6hmt_286 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._questionRubricTable_b6hmt_286 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
._questionRubricTable_b6hmt_286 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
._testCasesTable_b6hmt_308 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  border: 1px solid var(--border-field);
  background-color: var(--surface);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
._testCasesTable_b6hmt_308 thead {
  flex-shrink: 0;
  display: block;
  width: 100%;
  background-color: var(--table-header-bg);
}
._testCasesTable_b6hmt_308 thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._testCasesTable_b6hmt_308 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._testCasesTable_b6hmt_308 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._testCasesTable_b6hmt_308 tbody {
  flex: 1;
  display: block;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
}
._testCasesTable_b6hmt_308 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._tableHeader_b6hmt_351 {
  background-color: var(--table-header-bg);
  padding: 14px;
  text-align: left;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--scss-text-color, #1f1f1f);
  border-bottom: 1px solid var(--border);
}
._tableHeader_b6hmt_351:first-child {
  border-right: 1px solid var(--border);
}
._tableCell_b6hmt_365 {
  padding: 0;
  border-bottom: 1px solid var(--border);
  background-color: var(--surface);
}
._tableCell_b6hmt_365:first-child {
  border-right: 1px solid var(--border);
}
._tableCell_b6hmt_365:last-child {
  position: relative;
}
._testCaseNameCell_b6hmt_377 {
  display: flex;
  align-items: center;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
._testCaseNotesCell_b6hmt_386 {
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
._lastRow_b6hmt_393 ._tableCell_b6hmt_365 {
  border-bottom: 1px solid var(--border);
}
._tableInput_b6hmt_397 {
  width: 100%;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
}
._tableInput_b6hmt_397::placeholder {
  color: #a0aab4;
}
._tableInput_b6hmt_397:focus {
  background-color: var(--surface);
}
._tableTextarea_b6hmt_414 {
  width: 100%;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
  resize: none;
  overflow: hidden;
  min-height: 48px;
  line-height: 1.5;
}
._tableTextarea_b6hmt_414::placeholder {
  color: #a0aab4;
}
._tableTextarea_b6hmt_414:focus {
  background-color: var(--surface);
}
._rubricCellWrapper_b6hmt_435 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
._rubricCellWrapper_b6hmt_435 ._tableTextarea_b6hmt_414 {
  flex: 1;
  padding-right: 50px;
}
._rubricCellWrapper_b6hmt_435 ._deleteIcon_b6hmt_196 {
  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_bgcou_29 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--surface-muted);
}
._main_bgcou_38 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._scrollArea_bgcou_47 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: var(--surface-subtle);
}
@media (max-width: 1360px) {
  ._scrollArea_bgcou_47 {
    padding: 20px;
  }
}
@media (max-width: 1200px) {
  ._scrollArea_bgcou_47 {
    padding: 16px;
  }
}
._titleRow_bgcou_67 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
._title_bgcou_67 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: var(--text);
  margin: 0;
  line-height: 1.3;
  flex: 1;
}
._titleInput_bgcou_84 {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: var(--text);
  border: none;
  border-bottom: 2px solid var(--accent);
  outline: none;
  background: transparent;
  flex: 1;
  padding: 2px 0;
}
._pencilBtn_bgcou_97,
._saveTitleBtn_bgcou_98 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  color: var(--text-muted);
  flex-shrink: 0;
  margin-left: auto;
  transition: color 0.15s;
}
._pencilBtn_bgcou_97 img,
._saveTitleBtn_bgcou_98 img {
  width: 18px;
  height: 18px;
}
._pencilBtn_bgcou_97:hover:not(:disabled),
._saveTitleBtn_bgcou_98:hover:not(:disabled) {
  color: var(--accent);
}
._saveTitleBtn_bgcou_98:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
._metaRow_bgcou_127 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
._metaLabel_bgcou_135 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._metaDivider_bgcou_144 {
  width: 1px;
  height: 22px;
  background: var(--border-strong);
  margin: 0 2px;
}
._typeSelectWrap_bgcou_151 {
  height: 36px;
  min-width: 130px;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
}
._typeSelectWrap_bgcou_151 .MuiInputBase-root {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
._accordions_bgcou_164 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._accordion_bgcou_164 {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 15px;
  box-shadow: 0px 4px 20px var(--accent-border-soft), 0px 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
._accordionHeader_bgcou_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_bgcou_178::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: var(--border);
}
._accordionHeader_bgcou_178:hover {
  background: rgba(107, 94, 255, 0.03);
}
@media (max-width: 1360px) {
  ._accordionHeader_bgcou_178 {
    padding: 16px 16px 8px;
  }
  ._accordionHeader_bgcou_178::after {
    left: 16px;
    right: 16px;
  }
}
@media (max-width: 1200px) {
  ._accordionHeader_bgcou_178 {
    padding: 12px 12px 8px;
  }
  ._accordionHeader_bgcou_178::after {
    left: 12px;
    right: 12px;
  }
}
._accordionHeaderClosed_bgcou_222 {
  padding: 24px;
  border-bottom: none;
}
._headerLeft_bgcou_227 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._headerIcon_bgcou_233 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._headerIcon_bgcou_233 svg {
  width: 18px;
  height: 18px;
}
._headerLabel_bgcou_243 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--text-secondary);
}
._itemCount_bgcou_251 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary);
}
._chevron_bgcou_258 {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._chevron_bgcou_258._chevronOpen_bgcou_264 {
  transform: rotate(180deg);
}
._accordionBody_bgcou_268 {
  padding: 24px 24px 14px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1360px) {
  ._accordionBody_bgcou_268 {
    padding: 14px 16px 12px;
  }
}
@media (max-width: 1200px) {
  ._accordionBody_bgcou_268 {
    padding: 12px;
  }
}
._taskContent_bgcou_284 {
  position: relative;
}
._taskTextarea_bgcou_288 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  width: 100%;
  min-height: 96px;
  padding: 12px 14px 28px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  resize: vertical;
  background: var(--surface-subtle);
  box-sizing: border-box;
  line-height: 1.6;
  transition: border-color 0.15s;
}
._taskTextarea_bgcou_288::placeholder {
  color: var(--text-muted);
  font-size: 16px;
}
._taskTextarea_bgcou_288:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._charCount_bgcou_313 {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-muted);
  pointer-events: none;
}
._listItems_bgcou_323 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
._listItem_bgcou_323 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface);
}
._listIndex_bgcou_337 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 7px;
  border-radius: 6px;
  background: var(--chip-meta-bg);
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}
._listInput_bgcou_353 {
  flex: 1;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: var(--surface-subtle);
  min-width: 0;
}
._listInput_bgcou_353::placeholder {
  color: var(--text-muted);
  font-size: 16px;
}
._listInput_bgcou_353:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._deleteBtn_bgcou_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_bgcou_374 img {
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
}
._deleteBtn_bgcou_374:hover {
  opacity: 1;
}
._emptyAccordion_bgcou_397 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  gap: 10px;
}
._emptyAccordionIcon_bgcou_406 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(107, 94, 255, 0.07);
}
._emptyAccordionIcon_bgcou_406 svg {
  width: 26px;
  height: 26px;
}
._emptyAccordionText_bgcou_420 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-muted);
  text-align: center;
}
._addRowBtn_bgcou_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 var(--border-strong);
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-secondary);
  transition: background 0.15s, color 0.15s;
}
._addRowBtn_bgcou_427:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.15) 0%, rgba(95, 82, 243, 0.15) 100%);
  color: var(--accent);
}
._addRowAligned_bgcou_452 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._addRowIndexSpacer_bgcou_458 {
  min-width: 24px;
  padding: 7px;
  flex-shrink: 0;
}
._addRowDeleteSpacer_bgcou_464 {
  width: 26px;
  flex-shrink: 0;
}
._addRowAligned_bgcou_452 ._addRowBtn_bgcou_427 {
  flex: 1;
}
._addRowPlus_bgcou_473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
._rubricTable_bgcou_479 {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
._rubricHead_bgcou_485 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  background: var(--table-header-bg);
  border-bottom: 1px solid var(--border);
}
._rubricHeadNum_bgcou_492,
._rubricHeadDel_bgcou_493 {
  padding: 10px 8px;
}
._rubricHeadQ_bgcou_497,
._rubricHeadR_bgcou_498 {
  padding: 10px 14px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
  border-left: 1px solid var(--border);
}
._rubricRow_bgcou_509 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
._rubricRow_bgcou_509:last-child {
  border-bottom: none;
}
._rubricNum_bgcou_519 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 14px 4px;
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-muted);
}
._rubricCell_bgcou_529 {
  border-left: 1px solid var(--border);
  position: relative;
}
._rubricTextarea_bgcou_534 {
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
  resize: none;
  overflow: hidden;
  min-height: 48px;
  line-height: 1.5;
  display: block;
}
._rubricTextarea_bgcou_534::placeholder {
  color: var(--text-muted);
  font-size: 16px;
}
._rubricTextarea_bgcou_534:focus {
  background: var(--surface-subtle);
}
._rubricDelCell_bgcou_558 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 0;
  border-left: 1px solid var(--border);
}
._rubricDelCell_bgcou_558 ._deleteBtn_bgcou_374 {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  opacity: 0.45;
}
._side_bgcou_573 {
  width: 360px;
  flex-shrink: 0;
  flex-basis: 360px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow-y: auto;
  background: var(--surface-subtle);
  border-left: 1px solid var(--accent-border-soft);
  gap: 12px;
}
@media (max-width: 1360px) {
  ._side_bgcou_573 {
    width: clamp(210px, 24vw, 268px);
    flex-basis: clamp(210px, 24vw, 268px);
    padding: 20px;
    gap: 10px;
  }
}
@media (max-width: 1200px) {
  ._side_bgcou_573 {
    width: clamp(180px, 22vw, 236px);
    flex-basis: clamp(180px, 22vw, 236px);
    padding: 16px;
    gap: 8px;
  }
}
._sideCard_bgcou_602 {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
._metaDataCard_bgcou_613 {
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._sideCardHeader_bgcou_619 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 24px 24px 8px;
}
._sideCardHeader_bgcou_619::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: var(--border);
}
@media (max-width: 1360px) {
  ._sideCardHeader_bgcou_619 {
    padding: 16px 16px 8px;
  }
  ._sideCardHeader_bgcou_619::after {
    left: 16px;
    right: 16px;
  }
}
@media (max-width: 1200px) {
  ._sideCardHeader_bgcou_619 {
    padding: 12px 12px 8px;
  }
  ._sideCardHeader_bgcou_619::after {
    left: 12px;
    right: 12px;
  }
}
._sideCardIcon_bgcou_654 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._accordionIcon_bgcou_660 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._sideCardLabel_bgcou_666 {
  font-family: "Roboto";
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._notesBody_bgcou_674 {
  position: relative;
  padding: 24px 24px 14px;
  height: 100%;
}
@media (max-width: 1360px) {
  ._notesBody_bgcou_674 {
    padding: 14px 16px 12px;
  }
}
@media (max-width: 1200px) {
  ._notesBody_bgcou_674 {
    padding: 12px;
  }
}
._notesTextarea_bgcou_690 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  width: 100%;
  min-height: 100%;
  max-height: 335px;
  padding: 12px 14px 28px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  resize: vertical;
  background: var(--surface-subtle);
  box-sizing: border-box;
  line-height: 1.6;
  transition: border-color 0.15s;
}
._notesTextarea_bgcou_690::placeholder {
  color: var(--text-muted);
  font-size: 16px;
}
._notesTextarea_bgcou_690:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._notesCount_bgcou_716 {
  position: absolute;
  bottom: 20px;
  right: 24px;
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-muted);
  pointer-events: none;
}
._metaDataBody_bgcou_726 {
  padding: 24px 24px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
  gap: 20px;
}
@media (max-width: 1360px) {
  ._metaDataBody_bgcou_726 {
    padding: 14px 16px 12px;
    gap: 14px;
  }
}
@media (max-width: 1200px) {
  ._metaDataBody_bgcou_726 {
    padding: 12px;
    gap: 12px;
  }
}
._metaDataSection_bgcou_748 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._metaDataKey_bgcou_754 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}
._metaDataUserRow_bgcou_762 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 28px;
}
._metaDataInfoRow_bgcou_769 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataLabelRow_bgcou_775 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataRowIcon_bgcou_781 {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--text-muted);
}
._metaDataAvatar_bgcou_788 {
  width: 24px;
  height: 24px;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: 700;
  color: var(--surface);
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
._metaDataVal_bgcou_799, ._metaDataUserName_bgcou_799 {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  line-height: 1.4;
}
._metaDataVal_bgcou_799 {
  padding-left: 28px;
}
._sideSpacer_bgcou_810 {
  flex: 1;
  min-height: 8px;
}
._sideFooter_bgcou_815 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  background: var(--surface-subtle);
  padding: 0;
}
._saveBtn_bgcou_823 {
  padding: 10px 40px;
  border-radius: 50px;
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
}
._tooltipIcon_bgcou_832 {
  width: 12px;
  height: 12px;
  color: var(--text-muted);
  flex-shrink: 0;
}._page_8fadq_1 {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 96px);
  display: flex;
  flex-direction: column;
}

._layout_8fadq_9 {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 0;
  border-top: 1px solid var(--accent-border-soft);
}

._sidebar_8fadq_18 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px;
  gap: 16px;
  width: 400px;
  flex: 0 0 400px;
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
  border-right: 1px solid var(--accent-border-soft);
}
@media (max-width: 1360px) {
  ._sidebar_8fadq_18 {
    width: clamp(280px, 30vw, 380px);
    flex-basis: clamp(280px, 30vw, 380px);
    padding: 12px;
    gap: 14px;
  }
}
@media (max-width: 1200px) {
  ._sidebar_8fadq_18 {
    width: clamp(240px, 28vw, 320px);
    flex-basis: clamp(240px, 28vw, 320px);
    padding: 10px;
    gap: 12px;
  }
}

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

._searchWrap_8fadq_61 {
  display: flex;
  width: 325px;
  max-width: 100%;
  height: 40px;
}
._searchWrap_8fadq_61 .MuiOutlinedInput-root {
  height: 40px;
  background: var(--surface-subtle);
  border-radius: 10px;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
  align-items: center;
}
._searchWrap_8fadq_61 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid var(--accent-border-soft);
}
._searchWrap_8fadq_61 .MuiInputBase-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 24px;
}
._searchWrap_8fadq_61 .MuiInputAdornment-root svg {
  color: rgba(107, 94, 255, 0.8) !important;
}

._addButton_8fadq_87 {
  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_8fadq_100 {
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: var(--text-muted);
  flex-shrink: 0;
}

._suitesScroll_8fadq_110 {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._sidebarPlaceholder_8fadq_118 {
  width: 100%;
  padding: 18px 14px;
  border: 1px dashed var(--accent-border);
  border-radius: 12px;
  background: var(--surface-subtle);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

._sidebarPlaceholderTitle_8fadq_131 {
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

._sidebarPlaceholderText_8fadq_138 {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 17px;
}

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

._emptyState_8fadq_150 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-subtle);
  border-left: 1px solid var(--accent-border-soft);
}
._emptyState_8fadq_150 .content {
  white-space: pre-line !important;
}

._contentArea_8fadq_163 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--surface-subtle);
  border-left: 1px solid var(--accent-border-soft);
}
._contentArea_8fadq_163 .content {
  white-space: pre-line !important;
}

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

._container_sdq59_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_sdq59_21 {
  flex: 1;
  min-height: 0;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
}

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

._filterButton_sdq59_35 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid var(--accent-border-soft);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 14px;
  cursor: pointer;
  box-sizing: border-box;
}

._filterDate_sdq59_52 {
  width: 250px;
}

._filterDate_sdq59_52 .MuiButtonBase-root {
  width: 100%;
  height: 40px;
  border: 1px solid var(--accent-border-soft);
  border-radius: 10px;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 14px;
  justify-content: flex-start;
}

._filterDate_sdq59_52 .MuiButtonBase-root:hover {
  border-color: var(--accent-hover-border);
}

._filterDate_sdq59_52 .MuiButtonBase-root > div > span:last-of-type {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

._filterState_sdq59_80 {
  width: 146px;
}

._filterIcon_sdq59_84 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: var(--text-secondary);
}

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

._filterLabel_sdq59_99 {
  flex: 1;
  min-width: 0;
  margin: 0 8px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._chevron_sdq59_112 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-muted);
}

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

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

._searchWrap_sdq59_126 .MuiOutlinedInput-root {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  background: var(--surface-muted) !important;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}

._searchWrap_sdq59_126 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid var(--border-field);
}

._searchWrap_sdq59_126 .MuiInputBase-input {
  height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  display: block;
}

._searchWrap_sdq59_126 .MuiInputAdornment-root {
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
}

._searchWrap_sdq59_126 .MuiInputAdornment-root svg {
  color: var(--accent) !important;
}

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

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

._resultsTabsBar_sdq59_186 {
  margin-top: 10px;
  border-bottom: 1px solid var(--border);
}

._detailsBreadcrumb_sdq59_191 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-muted);
  font-size: 12px;
}

._detailsBack_sdq59_199 {
  border: none;
  background: transparent;
  padding: 0;
  color: var(--accent);
  cursor: pointer;
  font-size: 12px;
}

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

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

._detailCard_sdq59_220 {
  min-height: 150px;
  padding: 16px 18px;
  border-color: var(--border);
}

._detailCardTitle_sdq59_226 {
  font-size: 10px;
  color: var(--text-muted);
  margin-bottom: 4px;
}

._detailsProgressValue_sdq59_232 {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 700;
  color: var(--text);
  line-height: 1;
}

._detailsProgressSub_sdq59_240 {
  font-size: 13px;
  color: var(--text-muted);
}

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

._detailsProgressBar_sdq59_252 {
  margin-top: 12px;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: var(--border-strong);
  position: relative;
  overflow: hidden;
}

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

._detailsLegendPassed_sdq59_269 {
  color: var(--ok);
}

._detailsLegendFailed_sdq59_273 {
  color: var(--danger);
}

._detailsLegendTotal_sdq59_277 {
  color: var(--text-muted);
}

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

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

._detailsLegendDotPassed_sdq59_294 {
  background: var(--ok);
}

._detailsLegendDotFailed_sdq59_298 {
  background: var(--danger);
}

._detailsLegendDotError_sdq59_302 {
  background: var(--warning-text);
}

._detailsLegendCount_sdq59_306 {
  color: var(--text);
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}

._detailsLegendCountFailed_sdq59_313 {
  color: var(--danger);
}

._detailsLegendLabel_sdq59_317 {
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1;
}

._detailsLegendDivider_sdq59_323 {
  width: 1px;
  height: 18px;
  background: var(--border-strong);
  margin-left: 20px;
  margin-right: 20px;
}

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

._detailsMetaLabel_sdq59_338 {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 16px;
}

._detailsMetaValue_sdq59_344 {
  color: var(--text);
  font-size: 16px;
  line-height: 18px;
  text-align: right;
}

._detailsMetaDivider_sdq59_351 {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
}

._detailMetricValue_sdq59_357 {
  margin-top: 2px;
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  color: var(--text);
}

._detailDivider_sdq59_365 {
  margin: 10px 0 8px;
  border-bottom: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
}

._statCard_sdq59_370 {
  background: var(--surface-subtle);
  border: 1px solid var(--accent-border-soft);
  border-radius: 14px;
  min-height: 188px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-card);
}

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

._cardTitle_sdq59_388 {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

._cardDelta_sdq59_396 {
  color: var(--danger);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

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

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

._cardDeltaPositive_sdq59_415 {
  color: var(--ok);
}

._cardDeltaNegative_sdq59_419 {
  color: var(--danger);
}

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

._chartSkeleton_sdq59_430 {
  width: 100px;
  height: 100px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--surface-muted) 25%, var(--surface-subtle) 50%, var(--surface-muted) 75%);
  background-size: 200% 100%;
  animation: _shimmer_sdq59_1 1.4s ease-in-out infinite;
}

._chartWrap_sdq59_423 .legendText {
  font-size: 13px;
  color: var(--text-secondary);
  max-width: 100%;
}

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

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

._metricValue_sdq59_457 {
  margin-top: 14px;
  font-size: 44px;
  line-height: 1;
  font-weight: 400;
  color: var(--text);
}

._metricSkeleton_sdq59_465 {
  display: inline-block;
  width: 170px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(90deg, var(--surface-muted) 25%, var(--surface-subtle) 50%, var(--surface-muted) 75%);
  background-size: 200% 100%;
  animation: _shimmer_sdq59_1 1.4s ease-in-out infinite;
}

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

._resultsBlock_sdq59_481 {
  background: var(--surface);
  border: 1px solid var(--border);
  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: var(--shadow-card);
}

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

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

._tabButton_sdq59_511 {
  height: 100%;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 0 12px;
}

._tabButtonActive_sdq59_523 {
  color: var(--accent);
  border-bottom-color: var(--accent-border-soft);
}

._dropdownMenu_sdq59_528 {
  border: 1px solid var(--accent-border-soft);
  border-radius: 10px !important;
  box-shadow: 0px 0px 3px 0px rgba(6, 85, 243, 0.25) !important;
  padding: 6px !important;
}

._dropdownAction_sdq59_535 {
  width: 100%;
  height: 34px;
  border: none;
  background: var(--surface-muted);
  border-radius: 8px;
  text-align: left;
  padding: 0 10px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 4px;
}

._dropdownItem_sdq59_550 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  border: none;
  background: transparent;
  border-radius: 8px;
  text-align: left;
  padding: 6px 8px;
  color: var(--text-secondary);
  font-size: 14px;
  cursor: pointer;
}

._dropdownItem_sdq59_550:hover {
  background: var(--surface-muted);
}

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

._dropdownItemDisabled_sdq59_569:hover {
  background: transparent;
}

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

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

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

._iconPlaceholder_sdq59_599 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--surface-accent) 0%, var(--surface-accent) 100%);
  border: 1px solid var(--accent-border);
}

._dropdownPlaceholder_sdq59_607 {
  padding: 10px 8px;
  color: var(--text-muted);
  font-size: 13px;
}

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

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

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

._tableSkeletonRow_sdq59_632 {
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--surface-muted) 25%, var(--surface-subtle) 50%, var(--surface-muted) 75%);
  background-size: 200% 100%;
  animation: _shimmer_sdq59_1 1.4s ease-in-out infinite;
}

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

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

._tableRow_sdq59_663 {
  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 var(--surface-muted);
  color: var(--text);
  font-size: 16px;
  cursor: pointer;
}

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

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

._tableRowDetails_sdq59_685 {
  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 var(--surface-muted);
  color: var(--text);
  font-size: 16px;
  cursor: pointer;
}

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

._tableRowDetailsExpanded_sdq59_702 {
  background: var(--surface-accent-soft);
}

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

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

._rowTitleExpanded_sdq59_714 {
  font-weight: 600;
}

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

._runLink_sdq59_724 {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--text);
  font-size: inherit;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._durationCol_sdq59_738 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
}

._durationCol_sdq59_738 svg {
  width: 14px;
  height: 14px;
  color: var(--text-muted);
}

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

._progressTrack_sdq59_757 {
  width: 112px;
  height: 6px;
  border-radius: 999px;
  background: var(--border-strong);
  position: relative;
  overflow: hidden;
}

._progressGreen_sdq59_766,
._progressRed_sdq59_767,
._progressError_sdq59_768,
._progressRest_sdq59_769 {
  position: absolute;
  top: 0;
  height: 100%;
}

._progressGreen_sdq59_766 {
  left: 0;
  width: 32%;
  background: var(--ok);
  border-radius: 999px 0 0 999px;
  transition: width 0.35s ease;
}

._progressRed_sdq59_767 {
  left: 32%;
  width: 28%;
  background: var(--danger);
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}

._progressError_sdq59_768 {
  background: var(--warning-text);
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}

._progressRest_sdq59_769 {
  left: 60%;
  width: 40%;
  background: var(--border-strong);
  border-radius: 0 999px 999px 0;
  transition: left 0.35s ease, width 0.35s ease;
}

._progressPercent_sdq59_805 {
  color: var(--text-muted);
  font-size: 12px;
}

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

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

._progressHintSummary_sdq59_822 {
  font-size: 13px;
  line-height: 1.3;
  color: var(--on-dark-surface);
  white-space: nowrap;
}

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

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

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

._progressHintDotPassed_sdq59_848 {
  background: var(--ok);
}

._progressHintDotFailed_sdq59_852 {
  background: var(--danger);
}

._progressHintCount_sdq59_856 {
  color: var(--surface);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

._progressHintCountFailed_sdq59_863 {
  color: var(--chip-err-text);
}

._progressHintLabel_sdq59_867 {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1;
}

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

._stateCol_sdq59_879 {
  display: inline-flex;
}

._statePill_sdq59_883 {
  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: var(--chip-accent-bg);
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
}

._tableRow_sdq59_663 ._progressCol_sdq59_751,
._tableRow_sdq59_663 ._progressPercent_sdq59_805 {
  font-size: 14px;
}

._tableRow_sdq59_663 ._runLink_sdq59_724,
._tableRow_sdq59_663 > :nth-child(2),
._tableRow_sdq59_663 ._durationCol_sdq59_738,
._tableRow_sdq59_663 ._durationCol_sdq59_738 span,
._tableRow_sdq59_663 > :nth-child(4),
._tableRow_sdq59_663 > :nth-child(5),
._tableRow_sdq59_663 ._llmCol_sdq59_909,
._tableRow_sdq59_663 ._stateCol_sdq59_879,
._tableRow_sdq59_663 ._statePill_sdq59_883 {
  font-size: 16px;
}

._statePillFinished_sdq59_915 {
  color: var(--ok);
  background: var(--chip-ok-bg);
  border-color: var(--chip-ok-border);
}

._statePillRunning_sdq59_921 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
  animation: _runningPulse_sdq59_1 1.4s ease-in-out infinite;
}

._runningStateWrap_sdq59_928 {
  display: inline-flex;
}

._statePillQueued_sdq59_932 {
  color: var(--accent);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
}

._statePillStarted_sdq59_938 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
}

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

._rowActionButton_sdq59_949 {
  border: none;
  background: transparent;
  width: 24px;
  height: 24px;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

._tableHead_sdq59_967 {
  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, var(--accent-border-soft));
  background: var(--table-header-bg);
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 12px;
}

._tableHeadDetails_sdq59_983 {
  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, var(--accent-border-soft));
  background: var(--surface-table-header);
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 12px;
}

._detailsExpandBtn_sdq59_999 {
  border: none;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

._priorityPill_sdq59_1039 {
  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_sdq59_685 ._statePill_sdq59_883 {
  font-size: 14px;
}

._tableRowDetails_sdq59_685 ._stateCol_sdq59_879 {
  font-size: 14px;
}

._priorityPillLow_sdq59_1060 {
  background: var(--chip-meta-bg);
  color: var(--text-muted);
  border-color: var(--border-strong);
}

._priorityPillHigh_sdq59_1066 {
  background: var(--chip-warn-bg);
  color: var(--warning-text);
  border-color: var(--chip-warn-border);
}

._priorityPillCritical_sdq59_1072 {
  background: var(--chip-err-bg);
  color: var(--danger);
  border-color: var(--chip-err-border);
}

._priorityPillNormal_sdq59_1078 {
  background: var(--chip-accent-bg);
  color: var(--info);
  border-color: var(--chip-accent-border);
}

._statePillFailed_sdq59_1084 {
  color: var(--danger);
  background: var(--chip-err-bg);
  border-color: var(--chip-err-border);
}

._statePillError_sdq59_1090 {
  color: var(--danger);
  background: var(--chip-err-bg);
  border-color: var(--chip-err-border);
}

._statePillStopped_sdq59_1096 {
  color: var(--warning-text);
  background: var(--chip-warn-bg);
  border-color: var(--chip-warn-border);
}

._statePillStopping_sdq59_1102 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
  animation: _runningPulse_sdq59_1 1.4s ease-in-out infinite;
}

._statePillUnknown_sdq59_1109 {
  color: var(--text-muted);
  background: var(--chip-meta-bg);
  border-color: var(--border-strong);
}

._detailsExpanded_sdq59_1023 {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 8px;
  padding: 24px;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--surface-muted);
}

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

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

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

._expandedBlockTitle_sdq59_1148 {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0;
}

._quickActionBtn_sdq59_1157 {
  width: 100%;
  height: 66px;
  text-align: left;
  border: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
  background: var(--surface);
  border-radius: 10px;
  padding: 14px 12px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 11px;
  cursor: pointer;
  box-shadow: var(--shadow-card);
}

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

._quickActionIconWrap_sdq59_1183 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  padding: 8.5px;
  background: var(--chip-accent-bg);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

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

._quickActionTitle_sdq59_1209 {
  color: var(--text);
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}

._quickActionSubtitle_sdq59_1216 {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
}

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

._testNoteCard_sdq59_1230 {
  background: var(--surface);
  border-radius: 8px;
  border: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
  padding: 14px;
  height: 100%;
  overflow: auto;
}

._testNoteText_sdq59_1239 {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
}

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

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

._criteriaTable_sdq59_1259 {
  border: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  box-shadow: var(--shadow-card);
}

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

._criteriaHead_sdq59_1278 {
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
  padding: 14px;
  background: var(--surface-table-header);
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid var(--scss-purple-border-color, var(--accent-border-soft));
  position: sticky;
  top: 0;
  z-index: 1;
}

._criteriaHead_sdq59_1278 > div {
  color: var(--text-secondary);
  font-size: 10px;
}

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

._criteriaRow_sdq59_1304 {
  display: grid;
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
  padding: 14px;
  min-height: 51px;
  border-top: 1px solid var(--surface-muted);
  font-size: 13px;
  color: var(--text);
  align-items: center;
}

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

._rubricHead_sdq59_1298 > div,
._rubricRow_sdq59_1315 > div {
  padding: 14px;
  box-sizing: border-box;
}

._rubricQuestionCell_sdq59_1329 {
  font-size: 14px;
  color: var(--text);
}

._rubricRubricCell_sdq59_1334 {
  font-size: 14px;
  color: var(--text-secondary);
}

._rubricAnswerCell_sdq59_1339 {
  font-size: 14px;
  color: var(--text);
}

._rubricReasoningCell_sdq59_1344 {
  font-size: 14px;
  color: var(--text-secondary);
  white-space: normal;
  word-break: break-word;
}

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

._criteriaFail_sdq59_1356 {
  background: var(--chip-err-bg);
}

._detailsDurationCell_sdq59_1360 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  font-size: 16px;
}

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

._detailsCostCell_sdq59_1373 {
  font-size: 16px;
}

._detailsDurationCell_sdq59_1360 svg {
  width: 13px;
  height: 13px;
  color: var(--text-muted);
}

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

._tableBottomBar_sdq59_1394 {
  margin-top: auto;
  min-height: 44px;
  border-top: 1px solid var(--surface-muted);
  background: var(--table-header-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}

._tableBottomText_sdq59_1405 {
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
}

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

._tableBottomAction_sdq59_1413 {
  width: 24px;
  height: 24px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface-muted);
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

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

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

@keyframes _runningPulse_sdq59_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_sdq59_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._emptyIcon_sdq59_1467 {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  background: var(--surface-accent-soft);
}

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

._emptyTitle_sdq59_1482 {
  margin: 0;
  color: var(--text);
  font-size: 24px;
  font-weight: 600;
}

._emptyText_sdq59_1489 {
  margin: 0;
  color: var(--text-muted);
  max-width: 560px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

._emptyButton_sdq59_1498 {
  margin-top: 10px;
  height: 36px;
  border: none;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--surface);
  cursor: pointer;
  background: var(--accent-gradient);
}

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

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

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

._runDetailsTitle_sdq59_1530 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--text);
}

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

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

._runDetailsSuite_sdq59_1553 {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  background: var(--surface-subtle);
}

._runDetailsSuiteTitle_sdq59_1560 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 8px;
}

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

._runDetailsCase_sdq59_1567 {
  font-size: 13px;
  color: var(--text-secondary);
}

._runDetailsEmpty_sdq59_1578 {
  color: var(--text-muted);
  font-size: 14px;
  padding: 18px 0;
}

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

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

._runModalTitle_sdq59_1599 {
  margin: 0;
  color: var(--text);
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

._runModalSubtitle_sdq59_1607 {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

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

._runModalFields_sdq59_1615 .MuiOutlinedInput-root,
._runModalFields_sdq59_1615 .MuiInputBase-root {
  box-shadow: var(--shadow-card);
}

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

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

._fieldLabel_sdq59_1641 {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
}

._runNameInput_sdq59_1649 {
  height: 52px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-card);
  padding: 0 16px;
  font-size: 16px;
  color: var(--text);
}

._runNameInput_sdq59_1649 input::placeholder {
  color: var(--text-muted);
}

._chooseTree_sdq59_1664 {
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface-subtle);
  box-shadow: var(--shadow-card);
  min-height: 0;
  height: 330px;
  max-height: 330px;
  overflow: scroll;
  max-height: none;
  overflow: auto;
  padding: 8px;
}

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

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

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

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

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

._expandButton_sdq59_1705 {
  border: none;
  background: transparent;
  width: 20px;
  min-width: 20px;
  color: var(--text);
  font-size: 16px;
  cursor: pointer;
}

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

._suiteName_sdq59_1720,
._caseName_sdq59_1721 {
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

._caseIndent_sdq59_1728 {
  width: 4px;
}

._treeCheckboxIcon_sdq59_1732 {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._treeCheckboxCheckedIcon_sdq59_1744 {
  border: none;
  background: var(--accent-gradient);
  position: relative;
  border-radius: 0;
}

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

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

._launchButton_sdq59_1770 {
  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_sdq59_1770:disabled {
  opacity: 1;
}

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

@media (max-width: 860px) {
  ._runModalPaper_sdq59_1511 {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
  }
  ._runModalContent_sdq59_1584 {
    padding: 20px !important;
  }
  ._statsGrid_sdq59_180 {
    grid-template-columns: 1fr;
  }
  ._filtersRow_sdq59_28 {
    grid-template-columns: 1fr;
  }
  ._searchWrap_sdq59_126 {
    grid-column: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  ._runButton_sdq59_170 {
    justify-self: stretch;
  }
  ._tableHead_sdq59_967 {
    grid-template-columns: repeat(8, minmax(120px, 1fr));
    overflow-x: auto;
  }
  ._rowFields_sdq59_1629 {
    grid-template-columns: 1fr;
  }
  ._runModalTitle_sdq59_1599 {
    font-size: 28px;
    line-height: 34px;
  }
  ._runModalSubtitle_sdq59_1607 {
    font-size: 14px;
    line-height: 20px;
  }
  ._fieldLabel_sdq59_1641 {
    font-size: 14px;
    line-height: 18px;
  }
  ._runNameInput_sdq59_1649 {
    font-size: 16px;
  }
  ._suiteName_sdq59_1720,
  ._caseName_sdq59_1721 {
    font-size: 18px;
    line-height: 24px;
  }
  ._launchButton_sdq59_1770 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-height: 900px) {
  ._container_sdq59_9 {
    height: calc(100vh - 96px);
    height: calc(100dvh - 96px);
    min-height: 0;
    overflow: hidden;
  }
  ._resultsBlock_sdq59_481 {
    flex: 1;
    min-height: 0;
  }
  ._tableBody_sdq59_648 {
    overflow-y: auto;
  }
  ._tableBody_sdq59_648::-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_1nchd_57 {
  width: 287px;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-right: 1px solid var(--border-field);
  height: 100%;
}
._tenantSection_1nchd_66 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--border-field);
  padding: 16px 20px 16px 20px;
}
._tenantLabel_1nchd_74 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._tenantControls_1nchd_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin-top: 8px;
}
._tenantSelectWrapper_1nchd_92 {
  flex: 1;
  min-width: 0;
}
._addButton_1nchd_97,
._editButton_1nchd_98 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--border-field);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
  flex-shrink: 0;
}
._addButton_1nchd_97:hover,
._editButton_1nchd_98:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._addButton_1nchd_97:active,
._editButton_1nchd_98:active {
  transform: scale(0.95);
}
._addButton_1nchd_97 img,
._editButton_1nchd_98 img {
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
._addButton_1nchd_97 {
  background-color: var(--btn-dark);
}
._addButton_1nchd_97 img {
  filter: var(--btn-dark-icon-filter);
}
._addButton_1nchd_97:hover {
  background-color: var(--btn-dark-hover);
}
._editButton_1nchd_98:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._editButton_1nchd_98:disabled:hover {
  background-color: transparent;
  border-color: var(--border-field);
  transform: none;
}
._searchSection_1nchd_148 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 12px;
  overflow-y: auto;
}
._searchContainer_1nchd_156 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
._searchIcon_1nchd_163 {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  color: var(--text-muted);
}
._searchInput_1nchd_172 {
  width: 100%;
  height: 40px;
  padding: 10px 12px 10px 40px;
  border: 1px solid var(--border-field);
  border-radius: 8px;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: var(--text);
  background: var(--surface);
  outline: none;
  transition: border-color 0.2s;
}
._searchInput_1nchd_172::placeholder {
  color: var(--text-muted);
}
._searchInput_1nchd_172:focus {
  border-color: var(--accent);
}
._menuSection_1nchd_193 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
._menuGroup_1nchd_201 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionTitle_1nchd_207 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--text-secondary);
  padding: 0 12px;
}
._menuItems_1nchd_218 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 12px;
}
._menuItem_1nchd_218 {
  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: var(--text);
  text-align: left;
}
._menuItem_1nchd_218:hover {
  background-color: var(--surface-muted);
}
._menuItem_1nchd_218:active {
  transform: scale(0.98);
}
._menuItemActive_1nchd_249 {
  background: var(--nav-gradient-active);
  color: var(--text);
  font-weight: 500;
}
._menuItemActive_1nchd_249:hover {
  background: var(--nav-gradient-active);
}
._menuItemIcon_1nchd_258 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  filter: var(--icon-mono-filter);
}
._menuItemLabel_1nchd_265 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._sectionDivider_1nchd_272 {
  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_14eh4_57 {
  display: flex;
  width: 100%;
  height: calc(100vh - 0px);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._pageLayout_14eh4_57 {
    flex-direction: column;
    height: calc(100vh - 0px);
  }
}
._container_14eh4_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_14eh4_70 {
    height: auto;
    padding: var(--page-header-padding);
  }
}
._container_14eh4_70._noPadding_14eh4_86 {
  padding: 0;
}
._tabsWrapper_14eh4_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
  padding-bottom: 0;
  border-bottom: 1px solid var(--border-field);
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  ._tabsWrapper_14eh4_90 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._tabsWrapper_14eh4_90 {
    gap: 12px;
  }
}
._tabsContainer_14eh4_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_14eh4_114::-webkit-scrollbar {
  height: 1px;
}
._tabsContainer_14eh4_114::-webkit-scrollbar-track {
  background: transparent;
}
._tabsContainer_14eh4_114::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 999px;
}
@media screen and (max-width: 834px) {
  ._tabsContainer_14eh4_114 {
    width: 100%;
    order: 2;
  }
}
@media screen and (max-width: 480px) {
  ._tabsContainer_14eh4_114 {
    gap: 8px;
  }
}
._tenantControls_14eh4_148 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  margin-left: auto;
}
@media screen and (max-width: 834px) {
  ._tenantControls_14eh4_148 {
    width: 100%;
    margin-left: 0;
    order: 1;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  ._tenantControls_14eh4_148 {
    gap: 8px;
    flex-wrap: nowrap;
  }
}
._addButton_14eh4_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_14eh4_172 {
    flex: 1;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  ._addButton_14eh4_172 {
    gap: 8px;
  }
}
._addButton_14eh4_172:hover ._addButtonCircle_14eh4_195 {
  background-color: var(--btn-dark-hover);
}
._addButtonText_14eh4_199 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._addButtonText_14eh4_199 {
    font-size: 14px;
    display: none;
  }
}
._addButtonCircle_14eh4_195 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--btn-dark);
  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_14eh4_195 {
    width: 36px;
    height: 36px;
  }
}
._addButtonCircle_14eh4_195 img {
  width: 20px;
  height: 20px;
  filter: var(--btn-dark-icon-filter);
}
@media screen and (max-width: 480px) {
  ._addButtonCircle_14eh4_195 img {
    width: 18px;
    height: 18px;
  }
}
._editButton_14eh4_242 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--border-field);
  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_14eh4_242 {
    width: 36px;
    height: 36px;
  }
}
._editButton_14eh4_242:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._editButton_14eh4_242:active {
  transform: scale(0.95);
}
._editButton_14eh4_242:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--surface-muted);
}
._editButton_14eh4_242:disabled:hover {
  transform: none;
  background-color: var(--surface-muted);
  border-color: var(--border-field);
}
._editButton_14eh4_242 img {
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
@media screen and (max-width: 480px) {
  ._editButton_14eh4_242 img {
    width: 18px;
    height: 18px;
  }
}
._content_14eh4_291 {
  flex: 1;
  width: 100%;
  overflow: auto;
}
._contentLoader_14eh4_297 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._loadingContainer_14eh4_304 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
}
._emptyState_14eh4_312 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
  padding: 40px;
}
@media screen and (max-width: 480px) {
  ._emptyState_14eh4_312 {
    padding: 20px;
  }
}
._emptyStateContent_14eh4_326 {
  text-align: center;
  max-width: 480px;
  display: flex;
  flex-direction: column;
}
._emptyStateContent_14eh4_326 h2 {
  font-family: "Roboto";
  font-size: 28px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 12px 0;
}
@media screen and (max-width: 480px) {
  ._emptyStateContent_14eh4_326 h2 {
    font-size: 24px;
  }
}
._emptyStateContent_14eh4_326 p {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  color: var(--text-secondary);
  margin: 0 0 32px 0;
}
@media screen and (max-width: 480px) {
  ._emptyStateContent_14eh4_326 p {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
._emptyStateButtonLabel_14eh4_358 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  ._emptyStateButtonLabel_14eh4_358 {
    font-size: 14px;
  }
}
._emptyStateButtonLabel_14eh4_358 img {
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
@media screen and (max-width: 480px) {
  ._emptyStateButtonLabel_14eh4_358 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_14fxz_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_14fxz_66 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._title_14fxz_72 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin: 0;
}
._templatesList_14fxz_81 {
  flex: 1;
  overflow-y: auto;
}
._templatesGrid_14fxz_86 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
@media (max-width: 768px) {
  ._templatesGrid_14fxz_86 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  ._templatesGrid_14fxz_86 {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}
._templateCard_14fxz_103 {
  border: 1px solid var(--border-field);
  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_14fxz_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_14fxz_120 {
  width: 100%;
  height: 220px;
  border: none;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background: #f6f9ff;
  position: relative;
}
._previewContent_14fxz_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_14fxz_130 * {
  pointer-events: none;
}
._templateInfo_14fxz_144 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px;
}
._templateName_14fxz_152 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}
._templateDescription_14fxz_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_14fxz_174 {
  font-family: "Roboto";
  color: var(--scss-gray-text-color, #727272);
  font-size: 12px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
._templateDate_14fxz_174 ._dateIcon_14fxz_183 {
  font-size: 14px;
  opacity: 0.6;
}
._templateActions_14fxz_188 {
  display: flex;
  gap: 12px;
  padding: 0 24px 24px;
}
._emptyState_14fxz_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_14fxz_204 {
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--surface);
  z-index: 10;
  height: 100%;
}
._editorHeader_14fxz_216 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
  background-color: var(--surface);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
._editorHeaderLeft_14fxz_228 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._editorTitle_14fxz_234 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
._editorButtons_14fxz_242 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._iconButton_14fxz_248 {
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #666;
  transition: all 0.2s ease;
}
._iconButton_14fxz_248:hover {
  background-color: var(--surface-muted);
  color: #333;
}
._iconButton_14fxz_248 svg {
  font-size: 20px;
}
._editorMain_14fxz_263 {
  flex: 1;
  display: flex;
  min-height: 0;
}
._editorContent_14fxz_269 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._editorTopTabs_14fxz_277 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 4px;
}
._editorTopTabButton_14fxz_284 {
  border: none;
  background: transparent;
  padding: 4px 12px;
  border-radius: 999px;
  font-family: "Roboto";
  font-size: 13px;
  cursor: pointer;
  color: var(--text-secondary);
  transition: background-color 0.15s ease, color 0.15s ease;
}
._editorTopTabButton_14fxz_284:hover {
  background-color: #e5e7eb;
  color: var(--text);
}
._editorTopTabButtonActive_14fxz_300 {
  background-color: var(--text);
  color: var(--on-dark-surface);
}
._editorWrapper_14fxz_305 {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}
._editorWrapper_14fxz_305 .esPYYN .blockbuilder-branding {
  display: none !important;
}
._editorWrapper_14fxz_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_14fxz_305 .side-bar-tabs {
  display: none !important;
}
._editorWrapper_14fxz_305 > * {
  height: 100% !important;
}
._editorWrapper_14fxz_305 > * > * {
  height: 100% !important;
}
._imagesTab_14fxz_342 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 16px;
}
._imagesUploadRow_14fxz_350 {
  display: flex;
  justify-content: flex-start;
}
._imagesUploadButton_14fxz_355 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 999px;
  background-color: var(--text);
  color: var(--on-dark-surface);
  font-family: "Roboto";
  font-size: 14px;
  cursor: pointer;
}
._imagesList_14fxz_368 {
  flex: 1;
  overflow-y: auto;
}
._imagesListDragOver_14fxz_373 {
  outline: 2px dashed #5479f7;
  outline-offset: 4px;
  background-color: #f9fafb;
}
._imagesEmpty_14fxz_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_14fxz_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_14fxz_403 {
  border-color: #5479f7;
  background-color: #eef2ff;
}
._imagesEmptyIcon_14fxz_408 {
  font-size: 32px;
}
._imagesEmptyTitle_14fxz_412 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._imagesEmptyText_14fxz_419 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--scss-gray-text-color, #727272);
}
._imagesGrid_14fxz_425 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
._imageCard_14fxz_431 {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  background-color: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 160px;
}
._imagePreview_14fxz_442 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--surface-muted);
}
._imagePreview_14fxz_442 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._imageDeleteButton_14fxz_459 {
  position: absolute !important;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  padding: 4px;
  background-color: rgba(15, 23, 42, 0.45) !important;
  color: var(--on-dark-surface) !important;
  border-radius: 999px;
}
._imageDeleteButton_14fxz_459:hover {
  background-color: rgba(15, 23, 42, 0.75) !important;
}
._imageDeleteButton_14fxz_459 svg {
  width: 16px;
  height: 16px;
}
._imageKey_14fxz_478 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--scss-gray-text-color, #727272);
  word-break: break-all;
}
._imageKeyRow_14fxz_485 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._copyButton_14fxz_491 {
  padding: 4px;
}
._imageAddCard_14fxz_495 {
  align-items: center;
  justify-content: center;
  border-style: dotted;
  border-width: 2px;
  border-color: #9ca3af;
  background: var(--surface-muted);
  cursor: pointer;
  text-align: center;
  gap: 10px;
}
._imageAddCard_14fxz_495:hover {
  border-color: #9ca3af;
  background-color: var(--surface-muted);
}
._imageAddCardActive_14fxz_511 {
  border-color: #5479f7;
  background: radial-gradient(circle at top left, #eef2ff 0, #e0e7ff 40%, #dbeafe 100%);
}
._imageAddIcon_14fxz_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_14fxz_530 {
  font-family: "Roboto";
  font-size: 13px;
  color: #4b5563;
  max-width: 160px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1ce62_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._loaderContainer_1ce62_66 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
}
._header_1ce62_74 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._sections_1ce62_80 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}
._section_1ce62_80 {
  background: var(--surface);
}
._headerCell_1ce62_93 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  background-color: #f5f5f7;
  border-bottom: 1px solid var(--border-field);
}
._cell_1ce62_102 {
  padding: 14px;
  height: 40px;
  border-bottom: 1px solid #eaeef4;
}
._tableLabel_1ce62_108 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text);
}
._emptyText_1ce62_114 {
  font-style: italic;
  color: #9fa6b3;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
._emptyCell_1ce62_121 {
  padding: 24px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
}
._emptyState_1ce62_129 {
  padding: 32px 24px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
}
._emailCell_1ce62_137 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
}
._avatar_1ce62_144 {
  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_jzm7d_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._loaderContainer_jzm7d_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
}
._groupSection_jzm7d_71 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._groupTitle_jzm7d_77 {
  font-family: "Roboto";
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: var(--text);
}
._groupSeparator_jzm7d_85 {
  border-top: 1px solid var(--border-field);
}
._sectionTitle_jzm7d_89 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--text);
}
._description_jzm7d_97 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: var(--text-secondary);
  margin: 4px 0 0;
}
._tableWrapper_jzm7d_105 {
  border-radius: 8px;
  border: 1px solid var(--border-field);
  overflow: hidden;
}
._table_jzm7d_105 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
  font-size: 13px;
  color: var(--text);
}
._thead_jzm7d_119 {
  background-color: var(--surface-muted);
}
._th_jzm7d_119,
._td_jzm7d_124 {
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  line-height: 18px;
}
._th_jzm7d_119 {
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
}
._roleName_jzm7d_137 {
  font-weight: 500;
}
._checkboxCell_jzm7d_141 {
  text-align: center;
  width: 64px;
}
._checkboxCell_jzm7d_141 .MuiCheckbox-root {
  padding: 2px;
}
._advancedList_jzm7d_149 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
}
._advancedItem_jzm7d_155 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
}
._advancedItem_jzm7d_155 .MuiCheckbox-root {
  padding: 0;
}
._advancedItemTitle_jzm7d_168 {
  display: block;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: var(--text);
}
._advancedItemDescription_jzm7d_177 {
  display: block;
  margin-top: 2px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
}
._toggleGroup_jzm7d_186 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._toggleRow_jzm7d_192 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._toggleLabel_jzm7d_198 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text);
}
._error_jzm7d_204 {
  margin-top: 8px;
  font-size: 12px;
  color: var(--danger);
}
._actions_jzm7d_210 {
  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_uy9ir_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
._header_uy9ir_66 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._title_uy9ir_72 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}
._description_uy9ir_80 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}
._sections_uy9ir_87 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 100px;
}
._section_uy9ir_87 {
  background: var(--surface);
  padding-left: 2px;
  padding-right: 2px;
}
._sectionTitle_uy9ir_102 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 12px 0;
}
._sectionDescription_uy9ir_110 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0 0 16px 0;
}
._row_uy9ir_117 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._formGroup_uy9ir_123 {
  flex: 1;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
._formGroup_uy9ir_123 .MuiTextField-root {
  width: 100%;
}
._mdEditorWrapper_uy9ir_133 {
  isolation: isolate;
}
._mdEditorWrapper_uy9ir_133 .w-md-editor {
  width: 100%;
  background-color: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border-field) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}
._mdEditorWrapper_uy9ir_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_uy9ir_133 .w-md-editor button[data-name="fullscreen"] {
  display: none !important;
}
._mdEditorWrapper_uy9ir_133 .w-md-editor button[data-name="image"],
._mdEditorWrapper_uy9ir_133 .w-md-editor button[data-name="tasklist"],
._mdEditorWrapper_uy9ir_133 .w-md-editor button[data-name="task-list"],
._mdEditorWrapper_uy9ir_133 .w-md-editor button[data-name="checked-list"] {
  display: none !important;
}
._mdEditorWrapper_uy9ir_133 .w-md-editor-toolbar {
  background-color: var(--surface-muted) !important;
  border-bottom: 1px solid var(--border) !important;
}
._mdEditorWrapper_uy9ir_133 .w-md-editor-content,
._mdEditorWrapper_uy9ir_133 .w-md-editor-text-input,
._mdEditorWrapper_uy9ir_133 .w-md-editor-text,
._mdEditorWrapper_uy9ir_133 .w-md-editor-preview {
  background-color: var(--surface) !important;
  color: var(--text) !important;
}
._mdEditorWrapper_uy9ir_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_uy9ir_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_uy9ir_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_uy9ir_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_uy9ir_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_uy9ir_133 .w-md-editor-text-pre > code {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace !important;
}
._inputLabel_uy9ir_226 {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 8px;
  line-height: 1.5;
}
._errorText_uy9ir_236 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #dc2626;
  margin-top: 8px;
}
._actions_uy9ir_243 {
  background: transparent;
  padding: 16px 0 0;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  box-shadow: 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;
}
._previewContainer_eii6d_29 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._previewHeader_eii6d_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--surface-muted);
  border-radius: 4px;
}
._previewTitle_eii6d_46 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}
._expandButton_eii6d_54 {
  padding: 6px 12px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  border: none;
  border-radius: 4px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s;
}
._expandButton_eii6d_54:hover {
  background: var(--btn-dark-hover);
}
._previewWrapper_eii6d_70 {
  width: 100%;
  height: 650px;
  display: flex;
  flex-direction: row;
  border: 1px solid var(--border-field);
  border-radius: 8px;
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow-card);
}
._formColumn_eii6d_82 {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}
._titleHolder_eii6d_89 {
  padding: 32px 32px 0;
}
._titleHolder_eii6d_89 ._title_eii6d_89 {
  display: flex;
  align-items: center;
  gap: 14px;
}
._titleHolder_eii6d_89 ._title_eii6d_89 ._logo_eii6d_97 {
  width: 40px;
  height: 40px;
}
._titleHolder_eii6d_89 ._title_eii6d_89 ._logoAltText_eii6d_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_eii6d_89 ._title_eii6d_89 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 18px;
  font-weight: 700;
}
._flexWrapper_eii6d_123 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 32px;
}
._backgroundWrapper_eii6d_131 {
  width: 100%;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 0px 24px rgba(104, 104, 136, 0.3);
}
._subWrapper_eii6d_138 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._subWrapperCenter_eii6d_145 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._subTitleHolder_eii6d_152 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
._subTitleHolder_eii6d_152 ._subTitle_eii6d_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_eii6d_152 ._signInImage_eii6d_169 {
  max-width: 200px;
  max-height: 60px;
  object-fit: contain;
}
._subTitleHolder_eii6d_152 ._helptext_eii6d_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_eii6d_186 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._fieldsHolder_eii6d_192 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._inputPreview_eii6d_198 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._inputPreview_eii6d_198 label {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  color: #1F1F1F;
}
._inputPreview_eii6d_198 ._input_eii6d_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_eii6d_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_eii6d_223:hover {
  opacity: 0.9;
}
._imageColumn_eii6d_239 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._imageColumn_eii6d_239 ._sideImage_eii6d_246 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._expandedOverlay_eii6d_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_eii6d_266 {
  width: 90vw;
  height: 90vh;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._expandedHeader_eii6d_276 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #f5f5f5;
  border-bottom: 1px solid #d8dbdf;
}
._expandedHeader_eii6d_276 h3 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0;
}
._closeButton_eii6d_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_eii6d_292:hover {
  background: #333;
}
._expandedPreviewWrapper_eii6d_310 {
  flex: 1;
  display: flex;
  overflow: hidden;
}
._expandedPreviewWrapper_eii6d_310 ._formColumn_eii6d_82 {
  width: 50%;
}
._expandedPreviewWrapper_eii6d_310 ._imageColumn_eii6d_239 {
  width: 50%;
}
._expandedPreviewWrapper_eii6d_310 ._logo_eii6d_97 {
  width: 54px;
  height: 54px;
}
._expandedPreviewWrapper_eii6d_310 ._logoAltText_eii6d_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_eii6d_310 ._titleHolder_eii6d_89 {
  padding: 44px 50px 0;
}
._expandedPreviewWrapper_eii6d_310 ._title_eii6d_89 span {
  font-size: 24px;
  line-height: 29px;
}
._expandedPreviewWrapper_eii6d_310 ._subTitle_eii6d_152 {
  font-size: 32px;
  line-height: 39px;
}
._expandedPreviewWrapper_eii6d_310 ._helptext_eii6d_174 {
  font-size: 16px;
  line-height: 19px;
}
._expandedPreviewWrapper_eii6d_310 ._backgroundWrapper_eii6d_131 {
  padding: 44px;
}
._expandedPreviewWrapper_eii6d_310 ._inputPreview_eii6d_198 label {
  font-size: 14px;
}
._expandedPreviewWrapper_eii6d_310 ._inputPreview_eii6d_198 ._input_eii6d_198 {
  height: 40px;
  font-size: 14px;
  padding: 0 12px;
}
._expandedPreviewWrapper_eii6d_310 ._button_eii6d_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;
}
._container_1arrs_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
._section_1arrs_36 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 960px;
}
._sectionTitle_1arrs_43 {
  margin: 0;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
}
._sectionDescription_1arrs_51 {
  margin: 0;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-secondary);
}
._card_1arrs_59 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 16px;
  background: var(--surface);
}
._themeBadge_1arrs_69 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--surface-accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent-active-text);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
}
._seedsTitle_1arrs_83,
._swatchesTitle_1arrs_84 {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
._presetsBlock_1arrs_92 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._presetsGrid_1arrs_98 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
._presetCard_1arrs_104 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
._presetCard_1arrs_104:hover:not(:disabled) {
  border-color: var(--accent-border);
  background: var(--surface-subtle);
  box-shadow: var(--shadow-sm);
}
._presetCard_1arrs_104:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._presetSwatch_1arrs_126 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--border);
}
._presetMeta_1arrs_134 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._presetLabel_1arrs_141 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
._presetDescription_1arrs_148 {
  font-family: "Roboto";
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.3;
}
._colorGrid_1arrs_155 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 720px) {
  ._colorGrid_1arrs_155 {
    grid-template-columns: 1fr;
  }
}
._inputLabel_1arrs_166 {
  display: block;
  margin-bottom: 8px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}
._hint_1arrs_175 {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.45;
  color: var(--text-muted);
}
._previewRow_1arrs_183 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
._previewPill_1arrs_190 {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
}
._previewChip_1arrs_203 {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--surface-accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent-active-text);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
}
._previewCard_1arrs_217 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 140px;
  padding: 12px;
  border-radius: 12px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-sm);
  color: var(--text);
  font-family: "Roboto";
  font-size: 12px;
}
._previewCardMeta_1arrs_232 {
  color: var(--text-muted);
}
._previewGradient_1arrs_236 {
  height: 10px;
  flex: 1 1 160px;
  min-width: 160px;
  border-radius: 999px;
  background: var(--accent-gradient);
}
._swatchGrid_1arrs_244 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
._swatchItem_1arrs_250 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}
._swatch_1arrs_84 {
  width: 100%;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-sm);
}
._swatchLabel_1arrs_268 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.3;
}
._swatchValue_1arrs_276 {
  font-family: "Roboto";
  font-size: 10px;
  color: var(--text-muted);
  word-break: break-all;
}
._actions_1arrs_283 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-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;
}
._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_1nnrx_29 {
  padding: 14px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(100% - (var(--page-header)) / 2);
  width: 100%;
}
._tabs_1nnrx_38 {
  display: flex;
  gap: 24px;
}
._tab_1nnrx_38 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: var(--text);
  cursor: pointer;
}
._active_1nnrx_53 {
  font-weight: bold;
  border-bottom: 2.5px solid var(--text);
}
._balance_1nnrx_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_1nnrx_58 h5 {
  font-family: inherit;
  white-space: nowrap;
  color: var(--text-secondary);
}
._balance_1nnrx_58 span {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: var(--text);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_sfhir_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_sfhir_40 {
  margin: 7px;
}
._placeholderContainer_sfhir_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_sfhir_53 {
  max-height: 47px;
  line-height: 19px;
  padding: 12.5px 14px 12.5px 14px;
  background-color: var(--table-header-bg, var(--surface-sidebar));
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  color: var(--scss-text-color, #1f1f1f);
  text-wrap: nowrap;
}
._headerCell_sfhir_53._first_sfhir_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid var(--border);
}
._headerCell_sfhir_53._last_sfhir_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid var(--border);
}
._tableLabel_sfhir_72 {
  font-family: "Roboto";
  font-size: 16px;
  width: 100%;
}
._buttonContainer_sfhir_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_sfhir_78 ._title_sfhir_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_sfhir_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_sfhir_98 {
  text-wrap: nowrap;
  text-align: left;
  padding: 8px 0 8px 0 !important;
  border: 1px none var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  height: auto !important;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108._cellWrapperRoundLast_sfhir_116 {
  border-radius: 0 5px 5px 0;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108._cellWrapperRoundFirst_sfhir_119 {
  border-radius: 5px 0 0 5px;
}
._cell_sfhir_98 ._cellWrapper_sfhir_108 div {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._cell__status_sfhir_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_sfhir_137 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._cell__status__finished_sfhir_140 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._cell__status__error_sfhir_143 {
  background-color: var(--chip-err-bg, rgb(255, 188, 188));
}
._row_sfhir_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_sfhir_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_sfhir_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_sfhir_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_1bjwq_57 {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
._fieldsWrapper__header_1bjwq_64 {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid var(--border-field, #d8dbdf);
  background: var(--surface-muted);
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
._fieldsWrapper__header_1bjwq_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_1bjwq_85 {
  display: flex;
  padding: 24px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--border-field, #d8dbdf);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: var(--surface);
}
@media screen and (max-width: 1440px) {
  ._fieldsWrapper_1bjwq_57 {
    max-width: 303px;
    min-width: 300px;
  }
}
@media screen and (max-width: 1280px) {
  ._fieldsWrapper_1bjwq_57 {
    width: 522px;
    max-width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 834px) {
  ._fieldsWrapper_1bjwq_57 {
    min-width: 100%;
  }
}
._fieldContainer_1bjwq_118 {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1bjwq_118 ._flexContainer_1bjwq_125 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 19px;
  font-weight: 400;
}
._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_1bjwq_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_1bjwq_118 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_1bjwq_118 ._hader_1bjwq_130 ._textHolder_1bjwq_137 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    font-weight: 400;
  }
  ._fieldContainer_1bjwq_118 ._subhader_1bjwq_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_1bjwq_118 ._field_1bjwq_57 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_1bjwq_118 ._checkboxContainer_1bjwq_168 {
    display: flex;
    align-items: flex-start;
  }
}
._textWithTooltip_1bjwq_395 {
  display: inline-flex;
  gap: 12px;
}
._subwrapper_1bjwq_400 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_1bjwq_400 ._fieldsWrapper_1bjwq_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;
}/* roboto-latin-600-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/fonts/roboto-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Design tokens from theming architecture.
   Light = :root. Dark = :root[data-theme="dark"] — same names, dark values.
   Components must use tokens / SCSS vars, never theme-specific selectors. */

:root {
  /* Surfaces */
  --bg: #ffffff;
  --bg-recessed: #ffffff;
  --panel: #ffffff;
  --surface: #ffffff;
  --surface-muted: #f3f4fb;
  --surface-subtle: #f8f9fc;
  --surface-sidebar: #f5f6f9;
  --surface-accent: #eef1ff;
  --surface-accent-soft: #f0eeff;
  --surface-perf: #fafafa;
  --surface-table-header: #f4f6fb;
  --surface-announcement: #eff2fe;

  /* Text */
  --text: #1f2435;
  --text-secondary: #525a73;
  --text-muted: #9098b1;
  --text-muted-rgb: 144, 152, 177;
  --muted: var(--text-muted);

  --border: #eceff6;
  --border-strong: #e8ecf4;
  --stroke: var(--border);
  /* Form fields keep the stronger chrome used across agent config */
  --border-field: #d8dbdf;
  --scss-borderColor: #d8dbdf;
  --schema-holder-border: 1px solid var(--border-strong);
  --flow-dot-color: #c5c8d3;
  --flow-node-bg: var(--surface-muted);
  --flow-node-header: var(--surface-table-header);
  --flow-panel-bg: rgba(255, 255, 255, 0.96);

  /* Brand */
  --accent: #6b5ce7;
  --accent-hover: #5145da;
  --accent-active-text: #3527b5;
  --accent-link: #6253f7;
  --accent-gradient: linear-gradient(90deg, #d394f1 0%, #5f52f3 100%);
  --tab-primary-height: 44px;
  --tab-indicator-height: 2px;
  --accent-soft: #eeeeff;
  --accent-muted: #eef1ff;
  --accent-border: #d4dcff;
  --accent-hover-bg: #f7f4ff;
  --accent-hover-border: #cfc8ff;
  --accent-icon: #5a6aaa;
  --accent-shadow: rgba(107, 94, 255, 0.08);
  --accent-shadow-md: rgba(107, 94, 255, 0.12);
  --accent-tint: rgba(107, 92, 231, 0.07);
  --surface-accent-faint: rgba(107, 92, 231, 0.045);
  --checkbox-checked: var(--accent);
  --checkbox-unchecked: var(--text-muted);
  --scss-blue-checkbox: var(--checkbox-checked);

  /* Semantic */
  --ok: #25a766;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #4f7dff;

  /* Inverted CTA surfaces */
  --dark-btn: #181c2d;
  --dark-btn-hover: #252b40;
  --dark-btn-active: #121620;
  --btn-dark: #1f1f1f;
  --btn-dark-hover: #111111;
  --btn-dark-icon-filter: invert(1);
  --btn-surface-icon-filter: none;
  --on-dark-surface: #ffffff;
  --btn-primary-bg: var(--btn-dark);
  --btn-primary-text: var(--on-dark-surface);
  --btn-primary-hover-bg: var(--surface);
  --btn-primary-hover-text: var(--btn-dark);

  --ok-dark: #16613f;
  --danger-dark: #9f2424;
  --warning-text: #b45309;

  --cat-download: #2563eb;
  --cat-download-hover: #1d4ed8;
  --cat-refresh: #0d9488;
  --cat-refresh-hover: #0f766e;
  --cat-keywords: #d97706;
  --cat-audio-user: #3b82f6;
  --tag-tool-bg: #eaf5ff;
  --tag-tool-text: #0662b5;

  /* Interactions / call-detail (from reference) */
  --call-queue-summary-bg: var(--surface-accent-soft);
  --call-queue-accordion-bg: var(--surface-accent-soft);
  --call-queue-accordion-border: var(--accent-border);
  --call-queue-detail-shadow: var(--shadow-card);
  /* Transcript bubble defaults — original light branding look */
  --user-message-bubble-bg-default: #eef1ff;
  --user-message-bubble-border-default: #d4dcff;
  --agent-message-bubble-bg-default: #ffffff;
  --agent-message-bubble-border-default: #e6eaf5;
  --announcement-border-default: rgba(107, 94, 255, 0.3);
  --transcript-card-border-default: rgba(107, 94, 255, 0.3);
  --tool-bg-default: linear-gradient(135deg, #fafbff 0%, #f6f7fc 100%);
  --tool-border-default: rgba(107, 94, 255, 0.3);
  --action-pass-bg-default: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  --action-fail-bg-default: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  --action-pass-border-default: #86efac;
  --action-fail-border-default: #fca5a5;
  --btn-disabled: #c9c9c9;

  /* Shadows */
  --shadow: 0px 4px 20px rgba(107, 94, 255, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 20px var(--accent-shadow), 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(16, 28, 64, 0.1);
  --shadow-dropdown: 0 8px 22px rgba(16, 28, 64, 0.1);
  --shadow-modal: 0 24px 60px rgba(16, 28, 64, 0.18);
  --shadow-panel: 0 20px 60px rgba(10, 15, 35, 0.18), 0 4px 16px rgba(10, 15, 35, 0.08);
  --shadow-elevated: 0 8px 32px rgba(16, 28, 64, 0.12), 0 4px 16px rgba(16, 28, 64, 0.08);

  --nav-gradient-hover: linear-gradient(
    135deg,
    rgba(211, 148, 241, 0.2) 0%,
    rgba(95, 82, 243, 0.2) 100%
  );
  --nav-gradient-active: linear-gradient(
    135deg,
    rgba(211, 148, 241, 0.26) 0%,
    rgba(95, 82, 243, 0.26) 100%
  );

  --chip-ok-bg: #f0fdf4;
  --chip-ok-border: #bbf7d0;
  --chip-ok-text: #16a34a;
  --chip-info-bg: #eff6ff;
  --chip-info-border: #bfdbfe;
  --chip-info-text: #1d4ed8;
  --chip-warn-bg: #fefce8;
  --chip-warn-border: #fde68a;
  --chip-warn-text: #92400e;
  --chip-err-bg: #fef2f2;
  --chip-err-border: #fecaca;
  --chip-err-text: #dc2626;
  --chip-neutral-bg: #f3f4fb;
  --chip-neutral-border: #e8ecf4;
  --chip-neutral-text: #525a73;
  --chip-meta-bg: #f9fafb;
  --chip-meta-border: #e5e7eb;
  --chip-accent-bg: #f0eeff;
  --chip-accent-border: #ddd6fe;

  --overlay-bg: rgba(10, 15, 35, 0.48);
  /* Single tour dim layer (maskRect only; clickArea is transparent) */
  --tour-mask: rgba(15, 18, 35, 0.45);
  --accent-border-glow: rgba(107, 92, 231, 0.15);
  --accent-border-inner: rgba(107, 92, 231, 0.18);
  --accent-border-soft: rgba(107, 94, 255, 0.1);
  --surface-ghost: rgba(255, 255, 255, 0.55);
  --color-white: #ffffff;
  --surface-overlay: rgba(247, 248, 253, 0.5);
  --surface-overlay-strong: rgba(247, 248, 253, 0.7);
  --chip-overlay-strong: rgba(255, 255, 255, 0.72);

  /* Type scale — structural (same in light/dark) */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-extra: 800;
  --fs-micro: 10px;
  --fs-caption: 11px;
  --fs-caption-lg: 11.5px;
  --fs-sm: 12px;
  --fs-sm-plus: 12.5px;
  --fs-base: 13px;
  --fs-base-plus: 13.5px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-lg-plus: 20px;
  --fs-page-title: var(--fs-lg-plus);
  --fs-page-subtitle: var(--fs-base);
  --fs-body: var(--fs-base);
  --lh-heading: 1.2;
  --lh-tight: 1.3;
  --lh-snug: 1.35;
  --lh-relaxed: 1.55;
  --tracking-heading: -0.02em;
  --tracking-wide: 0.05em;
  --tracking-wide-md: 0.04em;
  --tracking-wide-lg: 0.06em;
  --icon-xs: 14px;
  --icon-meta: var(--icon-xs);
  --t-fast: 140ms ease;
  --tab-section-height: 44px;

  /* Spacing / radius — structural */
  --gap-tight: 4px;
  --gap-xs: 6px;
  --gap-sm: 8px;
  --gap-sm-plus: 10px;
  --gap-md: 12px;
  --gap-md-plus: 14px;
  --gap-lg: 16px;
  --gap-xl: 20px;
  --gap-2xl: 24px;
  --gap-3xl: 32px;
  --gap-inline-start: 18px;
  --pad-tight: var(--gap-tight);
  --pad-xs: var(--gap-xs);
  --pad-sm: var(--gap-sm);
  --pad-sm-plus: var(--gap-sm-plus);
  --pad-md: var(--gap-md);
  --pad-md-plus: var(--gap-md-plus);
  --pad-lg: var(--gap-lg);
  --pad-xl: var(--gap-xl);
  --pad-header-block: var(--gap-md);
  --layout-gutter-inline-start: var(--gap-inline-start);
  --layout-gutter-inline-end: var(--gap-xl);
  --layout-gutter-block-end: var(--gap-xl);
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 15px;
  --radius-pill: 999px;
  --radius: 12px;

  /* App shell — from final version 12 */
  --app-header-height: 72px;
  --app-header-control-height: 36px;
  --sidebar-width: 228px;
  --sidebar-width-collapsed: 68px;
  --sidebar-nav-item-size-collapsed: 44px;
  --icon-ui: 24px;
  --brand-logo-width: 143px;
  --brand-logo-max-height: 36px;
  --brand-logo-mark-size: 32px;

  /* Download tool-btn icon tile (same in light/dark per reference) */
  --cat-download-icon-bg: linear-gradient(135deg, #e3f0ff 0%, #c7e0ff 100%);
  --cost-icon-bg: #f0eeff;
  --cost-icon-color: #6b5ce7;
  --sentiment-tool-btn-icon-bg: linear-gradient(135deg, #ede8ff 0%, #d8ceff 100%);
  --open-cost-btn-border: 1px solid #181c2d;
  --open-cost-btn-bg: #181c2d;
  --open-cost-btn-color: #ffffff;
  --open-cost-btn-hover-border: 1px solid #252b40;
  --open-cost-btn-hover-bg: #252b40;
  --open-cost-btn-hover-color: #ffffff;

  --table-header-bg: var(--surface-table-header);
  --table-row-hover-bg: var(--surface-subtle);
  --table-row-selected-bg: var(--surface-accent-soft);
  --table-group-border: var(--accent-border-inner);
  --table-group-surface: var(--surface-accent-faint);
  --selection-highlight-bg: var(--table-row-selected-bg);
  --selection-highlight-hover-bg: var(--surface-accent);

  --scrollbar-thumb: #babac0;
  --scrollbar-thumb-border: #ffffff;
  
  --icon-mono-filter: opacity(1);
  --dropdown-chevron-filter: var(--icon-mono-filter);
  --square-tab-icon-filter: brightness(0) saturate(100%);
  /* Mono icon on a `--text` filled surface (active pill, CTA chip) */
  --icon-on-text-filter: brightness(0) invert(1);
  /* Add Element node accent wash (hex accents often ship with ~0.3 alpha) */
  --add-element-icon-accent-mix: 30%;

  /* Tooltips — neutral elevated surface, never CTA */
  --tooltip-bg: #1f2435;
  --tooltip-text: #eeeeee;

  /* Code viewer — dark block in both themes */
  --code-bg: #10131e;
  --code-text: #c5cadf;
  --code-comment: #6b7394;
  --code-keyword: #7c9eff;
  --code-value: #e8e9f2;

  /* Auth / login forms */
  --login-side-gradient: linear-gradient(180deg, #ececfe 0%, #bdbdfa 100%);
  --login-card-shadow: 0px 0px 34px 0px rgba(104, 104, 136, 0.3);
  --login-form-bg: var(--login-side-gradient);
  --login-oauth-bg: #ffffff;
  --login-oauth-border: var(--border-field);
  --login-oauth-text: var(--text);
}

:root[data-theme='dark'] {
  /* Surfaces — exact values from  dark theme (v12) */
  --bg: #1a1b25;
  --bg-recessed: #14151d;
  --panel: #1a1b25;
  --surface: #1a1b25;
  --surface-muted: #23242f;
  --surface-subtle: #1b1c25;
  --surface-sidebar: #111219;
  --surface-accent: #262340;
  --surface-accent-soft: #241f3d;
  --surface-perf: #1c1d27;
  --surface-table-header: #202231;
  --surface-announcement: #211f38;

  /* Text */
  --text: #e8e9f2;
  --text-secondary: #a7abc4;
  --text-muted: #6e7290;
  --text-muted-rgb: 110, 114, 144;

  /* Borders */
  --border: #2a2c3b;
  --border-strong: #34364a;
  --border-field: var(--border-strong);
  --schema-holder-border: none;
  --flow-dot-color: #3a3c4d;
  --flow-node-bg: var(--surface-muted);
  --flow-node-header: var(--surface-table-header);
  --flow-panel-bg: rgba(26, 27, 37, 0.96);

  /* Brand */
  --accent: #8b7cf0;
  --accent-hover: #a191f5;
  --accent-active-text: #b7acf7;
  --accent-link: #9a8ef5;
  --accent-soft: #24223d;
  --accent-muted: #262340;
  --accent-border: #3a3860;
  --accent-hover-bg: #2a2645;
  --accent-hover-border: #453f75;
  --accent-icon: #9098c9;
  --accent-shadow: rgba(139, 124, 240, 0.18);
  --accent-shadow-md: rgba(139, 124, 240, 0.26);
  --accent-tint: rgba(139, 124, 240, 0.18);
  --surface-accent-faint: rgba(139, 124, 240, 0.12);
  --checkbox-checked: var(--accent);
  --checkbox-unchecked: var(--text-muted);
  --scss-blue-checkbox: var(--checkbox-checked);

  --ok: #2fc178;
  --success: #38d476;
  --warning: #f7ac2e;
  --danger: #f4605f;
  --info: #6690ff;

  /* CTA surfaces invert so they still pop on a dark page */
  --dark-btn: #e8e9f2;
  --dark-btn-hover: #d5d7e8;
  --dark-btn-active: #c5c8de;
  --btn-dark: #e8e9f2;
  --btn-dark-hover: #d5d7e8;
  --btn-dark-icon-filter: none;
  --btn-surface-icon-filter: invert(1);
  --on-dark-surface: #14151d;

  --ok-dark: #7fe3ae;
  --danger-dark: #ffb0af;
  --warning-text: #ffcc80;

  --cat-download: #5b8ff0;
  --cat-download-hover: #7ba3f4;
  --cat-download-icon-bg: linear-gradient(135deg, #243356 0%, #2a3d68 100%);
  --cost-icon-bg: var(--accent-soft);
  --cost-icon-color: var(--accent);
  --sentiment-tool-btn-icon-bg: linear-gradient(135deg, #2a2645 0%, #3a3860 100%);
  --open-cost-btn-border: 1px solid var(--btn-dark);
  --open-cost-btn-bg: var(--btn-dark);
  --open-cost-btn-color: var(--on-dark-surface);
  --open-cost-btn-hover-border: 1px solid var(--btn-dark-hover);
  --open-cost-btn-hover-bg: var(--btn-dark-hover);
  --open-cost-btn-hover-color: var(--on-dark-surface);
  --cat-refresh: #34c3b6;
  --cat-refresh-hover: #4fd2c6;
  --cat-keywords: #f0a63e;
  --cat-audio-user: #6ea1ff;
  --tag-tool-bg: #1a2a42;
  --tag-tool-text: #7db2f0;

  /* Interactions / call-detail — exact  dark values */
  --call-queue-summary-bg: var(--surface-subtle);
  --call-queue-accordion-bg: var(--surface);
  --call-queue-accordion-border: var(--border);
  --call-queue-detail-shadow: none;
  --user-message-bubble-bg-default: var(--surface-accent);
  --user-message-bubble-border-default: var(--accent-border);
  --agent-message-bubble-bg-default: var(--surface-accent);
  --agent-message-bubble-border-default: var(--accent-border);
  --announcement-border-default: rgba(107, 94, 255, 0.3);
  --transcript-card-border-default: var(--border);
  --tool-bg-default: var(--surface);
  --tool-border-default: var(--border);
  --action-pass-bg-default: rgba(37, 167, 102, 0.08);
  --action-fail-bg-default: rgba(239, 68, 68, 0.08);
  --action-pass-border-default: rgba(37, 167, 102, 0.22);
  --action-fail-border-default: rgba(239, 68, 68, 0.24);
  --btn-disabled: #3a3c4d;

  --shadow: 0px 4px 20px rgba(0, 0, 0, 0.35), 0px 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.22);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-dropdown: 0 8px 22px rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.28);

  --nav-gradient-hover: linear-gradient(
    135deg,
    rgba(211, 148, 241, 0.22) 0%,
    rgba(95, 82, 243, 0.22) 100%
  );
  --nav-gradient-active: linear-gradient(
    135deg,
    rgba(211, 148, 241, 0.3) 0%,
    rgba(95, 82, 243, 0.3) 100%
  );

  --chip-ok-bg: rgba(47, 193, 120, 0.16);
  --chip-ok-border: rgba(47, 193, 120, 0.32);
  --chip-ok-text: #7fe3ae;
  --chip-info-bg: rgba(79, 125, 255, 0.16);
  --chip-info-border: rgba(79, 125, 255, 0.32);
  --chip-info-text: #a9c4ff;
  --chip-warn-bg: rgba(247, 172, 46, 0.16);
  --chip-warn-border: rgba(247, 172, 46, 0.32);
  --chip-warn-text: #ffcc80;
  --chip-err-bg: rgba(244, 96, 95, 0.16);
  --chip-err-border: rgba(244, 96, 95, 0.32);
  --chip-err-text: #ffb0af;
  --chip-neutral-bg: #23242f;
  --chip-neutral-border: #34364a;
  --chip-neutral-text: #a7abc4;
  --chip-meta-bg: #23242f;
  --chip-meta-border: #34364a;
  --chip-accent-bg: #262340;
  --chip-accent-border: #3a3860;

  --overlay-bg: rgba(0, 0, 0, 0.6);
  --tour-mask: rgba(0, 0, 0, 0.58);
  --accent-border-glow: rgba(139, 124, 240, 0.22);
  --accent-border-inner: rgba(139, 124, 240, 0.26);
  --accent-border-soft: rgba(139, 124, 240, 0.22);
  --surface-ghost: rgba(26, 27, 37, 0.65);
  --surface-overlay: rgba(30, 31, 41, 0.55);
  --surface-overlay-strong: rgba(30, 31, 41, 0.75);
  --chip-overlay-strong: rgba(52, 54, 74, 0.72);

  --table-header-bg: var(--surface-table-header);
  --table-row-hover-bg: var(--surface-subtle);
  --table-row-selected-bg: var(--surface-accent-soft);
  --table-group-border: var(--accent-border-inner);
  --table-group-surface: var(--surface-accent-faint);
  --selection-highlight-bg: var(--table-row-selected-bg);
  --selection-highlight-hover-bg: var(--surface-accent);

  --scrollbar-thumb: #3a3c4d;
  --scrollbar-thumb-border: var(--bg);
  --icon-mono-filter: brightness(0) invert(1);
  --dropdown-chevron-filter: var(--icon-mono-filter);
  --square-tab-icon-filter: brightness(0) invert(1);
  --icon-on-text-filter: none;
  --add-element-icon-accent-mix: 100%;

  /* Tooltips — elevated neutral, not CTA (readable on flow nodes) */
  --tooltip-bg: #3a3b4d;
  --tooltip-text: #e8e9f2;

  /* Auth / login forms — elevated card, never light branding */
  --login-side-gradient: linear-gradient(180deg, #2a2c3b 0%, #1f2030 100%);
  --login-card-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.45);
  --login-form-bg: #23242f;
  --login-oauth-bg: #2a2c3b;
  --login-oauth-border: var(--border-strong);
  --login-oauth-text: var(--text);

  /* Bridge: legacy index.css vars → design tokens */
  --background-light: var(--surface);
  --background-dark: var(--text);
  --text-white: var(--text-muted);
  --text-dark: var(--text-secondary);
  --text-white-dark: var(--text-muted);
  --placeholder-color: var(--text-muted);
  --placeholder-for-input: var(--text-muted);
  --border-table: var(--border);
  --border-field: var(--border-strong);
  --hover: var(--surface-accent);
  --disabled-placeholder: var(--text-muted);
  --disabled-input: var(--surface-muted);
  --active-input: var(--accent);
  --scss-purple-border-color: var(--accent-border-soft);

  /* Bridge: SCSS color.scss vars → design tokens */
  --scss-black: var(--text);
  --scss-black-text: var(--text-secondary);
  --scss-black-2: var(--text);
  --scss-grey: var(--text-muted);
  --scss-grey-2: var(--border-strong);
  --scss-grey-3: var(--border);
  --scss-grey-header-chedule: var(--surface-table-header);
  --scss-grey-header-chedule-border: var(--border);
  --scss-white: var(--surface);
  --scss-secondary-text-color: var(--text-secondary);
  --scss-time-line-row: var(--surface-subtle);
  --scss-text-in-menu: var(--text-secondary);
  --scss-form-bg-color: var(--surface-subtle);
  --scss-disabled-text-color: var(--text-muted);
  --scss-grey-border: var(--border-strong);
  --scss-version: var(--text-muted);
  --scss-list-header: var(--surface-accent);
  --scss-list-item-selected: var(--surface-accent-soft);
  --scss-list-item-hover: var(--surface-muted);
  --scss-baground: var(--surface-sidebar);
  --scss-text-color: var(--text);
  --scss-gray-text-color: var(--text-secondary);
  --scss-selected-baground: var(--surface-accent);
  --scss-nodeBaground: var(--surface-muted);
  --scss-nodeHeader: var(--surface-table-header);
  --scss-nodeText: var(--text-muted);
  --scss-nodeBorder: var(--border-strong);
  --scss-nodeActivBorder: var(--accent-border);
  --scss-disabledBackground: rgba(26, 27, 37, 0.55);
  --scss-placeholderColor: var(--text-muted);
  --scss-text-dark: var(--text-secondary);
  --scss-tableHeaderColor: var(--text);
  --scss-hoveredBackground: var(--accent-hover-bg);
  --scss-borderColor: var(--border-strong);
  --scss-blueActiveColor: var(--accent);
  --scss-displayPlaceholderColor: var(--text-muted);
  --scss-interactionBorderColor: var(--border);
  --scss-tabsDisabledText: var(--text-secondary);
}

/* Mono (black) UI icons as <img>: invert to white in dark unless opted out */
:root[data-theme='dark'] img[data-mono-icon],
:root[data-theme='dark'] .iconMono {
  filter: brightness(0) invert(1) !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;
}
/*! 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: var(--text);
}
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: var(--scrollbar-thumb);
  border-radius: 16px;
  border: 4px solid var(--scrollbar-thumb-border);
}
*::-webkit-scrollbar-button {
  display: none;
}
*::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}
.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);
  }
}