@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_rz9t6_29 {
  width: fit-content;
  display: flex;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  pointer-events: all;
}
._menuItemHolder_rz9t6_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_rz9t6_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_rz9t6_67 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._imgHolder_rz9t6_67 img {
  width: var(--icon-action, 24px);
  height: var(--icon-action, 24px);
}
._hoverEffect_rz9t6_80 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._container_rz9t6_85 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._icon_rz9t6_92 {
  width: 24px;
  height: 24px;
}
._label_rz9t6_97 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19.09px;
  color: var(--text);
}
._tooltipIcon_rz9t6_104 {
  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_1duwr_29 {
  border-radius: 10px;
}
._content_1duwr_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_1duwr_33 {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 90vh;
  }
}
._wrapper_1duwr_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_1duwr_54 {
    width: calc(100% - 32px);
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
._title_1duwr_75 {
  width: 100%;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 0;
  padding-right: 32px;
  box-sizing: border-box;
}
._subcontent_1duwr_87 {
  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_1duwr_87 div {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._subcontent_1duwr_87 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._subcontent_1duwr_87::-webkit-scrollbar {
  width: 8px;
}
._subcontent_1duwr_87::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
._subcontent_1duwr_87::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
._subcontent_1duwr_87::-webkit-scrollbar-thumb:hover {
  background: #555;
}
._buttonHolder_1duwr_128 {
  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_1duwr_128 {
    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_grwf8_29 {
  z-index: 350;
  min-height: 42px;
  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: var(--pad-md, 12px);
  font-family: "Roboto";
}
._button_grwf8_29:hover {
  box-shadow: none;
}
._button_grwf8_29._disabled_grwf8_47 {
  border-color: var(--text-muted);
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid;
}
._disabledButton_grwf8_54 {
  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_grwf8_71 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._createIcon_grwf8_78 {
  width: 38px;
  height: 38px;
}
._defaultButton_grwf8_83 {
  z-index: 350;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 0;
  font-family: "Roboto";
}
._defaultButton_grwf8_83 ._label_grwf8_92 {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}
._defaultButton_grwf8_83._disabled_grwf8_47 {
  border-color: var(--btn-disabled, var(--text-muted));
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid;
}
._defaultButton_grwf8_83 img {
  width: 48px;
  height: 48px;
  display: flex;
}
._label_grwf8_92 {
  font-size: var(--fs-md);
  font-weight: 700;
  font-family: "Roboto";
  line-height: 19.09px;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._label_grwf8_92 {
    display: none;
  }
}
._menuItemLabel_grwf8_123 {
  font-size: var(--fs-base);
  font-weight: 400;
  font-family: "Roboto";
  color: var(--text);
}
._menuItem_grwf8_123 {
  width: 100%;
  min-height: 46px;
  display: flex;
  gap: var(--pad-sm-plus, 10px);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  pointer-events: all;
  border-radius: 0;
  padding: calc(var(--pad-md, 12px) - var(--pad-tight, 4px)) var(--pad-md-plus, 14px);
  box-sizing: border-box;
}
._hoverEffect_grwf8_144 {
  background-color: var(--scss-hoveredBackground, #eaeff7);
  cursor: pointer;
}
._icon_grwf8_149 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._menuItemIcon_grwf8_155 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  line-height: 0;
  color: var(--text);
  filter: var(--icon-mono-filter);
}
._menuItemIcon_grwf8_155 img,
._menuItemIcon_grwf8_155 svg {
  width: 20px;
  height: 20px;
}._root_1pjj9_1 {
  position: relative;
  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;
}
._wrapper_1s3n7_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_1s3n7_42 {
  cursor: grab !important;
}
._dragHandle_1s3n7_42:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_1s3n7_42 {
  cursor: grabbing !important;
}
._dragHandle_1s3n7_42._locked_1s3n7_51 {
  cursor: pointer !important;
}
._dragHandle_1s3n7_42._locked_1s3n7_51:active {
  cursor: pointer !important;
}
._locked_1s3n7_51 ._dragHandle_1s3n7_42 {
  cursor: pointer !important;
}
._locked_1s3n7_51 ._dragHandle_1s3n7_42:active {
  cursor: pointer !important;
}
._bottomConnectorWrapper_1s3n7_65 {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
._chip_1s3n7_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_1s3n7_89 {
  color: var(--accent);
  font-size: 14px;
  line-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
._chipMore_1s3n7_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_1s3n7_110 {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: auto;
  font-weight: 500;
}
._nameContainer_1s3n7_117 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._nameInput_1s3n7_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_1s3n7_128._error_1s3n7_138 {
  border-color: #ff4d4f;
}
._penIcon_1s3n7_142 {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
._categoriesWrapper_1s3n7_148 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0 12px;
  cursor: pointer;
}
._lineConnector_1s3n7_157 {
  width: 2px;
  height: 40px;
  background-color: #ccc;
  margin-bottom: 8px;
}
._addNodeButton_1s3n7_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_1s3n7_164:hover {
  background-color: var(--surface-muted);
}
._announcementsModal_1s3n7_178 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  padding: 7px;
}
._announcementsModal_1s3n7_178 span {
  font-size: 16px;
  color: var(--text);
}
._transitionLabel_1s3n7_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_1s3n7_192:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._rootBody_1s3n7_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_1s3n7_208 {
      height: 140px;
    }
  }
}
._rootBody_1s3n7_208._locked_1s3n7_51 {
  cursor: pointer !important;
}
@keyframes _gradientLoading_1s3n7_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._readonlyInputWrapper_1s3n7_235 {
  flex: 1 !important;
  height: 100% !important;
  max-height: 100%;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}
._readonlyInputWrapper_1s3n7_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_1s3n7_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_1s3n7_235 .tagify.tagify--disabled {
  background: var(--surface) !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1s3n7_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_1s3n7_235 .tagify.tagify--disabled tag {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}
._readonlyInputWrapper_1s3n7_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_1s3n7_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_1s3n7_235 .tagify .tagify__input::-webkit-scrollbar {
  display: none !important;
}
._readonlyInputWrapper_1s3n7_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_1s3n7_235 .tagify tag .tagify__tag-text {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
}
._readonlyInputWrapper_1s3n7_235 .tagify tag x {
  display: none !important;
}
._readonlyInputWrapper_1s3n7_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_1s3n7_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_1s3n7_344._locked_1s3n7_51 {
  cursor: pointer !important;
}
._promptContent_1s3n7_359 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
._promptLabel_1s3n7_367 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}
._instructionTextDisplay_1s3n7_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_1s3n7_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_1s3n7_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_1s3n7_406 {
  font-size: 16px;
  color: var(--text);
  font-family: "Roboto";
  cursor: text;
}
._subwrapper_1s3n7_413 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._subwrapper_1s3n7_413._botname_1s3n7_419 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._webCallWrapper_1s3n7_426 {
  display: flex;
  flex-direction: column;
}
._dndnode_1s3n7_431 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._transitionsWrapper_1s3n7_438 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitions_1s3n7_438 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._transitionHandlesContainer_1s3n7_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_1s3n7_465 {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: all;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
._transitionLabelOnHandle_1s3n7_475 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  z-index: 20;
}
._transitionLabelOnHandleUnconnected_1s3n7_484::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelOnHandle_1s3n7_475::before {
  content: "";
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #737579;
}
._transitionLabelBadgeWrapper_1s3n7_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_1s3n7_518 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  min-height: 56px;
}
._flowIconContainer_1s3n7_526 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--accent-soft, var(--surface-muted));
}
._flowIcon_1s3n7_526 {
  width: 28px;
  height: 28px;
  filter: var(--icon-mono-filter);
}
._flowLabelsHolder_1s3n7_542 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
._flowTitleRow_1s3n7_550 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._flowNameWarningIcon_1s3n7_557 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._validationErrorIcon_1s3n7_563 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
._validationErrorIconHidden_1s3n7_571 {
  display: none;
}
._flowTitle_1s3n7_550 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._transitionLabelBadge_1s3n7_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_1s3n7_506._hasValue_1s3n7_599 {
  background: #e3f2fd;
  color: #1976d2;
}
._transitionLabelBadge_1s3n7_506._noValue_1s3n7_603 {
  background: #ff9b9b;
  color: var(--text);
}
._transitionLabelBadge_1s3n7_506:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionDeleteButton_1s3n7_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_1s3n7_612:hover {
  transform: scale(1.05);
}
._transitionDeleteButton_1s3n7_612 img {
  width: 18px !important;
  height: 18px !important;
  filter: var(--icon-mono-filter);
}
._transitionLabelBadgeWrapper_1s3n7_506:hover ._transitionDeleteButton_1s3n7_612,
._transitionLabelBadgeWrapper_1s3n7_506:focus-within ._transitionDeleteButton_1s3n7_612 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionDeleteButtonVisible_1s3n7_648 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._transitionEditPopup_1s3n7_654 {
  position: absolute;
  top: 30px;
  left: 0;
  width: 240px;
  z-index: 100;
}
._transitionHandle_1s3n7_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_1s3n7_450::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 290%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  pointer-events: all;
  z-index: 1;
}
._transitionHandle_1s3n7_450._connected_1s3n7_684::before, ._transitionHandle_1s3n7_450._connecting_1s3n7_684::before {
  opacity: 0;
}
._transitionHandle_1s3n7_450._connected_1s3n7_684::after, ._transitionHandle_1s3n7_450._connecting_1s3n7_684::after {
  opacity: 0;
}
._transitionWrapper_1s3n7_691 {
  display: flex;
  align-items: center;
  position: relative;
  width: 1005;
}
._handle_1s3n7_698 {
  width: 10px;
  height: 10px;
  background: #555;
  border-radius: 50%;
  position: absolute;
}
._handleLeft_1s3n7_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_1s3n7_706::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._borderContainer_1s3n7_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_1s3n7_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_1s3n7_730:hover ._nodeActions_1s3n7_744 {
  opacity: 1;
}
._borderContainer_1s3n7_730._active_1s3n7_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_1s3n7_730._invalid_1s3n7_753 {
  box-shadow: 0 0 0 2px #e53935;
}
._nodeActions_1s3n7_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_1s3n7_747 > ._nodeActions_1s3n7_744 {
  opacity: 1;
}
._nodeDeleteButton_1s3n7_774, ._transitionDeleteButton_1s3n7_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_1s3n7_774:hover, ._transitionDeleteButton_1s3n7_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_1s3n7_774:active, ._transitionDeleteButton_1s3n7_612:active {
  transform: scale(0.95);
}
._nodeDeleteButton_1s3n7_774 img, ._transitionDeleteButton_1s3n7_612 img {
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}
._handleRight_1s3n7_802 {
  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_1s3n7_802::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
._handleRight_1s3n7_802:hover {
  box-shadow: 0 4px 12px rgba(106, 130, 251, 0.6);
  background: #8b9aff !important;
}
._transition_1s3n7_192 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
._error_1s3n7_138 {
  border: 1px solid red;
}
._headerMainContainer_1s3n7_841 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
._headerIcon_1s3n7_850 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._plusIcon_1s3n7_856 {
  cursor: pointer;
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._transitionsMainContainer_1s3n7_863 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._labelContainer_1s3n7_870 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_1s3n7_870 {
  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_1s3n7_892 {
  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_1s3n7_892 ._header_1s3n7_390 {
  color: var(--text);
  min-height: 40px;
  justify-content: space-between;
}
._customNode_1s3n7_892 ._editWrapper_1s3n7_916 {
  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_1s3n7_892 ._deleteWrapper_1s3n7_929 {
  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_1s3n7_892 ._deleteWrapper_1s3n7_929 img {
  filter: var(--icon-mono-filter);
}
._customNode_1s3n7_892._active_1s3n7_747 {
  background: var(--surface-accent, var(--accent-hover-bg));
  z-index: 2;
  transition: border 0.2s, background 0.2s;
  box-shadow: none;
}
._customNode_1s3n7_892._animated_1s3n7_951 {
  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_1s3n7_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_1s3n7_892._invalid_1s3n7_753 {
  border: 2px solid #e53935;
}
._customNode_1s3n7_892:hover {
  box-shadow: 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078);
}
._customNode_1s3n7_892:hover ._editWrapper_1s3n7_916 {
  display: flex;
}
._customNode_1s3n7_892:hover ._deleteWrapper_1s3n7_929 {
  display: flex;
}
._resizeHandle_1s3n7_971 {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: transparent;
  top: 0;
  right: 0;
  cursor: ew-resize;
  border-radius: 3px;
}
._resizeHandle_1s3n7_971:hover {
  background-color: transparent;
}
._tipicalNode_1s3n7_986 {
  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_1s3n7_986 ._header_1s3n7_390 {
  color: var(--text);
}
._tipicalNode_1s3n7_986 ._editWrapper_1s3n7_916, ._tipicalNode_1s3n7_986 ._deleteWrapper_1s3n7_929 {
  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_1s3n7_986._active_1s3n7_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_1s3n7_986:hover {
  box-shadow: var(--shadow-card, 0 4px 22px -3px rgba(30, 29, 38, 0.1490196078));
}
._nodeActions_1s3n7_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_1s3n7_1038 {
  opacity: 1;
  pointer-events: all;
}
._editWrapper_1s3n7_916:hover,
._deleteWrapper_1s3n7_929:hover {
  opacity: 1 !important;
  pointer-events: all !important;
}
._header_1s3n7_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_1s3n7_1066 {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
._body_1s3n7_1066 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_1s3n7_1082 {
  height: 50px;
  padding-left: 10px;
  position: relative;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
}
._logo_1s3n7_1092 {
  position: absolute;
  width: 100px;
  height: 20px;
  top: -30px;
  left: 0px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: space-around;
}
._promt_1s3n7_1104 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._promt_1s3n7_1104 ._logo_1s3n7_1092 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_1s3n7_1113 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._category_1s3n7_1113 ._logo_1s3n7_1092 {
  background-color: var(--scss-nodeBaground, #f5f5f5);
  border: 1px solid var(--scss-nodeBorder, #b1b1b1);
}
._buttonHolder_1s3n7_1122 {
  gap: 30px;
  margin-left: auto;
  margin-right: 20px;
  width: 700px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@keyframes _transitionPulse_1s3n7_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_1s3n7_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_1s3n7_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_1s3n7_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_1s3n7_192._hasValue_1s3n7_599 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
  color: #1976d2;
}
._transitionLabel_1s3n7_192._noValue_1s3n7_603 {
  background: #ff9b9b;
  border: 1px solid #90caf9;
  color: var(--text);
}
._transitionLabel_1s3n7_192._selectedTransition_1s3n7_1188 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  color: #7b1fa2 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._transitionLabel_1s3n7_192._selectedAnimatedTransition_1s3n7_1194 {
  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_1s3n7_192:hover, ._transitionLabel_1s3n7_192:focus {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._transitionLabelWrapper_1s3n7_1205 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
._transitionLabelWrapper_1s3n7_1205:hover ._transitionDeleteButton_1s3n7_612,
._transitionLabelWrapper_1s3n7_1205:focus-within ._transitionDeleteButton_1s3n7_612,
._transitionDeleteButtonVisible_1s3n7_648 {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
._animatedTransition_1s3n7_1220 {
  animation: _transitionGlow_1s3n7_1 2s ease-in-out infinite;
  color: #1976d2 !important;
  font-weight: 500 !important;
}
._announcementIcon_1s3n7_1226 {
  padding: 6px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
._announcementIcon_1s3n7_1226._hasAnnouncementValue_1s3n7_1236 {
  background: #e3f2fd;
  border: 1px solid #90caf9;
}
._announcementIcon_1s3n7_1226._noAnnouncementValue_1s3n7_1240 {
  background: #f5f5f5;
  border: 1px solid #90caf9;
}
._announcementIcon_1s3n7_1226._selectedAnnouncement_1s3n7_1244 {
  background: #f3e5f5 !important;
  border: 1px solid #ce93d8 !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.6);
}
._animatedAnnouncement_1s3n7_1250 {
  animation: _iconGlow_1s3n7_1 2s ease-in-out infinite;
}
._addTransitionButtonInFlow_1s3n7_1254 {
  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_1s3n7_1254::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;
  width: 50px;
  height: 30px;
  pointer-events: all;
}
._addTransitionButtonInFlow_1s3n7_1254: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_1s3n7_1254:active {
  transform: scale(0.95);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
._addTransitionButtonInFlow_1s3n7_1254 img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}
._addTransitionButtonInFlow_1s3n7_1254: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_1f477_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_1f477_42 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
._searchTestBtn_1f477_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_1f477_49 svg {
  font-size: 20px;
  color: inherit;
}
._searchTestBtn_1f477_49:hover {
  background: var(--surface);
  color: var(--btn-dark);
  border-color: var(--btn-dark);
}
._searchTestBtn_1f477_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_1f477_49:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--btn-dark) 18%, transparent);
}
._toolbarDivider_1f477_85 {
  width: 1px;
  height: 24px;
  background: var(--border);
  border-radius: 1px;
  flex-shrink: 0;
  align-self: center;
}
._categoryTable_1f477_94 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._categoryTableHead_1f477_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_1f477_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_1f477_124 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._categoryTableHeadCheck_1f477_124 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._categoryTableHeadCheck_1f477_124 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: #9098b1;
}
._categoryTableHeadCheck_1f477_124 .Mui-checked path[fill="#1F1F1F"] {
  fill: var(--kc-accent, #6b5ce7);
}
._categoryTableHeadCategory_1f477_141 {
  min-width: 0;
  text-align: left;
}
._categoryTableHeadDate_1f477_146 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadSize_1f477_151 {
  text-align: left;
  justify-self: stretch;
}
._categoryTableHeadActions_1f477_156 {
  width: 52px;
}
@media screen and (max-width: 480px) {
  ._categoryTableHead_1f477_100 {
    grid-template-columns: 44px minmax(0, 1fr) 52px;
    column-gap: 8px;
  }
  ._categoryTableHeadDate_1f477_146,
  ._categoryTableHeadSize_1f477_151 {
    display: none;
  }
}
._listWrapper_1f477_170 {
  display: flex;
  flex-direction: column;
  gap: 0px !important;
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
._listWrapper_1f477_170 .SortableList {
  margin: 0;
  padding: 0;
  gap: 0;
}
._listWrapper_1f477_170 .SortableItem {
  display: block;
  width: 100%;
  min-width: 0;
}
._placeholder_1f477_190 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
._subcontainer_1f477_198 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 386px;
}
._subcontainer_1f477_198 ._label_1f477_205 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
  text-align: center;
}
._subcontainer_1f477_198 ._icon_1f477_213 {
  width: 120px;
  height: 120px;
}
._knowledgeContainer_1f477_218 {
  padding: 24px;
  width: 100%;
  height: 100%;
}
._knowledgeContainer_1f477_218 ._header_1f477_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_1f477_218 ._header_1f477_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_1f477_218 ._contentHolder_1f477_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_1f477_218 ._contentHolder_1f477_241._dragging_1f477_253 {
  background-color: var(--surface-accent-soft);
  border: 2px dashed #5c9ce6;
}
._knowledgeContainer_1f477_218 ._contentHolder_1f477_241._dragging_1f477_253 p {
  color: #5c9ce6;
}
._container_1f477_261 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  gap: 14px;
  position: relative;
}
._container_1f477_261 ._contentWrapper_1f477_269 {
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 480px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 {
    flex-direction: column;
    gap: 14px;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 {
    width: 100%;
    padding: 8px;
    overflow: initial;
    overflow-y: initial;
    gap: 0px;
    border: none;
    height: fit-content;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._wrapper_1f477_303 {
  display: none;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._wrapper_1f477_303 {
    gap: 14px;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._addCategoryButton_1f477_314 {
  display: none;
  justify-content: flex-start;
  align-self: center;
  flex-direction: row;
  gap: 10px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._addCategoryButton_1f477_314 ._icon_1f477_213 {
  margin-top: 7px;
  cursor: pointer;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._addCategoryButton_1f477_314 ._disabledIcon_1f477_328 {
  margin-top: 7px;
  cursor: default;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._addCategoryButton_1f477_314 ._label_1f477_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357._active_1f477_368 {
  background-color: var(--surface-accent);
  border-radius: 5px;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357 ._label_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357 ._label_1f477_205 {
    font-size: 14px;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357 ._deleteHolder_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357 {
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
  }
  ._container_1f477_261 ._contentWrapper_1f477_269 ._categoriesWrapper_1f477_280 ._categoriesHolder_1f477_338 ._category_1f477_94 ._categoryHolder_1f477_357._active_1f477_368 {
    background-color: var(--surface-accent);
    border-radius: 10px;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 {
    padding: 0;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 {
  height: 43px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  margin-right: 16px;
}
@media screen and (max-width: 1600px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  ._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 {
    display: none;
  }
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 :hover {
  background: var(--scss-hoveredBackground, #eaeff7);
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 ._button_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 ._button__disabled_1f477_472 {
  cursor: default;
  background-color: var(--surface-accent);
  opacity: 0.5;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 ._button_1f477_460 img {
  pointer-events: none;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 ._button_1f477_460 ._hiden_1f477_480 {
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0%;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._switcherWrapper_1f477_424 ._filesActionButtons_1f477_430 ._button_1f477_460 ._label_1f477_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 19px;
  height: 100%;
  pointer-events: none;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._tableWrapper_1f477_498 {
  z-index: 1;
  width: 100%;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  outline: none;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._tableWrapper_1f477_498 textarea {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  outline: none;
  overflow-y: scroll !important;
  resize: none;
  border-color: var(--border);
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._tableWrapper_1f477_498 textarea:focus {
  border-color: #4a86ff !important;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._tableWrapper_1f477_498 textarea:hover {
  border-color: var(--text) !important;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._instructionsWrapper_1f477_524 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._instructionsWrapper_1f477_524 ._inputWrapper_1f477_531 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._container_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._instructionsWrapper_1f477_524 ._inputWrapper_1f477_531 ._textArea_1f477_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_1f477_261 ._contentWrapper_1f477_269 ._dataWrapper_1f477_407 ._instructionsWrapper_1f477_524 ._inputWrapper_1f477_531 ._textArea_1f477_536 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  line-height: 24px;
}
._container_1f477_261 ._title_1f477_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_1f477_261 ._title_1f477_552 {
    padding: 0;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_1f477_570 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._systemInstructionsWrapper_1f477_570 ._label_1f477_205 {
  font-family: "Roboto";
  color: var(--text-muted);
  font-size: 16px;
  line-height: 33px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_1f477_570 ._label_1f477_205 {
    line-height: 18px;
    font-size: 14px;
  }
}
._systemInstructionsWrapper_1f477_570 ._optionsWrapper_1f477_588 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._fileActionButton_1f477_594 {
  display: none;
}
@media screen and (max-width: 1600px) {
  ._fileActionButton_1f477_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_1f477_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  ._fileActionButton_1f477_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1220px) {
  ._fileActionButton_1f477_594 {
    display: flex;
    height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  ._fileActionButton_1f477_594 {
    display: flex;
    height: 24px;
  }
}
._titleWrapper_1f477_628 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._titleWrapper_1f477_628 ._label_1f477_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
}
._option_1f477_588 {
  padding: 8px 24px 8px 17px;
  width: fit-content;
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid #9ca3b0;
}
._option_1f477_588._disabled_1f477_328 {
  pointer-events: none;
  cursor: not-allowed;
  color: gray;
  background-color: var(--border-strong);
}
._option_1f477_588._disabled_1f477_328 ._label_1f477_205 {
  color: gray;
}
._option_1f477_588 ._closeButton_1f477_657 {
  display: none;
}
._option_1f477_588 ._icon_1f477_213 {
  display: flex;
}
._option_1f477_588 ._label_1f477_205 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
._dropped_1f477_671 {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  width: fit-content;
}
._dropped_1f477_671 ._icon_1f477_213 {
  display: none;
}
._dropped_1f477_671 ._closeButton_1f477_657 {
  cursor: pointer;
  pointer-events: all;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
._cursor-line_1f477_689 {
  position: absolute;
  width: 2px;
  background-color: black;
  pointer-events: none;
  z-index: 999;
}
._tag_1f477_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_1f477_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_1bf0h_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_1bf0h_57 {
    width: 100% !important;
  }
}
._sidePanel_1bf0h_57._left_1bf0h_75 {
  box-shadow: var(--shadow-panel);
  border-left: none;
  border-right: 1px solid var(--border);
}
._sidePanel_1bf0h_57._right_1bf0h_80 {
  box-shadow: var(--shadow-panel);
}
._header_1bf0h_84 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
._headerContent_1bf0h_91 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_1bf0h_97 {
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  text-transform: capitalize;
}
._description_1bf0h_106 {
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
}
._closeIcon_1bf0h_114 {
  width: 24px;
  height: 24px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
}
._right_1bf0h_80 {
  right: 0;
}
._right_1bf0h_80._open_1bf0h_125 {
  transform: translateX(0);
  opacity: 1;
}
._right_1bf0h_80._closed_1bf0h_130 {
  transform: translateX(100%);
  opacity: 0;
}
._left_1bf0h_75 {
  left: 0;
}
._left_1bf0h_75._open_1bf0h_125 {
  transform: translateX(0);
  opacity: 1;
}
._left_1bf0h_75._closed_1bf0h_130 {
  transform: translateX(-100%);
  opacity: 0;
}
._overlay_1bf0h_149 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._overlay_1bf0h_149 {
    height: 100vh;
  }
}
._overlay_1bf0h_149._open_1bf0h_125 {
  opacity: 1;
  pointer-events: auto;
}
._content_1bf0h_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_1bf0h_171 {
    flex-direction: column;
  }
}
._mainContent_1bf0h_187 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 20px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._mainContent_1bf0h_187 {
    overflow: hidden;
  }
}
._mainContent_1bf0h_187 ._section_1bf0h_201 {
  padding: 0 !important;
}
._divider_1bf0h_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_1bf0h_213 {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
._mainContentScroll_1bf0h_213::-webkit-scrollbar {
  width: 4px;
}
._mainContentScroll_1bf0h_213::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 2px;
}
._mainContentBody_1bf0h_228 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._scrollFill_1bf0h_235 {
  display: flex;
  flex-direction: column;
}
._bodyFill_1bf0h_240 {
  flex: 1 0 auto;
}
._mainContentFooter_1bf0h_244 {
  width: 100%;
  flex-shrink: 0;
  padding-top: 14px;
  background-color: var(--surface);
  border-top: 1px solid var(--border);
}
._mainContentFooter_1bf0h_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_13dhh_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_13dhh_57 {
    flex-direction: row;
    height: fit-content;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
}
._item_13dhh_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_13dhh_75:hover {
  opacity: 1;
  background-color: var(--surface-muted);
}
._item_13dhh_75._active_13dhh_94 {
  opacity: 1;
  background-color: var(--accent);
  border-color: var(--accent);
}
._item_13dhh_75 ._itemIcon_13dhh_99 {
  font-size: 20px;
  color: var(--text-muted);
  -webkit-text-fill-color: currentColor;
}._icon_537ri_1 {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-ui, 20px);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  overflow: visible;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
  user-select: none;
  flex-shrink: 0;
}

._filled_537ri_21 {
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

._icon_537ri_1._gradient_537ri_25 {
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  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;
}
._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_11yxn_29 {
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_11yxn_29 {
    height: calc(100% - 80px);
    justify-content: space-between;
    gap: 16px;
  }
}
._saveButton_11yxn_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_11yxn_43 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._buttonContainer_11yxn_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);
}
@media screen and (max-width: 480px) {
  ._buttonContainer_11yxn_58 {
    height: auto;
    min-height: 56px;
    align-items: center;
    padding: 8px 12px 12px;
  }
}
._totalRows_11yxn_79 {
  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_poda2_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  max-height: calc(100% - 80px);
  gap: 16px;
}
@media screen and (max-width: 480px) {
  ._container_poda2_29 {
    height: calc(100% - 80px);
  }
}
._document_poda2_43 {
  display: flex;
}
._webWrapper_poda2_47 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
._subContainer_poda2_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._webUrlWrapper_poda2_61 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
._webScraperBlock_poda2_68 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}
._webScraperLabelRow_poda2_76 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._tooltipIcon_poda2_84 {
  align-self: flex-start;
}
._descriptionReadonly_poda2_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_poda2_107 {
  color: var(--text);
  text-transform: capitalize;
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
}
._loaderContainer_poda2_115 {
  display: flex;
  z-index: 999999;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._fileWrapper_poda2_127 {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  flex: 1 1 0;
  min-height: 0;
}
._titleHolder_poda2_136 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._subtitle_poda2_143 {
  font-size: var(--fs-base);
  text-transform: initial;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
}
._pdfContainer_poda2_152 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._title_poda2_107 {
  font-size: var(--fs-base);
  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_1h4jv_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 787px;
  flex: 1 1 0;
  min-height: 0;
  overflow-x: auto;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}
._pdfPage_1h4jv_42 {
  max-width: 100%;
  max-height: 100vh;
}
@media screen and (max-width: 834px) {
  ._pdfPage_1h4jv_42 {
    max-height: 100vh;
  }
}
._pagination_1h4jv_52 {
  display: flex;
  align-items: center;
  align-self: center;
  margin-top: 10px;
}
._paginationButton_1h4jv_59 {
  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_1h4jv_59:hover {
  background-color: #0056b3;
}
._paginationButton_1h4jv_59:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
._paginationInfo_1h4jv_77 {
  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_p4vox_29 {
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  font-family: "Roboto";
  color: var(--text);
}
._errorTooltipTarget_p4vox_36 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._noResults_p4vox_42 {
  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_1g94c_57 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  height: 100%;
  border-radius: var(--radius, 12px);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  overflow: visible;
  background: var(--surface);
  box-sizing: border-box;
}
._fieldsWrapper__header_1g94c_71 {
  border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
  border: none;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--pad-sm, 8px);
  align-self: stretch;
  box-sizing: border-box;
  min-height: calc(var(--pad-md, 12px) * 2 + 30px);
  flex-shrink: 0;
}
._fieldsWrapper__header_1g94c_71 > span {
  color: var(--text);
  text-align: left;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-style: normal;
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
}
._fieldsWrapper__content_1g94c_96 {
  display: flex;
  padding: var(--pad-md-plus, 14px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  gap: var(--pad-md-plus, 14px);
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  border: none;
  background: var(--surface);
  box-sizing: border-box;
}
._fieldContainer_1g94c_111 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  gap: var(--pad-xs, 6px);
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1g94c_111._disabledBlock_1g94c_120 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_1g94c_111 ._flexContainer_1g94c_124 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._fieldContainer_1g94c_111 ._hader_1g94c_129 {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 0;
  gap: var(--pad-xs, 6px);
}
._fieldContainer_1g94c_111 ._hader_1g94c_129 ._textHolder_1g94c_137 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
  color: var(--text-secondary);
}
._fieldContainer_1g94c_111 ._subhader_1g94c_143 {
  height: auto;
  text-wrap: wrap;
  line-height: 1.3;
  overflow: hidden;
  font-size: var(--fs-sm, 12px);
  display: flex;
  align-items: center;
  font-weight: var(--fw-medium, 500);
  color: var(--text-muted);
}
._fieldContainer_1g94c_111 ._field_1g94c_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1g94c_111 ._checkboxContainer_1g94c_162 {
  display: flex;
  align-items: flex-start;
}
._textWithTooltip_1g94c_167 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
}
._tooltipIcon_1g94c_173 {
  align-self: flex-start;
}
._textFlex_1g94c_177 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_1g94c_177:is(img) {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  flex-shrink: 0;
  filter: var(--icon-mono-filter);
}
._ddSpan_1g94c_189 {
  display: inline-block;
}
._headerBadge_1g94c_193 {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-accent-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._headerBadge_1g94c_193 ._headerBadgeIcon_1g94c_203 {
  font-size: var(--icon-inline, 16px);
  color: var(--accent);
  -webkit-text-fill-color: currentColor;
}
._subwrapper_1g94c_209 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--pad-md, 12px);
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_1g94c_209 > ._fieldsWrapper_1g94c_57 {
  min-width: 0;
  max-width: none;
  height: 100%;
  min-height: 100%;
}
@media (max-width: 1280px) {
  ._subwrapper_1g94c_209 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  ._subwrapper_1g94c_209 {
    grid-template-columns: 1fr;
  }
}
._fieldsWrapper_1g94c_57 ._hader_1g94c_129 ._textHolder_1g94c_137,
._fieldContainer_1g94c_111 ._hader_1g94c_129 ._textHolder_1g94c_137 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
}
._errorLabel_1g94c_241 {
  color: #d32f2f;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 6px;
  display: block;
}
._grayText_1g94c_249 {
  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;
}
._container_t31m5_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100vh + 40px);
  color: var(--text);
}
._container_t31m5_29 h2,
._container_t31m5_29 h2 b {
  color: var(--text);
}
@media screen and (max-width: 834px) {
  ._container_t31m5_29 {
    height: 100vh;
  }
}
._mainHeader_t31m5_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_t31m5_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_t31m5_73 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._textWithTooltip_t31m5_79 {
  display: inline-flex;
  gap: 2px;
}
._tooltipIcon_t31m5_84 {
  align-self: flex-start;
}
._hint_t31m5_88 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1.4;
  color: var(--text-muted);
}
._subcontainer_t31m5_95 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_t31m5_95 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_t31m5_110 {
  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_t31m5_110 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_t31m5_127 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_t31m5_127 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_t31m5_143 {
  color: var(--text-muted);
}
._subcontainerBottom_t31m5_127 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_t31m5_127 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_t31m5_163 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 12px;
  height: fit-content;
  color: var(--text);
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_t31m5_163 {
    gap: 14px;
  }
}
._subcontainerBehaviour_t31m5_177 {
  width: 100%;
}
._flexContainerBehaviour_t31m5_181 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_t31m5_181 ._flexContainer_t31m5_181 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_t31m5_181 ._hader_t31m5_195 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_t31m5_181 ._hader_t31m5_195 ._textHolder_t31m5_202 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
}
._flexContainerBehaviour_t31m5_181 ._subhader_t31m5_210 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: var(--text-muted);
}
._flexContainerBehaviour_t31m5_181 ._field_t31m5_223 {
  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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._flexContainerBehaviour_t31m5_181 ._checkboxContainer_t31m5_239 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_t31m5_244 {
  flex-grow: 1;
}
._buttonContainer_t31m5_248 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_t31m5_253 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_t31m5_259 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainerLanding_t31m5_259 ._flexContainer_t31m5_181 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainerLanding_t31m5_259 ._hader_t31m5_195 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainerLanding_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
}
._fieldContainerLanding_t31m5_259 ._subhader_t31m5_210 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-muted);
}
._fieldContainerLanding_t31m5_259 ._field_t31m5_223 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_t31m5_259 ._checkboxContainer_t31m5_239 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_t31m5_259 {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_t31m5_259 ._flexContainer_t31m5_181 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_t31m5_259 ._hader_t31m5_195 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
}
._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--text-muted);
}
._fieldContainer_t31m5_259 ._field_t31m5_223 {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_t31m5_259 ._field_t31m5_223._terminateRequestField_t31m5_370 {
  align-items: flex-start;
  justify-content: flex-start;
}
._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1792px) {
  ._fieldContainer_t31m5_259 {
    width: 200px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._fieldContainer_t31m5_259 ._field_t31m5_223 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._fieldContainer_t31m5_259 {
    width: 200px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._fieldContainer_t31m5_259 ._field_t31m5_223 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._fieldContainer_t31m5_259 {
    width: 200px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._fieldContainer_t31m5_259 ._field_t31m5_223 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._fieldContainer_t31m5_259 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._fieldContainer_t31m5_259 ._field_t31m5_223 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._fieldContainer_t31m5_259 {
    width: 100%;
    max-width: 100%;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 8px;
  }
  ._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._fieldContainer_t31m5_259 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._fieldContainer_t31m5_259 ._field_t31m5_223 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "Roboto";
  }
  ._fieldContainer_t31m5_259 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
._select_t31m5_610 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_t31m5_253 {
  padding: 7px;
  font-size: 16px;
  color: var(--text);
}
._textAreaContainer_t31m5_621 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_t31m5_621 ._flexContainer_t31m5_181 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._textAreaContainer_t31m5_621 ._hader_t31m5_195 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._textAreaContainer_t31m5_621 ._hader_t31m5_195 ._textHolder_t31m5_202 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
}
._textAreaContainer_t31m5_621 ._subhader_t31m5_210 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: var(--text-muted);
}
._textAreaContainer_t31m5_621 ._field_t31m5_223 {
  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: var(--fs-base);
  line-height: 19px;
  font-family: "Roboto";
  font-weight: 500;
}
._textAreaContainer_t31m5_621 ._checkboxContainer_t31m5_239 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_t31m5_621 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._textAreaContainer_t31m5_621 ._field_t31m5_223 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_t31m5_621 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_t31m5_621 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._textAreaContainer_t31m5_621 ._field_t31m5_223 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_t31m5_621 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_t31m5_621 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._textAreaContainer_t31m5_621 ._field_t31m5_223 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_t31m5_621 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_t31m5_621 ._hader_t31m5_195 ._textHolder_t31m5_202 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
  }
  ._textAreaContainer_t31m5_621 ._subhader_t31m5_210 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: var(--text-muted);
  }
  ._textAreaContainer_t31m5_621 ._field_t31m5_223 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_t31m5_621 ._checkboxContainer_t31m5_239 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_t31m5_878 {
  width: 100%;
}
._fields_t31m5_882 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
._iconHolder_t31m5_889 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_t31m5_895 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._fieldContainer_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202,
._fieldContainerLanding_t31m5_259 ._hader_t31m5_195 ._textHolder_t31m5_202 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._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;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_s7mfu_29 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--radius, 12px);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  background: var(--surface);
  box-sizing: border-box;
  margin-bottom: var(--pad-md, 12px);
}
._fieldsWrapper__header_s7mfu_41 {
  border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--pad-sm, 8px);
  min-height: calc(var(--pad-md, 12px) * 2 + 30px);
  box-sizing: border-box;
}
._fieldsWrapper__title_s7mfu_54 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
}
._fieldsWrapper__title_s7mfu_54 > span {
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
}
._fieldsWrapper__content_s7mfu_66 {
  display: flex;
  padding: var(--pad-md-plus, 14px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  gap: var(--pad-md-plus, 14px);
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}
._headerBadge_s7mfu_75 {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-accent-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._headerBadge_s7mfu_75 ._headerBadgeIcon_s7mfu_85 {
  font-size: var(--icon-inline, 16px);
  color: var(--accent);
  -webkit-text-fill-color: currentColor;
}
._hint_s7mfu_91 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1.4;
  color: var(--text-muted);
}
._grid_s7mfu_98 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--pad-md-plus, 14px);
  align-items: start;
  width: 100%;
}
._fieldContainer_s7mfu_106 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  gap: var(--pad-xs, 6px);
  font-family: "Roboto";
  color: var(--text);
}
._fieldContainer_s7mfu_106._disabledBlock_s7mfu_115 {
  position: relative;
  pointer-events: none;
  opacity: 0.6;
}
._fieldContainer_s7mfu_106._wide_s7mfu_120 {
  grid-column: 1/-1;
}
._label_s7mfu_124 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
  color: var(--text-secondary);
}
._tooltipIcon_s7mfu_134 {
  align-self: flex-start;
}
._field_s7mfu_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--pad-xs, 6px);
}
._inlineRow_s7mfu_145 {
  display: flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  flex-wrap: wrap;
}
._rangeValue_s7mfu_152 {
  min-width: 72px;
}
._errorLabel_s7mfu_156 {
  color: #d32f2f;
  font-size: 13px;
  line-height: 1.3;
  display: block;
}
._warning_s7mfu_163 {
  color: var(--warning, #b26a00);
  font-size: var(--fs-sm, 12px);
  line-height: 1.4;
}
._voiceOption_s7mfu_169 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._voiceOption__name_s7mfu_175 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}
._voiceOption__meta_s7mfu_180 {
  font-size: 11px;
  line-height: 1.3;
  color: var(--text-muted);
  white-space: normal;
}
._pronunciationRow_s7mfu_187 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--pad-sm, 8px);
}
._arrow_s7mfu_194 {
  color: var(--text-muted);
}
._addRowButton_s7mfu_198 {
  align-self: flex-start;
}
._monospace_s7mfu_202 {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}
._advanced_s7mfu_207 {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm, 6px);
  padding: var(--pad-sm, 8px) var(--pad-md, 12px);
}
._advanced__summary_s7mfu_212 {
  display: flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  cursor: pointer;
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  color: var(--text-secondary);
  user-select: none;
}
._advanced__body_s7mfu_222 {
  padding-top: var(--pad-md, 12px);
}
._stateLine_s7mfu_226 {
  display: flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
}
._placeholder_s7mfu_234 {
  color: var(--text-muted);
  font-weight: 400;
}
._typeToggles_s7mfu_239 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pad-md, 12px);
}
._typeToggle_s7mfu_239 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 4px);
  font-size: var(--fs-sm, 12px);
  color: var(--text);
  cursor: pointer;
  user-select: none;
}._placeholder_1lj8p_1 {
  color: var(--text-muted);
  font-size: var(--fs-base);
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1lj8p_8 {
  color: var(--text);
  font-size: var(--fs-base);
  line-height: 24px;
  font-family: "Inter", sans-serif;
}._placeholder_1lj8p_1 {
  color: var(--text-muted);
  font-size: var(--fs-base);
  line-height: 24px;
  font-family: "Inter", sans-serif;
}

._value_1lj8p_8 {
  color: var(--text);
  font-size: var(--fs-base);
  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);
}._wrapper_1ao7k_1 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--surface);
}
._wrapper_1ao7k_1:focus-within {
  border-color: var(--accent);
}
._wrapper_1ao7k_1 .w-md-editor {
  flex: 1 1 auto;
  min-height: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--surface);
  color: var(--text);
  font-family: inherit;
}
._wrapper_1ao7k_1 .w-md-editor-toolbar {
  background-color: var(--surface-muted);
  border-bottom: 1px solid var(--border);
}
._wrapper_1ao7k_1 .w-md-editor-content,
._wrapper_1ao7k_1 .w-md-editor-preview,
._wrapper_1ao7k_1 .wmde-markdown {
  background-color: var(--surface);
  color: var(--text);
}
._wrapper_1ao7k_1 .w-md-editor-text {
  height: 100%;
}
._wrapper_1ao7k_1 .w-md-editor-text-input,
._wrapper_1ao7k_1 .w-md-editor-text-pre {
  font-family: inherit;
  font-size: var(--fs-base);
  line-height: 24px;
}
._wrapper_1ao7k_1 .w-md-editor-text-input:disabled {
  color: var(--text-muted);
  cursor: default;
}
._wrapper_1ao7k_1 button[data-name="fullscreen"],
._wrapper_1ao7k_1 button[data-name="image"] {
  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_1t22l_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
._subContainer_1t22l_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._errorLable_1t22l_42 {
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  color: var(--danger);
}
._title_1t22l_49 {
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._requiredMark_1t22l_56 {
  margin-left: 2px;
  color: var(--danger);
}._placeholder_wj2rc_1 {
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  line-height: 20px;
  font-family: "Inter", sans-serif;
}

._value_wj2rc_9 {
  color: var(--text);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  line-height: 20px;
  font-family: "Inter", sans-serif;
}

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

._compactPlaceholder_wj2rc_18 {
  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;
}
._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_newnp_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_newnp_39 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainContainer_newnp_39 {
    overflow: auto;
  }
}
._cellLabel_newnp_52 {
  padding: 7px;
  font-family: "Roboto";
  line-height: 24px;
  color: var(--text);
  font-size: 16px;
  font-weight: 400;
  display: block;
}
._fieldHolder_newnp_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_newnp_62 {
    flex-direction: column;
    justify-content: flex-start;
  }
}
._fieldName_newnp_80 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  color: var(--text);
}
._fields_newnp_93 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
._label_newnp_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--text-secondary);
}
._gridContainer_newnp_108 {
  height: 100%;
  width: 100%;
  display: block;
}
._field_newnp_62 {
  width: 33%;
  display: flex;
  flex-direction: column;
}
._mainWrapper_newnp_120 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._container_newnp_126 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._fiedsContainer_newnp_132 {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  height: fit-content;
  gap: 24px;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}
._content_newnp_143 {
  padding: 0.8rem;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  width: 100%;
  background: var(--surface);
  color: var(--text);
}
._content__item_newnp_151 {
  margin-bottom: 0.5rem;
}
._configContainer_newnp_155 {
  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_newnp_167 {
  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_bplhw_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 16px;
  overflow: auto;
  background: var(--surface);
  color: var(--text);
}
._inputWithHelpIcon_bplhw_40 {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 100%;
}
._inputWithHelpIcon_bplhw_40 .tags-input,
._inputWithHelpIcon_bplhw_40 .tags-input-flow,
._inputWithHelpIcon_bplhw_40 .tagify,
._inputWithHelpIcon_bplhw_40 .tagify__input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
}
._inputWithHelpIcon_bplhw_40 .tags-input,
._inputWithHelpIcon_bplhw_40 .tags-input-flow,
._inputWithHelpIcon_bplhw_40 .tagify {
  display: block !important;
  height: 100%;
}
._inputWithHelpIcon_bplhw_40:has(._helpIcon_bplhw_61) ._helpIcon_bplhw_61 {
  right: 10px;
}
._inputWithHelpIcon_bplhw_40:has(._helpIcon_bplhw_61) .tagify__input {
  padding-right: 38px;
}
._customLable_bplhw_68 {
  color: var(--text-secondary) !important;
}
._helpIcon_bplhw_61 {
  position: absolute;
  bottom: 8px;
  right: -20px;
  color: var(--text-muted);
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s;
}
._helpIcon_bplhw_61:hover {
  color: var(--accent);
}
._pseudoInput_bplhw_86 {
  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_bplhw_86 span {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_bplhw_86 div {
  font-family: "Roboto";
  font-size: 16px;
  color: currentColor;
}
._pseudoInput_bplhw_86:focus {
  outline: none;
}
._pseudoInput_bplhw_86:hover {
  outline: none;
}
._pseudoInput_bplhw_86 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%);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1e89c_29 {
  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);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  letter-spacing: inherit;
  line-height: inherit;
}
._label_1e89c_46 {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: var(--text);
}
._tagifyInput_1e89c_53 {
  border: none !important;
  border-radius: 4px;
  padding: 8px;
  font-family: inherit;
  font-size: inherit;
  width: 100%;
  color: var(--text);
  background: transparent;
}
._resultInput_1e89c_64 {
  border: 1px solid var(--border-field);
  border-radius: 8px;
  padding: 0 12px;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: 38px;
  width: 100%;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  background-color: var(--surface);
  color: var(--text);
  box-sizing: border-box;
  outline: none;
}
._resultInput_1e89c_64::placeholder {
  color: var(--text-muted);
  font-family: inherit;
  font-size: inherit;
}
._resultInput_1e89c_64:hover {
  border-color: var(--text-secondary);
}
._resultInput_1e89c_64:focus {
  border-color: var(--accent);
}
._actionField_1e89c_93 {
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
  border: 1px solid var(--border-field);
  border-radius: 8px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  background-color: var(--surface);
  color: var(--text);
  outline: none;
  field-sizing: content;
}
._actionField_1e89c_93::placeholder {
  color: var(--text-muted);
  font-family: inherit;
  font-size: inherit;
}
._actionField_1e89c_93:hover {
  border-color: var(--text-secondary);
}
._actionField_1e89c_93:focus {
  border-color: var(--accent);
}
._actions_1e89c_123 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  align-self: flex-end;
}
._closeButton_1e89c_131,
._copyButton_1e89c_132 {
  display: flex;
  width: 16px;
  height: 16px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
  opacity: 0.75;
}
._closeButton_1e89c_131:hover,
._copyButton_1e89c_132:hover {
  opacity: 1;
}
._closeButton_1e89c_131 {
  width: 15px;
  height: 15px;
}
._content_1e89c_150 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: stretch;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
}
._content_1e89c_150 .MuiInputBase-root {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
  overflow: hidden;
}
._content_1e89c_150 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._content_1e89c_150 fieldset {
  top: 0 !important;
}
._content_1e89c_150 fieldset legend {
  display: none !important;
}
._content_1e89c_150 .MuiSelect-select {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
._equalsLabel_1e89c_187 {
  font-family: inherit;
  font-size: inherit;
  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_1kk63_29 {
  padding: 1rem;
}
._modal__title_1kk63_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_1kk63_43 {
  height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
._modal__header_1kk63_50 {
  padding-right: 16px;
}
._modal__footer_1kk63_53 {
  padding-top: 1rem;
  padding-right: 16px;
}
._modal__items_1kk63_57 {
  height: 100%;
  max-height: calc(100% - 100px);
  overflow-y: scroll;
}
._modal__btn_1kk63_62 {
  font-weight: bold;
}
._modal__total_1kk63_65 {
  color: rgb(102, 102, 102);
}
@media screen and (max-width: 480px) {
  ._modal_1kk63_29 {
    height: 100%;
    overflow: auto;
  }
}
._contentHolder_1kk63_75 {
  display: flex;
  flex-direction: column;
  background-color: var(--surface);
}
._container_1kk63_81 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: calc(100% - 40px);
}
._textPreview_1kk63_88 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._highlight_1kk63_95 {
  font-size: 12px;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  background-color: yellow;
}
._previewItem_1kk63_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_1kk63_103 textarea::-webkit-scrollbar {
  width: 0 !important;
}
._previewItem__number_1kk63_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_1kk63_129 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  max-width: 100%;
}
._previewItem__contentTitle_1kk63_137 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--scss-tabsDisabledText, #666);
}
._previewItem__value_1kk63_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: var(--fs-base);
  line-height: 1.2rem;
}
._previewItem__value__bg_1kk63_161 {
  background-color: var(--surface-accent);
}._modalWrapper_maq3h_1 {
  position: relative;
  z-index: 9999;
  border-radius: 10px;
  opacity: 0;
  animation: _fadeIn_maq3h_1 0.2s ease-in-out 0.2s forwards;
}
._modalWrapper_maq3h_1::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_maq3h_1 {
  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_maq3h_29 {
  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_maq3h_40 {
  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_maq3h_49 {
  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_maq3h_56 {
  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_maq3h_66 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

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

@keyframes _fadeIn_maq3h_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _fadeOut_maq3h_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_1n5xl_1 {
  box-shadow: none !important;
  background: transparent !important;
  color: var(--tour-mask) !important;
  opacity: 1 !important;
  pointer-events: none;
}

._tour_1n5xl_9 {
  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_1yv69_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_1yv69_57 textarea {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  outline: none;
  overflow-y: scroll !important;
  resize: none;
  border-color: var(--border-field);
  background: var(--surface);
  color: var(--text);
}
._tableWrapper_1yv69_57 textarea:focus {
  border-color: var(--accent) !important;
}
._tableWrapper_1yv69_57 textarea:hover {
  border-color: var(--text) !important;
}
@media screen and (max-width: 480px) {
  ._tableWrapper_1yv69_57 {
    max-height: 100%;
  }
}
._instructionsWrapper_1yv69_96 {
  width: 100%;
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._instructionsWrapper_1yv69_96 ._inputWrapper_1yv69_103 {
  width: 100%;
  height: calc(100% - 88px);
  display: flex;
}
._instructionsWrapper_1yv69_96 ._inputWrapper_1yv69_103 ._textArea_1yv69_108 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: var(--fs-base);
  line-height: 24px;
  border: 1px solid var(--border-field);
  background: var(--surface);
  flex: 1;
  border-radius: 5px;
  padding: 8px 14px 8px 14px;
}
._instructionsWrapper_1yv69_96 ._inputWrapper_1yv69_103 ._textArea_1yv69_108 span {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: var(--fs-base);
  line-height: 24px;
}
._systemInstructionsWrapper_1yv69_126 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}
._systemInstructionsWrapper_1yv69_126 ._label_1yv69_132 {
  font-family: "Roboto";
  color: var(--scss-tabsDisabledText, #666);
  font-size: var(--fs-base);
  line-height: 33px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._systemInstructionsWrapper_1yv69_126 ._label_1yv69_132 {
    line-height: 18px;
  }
}
._systemInstructionsWrapper_1yv69_126 ._optionsWrapper_1yv69_144 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._title_1yv69_150 {
  font-size: var(--fs-md);
  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_1yv69_150 {
    padding: 0;
    font-weight: bold;
    text-align: left;
  }
}
._labelExample_1yv69_167 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: var(--fs-base);
  line-height: 33px;
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  ._labelExample_1yv69_167 {
    line-height: 18px;
  }
}
._container_1yv69_180 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: 100%;
}
._tag_1yv69_188 {
  padding: 6px;
  background-color: var(--surface-accent);
  color: var(--text-secondary);
  line-height: 24px;
  font-size: var(--fs-base);
  border: 1px solid var(--border-field);
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordionLabel_1yv69_200 {
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 24px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagExample_1yv69_208 {
  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: var(--fs-base);
  border-radius: 10px;
  font-weight: 400;
  font-family: "Roboto";
}
._accordion_1yv69_200 {
  border: 1px solid var(--border-field);
  border-radius: 10px;
  transition: height 0.3s ease;
}
._header_1yv69_227 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--surface-muted);
  padding: 10px 15px;
  font-size: var(--fs-md);
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
}
._icon_1yv69_242 {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
._icon_1yv69_242._open_1yv69_249 {
  transform: rotate(90deg);
}
._content_1yv69_253 {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
._inner_1yv69_258 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 10px;
  padding: 14px;
}
._itemContainer_1yv69_267 {
  padding: 14px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background-color: var(--surface);
}._button_1vf7m_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-tight);
  min-height: 32px;
  padding: 0 var(--pad-sm-plus);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-sm);
  background: var(--surface-accent-soft);
  color: var(--accent);
  font-size: var(--fs-sm-plus);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  max-width: 280px;
  min-width: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._button_1vf7m_1:hover:not(:disabled) {
  border-color: var(--accent-hover-border);
  background: var(--accent-hover-bg);
}
._button_1vf7m_1:focus-visible {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
  outline: 0;
}
._button_1vf7m_1:disabled {
  border-color: var(--border);
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._icon_1vf7m_36 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}._item_uadnk_1 {
  --agent-versions-action-size: 32px;
  position: relative;
  display: block;
}

._marker_uadnk_7 {
  position: absolute;
  top: var(--gap-md);
  left: calc(-1 * var(--agent-versions-gutter) + var(--gap-md));
  width: var(--gap-lg);
  height: var(--gap-lg);
  border-radius: var(--radius-pill);
  background: var(--text-muted);
  box-shadow: 0 0 0 2px var(--surface);
  z-index: 1;
  pointer-events: none;
}

._markerCurrent_uadnk_20 {
  background: var(--ok);
  box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--chip-ok-border);
}

._card_uadnk_25 {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.6fr) minmax(0, 0.7fr);
  grid-template-areas: "title description meta";
  align-items: start;
  gap: var(--gap-lg);
  width: 100%;
  padding: var(--pad-md) calc(var(--pad-xl) + var(--agent-versions-action-size)) var(--pad-md) var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._card_uadnk_25:hover:not(:disabled) {
  border-color: var(--accent-border);
  background: var(--surface-subtle);
}
._card_uadnk_25:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._card_uadnk_25:disabled {
  cursor: default;
}

._cardCurrent_uadnk_54 {
  border-color: var(--chip-ok-border);
  background: var(--accent-hover-bg);
}

._title_uadnk_59 {
  grid-area: title;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  min-width: 0;
}

._name_uadnk_68 {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

._currentChip_uadnk_76 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: var(--pad-xs) var(--pad-sm-plus);
  border-radius: var(--radius-pill);
  background: var(--chip-ok-bg);
  color: var(--chip-ok-text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1.2;
}

._description_uadnk_90 {
  grid-area: description;
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight);
  min-width: 0;
  color: var(--text);
  font-size: var(--fs-base);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

._descriptionLabel_uadnk_102 {
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
}

._meta_uadnk_108 {
  grid-area: meta;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-tight);
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--fs-sm);
  line-height: 1.45;
}

._date_uadnk_120,
._author_uadnk_121 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._compareButton_uadnk_128 {
  position: absolute;
  top: 50%;
  right: var(--pad-sm);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--agent-versions-action-size);
  height: var(--agent-versions-action-size);
  margin: 0;
  padding: 0;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text-secondary);
  transform: translateY(-50%);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
._compareButton_uadnk_128:hover:not(:disabled) {
  border-color: var(--accent-border);
  background: var(--surface-accent-soft);
  color: var(--accent);
}
._compareButton_uadnk_128:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._compareButton_uadnk_128:disabled {
  color: var(--text-muted);
  opacity: 0.5;
  cursor: not-allowed;
}

._compareIcon_uadnk_163 {
  font-size: var(--icon-inline);
}

@media (max-width: 900px) {
  ._card_uadnk_25 {
    grid-template-columns: 1fr auto;
    grid-template-areas: "title meta" "description description";
    row-gap: var(--gap-sm);
  }
}
@media (max-width: 720px) {
  ._card_uadnk_25 {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "description" "meta";
  }
  ._meta_uadnk_108 {
    align-items: flex-start;
  }
  ._date_uadnk_120,
  ._author_uadnk_121 {
    white-space: normal;
  }
}._actions_nsw70_1 {
  display: flex;
  justify-content: flex-end;
  gap: var(--gap-md);
}._head_11q6j_1 {
  display: flex;
  align-items: center;
  gap: var(--pad-md);
  min-width: 0;
  flex: 1 1 auto;
}

._icon_11q6j_9 {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: var(--radius-pill);
  background: var(--surface-accent-soft);
  color: var(--accent);
}
._icon_11q6j_9 svg {
  width: var(--icon-ui);
  height: var(--icon-ui);
}

._copy_11q6j_24 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: calc(var(--pad-tight) / 2);
  min-width: 0;
}

._title_11q6j_32 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: var(--fw-bold);
  line-height: 1.3;
  white-space: nowrap;
}

._subtitle_11q6j_41 {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._closeButton_11q6j_52._closeButton_11q6j_52 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
}
._closeButton_11q6j_52._closeButton_11q6j_52 svg {
  width: var(--icon-action);
  height: var(--icon-action);
}
._closeButton_11q6j_52._closeButton_11q6j_52:hover {
  background: var(--surface-muted);
  color: var(--text);
}

._headCompact_11q6j_70 ._title_11q6j_32 {
  font-size: var(--fs-md);
}
._headCompact_11q6j_70 ._subtitle_11q6j_41 {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}._popover_1her3_1._popover_1her3_1 {
  z-index: 1400;
  width: min(400px, 100vw - var(--gap-2xl));
  border-radius: var(--radius-lg);
  color: var(--text);
}

._head_1her3_8 {
  padding: var(--pad-lg);
  border-bottom: 1px solid var(--border);
}

._text_1her3_13 {
  margin: 0;
  padding: var(--pad-lg);
  color: var(--text-muted);
  font-size: var(--fs-base);
  line-height: 1.5;
}

._foot_1her3_21 {
  padding: 0 var(--pad-lg) var(--pad-lg);
}._holder_mdw8e_1 {
  display: flex;
  flex-shrink: 0;
  width: 208px;
  height: 38px;
}

._holder_mdw8e_1 ._toggle_mdw8e_8 {
  width: 100%;
  grid-auto-columns: minmax(96px, 1fr);
}

._holder_mdw8e_1 ._toggle_mdw8e_8 label {
  font-size: var(--fs-sm);
}._text_s04hr_1 {
  min-width: 0;
  font: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._piece_s04hr_8 {
  font: inherit;
}

._mark_s04hr_12 {
  border-radius: 2px;
  background: var(--snapshot-mark-bg);
  color: var(--snapshot-mark-color);
}

._tag_s04hr_18 {
  margin-inline: 2px;
  vertical-align: baseline;
}

._tagChanged_s04hr_23 {
  outline: 1px solid var(--snapshot-mark-color);
  outline-offset: 1px;
}._side_adqyi_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  min-width: 0;
  padding-inline: var(--pad-lg);
}
._side_adqyi_1:first-child {
  padding-left: 0;
}
._side_adqyi_1:last-child {
  padding-right: 0;
}
._side_adqyi_1 + ._side_adqyi_1 {
  border-left: 1px solid var(--border);
}

._head_adqyi_18 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: var(--control-height-sm);
}

._lines_adqyi_25 {
  --snapshot-line-color: var(--text);
  padding: var(--pad-sm) 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-muted);
  overflow: auto;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: var(--fs-sm);
  line-height: 1.5;
}

._removed_adqyi_37 {
  --snapshot-line-color: var(--chip-err-text);
  --snapshot-mark-color: var(--chip-err-text);
  --snapshot-mark-bg: var(--chip-err-bg);
}

._added_adqyi_43 {
  --snapshot-line-color: var(--chip-ok-text);
  --snapshot-mark-color: var(--chip-ok-text);
  --snapshot-mark-bg: var(--chip-ok-bg);
}

._marked_adqyi_49 {
  --snapshot-line-color: var(--text);
}

._statement_adqyi_53 {
  min-width: 0;
  border-radius: 10px;
}

._statementChanged_adqyi_58 {
  outline: 1px solid var(--snapshot-mark-color);
  outline-offset: 1px;
}

._line_adqyi_25 {
  display: grid;
  grid-template-columns: 2.5ch minmax(0, 1fr);
  align-items: start;
  gap: var(--gap-sm);
  padding: var(--gap-tight) var(--pad-md);
  color: var(--snapshot-line-color);
  font: inherit;
}

._lineEmpty_adqyi_73 {
  grid-template-columns: 1fr;
  color: var(--text-muted);
}

._number_adqyi_78 {
  color: var(--text-muted);
  font: inherit;
  text-align: right;
  user-select: none;
}

@media (max-width: 720px) {
  ._side_adqyi_1 {
    padding-inline: 0;
  }
  ._side_adqyi_1 + ._side_adqyi_1 {
    margin-top: var(--pad-md);
    padding-top: var(--pad-md);
    border-top: 1px solid var(--border);
    border-left: 0;
  }
}
._unnumbered_adqyi_96 ._line_adqyi_25 {
  grid-template-columns: minmax(0, 1fr);
}._details_1dn8j_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  min-width: 0;
}

._label_1dn8j_8 {
  margin: 0;
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
}

._compare_1dn8j_15 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

@media (max-width: 720px) {
  ._compare_1dn8j_15 {
    grid-template-columns: 1fr;
  }
}._header_1krwm_1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: var(--pad-sm);
  border-bottom: 1px solid var(--border);
}

._cell_1krwm_8 {
  padding-inline: var(--pad-lg);
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
}
._cell_1krwm_8:first-child {
  padding-left: 0;
}
._cell_1krwm_8:last-child {
  padding-right: 0;
}

@media (max-width: 720px) {
  ._header_1krwm_1 {
    display: none;
  }
}._value_1ulve_1 {
  font: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._removed_1ulve_7,
._added_1ulve_8 {
  padding: 0 var(--gap-xs);
  border-radius: var(--radius-sm);
  box-decoration-break: clone;
}

._removed_1ulve_7 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  text-decoration: line-through;
}

._added_1ulve_8 {
  background: var(--chip-ok-bg);
  color: var(--chip-ok-text);
}._block_1jxox_1 {
  flex: 1 1 100%;
  min-width: 0;
  margin-left: var(--gap-lg);
  padding-left: var(--gap-lg);
  border-left: 1px dashed var(--border-strong);
  font: inherit;
}

._line_1jxox_10 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--gap-xs);
  padding: var(--gap-tight) 0;
  font: inherit;
}

._key_1jxox_19 {
  color: var(--accent);
  font: inherit;
  border-radius: var(--radius-sm);
}

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

._removed_1jxox_30 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  text-decoration: line-through;
}

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

._replaced_1jxox_41 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  min-width: 0;
}._tree_cwxlq_1 {
  padding: var(--pad-lg);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
  color: var(--text);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: var(--fs-sm);
  line-height: 1.5;
  overflow-x: auto;
}

._empty_cwxlq_13 {
  margin: 0;
  padding: var(--pad-xl) 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  text-align: center;
}._card_nbobh_1 {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  overflow: hidden;
}
._card_nbobh_1[open] ._chevron_nbobh_7 {
  transform: rotate(180deg);
}
._card_nbobh_1[open] ._summary_nbobh_10:focus-visible {
  border-radius: var(--radius) var(--radius) 0 0;
}

._summary_nbobh_10 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--gap-md);
  padding: var(--pad-md) var(--pad-lg);
  list-style: none;
  cursor: pointer;
}
._summary_nbobh_10::-webkit-details-marker {
  display: none;
}
._summary_nbobh_10:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: var(--radius);
}

._icon_nbobh_32 {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: var(--radius-sm);
}

._accent_nbobh_41 {
  background: var(--surface-accent-soft);
  color: var(--accent);
}

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

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

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

._neutral_nbobh_61 {
  background: var(--chip-neutral-bg);
  color: var(--chip-neutral-text);
}

._body_nbobh_66 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight);
  min-width: 0;
}

._section_nbobh_73 {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
}

._description_nbobh_79 {
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

._badge_nbobh_86 {
  min-height: 24px;
  padding: var(--pad-xs) var(--pad-sm-plus);
}

._chevron_nbobh_7 {
  color: var(--text-muted);
  font-size: var(--icon-action);
  transition: transform 160ms ease;
}

._content_nbobh_97 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
  padding: var(--pad-md) var(--pad-lg) var(--pad-lg);
  border-top: 1px solid var(--border);
}._list_zm4fq_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}

._empty_zm4fq_7 {
  margin: 0;
  padding: var(--pad-xl) 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  text-align: center;
}._pane_hzr2m_1 {
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
}

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

._back_hzr2m_17 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
  align-self: flex-start;
  min-height: 34px;
  padding: 0 var(--pad-sm-plus);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
._back_hzr2m_17:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._back_hzr2m_17:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

._backIcon_hzr2m_44 {
  font-size: var(--icon-inline);
}

._hero_hzr2m_48 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-lg);
  padding: var(--pad-lg);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}

._title_hzr2m_59 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

._controls_hzr2m_71 {
  display: grid;
  flex: 1 1 520px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: end;
  gap: var(--gap-md);
  min-width: 0;
}

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

._fieldLabel_hzr2m_87 {
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
}

._current_hzr2m_93 {
  display: flex;
  align-items: center;
  gap: var(--pad-md);
  min-height: var(--tab-primary-height);
  padding: 0 var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
}

._currentIcon_hzr2m_107 {
  font-size: var(--icon-ui);
  color: var(--text-secondary);
}

._currentValue_hzr2m_112 {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: var(--fw-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._currentBadge_hzr2m_121 {
  min-height: 24px;
  padding: var(--pad-xs) var(--pad-sm-plus);
}

._direction_hzr2m_126 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tab-primary-height);
  height: var(--tab-primary-height);
  color: var(--text-secondary);
}

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

._chips_hzr2m_139 {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-sm);
  margin: 0;
  padding: 0 0 var(--gap-xs);
  list-style: none;
}

._chip_hzr2m_139 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
  min-height: calc(var(--icon-ui) + var(--gap-md));
  padding: var(--gap-xs) var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: 1;
  white-space: nowrap;
}

._chipCount_hzr2m_166 {
  justify-content: center;
  min-width: 120px;
}

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

._tabs_hzr2m_175 {
  box-shadow: inset 0 -1px 0 var(--border);
}

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

._sectionTitle_hzr2m_186 {
  margin: 0;
  color: var(--text);
  font-size: var(--fs-md);
  font-weight: var(--fw-semi);
  line-height: var(--lh-snug);
}

._loaderHolder_hzr2m_194 {
  display: flex;
  justify-content: center;
  padding: var(--pad-xl) 0;
}

._error_hzr2m_200 {
  margin: 0;
  padding: var(--pad-xl) 0;
  color: var(--chip-err-text);
  font-size: var(--fs-sm);
  text-align: center;
}

._footer_hzr2m_208 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-lg);
  padding: var(--pad-lg) 0 var(--pad-xl);
  border-top: 1px solid var(--border);
}

._restore_hzr2m_217 {
  display: flex;
  flex-shrink: 0;
}

._note_hzr2m_222 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-sm);
  max-width: 36ch;
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: 1.5;
}

._noteIcon_hzr2m_233 {
  flex-shrink: 0;
  color: var(--chip-warn-text);
  font-size: var(--icon-ui);
}

@media (max-width: 720px) {
  ._hero_hzr2m_48 {
    flex-direction: column;
    align-items: stretch;
  }
  ._controls_hzr2m_71 {
    flex: 0 0 auto;
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  ._direction_hzr2m_126 {
    justify-self: center;
    transform: rotate(90deg);
  }
  ._chips_hzr2m_139 {
    justify-content: flex-start;
    padding-bottom: 0;
  }
  ._sectionHead_hzr2m_179 {
    flex-direction: column;
    align-items: stretch;
  }
  ._footer_hzr2m_208 {
    flex-direction: column;
    align-items: stretch;
  }
  ._restore_hzr2m_217 > * {
    flex: 1 1 auto;
  }
  ._note_hzr2m_222 {
    max-width: none;
  }
}._content_uc0ad_1 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  background: var(--surface-subtle);
  color: var(--text);
}

._head_uc0ad_10 {
  display: flex;
  align-items: center;
  padding: var(--pad-lg) calc(var(--pad-xl) + var(--pad-sm));
  border-bottom: 1px solid var(--border);
}

._body_uc0ad_17 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding: var(--pad-lg) calc(var(--pad-xl) + var(--pad-sm)) var(--gap-2xl);
}

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

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

._count_uc0ad_40 {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 var(--pad-sm-plus);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-subtle);
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}

._listIntro_uc0ad_54 {
  margin: 0 0 var(--gap-md);
  color: var(--text-muted);
  font-size: var(--fs-sm);
  line-height: 1.45;
}

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

._list_uc0ad_25 {
  --agent-versions-gutter: calc(var(--gap-3xl) + var(--gap-md));
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  margin: 0;
  padding: 0 0 var(--pad-lg) var(--agent-versions-gutter);
  list-style: none;
}
._list_uc0ad_25::before {
  content: "";
  position: absolute;
  top: var(--gap-sm);
  bottom: var(--gap-sm);
  left: 19px;
  width: 2px;
  border-radius: var(--radius-pill);
  background: var(--border);
  pointer-events: none;
}

._loaderHolder_uc0ad_89 {
  display: flex;
  justify-content: center;
  padding: var(--pad-xl) 0;
}

._empty_uc0ad_95 {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-base);
}._popover_i2bhq_1 {
  width: min(320px, 100vw - var(--gap-2xl));
  color: var(--text);
  overflow: hidden;
}

._fields_i2bhq_7 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  padding: var(--pad-lg);
  background: var(--surface-subtle);
}

._field_i2bhq_7 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
._field_i2bhq_7 .MuiOutlinedInput-notchedOutline {
  border-color: var(--border);
}
._field_i2bhq_7 .MuiOutlinedInput-root.Mui-focused {
  box-shadow: 0 0 0 3px var(--accent-shadow);
}
._field_i2bhq_7 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--accent);
}

._actions_i2bhq_30 {
  padding: var(--pad-md) var(--pad-lg) var(--pad-lg);
  border-top: 1px solid var(--border);
  background: var(--surface);
}

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

._fieldHint_i2bhq_42 {
  color: var(--text-muted);
  font-weight: var(--fw-regular);
}._wrap_rci7e_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--gap-sm);
}
@media screen and (max-width: 834px) {
  ._wrap_rci7e_1 {
    gap: var(--gap-sm);
  }
}
._saveSlot_rci7e_14 {
  position: relative;
  display: inline-flex;
}
._saveButton_rci7e_19._saveButton_rci7e_19 {
  min-width: 96px;
  height: 48px;
  padding: 0 24px;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 834px) {
  ._saveButton_rci7e_19._saveButton_rci7e_19 {
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 8px 16px;
    font-size: var(--fs-md);
    white-space: nowrap;
  }
}
._moreSlot_rci7e_39 {
  display: inline-flex;
}
._moreButton_rci7e_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--control-height-lg);
  height: var(--control-height-lg);
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text-secondary);
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
._moreButton_rci7e_43:hover {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}
._moreButton_rci7e_43:focus-visible {
  outline: 0;
  border-color: var(--border-strong);
  box-shadow: 0 0 0 3px var(--accent-tint);
}
@media screen and (max-width: 834px) {
  ._moreButton_rci7e_43 {
    width: 40px;
    height: 40px;
    box-shadow: none;
    background: color-mix(in srgb, var(--surface) 50%, transparent);
  }
}
._moreButton_rci7e_43:disabled {
  background: var(--btn-disabled);
  color: var(--text-muted);
  border-color: var(--btn-disabled);
  cursor: default;
  box-shadow: none;
}
._moreButton_rci7e_43:disabled:hover {
  background: var(--btn-disabled);
  border-color: var(--btn-disabled);
  color: var(--text-muted);
}
._moreButtonOpen_rci7e_90 {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}
._moreIcon_rci7e_96 {
  font-size: var(--icon-ui);
  color: currentColor;
}
@media screen and (max-width: 834px) {
  ._moreIcon_rci7e_96 {
    font-size: 20px;
  }
}
._menuPaper_rci7e_106._menuPaper_rci7e_106 {
  min-width: 224px;
  width: fit-content;
  max-width: calc(100vw - 24px);
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
  overflow: hidden;
}
._menuPaper_rci7e_106._menuPaper_rci7e_106 .MuiList-root {
  padding: 0;
}
@media screen and (max-width: 834px) {
  ._menuPaper_rci7e_106._menuPaper_rci7e_106 {
    min-width: 0;
  }
}
._menuPaper_rci7e_106 ._menuItem_rci7e_125 {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: var(--pad-sm-plus);
  padding: calc(var(--pad-md) - var(--pad-tight)) var(--pad-md-plus);
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
  line-height: 1.35;
  white-space: nowrap;
}
._menuPaper_rci7e_106 ._menuItem_rci7e_125:hover {
  background: var(--surface-accent);
  color: var(--accent-hover);
}
._menuItemIcon_rci7e_142 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: currentColor;
}._host_1xazr_1 {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 360px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-panel);
  z-index: 1200;
  animation: _appear_1xazr_1 180ms ease-out;
}

._section_1xazr_18 + ._section_1xazr_18 {
  border-top: 1px solid var(--border);
}

@keyframes _appear_1xazr_1 {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  ._host_1xazr_1 {
    right: 16px;
    bottom: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._host_1xazr_1 {
    animation: none;
  }
}._widget_12bso_1 {
  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_12bso_9 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._iconBtn_12bso_111 {
  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_12bso_111:hover {
  background: var(--surface-muted);
  color: var(--text);
}

._cta_12bso_131 {
  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_12bso_131:hover {
  background: var(--btn-primary-hover-bg, var(--surface));
  color: var(--btn-primary-hover-text, var(--btn-dark));
}

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

._actionIcon_12bso_157 {
  font-size: 15px !important;
}._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;
}._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_ho23y_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);
  font-family: "Roboto";
}
._resultList_ho23y_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_ho23y_54 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
._divider_ho23y_54 svg {
  font-size: 14px;
  color: #9098b1;
}
._dividerLabel_ho23y_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_uvos3_29 {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--stm-gutter, 22px);
  background: var(--surface);
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._head_uvos3_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px var(--stm-gutter, 22px);
  background: var(--surface);
  border-bottom: 1px solid #eceff6;
  flex-shrink: 0;
}
._headLeft_uvos3_52 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
._headIcon_uvos3_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_uvos3_60 svg {
  font-size: 20px;
}
._headCopy_uvos3_75 {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 2px;
  min-width: 0;
}
._title_uvos3_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_uvos3_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_uvos3_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_uvos3_105:hover {
  background: var(--scss-hoveredBackground, #eaeff7);
  color: var(--scss-text-color, #1f1f1f);
}
._close_uvos3_105 svg {
  font-size: 18px;
}
._top_uvos3_127 {
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  background: var(--surface);
  margin: 0 calc(-1 * var(--stm-gutter, 22px));
  padding: 0 var(--stm-gutter, 22px);
}
._resultsHead_uvos3_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);
}
._resultsHeadMain_uvos3_147 {
  flex: 1 1 200px;
  min-width: 0;
}
._resultsFilters_uvos3_152 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
._resultsTitle_uvos3_160 {
  font-size: 15px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin: 0 0 4px;
  line-height: 1.35;
}
._resultsSub_uvos3_168 {
  font-size: 12px;
  font-weight: 400;
  color: #9098b1;
  margin: 0;
  line-height: 1.5;
}
._contentLoader_uvos3_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_uvos3_168 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._title_uvos3_83 {
    font-size: 16px;
  }
  ._sub_uvos3_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}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  user-select: none;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
: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;
}
#root {
  height: 100% !important;
  overflow: hidden;
  background: var(--bg);
}
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 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  height: 100%;
  padding: 8px 14px 8px 14px;
  font-size: var(--fs-base);
  box-sizing: border-box;
}
.tags__input_main .tagify__input {
  width: 100%;
  border: none !important;
  font-size: var(--fs-base);
  /* 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__attribution {
  background: transparent !important;
}
.react-flow__attribution a {
  color: var(--text-muted) !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 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
  height: 300px;
  overflow-y: scroll;
  /* font-family: $inter;; */
  letter-spacing: inherit;
  /* color: currentColor; */
  /*min-height: 160px;*/
  /*border: 1px solid #9ca3b0;*/
  border-radius: 10px;
  background: var(--surface);
  /* -webkit-tap-highlight-color: transparent; */
  display: block;
  /* -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 {
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}
.tags-input-flow {
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}
.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 {
  display: block !important;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  border: none;
  box-sizing: border-box;

  --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);
}
.ProseMirror .maily-variable-chip,
.editor-wrap .maily-variable-chip {
  display: inline;
  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;
  word-break: break-all;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  cursor: default;
  user-select: none;
  vertical-align: middle;
  line-height: 1.6;
  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;
    vertical-align: middle;
  }
}
.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;
}
/* 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;
}
.ag-chart-tooltip.ag-chart-tooltip-arrow::before {
  border-top-color: var(--border) !important;
}
.ag-chart-tooltip.ag-chart-tooltip-arrow::after {
  border-top-color: var(--tooltip-bg) !important;
}
.ag-chart-tooltip.sa-chart-tooltip {
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.ag-chart-tooltip.sa-chart-tooltip .ag-chart-tooltip-content {
  padding: 12px 16px;
}
.ag-chart-tooltip.sa-chart-tooltip.ag-chart-tooltip-arrow::before {
  border-top-color: var(--tooltip-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;
}
._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;
}._wrap_mr7zd_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  width: 100%;
}

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

._segmented_mr7zd_15 {
  display: grid;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  padding: 4px;
  box-sizing: border-box;
  background: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 12px;
}

._segment_mr7zd_15 {
  appearance: none;
  margin: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--text-secondary);
  font-family: inherit;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);
}

._segment_mr7zd_15:hover:not(:disabled):not(._segmentActive_mr7zd_44) {
  color: var(--text);
  background: color-mix(in srgb, var(--surface) 70%, transparent);
}

._segmentActive_mr7zd_44 {
  background: var(--surface) !important;
  border-color: var(--accent) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow-sm);
}

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

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

._card_mr7zd_61 {
  appearance: none;
  margin: 0;
  font-family: inherit;
  text-align: left;
  min-height: 132px;
  border: 1px solid var(--border-field);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  padding: 17px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);
}

._card_mr7zd_61:hover:not(:disabled):not(._cardActive_mr7zd_85) {
  border-color: var(--accent-hover-border);
}

._cardActive_mr7zd_85 {
  padding: 16px;
  border: 2px solid var(--accent);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}

._cardDisabled_mr7zd_97 {
  border-style: dashed;
  border-color: var(--border-strong);
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
  box-shadow: none;
}

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

._cardTitle_mr7zd_111 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: var(--fw-medium);
  line-height: 1.3;
}

._cardHint_mr7zd_121 {
  font-size: var(--fs-base);
  line-height: 1.45;
  color: var(--text-secondary);
}

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

._warning_mr7zd_131 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: var(--fs-base);
  line-height: 1.45;
  background: var(--chip-warn-bg);
  border: 1px solid var(--chip-warn-border);
  color: var(--chip-warn-text);
}

@media (max-width: 720px) {
  ._cards_mr7zd_61 {
    grid-template-columns: 1fr;
  }
}._root_fo1ho_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);
  width: 100%;
}

._section_fo1ho_8 {
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 14px;
  padding: var(--gap-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
  box-sizing: border-box;
}

._sectionHeader_fo1ho_19 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight);
}

._sectionTitle_fo1ho_25 {
  margin: 0;
  font-size: 17px;
  font-weight: var(--fw-medium);
  color: var(--text);
  line-height: var(--lh-snug);
}

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

._fields_fo1ho_40 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}

._field_fo1ho_40 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  width: 100%;
}

._labelRow_fo1ho_53 {
  display: flex;
  align-items: baseline;
  gap: var(--gap-sm);
  flex-wrap: wrap;
}

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

._subtitle_fo1ho_66 {
  font-size: var(--fs-md);
  font-weight: var(--fw-regular);
  color: var(--text-secondary);
}

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

._fieldGroup_fo1ho_79 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
  padding-top: var(--gap-lg);
  border-top: 1px solid var(--border-strong);
}

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

._fieldGroupTitle_fo1ho_93 {
  margin: 0;
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: var(--text);
}

._fieldGroupDescription_fo1ho_100 {
  margin: 0;
  font-size: var(--fs-base);
  color: var(--text-secondary);
}

._fieldGroupRow_fo1ho_106 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

._fieldGroupRow_fo1ho_106 > ._field_fo1ho_40 {
  min-width: 0;
}

._timeoutField_fo1ho_117 {
  width: max-content;
  max-width: 100%;
}

._compactNumber_fo1ho_122 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 42px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  overflow: hidden;
  background: var(--surface);
  width: max-content;
  max-width: 100%;
}

._compactNumberInput_fo1ho_135 {
  box-sizing: border-box;
  width: 52px;
  min-width: 0;
  max-width: 52px;
  flex: none;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0 0 0 12px;
  font-size: var(--fs-md);
  font-family: inherit;
  outline: none;
  appearance: textfield;
  -moz-appearance: textfield;
}

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

._compactNumberInput_fo1ho_135:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

._compactNumberSuffix_fo1ho_165 {
  flex: none;
  padding: 0 12px 0 4px;
  color: var(--text-secondary);
  font-size: var(--fs-md);
  white-space: nowrap;
  line-height: 1;
  user-select: none;
}

._matchedInputHeight_fo1ho_175 {
  height: 42px;
  min-height: 42px;
}

._matchedInputHeight_fo1ho_175 > div,
._matchedInputHeight_fo1ho_175 .tagify {
  height: 42px !important;
  min-height: 42px !important;
}

._checkboxRow_fo1ho_186 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

@media (max-width: 720px) {
  ._fieldGroupRow_fo1ho_106 {
    grid-template-columns: 1fr;
  }
}
._inputWithPrefix_fo1ho_198 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--control-height-lg);
  box-sizing: border-box;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background: var(--surface);
  padding: 0 14px;
  gap: 4px;
}
._inputWithPrefix_fo1ho_198:focus-within {
  border-color: var(--border-strong, var(--accent));
}

._inputWithPrefixError_fo1ho_214 {
  border-color: var(--danger);
}

._inputPrefixLabel_fo1ho_218 {
  flex-shrink: 0;
  color: var(--text-muted);
  opacity: 0.55;
  font-size: var(--fs-md);
  line-height: 1;
  user-select: none;
  pointer-events: none;
}

._prefixedPlainInput_fo1ho_228 {
  flex: 1;
  min-width: 0;
  height: calc(var(--control-height-lg) - 2px);
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0;
  font-size: var(--fs-md);
  outline: none;
}

._notice_fo1ho_240 {
  display: flex;
  gap: var(--gap-sm-plus);
  align-items: flex-start;
  padding: 14px;
  border-radius: 10px;
  background: var(--surface);
  border: 1px dashed var(--border-strong);
}

._noticeIcon_fo1ho_250 {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--text-secondary);
}

._noticeBody_fo1ho_256 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-tight);
}

._noticeTitle_fo1ho_262 {
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: var(--text-secondary);
}

._noticeText_fo1ho_268 {
  font-size: var(--fs-base);
  line-height: 1.45;
  color: var(--text-muted);
}

._checkboxRow_fo1ho_186 {
  display: flex;
  gap: var(--gap-md);
  align-items: flex-start;
}

._checkboxLabel_fo1ho_280 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  cursor: pointer;
}

._checkboxLabelDisabled_fo1ho_287 {
  cursor: default;
}

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

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

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

._badge_fo1ho_308 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: var(--surface-accent);
  color: var(--accent-active-text);
}

._badgeMuted_fo1ho_317 {
  background: transparent;
  border: 1px solid var(--border-strong);
  color: var(--text-muted);
}

._checkboxHelp_fo1ho_323 {
  font-size: var(--fs-base);
  line-height: 1.45;
  color: var(--text-secondary);
}

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

._preview_fo1ho_333 {
  border-radius: 14px;
  padding: 22px 24px;
  background: var(--surface-accent-soft);
  border: 1px solid var(--accent-border);
  display: flex;
  flex-direction: column;
  gap: var(--gap-md-plus);
}

._previewHeader_fo1ho_343 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--gap-md);
  flex-wrap: wrap;
}

._previewTitle_fo1ho_351 {
  margin: 0;
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--accent-active-text);
}

._previewPath_fo1ho_358 {
  font-size: var(--fs-sm-plus);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--accent-link);
}

._previewSteps_fo1ho_364 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm-plus);
}

._previewStep_fo1ho_364 {
  display: flex;
  gap: var(--gap-md);
  align-items: flex-start;
}

._previewIndex_fo1ho_379 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  background: var(--surface-accent);
  color: var(--accent-active-text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  justify-content: center;
}

._previewText_fo1ho_393 {
  font-size: var(--fs-md);
  line-height: 1.5;
  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_ary63_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 100px;
}
._ddContainer_ary63_36 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_ary63_36 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
}
._fieldContainer_ary63_50 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100%;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--text);
}
._textAreaContainer_ary63_61 {
  grid-column: span 3;
}
._flexContainer_ary63_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._hader_ary63_71 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._textHolder_ary63_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;
  color: var(--text);
}
._icon_ary63_92 {
  margin-top: -5px;
  cursor: pointer;
}
._textWithTooltip_ary63_97 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._tooltipIcon_ary63_103 {
  align-self: center;
  width: 12px;
  height: 12px;
  top: 0 !important;
}
._field_ary63_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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._fieldRows_ary63_126 {
  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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._checkboxContainer_ary63_143 {
  display: flex;
  align-items: center;
  height: 100%;
}
._checkboxContainer_ary63_143 label {
  display: flex;
  gap: 10px;
}
._checkboxContainer_ary63_143 span:last-child {
  padding-top: 1px;
}
._firstRow_ary63_156 {
  display: flex;
  gap: 14px;
}
._actionItems_ary63_161 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}
._switcherWrapper_ary63_169 {
  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;
}
._group_1o8ly_29 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--pad-tight, 4px) / 2);
  width: 100%;
  min-width: 0;
}
._linkButton_1o8ly_37 {
  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);
  text-decoration: none;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
._linkButton_1o8ly_37:hover, ._linkButton_1o8ly_37:focus, ._linkButton_1o8ly_37:visited {
  color: var(--text-secondary);
  text-decoration: none;
}
._linkButton_1o8ly_37 img {
  max-width: none;
}
._hr_1o8ly_62 {
  width: 100%;
  border: none;
  border-top: 1px solid var(--border);
  margin: var(--gap-sm, 8px) 0;
}
._holder_1o8ly_69 {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  height: 36px;
  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_1o8ly_69:hover {
  background: var(--nav-gradient-hover);
  box-shadow: inset 0 0 0 1px var(--accent-shadow-md);
  color: var(--text-secondary);
}
._holder_1o8ly_69 .material-symbols-outlined {
  color: var(--text-muted);
}
._holderContainer_1o8ly_91 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._textWrapper_1o8ly_97 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
  gap: var(--gap-xs, 6px);
  min-width: 0;
  flex: 1;
}
._chevron_1o8ly_107 {
  margin-left: auto;
  flex-shrink: 0;
  font-size: var(--icon-meta, 14px);
  color: var(--text-muted);
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  transform: rotate(0deg);
  transition: transform 200ms ease, color 160ms ease;
}
._chevronOpen_1o8ly_120 {
  transform: rotate(180deg);
  color: var(--text-secondary);
  -webkit-text-fill-color: var(--text-secondary) !important;
}
._textHolder_1o8ly_126 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  height: auto;
  line-height: 1;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._msIcon_1o8ly_138 {
  font-size: var(--icon-ui, 20px);
  line-height: 1;
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
}
._iconWrapper_1o8ly_145 {
  position: relative;
  display: inline-flex;
}
._badge_1o8ly_150 {
  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_1o8ly_169 {
  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_1o8ly_184 {
  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_1o8ly_203 {
  opacity: 0.5;
}
._active_1o8ly_207 {
  background: var(--nav-gradient-active);
  color: var(--text);
  font-weight: var(--fw-semi, 600);
  box-shadow: inset 0 0 0 1px var(--accent-shadow-md);
}
._active_1o8ly_207 .material-symbols-outlined {
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
._active_1o8ly_207 ._chevron_1o8ly_107 {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  color: var(--text-muted);
}
._active_1o8ly_207:hover {
  background: var(--nav-gradient-active);
  box-shadow: inset 0 0 0 1px var(--accent-shadow-md);
  color: var(--text);
}
._disabled_1o8ly_233 {
  background-color: var(--scss-disabledBackground, rgba(255, 255, 255, 0.5137254902));
  width: 100%;
  height: 36px;
  min-height: 36px;
  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_1o8ly_233 :hover {
  background-color: none;
}
._notCollapsedText_1o8ly_256 {
  display: flex;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  height: auto;
  line-height: 1;
  white-space: nowrap;
  text-wrap: nowrap;
}
._linkButtonCollapsed_1o8ly_267 {
  justify-content: center;
  width: 100%;
  align-self: center;
}
._linkButtonCollapsed_1o8ly_267 ._holder_1o8ly_69 {
  justify-content: center;
  align-self: center;
  width: var(--sidebar-nav-item-size-collapsed, 44px);
  min-width: var(--sidebar-nav-item-size-collapsed, 44px);
  height: var(--sidebar-nav-item-size-collapsed, 44px);
  min-height: var(--sidebar-nav-item-size-collapsed, 44px);
  padding: 0;
}
._linkButtonCollapsed_1o8ly_267 ._textHolder_1o8ly_126,
._linkButtonCollapsed_1o8ly_267 ._textWrapper_1o8ly_97 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._linkButton_1o8ly_37,
  ._linkButtonCollapsed_1o8ly_267 {
    justify-content: stretch;
    width: 100%;
    align-self: stretch;
  }
  ._linkButton_1o8ly_37 ._holder_1o8ly_69,
  ._linkButtonCollapsed_1o8ly_267 ._holder_1o8ly_69 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    height: 36px;
    min-height: 36px;
    padding: var(--pad-sm, 8px) var(--pad-sm-plus, 10px);
  }
  ._textHolder_1o8ly_126,
  ._textWrapper_1o8ly_97 {
    display: flex;
  }
}
._submenu_1o8ly_307 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: auto;
  min-width: 0;
  align-self: stretch;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--radius-md, 9px);
  margin: 0 0 var(--pad-xs, 6px);
  margin-inline-start: var(--gap-xl, 20px);
  background: var(--accent-tint, rgba(107, 92, 231, 0.07));
  padding: var(--pad-xs, 6px);
}
._linkButtonCollapsed_1o8ly_267 ._submenu_1o8ly_307 {
  margin-inline-start: 0;
}
._submenu_1o8ly_307 ._linkButton_1o8ly_37 {
  gap: var(--pad-sm, 8px);
  margin-left: 0;
  min-width: 0;
}
._submenu_1o8ly_307 ._linkButton_1o8ly_37 ._holder_1o8ly_69 {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  gap: var(--pad-sm, 8px);
  padding: calc(var(--pad-xs, 6px) + 1px) var(--pad-sm, 8px);
  margin-left: 0;
}
._submenu_1o8ly_307 ._linkButton_1o8ly_37 ._holder_1o8ly_69 ._msIcon_1o8ly_138 {
  font-size: var(--icon-ui, 20px);
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
}
._submenu_1o8ly_307 ._linkButton_1o8ly_37 ._holder_1o8ly_69 ._textHolder_1o8ly_126 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-medium, 500);
  line-height: 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;
}
._eventToolForm_1h497_29 {
  color: var(--text);
}
._eventToolForm__title_1h497_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_1h497_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_1h497_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_1h497_63 {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--text);
}
._eventToolForm__selectedOption_1h497_71 {
  border-radius: 10px !important;
}
._eventToolForm__options_1h497_74 {
  min-width: 155px !important;
  z-index: 11111 !important;
  top: 100% !important;
}
._eventToolForm__header_1h497_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__hint_1h497_91 {
  margin: 2px 0 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
}
._eventToolForm__container_1h497_97 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
._eventToolForm__label_1h497_103 {
  font-weight: 500;
  font-family: "Roboto";
  font-size: 1rem;
  color: var(--text);
}
._ddContainer_1h497_110 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  color: var(--text);
}
._ddContainer_1h497_110 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
  color: var(--text);
}._intro_1fem9_1 {
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  width: 100%;
  min-width: 0;
  margin-bottom: 1rem;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  color: var(--text);
}

._icon_1fem9_15 {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text-secondary);
}

._body_1fem9_26 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  font-size: var(--fs-sm);
  line-height: var(--lh-tight);
}

._lead_1fem9_35 {
  margin: 0;
  color: var(--text);
  font-size: var(--fs-base-plus);
}

._steps_1fem9_41 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 1.2rem;
  color: var(--text-secondary);
}

._levels_1fem9_50 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--text-secondary);
}

._level_1fem9_50 {
  display: flex;
  gap: 10px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
}

._levelSelected_1fem9_68 {
  border-color: var(--border);
  background: var(--surface);
  color: var(--text);
}

._levelName_1fem9_74 {
  flex-shrink: 0;
  width: 76px;
  color: var(--text);
  font-weight: var(--fw-medium);
}

._note_1fem9_81 {
  margin: 0;
  color: var(--text-secondary);
}._threshold_12d78_1 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: var(--text);
}

._top_12d78_8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-height: 22px;
}

._label_12d78_16 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1 1 auto;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
}

._info_12d78_26 {
  display: inline-flex;
  color: var(--text-muted);
  cursor: help;
  --icon-ui: 16px;
}
._info_12d78_26:hover {
  color: var(--text-secondary);
}
._info_12d78_26:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 50%;
}

._badge_12d78_41 {
  display: inline-flex;
  cursor: help;
}

._current_12d78_46 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

._value_12d78_53 {
  color: var(--text);
  font-size: var(--fs-base-plus);
  font-weight: var(--fw-semi);
  font-variant-numeric: tabular-nums;
}

._reset_12d78_60 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent-link, var(--accent));
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  line-height: 20px;
  cursor: pointer;
}
._reset_12d78_60:hover:not(:disabled) {
  text-decoration: underline;
}
._reset_12d78_60:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 2px;
}
._reset_12d78_60:disabled {
  cursor: default;
}

._scale_12d78_83 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: -2px;
  color: var(--text-muted);
  font-size: var(--fs-caption);
  line-height: var(--lh-tight);
}

._description_12d78_93 {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
}

._step_12d78_100 {
  color: var(--text);
  font-weight: var(--fw-semi);
}._picker_177w5_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

._tile_177w5_9 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
._tile_177w5_9:not(._checked_177w5_18):hover {
  border-color: var(--border-field);
  background: var(--surface-subtle);
}
._tile_177w5_9:has(._head_177w5_22 input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._head_177w5_22 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 10px 10px 12px;
  cursor: pointer;
  user-select: none;
}

._icon_177w5_37 {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--text-secondary);
  transition: background 160ms ease, color 160ms ease;
}

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

._label_177w5_57 {
  color: var(--text);
  font-size: var(--fs-base-plus);
  font-weight: var(--fw-medium);
  line-height: 1.3;
}

._hint_177w5_64 {
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: 1.3;
}

._body_177w5_70 {
  padding: 0 14px 10px 54px;
}

._checked_177w5_18 {
  border-color: var(--accent);
  background: var(--surface-accent-soft);
  box-shadow: 0 1px 3px var(--accent-border-soft, transparent);
}
._checked_177w5_18 ._icon_177w5_37 {
  background: var(--accent);
  color: var(--on-dark-surface, #fff);
}
._checked_177w5_18 ._label_177w5_57 {
  color: var(--accent);
  font-weight: var(--fw-semi);
}

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

._disabled_177w5_95 {
  opacity: 0.6;
}
._disabled_177w5_95 ._head_177w5_22 {
  cursor: default;
}._thresholds_1sozw_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

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

._section_1sozw_16 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

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

._timing_1sozw_29 {
  margin: -6px 0 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
}

._thresholds_1sozw_1 ._head_1sozw_36 {
  cursor: default;
  user-select: auto;
}._source_sxtn9_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: 0;
  color: var(--text);
}

._label_sxtn9_10 {
  color: var(--text);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  white-space: nowrap;
}

._toggle_sxtn9_17 {
  max-width: 360px;
}

._fieldset_sxtn9_21 {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

._disabled_sxtn9_28 {
  opacity: 0.6;
}

._hint_sxtn9_32 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  line-height: var(--lh-tight);
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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: var(--fs-base);
  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: var(--fs-base);
  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_ng496_29 {
  display: flex;
  flex-direction: column;
}
._Account_ng496_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_ng496_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_ng496_34 ._statusIndicator_ng496_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_ng496_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_ng496_82 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
._title_ng496_82 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.54px;
  text-align: left;
  color: var(--text);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._userInfoHolder_ng496_102 {
  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_ng496_115 {
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: center;
  color: var(--text-secondary, #727272);
}
._balanceLabel_ng496_129 {
  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_ng496_129 {
    display: flex;
  }
}
._dropdown_ng496_145 {
  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_ng496_160 {
  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_ng496_160 svg {
  color: var(--text);
  flex-shrink: 0;
}
._dropdown__option_ng496_160:hover {
  background-color: var(--surface-accent, #d9e0ec);
}
._dropdownIconGray_ng496_179 {
  color: var(--text-secondary, #727272);
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
}
._iconsContainer_ng496_186 {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  gap: 5px;
}
._iconsContainer_ng496_186:hover {
  background-color: var(--surface-accent);
}
._iconHolder_ng496_200 {
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center, 50%, 50%;
}
._logoutSpan_ng496_208 {
  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_ng496_221 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0.75rem 1.5rem;
}
._sectionHeading_ng496_228 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
._itemRow_ng496_236 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._itemLabel_ng496_242 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}
._itemText_ng496_249 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text-secondary, #727272);
}
._divider_ng496_255 {
  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_13yq5_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_13yq5_67 {
  width: 80%;
  padding: 8px 24px 8px 24px;
}
._menuHeader_13yq5_72 {
  font-family: "Roboto";
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31));
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 500;
}
._menuItem_13yq5_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_13yq5_99 {
  margin-left: 10px;
}
._headerRow_13yq5_103:first-child {
  border-radius: 5px 0 0 5px;
}
._headerRow_13yq5_103:last-child {
  border-radius: 0px 5px 5px 0px;
}
._divider_13yq5_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_1gyku_29 {
  width: 100%;
  height: 100%;
  overflow: auto;
  container-type: inline-size;
}
._table_1gyku_36 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--surface, #ffffff);
}
._table_1gyku_36:has(._emptyCell_1gyku_42) {
  height: 100%;
}
._headCell_1gyku_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_1gyku_58 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pad-xs, 6px);
  min-height: var(--table-header-height, 44px);
  padding: 0 var(--table-cell-padding-x, 16px);
}
._headInnerCenter_1gyku_67 {
  justify-content: center;
}
._headInnerCenter_1gyku_67 ._sortButton_1gyku_70 {
  flex: 0 1 auto;
}
._headLabel_1gyku_74 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Roboto";
  font-size: var(--fs-table-header, 10.5px);
  font-weight: 500;
  line-height: var(--lh-snug, 1.35);
  letter-spacing: var(--tracking-wide-lg, 0.06em);
  text-transform: uppercase;
  color: var(--text-muted, #9098b1);
  transition: color var(--t-fast, 140ms ease);
}
._sortButton_1gyku_70 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
._sortButton_1gyku_70:hover ._headLabel_1gyku_74 {
  color: var(--text, #1f2435);
}
._sortButton_1gyku_70 svg._sortIcon_1gyku_102 {
  width: var(--icon-meta, 14px);
  height: var(--icon-meta, 14px);
  font-size: var(--icon-meta, 14px);
  flex-shrink: 0;
  color: var(--text-muted, #9098b1);
}
._sortButton_1gyku_70 svg._sortIconActive_1gyku_109 {
  color: var(--dt-accent, var(--accent, #6b5ce7));
}
._row_1gyku_113 {
  height: var(--table-row-height, 48px);
  color: inherit;
  text-decoration: none;
  transition: background var(--t-fast, 140ms ease);
}
._row_1gyku_113:hover ._cell_1gyku_119 {
  background: var(--table-row-hover-bg, #f8f9fc);
}
._cell_1gyku_119 {
  height: var(--table-row-height, 48px);
  padding: var(--table-cell-padding-y, 8px) var(--table-cell-padding-x, 16px);
  border-bottom: 1px solid var(--border, #eceff6);
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  font-family: "Roboto";
  font-size: var(--fs-table-cell, 13px);
  line-height: var(--lh-snug, 1.35);
  color: var(--text, #1f2435);
  transition: background var(--t-fast, 140ms ease);
}
._cellText_1gyku_137 {
  font-family: "Roboto";
  font-size: var(--fs-table-cell, 13px);
  font-weight: 400;
  line-height: var(--lh-snug, 1.35);
}
td._cellLinked_1gyku_144 {
  padding: 0;
}
a._cellLink_1gyku_144 {
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--table-cell-padding-y, 8px) var(--table-cell-padding-x, 16px);
  color: inherit;
  text-decoration: none;
}
a._cellLink_1gyku_144:hover, a._cellLink_1gyku_144:active, a._cellLink_1gyku_144:visited {
  color: inherit;
}
._emptyCell_1gyku_42 {
  height: 100%;
  padding: 0;
  border-bottom: 0;
}
._emptyState_1gyku_166 {
  display: grid;
  place-items: center;
  position: sticky;
  left: 0;
  width: 100cqw;
  height: 100%;
  min-height: 184px;
  padding: calc(var(--gap-2xl, 24px) + var(--pad-xs, 6px)) var(--pad-lg, 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;
}._badge_1e9vc_1 {
  position: absolute;
  z-index: 1;
  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: "Inter", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: var(--shadow-sm);
  cursor: default;
}

._inset_1e9vc_21 {
  top: 4px;
  right: 4px;
}

._corner_1e9vc_26 {
  top: -6px;
  right: -6px;
  z-index: 351;
}

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

._tooltipItem_1e9vc_38 {
  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;
}
._statement_1smc3_29 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-muted);
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.45;
}
._keyword_1smc3_45 {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._tag_1smc3_54,
._value_1smc3_55 {
  font-weight: 500;
  overflow-wrap: anywhere;
}
._action_1smc3_60 {
  flex-basis: 100%;
  font-weight: 400;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_108xl_29 {
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._columnsMenu_108xl_29 {
    flex: 1 1 0;
    min-width: 0;
  }
  ._columnsMenu_108xl_29 > button {
    width: 100%;
    justify-content: center;
  }
}
._trigger_108xl_44 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  height: 40px;
  padding: 0 var(--pad-md-plus, 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_108xl_44:hover, ._trigger_108xl_44._triggerOpen_108xl_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_108xl_44:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._trigger_108xl_44:disabled:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}
svg._triggerIcon_108xl_75 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
}
._menu_108xl_82 {
  position: absolute;
  top: calc(100% + var(--pad-xs, 6px));
  right: 0;
  z-index: 55;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-height: 320px;
  padding: var(--pad-xs, 6px);
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown);
}
._menuFlipped_108xl_98 {
  right: auto;
  left: 0;
}
._items_108xl_103 {
  min-height: 0;
  overflow-y: auto;
}
._divider_108xl_108 {
  height: 1px;
  margin: 6px 0;
  flex-shrink: 0;
  background: var(--border);
}
._footer_108xl_115 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 8px 4px 4px;
  margin-top: 6px;
  border-top: 1px solid var(--border);
}
._applyButton_108xl_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_108xl_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_108xl_124:disabled {
  cursor: not-allowed;
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--btn-disabled);
}
._item_108xl_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_108xl_103:hover {
  background: var(--surface-muted);
}
._item_108xl_103._itemDisabled_108xl_171 {
  cursor: not-allowed;
  color: var(--text-muted);
}
._itemCheckbox_108xl_176 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}
._itemCheckbox_108xl_176 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._itemCheckbox_108xl_176 .MuiCheckbox-root:not(.Mui-checked) path[fill="#1F1F1F"] {
  fill: var(--text-muted);
}
._itemCheckbox_108xl_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_1o7z6_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 20px 12px 18px;
  background: var(--header-bg, 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_1o7z6_45 {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-secondary, #525a73);
  font-size: 12.5px;
  line-height: normal;
}
._label_1o7z6_54 {
  font-family: inherit;
  font-size: 12.5px;
  color: inherit;
  line-height: normal;
}
._pageSizeSelect_1o7z6_61 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._select_1o7z6_67 {
  position: relative;
}
._selectTrigger_1o7z6_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_1o7z6_71:hover:not(:disabled) {
  background: var(--surface-subtle, #f8f9fc);
}
._selectTrigger_1o7z6_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_1o7z6_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_1o7z6_102 {
  width: 16px;
  height: 16px;
  color: var(--text, #1f2435);
  transition: transform 160ms ease;
}
._selectTriggerOpen_1o7z6_97 ._selectChevron_1o7z6_102 {
  transform: rotate(180deg);
}
._selectMenu_1o7z6_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_1o7z6_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_1o7z6_128:hover {
  background: var(--surface-muted, #f3f4fb);
}
._selectOptionSelected_1o7z6_151 {
  background: var(--surface-muted, #f3f4fb);
  font-weight: 700;
}
._selectOptionSelected_1o7z6_151 ._selectOptionCheck_1o7z6_155 {
  visibility: visible;
}
._selectOptionCheck_1o7z6_155 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  visibility: hidden;
  color: var(--text-secondary, #525a73);
}
._itemsRange_1o7z6_167 {
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  line-height: normal;
}
._controls_1o7z6_173 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
._arrowButton_1o7z6_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_1o7z6_180:hover:not(:disabled) {
  background: var(--surface-muted, #f3f4fb);
  color: var(--text, #1f2435);
}
._arrowButton_1o7z6_180:disabled {
  color: var(--text-muted, #9098b1);
  opacity: 0.45;
  cursor: not-allowed;
}
._arrowIcon_1o7z6_202 {
  width: 20px;
  height: 20px;
}
._pageNumbers_1o7z6_207 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 6px;
}
._pageNumber_1o7z6_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_1o7z6_207:hover:not(:disabled) {
  background: var(--surface-muted, #f3f4fb);
  color: var(--text, #1f2435);
}
._pageNumberActive_1o7z6_235 {
  background: var(--pg-accent, var(--accent, #6b5ce7));
  color: var(--on-dark-surface, #ffffff);
  font-weight: 600;
}
._pageNumberActive_1o7z6_235:hover:not(:disabled) {
  background: var(--pg-accent, var(--accent, #6b5ce7));
  color: var(--on-dark-surface, #ffffff);
}
._ellipsis_1o7z6_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_1o7z6_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_1o7z6_256 {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}
._goToInput_1o7z6_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_1o7z6_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_s4c3e_29 {
  font-family: "Roboto" !important;
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  ._dateRangeButton_s4c3e_29 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
._buttonText_s4c3e_43 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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;
}
._popoverContent_s4c3e_56 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._presets_s4c3e_62 {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
._presetButton_s4c3e_68 {
  flex: 1;
  padding: 0 8px !important;
  white-space: nowrap;
}
._datePickers_s4c3e_74 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_s4c3e_80 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}._popover_cy1zn_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_cy1zn_11 {
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--surface);
  transform: rotate(45deg);
  pointer-events: none;
}

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

._popover_cy1zn_1[data-placement^=top] ._arrow_cy1zn_11 {
  bottom: -7px;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
}

._popover_cy1zn_1[data-placement^=right] ._arrow_cy1zn_11 {
  left: -7px;
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

._popover_cy1zn_1[data-placement^=left] ._arrow_cy1zn_11 {
  right: -7px;
  border-top: 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_1g8ox_29 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 360px;
  min-width: 280px;
  min-height: 40px;
  gap: var(--pad-sm-plus, 10px);
  padding: 0 var(--pad-md-plus, 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_1g8ox_29:focus-within, ._bar_1g8ox_29._barOpen_1g8ox_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_1g8ox_51 {
  display: contents;
}
._history_1g8ox_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_1g8ox_55:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._historyOpen_1g8ox_75 {
  background: var(--sf-accent-soft, var(--surface-accent-soft));
  color: var(--sf-accent, var(--accent));
}
._historyOpen_1g8ox_75 ._historyCaret_1g8ox_79 {
  color: var(--sf-accent, var(--accent));
}
svg._historyIcon_1g8ox_83 {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
svg._historyCaret_1g8ox_79 {
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--text-muted);
  transition: transform 160ms ease, color 140ms ease;
}
._historyCaretOpen_1g8ox_97 {
  transform: rotate(180deg);
}
._barDivider_1g8ox_101 {
  width: 1px;
  align-self: stretch;
  margin: 7px 0;
  background: var(--border-strong);
  flex-shrink: 0;
}
svg._searchIcon_1g8ox_109 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
  flex-shrink: 0;
}
._editor_1g8ox_117 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  min-width: 0;
  gap: var(--pad-xs, 6px);
  padding: 0;
}
._inputHolder_1g8ox_127 {
  display: flex;
  flex: 1 1 160px;
  min-width: 120px;
  overflow: hidden;
}
._inputHolderCompact_1g8ox_134 {
  flex-basis: 0;
  min-width: 0;
}
._input_1g8ox_127 {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  height: 38px;
  padding-left: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base-plus, 13.5px);
  outline: 0;
}
._input_1g8ox_127::placeholder {
  color: var(--text-secondary);
  opacity: 0.72;
}
._inputQuietPlaceholder_1g8ox_157::placeholder {
  color: transparent;
}
._roundButton_1g8ox_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_1g8ox_161 svg {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
._roundButton_1g8ox_161:hover:not(:disabled) {
  background: var(--surface-muted);
  color: var(--text);
}
._roundButton_1g8ox_161:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
._popover_1g8ox_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_krcwb_29 {
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._presets_krcwb_29 {
    flex: 1 1 0;
    min-width: 0;
  }
}
._trigger_krcwb_40 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  height: 40px;
  padding: 0 var(--pad-md-plus, 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_krcwb_40 {
    width: 100%;
    justify-content: center;
  }
}
._trigger_krcwb_40:hover, ._trigger_krcwb_40._triggerOpen_krcwb_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_krcwb_69 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--text-secondary);
}
svg._caret_krcwb_76 {
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--text-muted);
  transition: transform 160ms ease;
}
._caretOpen_krcwb_84 {
  transform: rotate(180deg);
}
._menu_krcwb_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_krcwb_107 {
  right: auto;
  left: 0;
}
._section_krcwb_112 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionHead_krcwb_118 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._sectionLabel_krcwb_125 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
._menuDivider_krcwb_131 {
  height: 1px;
  background: var(--border-strong);
  flex-shrink: 0;
}
._pillList_krcwb_137 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
._saveButton_krcwb_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_krcwb_143:hover:not(:disabled) {
  background: var(--sf-accent-soft, var(--surface-accent-soft));
}
._saveButton_krcwb_143:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
svg._saveButtonIcon_krcwb_167 {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
._savedEmpty_krcwb_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_hp65j_1 {
  position: relative;
  z-index: 30;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--pad-md, 12px);
  width: 100%;
  margin: 0 0 var(--pad-md, 12px);
}
@media screen and (max-width: 480px) {
  ._smartFilter_hp65j_1 > ._barWrap_hp65j_12 {
    flex-basis: 100%;
  }
}
._barWrap_hp65j_12 {
  position: relative;
  display: flex;
  flex: 1 1 360px;
  min-width: 280px;
}
._disabled_hp65j_24 {
  opacity: 0.6;
  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;
}
._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;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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
*/
._wrapper_6c8rf_79 {
  display: flex;
  align-items: stretch;
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
._wrapper_6c8rf_79::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  pointer-events: none;
}
@media screen and (max-width: 1220px) {
  ._wrapper_6c8rf_79 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 834px) {
  ._wrapper_6c8rf_79 {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_6c8rf_79 {
    width: 100%;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  ._wrapper_6c8rf_79::-webkit-scrollbar {
    display: none;
  }
}
._button_6c8rf_130 {
  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_6c8rf_130 {
    padding: 0 var(--pad-md, 12px);
  }
}
@media screen and (max-width: 834px) {
  ._button_6c8rf_130 {
    padding: 0 3%;
  }
}
._button_6c8rf_130:hover:not(._disactive_6c8rf_162) {
  background: transparent;
}
._button_6c8rf_130:hover._disactive_6c8rf_162 {
  color: var(--text-secondary);
  background: var(--surface-muted);
}
._button_6c8rf_130:hover._disactive_6c8rf_162 ._icon_6c8rf_169 {
  color: var(--text-secondary);
}
._button_6c8rf_130._disactive_6c8rf_162 {
  background-color: transparent;
  color: var(--text-secondary);
  font-weight: var(--fw-medium, 500);
  border: none;
}
@media screen and (max-width: 480px) {
  ._button_6c8rf_130 {
    height: fit-content;
    text-wrap: nowrap;
    line-height: 16px;
    margin: 0;
    font-size: 14px;
    padding: 12px 14px;
  }
}
._button_6c8rf_130:not(._disactive_6c8rf_162)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  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_6c8rf_130:not(._disactive_6c8rf_162)::after {
    left: 0;
    right: 0;
  }
}
._container_6c8rf_207 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--pad-sm, 8px);
}
._iconSlot_6c8rf_214 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: var(--radius-sm, 6px);
}
._icon_6c8rf_169 {
  width: auto;
  height: auto;
  font-size: var(--icon-ui, 20px);
  flex-shrink: 0;
  color: var(--text-muted);
}
._button_6c8rf_130:not(._disactive_6c8rf_162) .material-symbols-outlined {
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
._buttonLabel_6c8rf_240 {
  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_6c8rf_240._disactive_6c8rf_162 {
  font-weight: var(--fw-medium, 500);
  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;
}
._wrapper_1ph9t_29 {
  display: flex;
  align-items: center;
  max-width: 500px;
  border-bottom: 1px solid var(--border-field);
  gap: 24px;
}
._button_1ph9t_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: var(--fs-base);
  line-height: 24px;
  white-space: nowrap;
  font-weight: 400;
  text-align: center;
  padding: 12px 14px 8px 14px;
}
._tabContent_1ph9t_54 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._icon_1ph9t_60 {
  width: 18px;
  height: 18px;
  display: block;
  filter: var(--square-tab-icon-filter);
  flex-shrink: 0;
}
._label_1ph9t_68 {
  white-space: nowrap;
}
._button_1ph9t_37._active_1ph9t_72 {
  font-weight: 700;
  color: var(--square-tabs-active-color, var(--accent));
}
._button_1ph9t_37::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--pad-md, 12px);
  right: var(--pad-md, 12px);
  width: auto;
  height: 0;
}
._button_1ph9t_37._active_1ph9t_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_1ph9t_37._disabled_1ph9t_94 {
  height: 100%;
  cursor: default;
  color: var(--scss-displayPlaceholderColor, #cccccc);
  transition: height 0.3s ease, width 0.3s ease;
}
._button_1ph9t_37._invalid_1ph9t_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;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1k1v3_29 {
  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;
  color: var(--text-secondary);
  border-color: var(--border);
  box-shadow: none;
}
._button_1k1v3_29::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;
}
._button_1k1v3_29:hover::after {
  transform: translateX(130%);
}
._button_1k1v3_29: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);
}
._button_1k1v3_29:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px var(--accent-shadow-md);
}
._button_1k1v3_29::after {
  display: none;
}
._button_1k1v3_29:hover:not(:disabled) {
  color: var(--text);
  background: var(--surface-muted);
  border-color: var(--border-strong);
  box-shadow: none;
  transform: none;
}
._button_1k1v3_29:active:not(:disabled) {
  transform: none;
  box-shadow: none;
}
._button_1k1v3_29:disabled {
  cursor: default;
  opacity: 0.5;
  border-color: var(--border);
  transform: none;
  box-shadow: none;
}
._button_1k1v3_29:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--accent-tint);
}
._iconOnly_1k1v3_100 {
  padding: 0;
  width: 36px;
  justify-content: center;
}
._toolBtnIconWrap_1k1v3_106 {
  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(--surface-muted);
  color: var(--text-secondary);
}
._toolBtnIconWrap_1k1v3_106 img {
  width: 16px;
  height: 16px;
  display: block;
}
._icon_1k1v3_100 {
  font-size: var(--icon-inline);
}
._label_1k1v3_128 {
  font-size: var(--fs-sm-plus);
  font-weight: var(--fw-semi);
  line-height: 1;
  color: var(--text-secondary);
}._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;
}._wrap_wcmax_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs);
  min-width: 0;
}
._wrap_wcmax_1 ._copyBtn_wcmax_7 {
  opacity: 0;
  pointer-events: none;
  flex-shrink: 0;
  transition: opacity 0.15s ease;
}
._wrap_wcmax_1:hover ._copyBtn_wcmax_7, ._wrap_wcmax_1:focus-within ._copyBtn_wcmax_7 {
  opacity: 1;
  pointer-events: auto;
}._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;
}._root_1k0i6_1 {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
._root_1k0i6_1:hover {
  border-color: var(--accent);
  transform: scale(1.03);
}
._root_1k0i6_1:hover ._expand_1k0i6_13 {
  opacity: 1;
}

._canvas_1k0i6_17 {
  position: absolute;
  left: 50%;
  top: 50%;
}

._tile_1k0i6_23 {
  position: absolute;
  width: 256px;
  height: 256px;
  max-width: none;
}

._marker_1k0i6_30 {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--color-white);
  background: var(--accent);
  box-shadow: var(--shadow-sm);
}

._expand_1k0i6_13 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  padding: var(--pad-xs);
  background: linear-gradient(0deg, var(--overlay-bg) 0%, transparent 100%);
  color: var(--color-white);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
._expand_1k0i6_13 svg {
  font-size: var(--icon-xs);
}

._button_1k0i6_68 {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}._head_1h815_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-sm) var(--gap-md);
  padding: var(--pad-md) var(--pad-lg);
  border-bottom: 1px solid var(--border);
  background: var(--call-queue-summary-bg);
}

._address_1h815_11 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  flex: 1 1 auto;
  min-width: min(240px, 100%);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
  color: var(--text);
  overflow-wrap: anywhere;
}
._address_1h815_11 svg {
  font-size: var(--icon-meta) !important;
  color: var(--text-muted);
  flex-shrink: 0;
}

._actions_1h815_28 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--gap-sm) var(--gap-md);
  margin-left: auto;
}

._coords_1h815_37 {
  font-size: var(--fs-base);
  color: var(--text-muted);
  white-space: nowrap;
}

._osmLink_1h815_43 {
  font-size: var(--fs-base);
  color: var(--accent);
  white-space: nowrap;
}
._osmLink_1h815_43:hover, ._osmLink_1h815_43:active, ._osmLink_1h815_43:visited {
  color: var(--accent);
}

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

._map_1h815_59 {
  display: block;
  width: 100%;
  height: min(640px, 70vh);
  border: 0;
}._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_1uz74_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(--header-bg, 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);
  /* Matches v15 `.app-header--agent` */
  /* v12 `.agent-org-btn` — 36px / radius-md / compact padding */
}
@media screen and (max-width: 1220px) {
  ._PageHeader_1uz74_30 {
    height: fit-content;
  }
}
@media screen and (max-width: 834px) {
  ._PageHeader_1uz74_30 {
    height: fit-content;
    min-height: var(--app-header-height, 72px);
    padding: 0 !important;
    border-bottom: 0;
  }
}
._PageHeader_agent_1uz74_60 {
  height: 87px;
  min-height: 87px;
  max-height: 87px;
  padding-block: var(--pad-lg, 16px);
  align-items: center;
  box-sizing: border-box;
}
._PageHeader__leftColumn_1uz74_68 {
  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_1uz74_68 {
    padding: var(--gap-sm, 8px) var(--gap-md, 12px) 0;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__leftColumn_1uz74_68 {
    display: none;
  }
}
._PageHeader__btns_1uz74_86 {
  margin-right: var(--gap-sm, 8px);
}
._PageHeader__leftColumn_1uz74_68 ._PageHeader__brandLogo_1uz74_89 {
  flex: 0 1 auto;
  max-width: min(100%, 320px);
  margin-right: var(--gap-md, 12px);
}
._PageHeader_brandColumn_1uz74_94 ._PageHeader__leftColumn_1uz74_68 ._PageHeader__brandLogo_1uz74_89 {
  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_1uz74_94 ._PageHeader__leftColumn_1uz74_68 ._PageHeader__brandLogo_1uz74_89 {
    flex-basis: calc(var(--page-header-brand-column-width) - var(--gap-md, 12px));
  }
}
@media screen and (max-width: 1220px) {
  ._PageHeader_brandColumn_1uz74_94 ._PageHeader__leftColumn_1uz74_68 ._PageHeader__brandLogo_1uz74_89 {
    flex: 0 1 auto;
    max-width: min(100%, 320px);
    margin-right: var(--gap-md, 12px);
  }
}
._PageHeader_brandColumn_1uz74_94 ._PageHeader__leftColumn_1uz74_68 ._container_1uz74_111 {
  align-self: stretch;
  border-left: 1px solid var(--border);
  padding-left: var(--gap-lg, 16px);
}
@media screen and (max-width: 1220px) {
  ._PageHeader_brandColumn_1uz74_94 ._PageHeader__leftColumn_1uz74_68 ._container_1uz74_111 {
    align-self: center;
    border-left: 0;
    padding-left: 0;
  }
}
._PageHeader__contentColumnsHolder_1uz74_123 {
  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_1uz74_123 {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 834px) {
  ._PageHeader_brandFirst_1uz74_138 ._PageHeader__contentColumnsHolder_1uz74_123 {
    flex-direction: column;
  }
}
._PageHeader_1uz74_30 ._overlay_1uz74_142 {
  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__titleRow_1uz74_152 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
._PageHeader__title_1uz74_152 {
  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_1uz74_152 {
    margin-bottom: 0;
  }
}
._PageHeader__subtitle_1uz74_177 {
  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_1uz74_177 {
    display: none;
  }
}
._PageHeader__meta_1uz74_196 {
  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_1uz74_196 {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 2px;
  }
}
._PageHeader__accountContainer_1uz74_212 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-sm, 8px);
}
@media screen and (max-width: 480px) {
  ._PageHeader__accountContainer_1uz74_212 {
    gap: var(--gap-sm, 8px);
  }
}
._PageHeader__rightContent_1uz74_224 {
  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: 1220px) {
  ._PageHeader__rightContent_1uz74_224 {
    align-self: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._PageHeader__rightContent_1uz74_224 {
    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_1uz74_249 {
  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_1uz74_249 .MuiOutlinedInput-root,
._PageHeader__orgSelect_1uz74_249 .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_1uz74_249 .MuiOutlinedInput-root fieldset,
._PageHeader__orgSelect_1uz74_249 .MuiInputBase-root fieldset {
  border-color: var(--border) !important;
  border-width: 1px !important;
}
._PageHeader__orgSelect_1uz74_249 .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_1uz74_249 .MuiSelect-icon {
  right: 8px;
  color: var(--text-muted);
}
._PageHeader__dropdown_1uz74_284 {
  min-width: 153.81px;
  height: var(--app-header-control-height, 36px);
  font-family: "Roboto";
}
._PageHeader__dropdown_1uz74_284 > div {
  border: 1px solid var(--border-field, #9ca3b0);
  border-radius: var(--radius-md, 9px);
  min-height: var(--app-header-control-height, 36px);
}
._PageHeader__dropdown_1uz74_284 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_1uz74_284 div {
    max-width: 140px;
  }
}
@media screen and (max-width: 480px) {
  ._PageHeader__dropdown_1uz74_284 {
    min-width: fit-content;
  }
}
._PageHeader_1uz74_30 ._container_1uz74_111 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-lg, 16px);
  min-width: 0;
}
._PageHeader_1uz74_30 ._labelContainer_1uz74_319 {
  align-self: center;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--gap-tight, 4px);
}
._PageHeader_agent_1uz74_60 ._labelContainer_1uz74_319 {
  gap: var(--gap-xs, 6px);
}
._PageHeader_agent_1uz74_60 ._PageHeader__title_1uz74_152 {
  font-size: var(--fs-page-title, 20px);
  font-weight: var(--fw-extra, 800);
  line-height: var(--lh-heading, 1.2);
  letter-spacing: var(--tracking-heading, -0.02em);
}
._PageHeader_agent_1uz74_60 ._PageHeader__meta_1uz74_196 {
  margin-top: 0;
  gap: var(--gap-sm, 8px);
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-regular, 400);
  color: var(--text-muted);
  line-height: 16px;
}
._PageHeader_agent_1uz74_60 ._PageHeader__titleRow_1uz74_152 {
  min-height: 32px;
  align-items: center;
}
._PageHeader__sessionStatus_1uz74_347 {
  --session-status-color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
._PageHeader__sessionStatus_1uz74_347[data-online=true] {
  --session-status-color: var(--ok);
}
._PageHeader__sessionStatus_1uz74_347[data-online=false] {
  --session-status-color: var(--text-muted);
}
._PageHeader__sessionStatusText_1uz74_360 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1rem;
  color: var(--session-status-color);
}
._PageHeader__sessionStatusDot_1uz74_366 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--session-status-color);
}
._burger_1uz74_374 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._burger_1uz74_374 {
    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_11f1x_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;
  max-width: 100%;
  overflow: hidden;
  color: var(--text) !important;
  text-decoration: none;
}
._logoIcon_11f1x_47 {
  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;
}
._text_11f1x_58 {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-bold, 700);
  color: var(--text);
  white-space: normal;
  overflow: visible;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: var(--lh-heading, 1.2);
}
@media screen and (max-width: 834px) {
  ._nameHolder_11f1x_29 {
    justify-content: flex-start;
  }
  ._logoIcon_11f1x_47 {
    display: flex;
    width: auto;
    max-width: var(--brand-logo-width, 143px);
    height: auto;
    max-height: var(--brand-logo-max-height, 36px);
  }
  ._text_11f1x_58 {
    display: block;
  }
}._sessionPill_1os7u_1 {
  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_1os7u_23 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ok);
  flex-shrink: 0;
}

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

._sessionPillOffline_1os7u_35 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}
._sessionPillOffline_1os7u_35 ._sessionDot_1os7u_23 {
  background: var(--danger);
}._statusHolder_12jt3_1 {
  display: inline-flex;
  align-items: center;
  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);
}
._statusHolder_12jt3_1 + * {
  margin-left: calc(var(--gap-sm) * -1);
}

@media screen and (max-width: 520px) {
  ._statusHolder_12jt3_1 {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
._statusLink_12jt3_22 {
  display: inline-flex;
  flex-shrink: 0;
  border-radius: var(--radius-pill);
  text-decoration: none;
}
._statusLink_12jt3_22:hover {
  opacity: 0.85;
}
._statusLink_12jt3_22:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 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;
}
._headerActions_2reca_29 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
._dndItems_2reca_36 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
._dndItems_2reca_36._botname_2reca_42 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._saveButtonContainer_2reca_49 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  max-height: 52px;
}
@media screen and (max-width: 834px) {
  ._saveButtonContainer_2reca_49 {
    gap: 8px;
    width: 100%;
    max-width: 100%;
    max-height: none;
    min-width: 0;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 6px 6px 6px 8px;
    border: 1px solid color-mix(in srgb, var(--border) 65%, transparent);
    border-radius: 28px;
    background: color-mix(in srgb, var(--surface) 72%, transparent);
    box-shadow: 0 12px 40px color-mix(in srgb, var(--text) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent);
    backdrop-filter: blur(22px) saturate(1.5);
    -webkit-backdrop-filter: blur(22px) saturate(1.5);
  }
}
._dndnode_2reca_75 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._knowledgeBaseHolder_2reca_82 {
  padding: 0px !important;
}
._pageHeader_2reca_86 {
  height: 87px;
  min-height: 87px;
  max-height: 87px;
  padding-block: var(--pad-lg, 16px);
  padding-left: var(--layout-gutter-inline-start, 18px);
  padding-right: var(--layout-gutter-inline-end, 20px);
  box-sizing: border-box;
}
._container_2reca_96 {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  justify-content: flex-start;
}
@media screen and (max-width: 834px) {
  ._container_2reca_96 {
    height: 100dvh;
    overflow: hidden;
  }
}
._title_2reca_111 {
  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_2reca_121 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
}
._buttonContainer_2reca_128 {
  display: block;
}
@media screen and (max-width: 834px) {
  ._buttonContainer_2reca_128 {
    display: none;
  }
}
._contentContainer_2reca_137 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--page-header, 0) - 25px);
}
@media (orientation: landscape) and (max-height: 600px) {
  ._contentContainer_2reca_137 {
    height: fit-content;
    overflow-y: auto;
  }
}
@media screen and (max-width: 834px) {
  ._contentContainer_2reca_137 {
    position: relative;
    flex: 1;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
}
._headerContentContainer_2reca_158 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
._agentTabs_2reca_164 {
  padding: 0 var(--layout-gutter-inline-end, 20px) 0 var(--layout-gutter-inline-start, 18px);
}
._headerContentContainerAdmin_2reca_168 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._disabledFieldBlock_2reca_174 {
  position: relative;
  opacity: 0.55;
  pointer-events: none;
}
._headerContent_2reca_158 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
._headerContent_2reca_158 > :first-child {
  flex: 1;
  min-width: 0;
  width: auto;
}
._fullscreenToggle_2reca_194 {
  margin-left: auto;
  margin-right: var(--layout-gutter-inline-end, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  align-self: center;
  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_2reca_194:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
}
._fullscreenToggle_2reca_194 img {
  width: 20px;
  height: 20px;
  display: block;
  filter: var(--icon-mono-filter);
}
._wrapper_2reca_222 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_2reca_228 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-grow: 1;
  border-radius: 10px 10px 10px 10px;
  padding: var(--pad-xl, 20px) var(--layout-gutter-inline-end, 20px) var(--gap-2xl, 24px) var(--layout-gutter-inline-start, 18px);
  overflow-y: auto;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._template_holder_2reca_228 {
    overflow-y: initial;
  }
}
@media screen and (max-width: 1220px) {
  ._template_holder_2reca_228 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_holder_2reca_228 {
    border: none;
    padding-top: 0px;
    border-bottom: 1px solid #d8dbdf;
    border-radius: 0;
  }
}
@media screen and (max-width: 834px) {
  ._template_holder_2reca_228 {
    min-height: 0;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}
._template_holder_2reca_228._roundBorder_2reca_262 {
  border-radius: 0px 10px 10px 10px;
}
._template_schema_holder_2reca_266 {
  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-top: none;
  border-radius: 0px;
  padding: 0px;
  overflow-y: auto;
}
@media (orientation: landscape) and (max-height: 600px) {
  ._template_schema_holder_2reca_266 {
    overflow-y: initial;
    min-height: 400px;
  }
}
@media screen and (max-width: 1220px) {
  ._template_schema_holder_2reca_266 {
    padding: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._template_schema_holder_2reca_266 {
    border: none;
    border-bottom: var(--schema-holder-border, 1px solid var(--border-strong, #d8dbdf));
    border-radius: 0;
  }
}
@media screen and (max-width: 834px) {
  ._template_schema_holder_2reca_266 {
    min-height: 0;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}
._saveButton_2reca_49 {
  position: relative;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._saveButton_2reca_49 {
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileSaveButton_2reca_318 {
  display: none;
  padding: 14px 55px 14px 55px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  ._mobileSaveButton_2reca_318 {
    max-height: 40px;
    padding: 12px 24px 12px 24px;
    font-size: 14px;
    display: none;
  }
}
._mobileButtons_2reca_334 {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  ._mobileButtons_2reca_334 {
    display: none;
  }
}
._saveBar_2reca_347 {
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  ._saveBar_2reca_347 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
    padding: 28px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
    background: linear-gradient(to top, color-mix(in srgb, var(--surface) 92%, transparent) 0%, color-mix(in srgb, var(--surface) 62%, transparent) 38%, color-mix(in srgb, var(--surface) 18%, transparent) 72%, transparent 100%);
    pointer-events: none;
  }
}
._saveBarSlot_2reca_371 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-top: 16px;
}
._saveBarSlot_2reca_371:empty {
  display: none;
}
@media screen and (max-width: 834px) {
  ._saveBarSlot_2reca_371 {
    padding-top: 0;
    justify-content: center;
    pointer-events: auto;
  }
}
._saveButtonHolder_2reca_388 {
  margin-left: auto;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: var(--debug-console-offset, 0px);
}
@media screen and (max-width: 834px) {
  ._saveButtonHolder_2reca_388 {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    pointer-events: auto;
  }
}
._optionalRunAgentButton_2reca_406 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._optionalRunAgentButton_2reca_406 {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  ._optionalRunAgentButton_2reca_406 > * {
    height: 40px;
  }
  ._optionalRunAgentButton_2reca_406 button {
    min-width: 0;
    min-height: 40px;
    height: 40px;
    padding: 8px 12px;
    font-size: var(--fs-md);
  }
  ._optionalRunAgentButton_2reca_406 button span {
    font-size: var(--fs-md);
  }
}
._footer_2reca_430 {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--scss-black, #22242c);
  display: flex;
  align-items: center;
}
._fullscreen_2reca_194 ._contentContainer_2reca_137 {
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._fullscreen_2reca_194 ._contentContainer_2reca_137 {
    flex: 1;
    height: auto;
    min-height: 0;
  }
}
._fullscreen_2reca_194 ._saveButtonHolder_2reca_388 {
  position: fixed;
  right: 0;
  bottom: calc(50px + var(--debug-console-offset, 0px));
  margin: 0;
  padding: 0 24px 16px 24px;
  background: transparent;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  ._fullscreen_2reca_194 ._saveButtonHolder_2reca_388 {
    position: static;
    right: auto;
    bottom: auto;
    padding: 0;
    width: auto;
  }
}
._flowFullscreen_2reca_471 ._contentContainer_2reca_137 {
  height: calc(100vh - var(--page-header, 0px));
}
@media screen and (max-width: 834px) {
  ._flowFullscreen_2reca_471 ._contentContainer_2reca_137 {
    flex: 1;
    height: auto;
    min-height: 0;
  }
}
._flowFullscreen_2reca_471 ._saveButtonHolder_2reca_388 {
  position: fixed;
  right: 0;
  bottom: calc(50px + var(--debug-console-offset, 0px));
  margin: 0;
  padding: 0 24px 16px 24px;
  background: transparent;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  ._flowFullscreen_2reca_471 ._saveButtonHolder_2reca_388 {
    position: static;
    right: auto;
    bottom: auto;
    padding: 0;
    width: 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;
}
._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_y6vck_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._folderRow_y6vck_15,
._fileRow_y6vck_16 {
  user-select: none;
  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_y6vck_37,
._fileRowSelected_y6vck_38 {
  background: var(--surface-muted);
}

._folderRow_y6vck_15:hover,
._fileRow_y6vck_16:hover {
  background: var(--surface-muted);
}

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

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

._chevron_y6vck_57 {
  width: 27px;
  height: 27px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._chevron_y6vck_57 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_y6vck_76 span {
  transform: rotate(45deg) translate(-1px, 1px);
}

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

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

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

._fileDataSetBadge_y6vck_107 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 24px;
  margin-left: 8px;
  padding: 3px 10px;
  border: 1px solid var(--accent-border-soft);
  border-radius: 999px;
  background: var(--chip-accent-bg);
  color: var(--accent);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

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

._rowMenu_y6vck_125 > div {
  height: 28px;
}
._rowMenu_y6vck_125 > div img {
  width: 16px;
  height: 16px;
  opacity: 0.65;
  transition: opacity 0.15s ease;
}
._rowMenu_y6vck_125 > div:hover img {
  opacity: 1;
}

._folderRow_y6vck_15:hover ._rowMenu_y6vck_125,
._folderRowSelected_y6vck_37 ._rowMenu_y6vck_125,
._fileRow_y6vck_16:hover ._rowMenu_y6vck_125,
._fileRowSelected_y6vck_38 ._rowMenu_y6vck_125 {
  opacity: 1;
}

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

._dragHandle_y6vck_156::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_y6vck_176 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

._fileRow_y6vck_16:hover ._dragHandle_y6vck_156,
._fileRowDragging_y6vck_52 ._dragHandle_y6vck_156 {
  opacity: 1;
}

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

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

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

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

._renameInput_y6vck_206 {
  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: var(--fs-base);
  line-height: 24px;
  color: var(--text);
  background: var(--surface);
  outline: none;
}

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

._renameActionApply_y6vck_226 {
  position: absolute;
  right: 3px;
  top: 3px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
}

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

._selectorVariant_y6vck_253 {
  gap: 2px;
}
._selectorVariant_y6vck_253 ._treeBlock_y6vck_8 {
  gap: 0;
}
._selectorVariant_y6vck_253 ._folderRow_y6vck_15,
._selectorVariant_y6vck_253 ._fileRow_y6vck_16 {
  height: 46px;
  padding: 6px 8px;
  border-radius: 6px;
  background: transparent;
  gap: 0;
}
._selectorVariant_y6vck_253 ._folderRow_y6vck_15:hover,
._selectorVariant_y6vck_253 ._fileRow_y6vck_16:hover {
  background: var(--surface-muted);
}
._selectorVariant_y6vck_253 ._folderRowSelected_y6vck_37,
._selectorVariant_y6vck_253 ._fileRowSelected_y6vck_38 {
  background: var(--surface-accent);
}
._selectorVariant_y6vck_253 ._folderName_y6vck_94,
._selectorVariant_y6vck_253 ._fileName_y6vck_95 {
  font-size: var(--test-tree-selector-font-size, 15px);
  line-height: 20px;
  font-weight: var(--test-tree-selector-font-weight, 500);
}
._selectorVariant_y6vck_253 ._fileDataSetBadge_y6vck_107 {
  min-height: 26px;
  padding: 3px 10px;
  font-size: 12px;
}
._selectorVariant_y6vck_253 ._folderIcon_y6vck_80,
._selectorVariant_y6vck_253 ._fileIcon_y6vck_187 {
  margin-right: 8px;
}
._selectorVariant_y6vck_253 ._folderRow_y6vck_15 .MuiCheckbox-root,
._selectorVariant_y6vck_253 ._fileRow_y6vck_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_y6vck_253 ._fileRow_y6vck_16 .MuiCheckbox-root {
  margin-left: 61px;
}
._selectorVariant_y6vck_253 ._fileIndent_y6vck_176 {
  width: 0;
  height: 0;
  flex: 0 0 0;
}

._selectorCheckboxIcon_y6vck_312 {
  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_y6vck_324 {
  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_y6vck_324::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_y6vck_348 {
  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_y6vck_348::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: var(--color-white);
  transform: translate(-50%, -50%);
}._shell_13u4v_1 {
  position: relative;
  flex: 1;
  min-width: 0;
}
._shell_13u4v_1 > ._mirror_13u4v_6 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  resize: none;
  border-color: transparent;
}
._shell_13u4v_1 > ._mirror_13u4v_6::after {
  content: "";
  display: block;
  height: 1lh;
}
._shell_13u4v_1 > ._field_13u4v_19._field_13u4v_19 {
  display: block;
  position: relative;
  background: transparent;
  color: transparent;
  caret-color: var(--text);
}

._warn_13u4v_27 {
  --token-chip-color: var(--chip-warn-text);
}

._accent_13u4v_31 {
  --token-chip-color: var(--accent);
}

._err_13u4v_35 {
  --token-chip-color: var(--chip-err-text);
}

._chip_13u4v_39 {
  padding: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--token-chip-color) 16%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--token-chip-color) 32%, transparent);
  color: var(--token-chip-color);
}

._brace_13u4v_47 {
  font: inherit;
  color: transparent;
}._layout_uaohg_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  width: 100%;
}._switch_hujfm_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

._disabled_hujfm_9 {
  cursor: default;
  opacity: 0.55;
  pointer-events: none;
}

._switch_hujfm_1 input[type=checkbox] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}

._track_hujfm_25 {
  position: relative;
  flex-shrink: 0;
  width: 36px;
  height: 20px;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  transition: background 160ms ease, box-shadow 160ms ease;
}

._track_hujfm_25::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(16, 28, 64, 0.18);
  transition: transform 160ms ease;
}

._switch_hujfm_1:hover ._track_hujfm_25 {
  background: var(--text-muted);
  box-shadow: 0 0 0 3px var(--accent-tint);
}

._switch_hujfm_1 input:checked + ._track_hujfm_25 {
  background: var(--accent);
}

._switch_hujfm_1:has(input:checked):hover ._track_hujfm_25 {
  background: var(--accent-hover);
}

._switch_hujfm_1 input:checked + ._track_hujfm_25::after {
  transform: translateX(16px);
}

._switch_hujfm_1 input:focus-visible + ._track_hujfm_25 {
  box-shadow: 0 0 0 3px var(--accent-tint);
}._hint_1f42u_1 {
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid var(--text);
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: transparent;
  color: var(--text);
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  cursor: help;
  flex-shrink: 0;
}._section_x2lko_1 {
  position: relative;
  overflow: visible;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  transition: border-color 180ms ease, box-shadow 200ms ease;
}

._section_x2lko_1:hover {
  border-color: var(--accent-border);
  box-shadow: var(--shadow-card);
}

._open_x2lko_16 {
  z-index: 3;
}

._open_x2lko_16 ._head_x2lko_20 {
  border-radius: var(--radius) var(--radius) 0 0;
}

._head_x2lko_20 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  background: var(--surface);
  border-radius: var(--radius);
}

._toggle_x2lko_32 {
  min-height: 58px;
  border: 0;
  padding: 0 var(--pad-md) 0 var(--pad-md);
  background: var(--surface);
  color: var(--text);
  display: flex;
  align-items: center;
  border-radius: var(--radius) 0 0 var(--radius);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

._open_x2lko_16 ._toggle_x2lko_32 {
  border-radius: var(--radius) 0 0 0;
}

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

._badge_x2lko_57 {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm);
  background: var(--surface-accent-soft);
  color: var(--accent);
}

._badge_x2lko_57 .material-symbols-outlined {
  font-size: var(--icon-inline);
  color: inherit;
}

._title_x2lko_73 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  color: var(--text);
  line-height: 1.3;
}

._switchWrap_x2lko_83 {
  display: flex;
  align-items: center;
  padding-inline: var(--pad-sm);
}

._chevron_x2lko_89 {
  display: grid;
  place-items: center;
  align-self: stretch;
  min-width: 48px;
  padding-inline: var(--pad-md);
  border: 0;
  background: transparent;
  color: var(--accent-link);
  cursor: pointer;
  border-radius: 0 var(--radius) var(--radius) 0;
}

._open_x2lko_16 ._chevron_x2lko_89 {
  border-radius: 0 var(--radius) 0 0;
}

._chevron_x2lko_89 .material-symbols-outlined {
  transition: transform 160ms ease;
}

._open_x2lko_16 ._chevron_x2lko_89 .material-symbols-outlined {
  transform: rotate(180deg);
}

._body_x2lko_114 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  padding: var(--pad-md);
  border-top: 1px solid var(--border);
  background: var(--surface);
  border-radius: 0 0 var(--radius) var(--radius);
}

._disabled_x2lko_124 ._body_x2lko_114 {
  opacity: 0.48;
  pointer-events: none;
}

._disabled_x2lko_124 ._body_x2lko_114 [data-analysis-add] {
  pointer-events: auto;
}

._disabled_x2lko_124:has([data-analysis-add]:hover) [data-analysis-enable] [data-analysis-enable-track] {
  background: var(--text-muted);
  box-shadow: 0 0 0 3px var(--accent-tint);
}._wrap_1dz8t_1 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-sm);
}

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

._list_1dz8t_17 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-sm);
}

._head_1dz8t_23,
._row_1dz8t_24 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) 36px;
  column-gap: var(--gap-tight);
  align-items: center;
}

._headNamed_1dz8t_31,
._rowNamed_1dz8t_32 {
  grid-template-columns: 240px minmax(0, 1fr) 36px;
}

._headTriple_1dz8t_36,
._rowTriple_1dz8t_37 {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1.4fr) 36px;
}

._headNamedTriple_1dz8t_41,
._rowNamedTriple_1dz8t_42 {
  grid-template-columns: 240px minmax(0, 1fr) minmax(0, 1.15fr) 36px;
}

._head_1dz8t_23 > span:not(._srOnly_1dz8t_46) {
  color: var(--text-muted);
  font-size: var(--fs-caption);
  font-weight: var(--fw-semi);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
}

._srOnly_1dz8t_46 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

._disabled_1dz8t_62 ._box_1dz8t_7 {
  pointer-events: none;
}

._field_1dz8t_66 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._field_1dz8t_66 .MuiInputBase-root {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

._field_1dz8t_66 input {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  outline: 0;
}

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

._fieldError_1dz8t_98 input {
  border-color: #d32f2f;
}

._fieldError_1dz8t_98 input:focus {
  border-color: #d32f2f;
  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.16);
}

._fieldErrorText_1dz8t_107 {
  margin-top: 4px;
  color: #d32f2f;
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  line-height: 1.3;
}

._field_1dz8t_66 input::placeholder {
  color: var(--text-muted);
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  opacity: 1;
}

._fieldValue_1dz8t_123 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm);
  min-width: 0;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
}

._fieldValue_1dz8t_123 .material-symbols-outlined {
  font-size: var(--icon-ui);
  color: var(--text-muted);
}

._delete_1dz8t_137 {
  width: 36px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-muted);
  display: grid;
  place-items: center;
  justify-self: end;
  cursor: pointer;
}

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

._rowStruck_1dz8t_156 input,
._rowStruck_1dz8t_156 ._fieldValue_1dz8t_123 span {
  text-decoration: line-through;
  color: var(--text-muted);
  -webkit-text-fill-color: var(--text-muted);
}

._rowStruck_1dz8t_156 ._tenantFieldChip_1dz8t_163 input {
  opacity: 0.72;
}

._tenantBlock_1dz8t_167 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-sm);
}

._tenantHead_1dz8t_173 {
  display: flex;
  align-items: center;
  gap: var(--pad-xs);
  color: var(--text-muted);
}

._tenantHead_1dz8t_173 .material-symbols-outlined {
  font-size: var(--icon-ui);
}

._tenantTitle_1dz8t_184 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide-lg);
}

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

._tenantRow_1dz8t_204 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

._tenantRow_1dz8t_204._rowNamed_1dz8t_32 {
  grid-template-columns: 240px minmax(0, 1fr);
}

._tenantRow_1dz8t_204._rowTriple_1dz8t_37 {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1.4fr);
}

._tenantRow_1dz8t_204._rowNamedTriple_1dz8t_42 {
  grid-template-columns: 240px minmax(0, 1fr) minmax(0, 1.15fr);
}

._tenantField_1dz8t_163 input:disabled {
  background: var(--surface-muted);
  border-color: var(--border-strong);
  color: var(--text-muted);
  cursor: default;
  -webkit-text-fill-color: var(--text-muted);
  opacity: 1;
}

._tenantFieldChip_1dz8t_163 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--pad-xs);
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding: 0 var(--pad-sm) 0 var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface-muted);
}

._tenantFieldChip_1dz8t_163 input,
._tenantFieldChip_1dz8t_163 input:disabled {
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

._tenantChip_1dz8t_255 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: calc(var(--pad-xs) - var(--pad-tight));
  min-height: 24px;
  padding: var(--pad-xs) var(--pad-sm-plus);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--chip-neutral-bg);
  color: var(--chip-neutral-text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  white-space: nowrap;
}

._tenantChip_1dz8t_255 .material-symbols-outlined {
  font-size: var(--icon-inline);
  color: currentColor;
}

._delete_1dz8t_137 .material-symbols-outlined {
  font-size: var(--icon-inline);
}

._empty_1dz8t_282 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--pad-sm-plus);
  padding: var(--pad-xl) var(--pad-lg);
  text-align: center;
}

._empty_1dz8t_282 .material-symbols-outlined {
  font-size: 32px;
  color: var(--text-muted);
}

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

._add_1dz8t_303 {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: var(--pad-sm);
  width: 100%;
  min-height: 42px;
  border: 1px dashed var(--accent-border);
  border-radius: 50px;
  background: var(--surface-accent);
  color: var(--accent);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  cursor: pointer;
}

._add_1dz8t_303::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--nav-gradient-active);
  opacity: 0;
  transition: opacity 160ms ease;
  z-index: -1;
  pointer-events: none;
}

._add_1dz8t_303:hover:not(:disabled) {
  color: var(--accent);
}

._add_1dz8t_303:hover:not(:disabled)::before {
  opacity: 1;
}

._add_1dz8t_303:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: auto;
}

@media (max-width: 768px) {
  ._head_1dz8t_23,
  ._row_1dz8t_24,
  ._headNamed_1dz8t_31,
  ._rowNamed_1dz8t_32,
  ._headTriple_1dz8t_36,
  ._rowTriple_1dz8t_37,
  ._headNamedTriple_1dz8t_41,
  ._rowNamedTriple_1dz8t_42,
  ._tenantRow_1dz8t_204,
  ._tenantRow_1dz8t_204._rowNamed_1dz8t_32,
  ._tenantRow_1dz8t_204._rowTriple_1dz8t_37,
  ._tenantRow_1dz8t_204._rowNamedTriple_1dz8t_42 {
    grid-template-columns: 1fr;
  }
  ._delete_1dz8t_137 {
    justify-self: end;
  }
  ._head_1dz8t_23 {
    display: none;
  }
}._root_1nv0c_1 {
  position: relative;
  width: 100%;
}

._trigger_1nv0c_6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-md);
  width: 100%;
  min-height: var(--tab-primary-height);
  padding: 0 var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
._trigger_1nv0c_6:hover {
  background: var(--surface-subtle);
}
._trigger_1nv0c_6:focus-visible {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
  outline: 0;
}

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

._triggerWithIcon_1nv0c_39 {
  gap: var(--pad-xs);
}

._triggerIcon_1nv0c_43 {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: var(--icon-ui);
  line-height: 0;
}

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

._caret_1nv0c_62 {
  color: var(--text-muted);
  font-size: var(--icon-ui);
  transition: transform 160ms ease;
}

._isOpen_1nv0c_34 ._caret_1nv0c_62 {
  transform: rotate(180deg);
}

._menu_1nv0c_72 {
  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-card);
}

._option_1nv0c_81 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-sm);
  width: 100%;
  min-height: 38px;
  padding: var(--pad-sm) var(--pad-md);
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  text-align: left;
  cursor: pointer;
}
._option_1nv0c_81:hover {
  background: var(--surface-muted);
}

._check_1nv0c_102 {
  flex-shrink: 0;
  width: var(--icon-inline);
  margin-top: 2px;
  color: transparent;
  font-size: var(--icon-inline);
}

._isSelected_1nv0c_110 {
  background: var(--surface-muted);
  font-weight: var(--fw-bold);
}
._isSelected_1nv0c_110 ._check_1nv0c_102 {
  color: var(--text-secondary);
}

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

._optionName_1nv0c_125 {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-semi);
}

._optionDesc_1nv0c_131 {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: var(--fw-regular);
  line-height: 1.45;
  white-space: 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;
}
._button_1k9cm_29 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
  height: var(--control-height-sm, 36px);
  padding: 0 var(--pad-md-plus, 14px);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-semi, 600);
  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;
}
._button_1k9cm_29 svg {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  color: var(--text-secondary);
}
._button_1k9cm_29:hover {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  background: var(--sf-accent-hover-bg, var(--accent-hover-bg));
}._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);
}._panel_1nf35_1 {
  padding: 0 16px;
  font-size: 13px;
}

._header_1nf35_6 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  background: none;
  border: 0;
  color: var(--text);
  cursor: pointer;
  font: inherit;
}

._heading_1nf35_19 {
  font-weight: 500;
}

._live_1nf35_23 {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--ok);
  font-size: 11px;
}

._live_1nf35_23::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

._reconnecting_1nf35_39 {
  color: var(--warning, #edb55d);
}

._active_1nf35_43 {
  margin-left: auto;
  font-size: 11px;
  color: var(--text-muted);
}

._header_1nf35_6 img {
  width: 12px;
  height: 12px;
}

._list_1nf35_54 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 320px;
  overflow-y: auto;
  padding-bottom: 12px;
}

._item_1nf35_63 {
  flex-shrink: 0;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-muted);
}

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

._name_1nf35_78 {
  flex: 1;
  min-width: 0;
  color: var(--text);
  text-decoration: none;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a._name_1nf35_78:hover {
  color: var(--accent);
}

._status_1nf35_93 {
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 50px;
  font-size: 11px;
  color: var(--accent);
  background: var(--surface-accent-soft);
}

._success_1nf35_102 {
  color: var(--ok);
  background: color-mix(in srgb, var(--ok) 15%, transparent);
}

._error_1nf35_107 {
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 15%, transparent);
}

._dismiss_1nf35_112 {
  flex-shrink: 0;
  border: 0;
  background: none;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 18px;
  padding: 0 3px;
}

._progressRow_1nf35_122 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 8px 0 6px;
  font-size: 11px;
  color: var(--text-muted);
}

._track_1nf35_132 {
  display: flex;
  height: 6px;
  border-radius: 50px;
  overflow: hidden;
  background: var(--border);
}

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

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

._errors_1nf35_148 {
  background: var(--warning, #e88c18);
}

._stopped_1nf35_152 {
  background: #ffd184;
}

._counts_1nf35_156 {
  color: var(--text-muted);
  font-size: 12px;
}

._errorMessage_1nf35_161 {
  color: var(--danger);
  font-size: 12px;
  line-height: 1.5;
}

._footer_1nf35_167 {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--border);
  padding: 12px 0;
  color: var(--accent);
  text-decoration: none;
}

._chevron_1nf35_176,
._chevronCollapsed_1nf35_177 {
  width: 12px;
  height: 12px;
  color: var(--text-muted);
}

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

._dismiss_1nf35_112 svg {
  width: 12px;
  height: 12px;
}

._chevron_1nf35_176 path,
._chevronCollapsed_1nf35_177 path,
._dismiss_1nf35_112 path {
  fill: currentColor;
}

._dismiss_1nf35_112 svg {
  background: 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;
}
._root_y9gdm_29 {
  width: 100vw;
  overflow: hidden;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._root_y9gdm_29 {
    height: 100vh;
  }
}
._wrapper_y9gdm_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100vh;
  width: 100%;
  background-color: var(--surface-sidebar);
}
@media screen and (max-width: 480px) {
  ._wrapper_y9gdm_40 {
    height: 100vh;
  }
}
._container_y9gdm_54 {
  height: 100%;
  width: 100%;
}
._header_y9gdm_59 {
  height: 40px;
  width: 100%;
}
._container_content_y9gdm_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_y9gdm_64 {
    align-self: baseline;
    height: 91vh !important;
    max-height: 91vh !important;
  }
}
@media screen and (max-width: 480px) {
  ._container_content_y9gdm_64._container_content_fullHeight_y9gdm_82 {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}
._container_content_y9gdm_64._container_content_fullWidth_y9gdm_87 {
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._container_content_y9gdm_64 {
    width: 100%;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._container_content_y9gdm_64 {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._children_y9gdm_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_1b0g4_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_1b0g4_40 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 var(--pad-xl, 20px);
  gap: var(--gap-sm, 8px);
}
._wrapperCollapsed_1b0g4_40 ._sidebarToggle_1b0g4_47 {
  margin-left: 0;
}
._trademarkIcon_1b0g4_51 {
  margin-left: 4px;
  align-self: flex-start;
  margin-top: -2px;
  display: block;
}
._sidebarToggle_1b0g4_47 {
  order: 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  padding: 0;
  border: 1px solid var(--stroke, var(--border));
  border-radius: var(--radius-md, 9px);
  background: var(--surface);
  color: var(--text-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}
._sidebarToggle_1b0g4_47:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._sidebarToggle_1b0g4_47:hover ._sidebarToggleIcon_1b0g4_78 {
  color: var(--text);
}
._sidebarToggle_1b0g4_47:focus-visible {
  outline: none;
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}
._sidebarToggleCollapsed_1b0g4_87 ._sidebarToggleIcon_1b0g4_78 {
  transform: rotate(180deg);
}
._sidebarToggleIcon_1b0g4_78 {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  display: block;
  fill: currentColor;
  color: inherit;
  transition: transform 200ms ease;
}
@media screen and (max-width: 834px) {
  ._wrapper_1b0g4_29 {
    padding: 0 var(--pad-tight, 4px) var(--pad-xl, 20px);
  }
  ._sidebarToggle_1b0g4_47 {
    display: none;
  }
  ._trademarkIcon_1b0g4_51 {
    display: flex;
    margin-left: 4px;
    margin-top: -2px;
  }
}._Navbar_1rnqv_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_1rnqv_18 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  gap: 0;
}
._Navbar__btns_1rnqv_26 {
  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_1rnqv_39 {
  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_1rnqv_49 {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
}
._Navbar__footerHidden_1rnqv_56 {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
}
._Navbar--open_1rnqv_65 {
  display: none;
  left: 0;
  background-color: var(--surface-sidebar);
}
._Navbar--collapsed_1rnqv_70 {
  padding: var(--gap-inline-start, 18px) var(--pad-sm, 8px) var(--pad-lg, 16px);
  overflow: visible;
}
._Navbar--collapsed_1rnqv_70 ._Navbar__btns_1rnqv_26,
._Navbar--collapsed_1rnqv_70 ._Navbar__bottom_1rnqv_39 {
  align-items: center;
  overflow: visible;
}
._Navbar__burger_1rnqv_79 {
  display: none;
}
@media screen and (max-width: 834px) {
  ._Navbar_1rnqv_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_1rnqv_26 {
    display: none;
  }
  ._Navbar__bottom_1rnqv_39 {
    display: none;
  }
  ._Navbar--open_1rnqv_65 {
    display: flex;
    flex-direction: column;
    left: 0;
    background-color: var(--surface-sidebar);
    height: 100%;
    overflow-y: auto;
  }
  ._Navbar__burger_1rnqv_79 {
    display: block;
  }
  ._Navbar--collapsed_1rnqv_70 {
    padding: var(--gap-inline-start, 18px) var(--pad-md, 12px) var(--pad-lg, 16px);
  }
}
@media screen and (max-width: 834px) {
  ._Navbar_1rnqv_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_1rnqv_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_1rnqv_131 {
  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_1rnqv_142 {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  max-height: none;
  background: transparent;
}
._TogglePlashka_1rnqv_152 {
  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_1rnqv_152: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_dg0tu_57 {
  height: 21.6px !important;
  font-family: "Roboto" !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 21.6px !important;
  padding: 0px !important;
  color: var(--text) !important;
}
._content_dg0tu_67 {
  height: 271.8px;
  padding: 0px !important;
  overflow: hidden;
  flex: none !important;
}
._content_dg0tu_67 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}
._actions_dg0tu_82 {
  height: 46.8px;
  padding: 0px !important;
}
._actions_dg0tu_82 button {
  width: 100%;
}
._rowfields_dg0tu_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._rowField_dg0tu_96 {
  width: 153px;
}
._field_dg0tu_100 {
  height: 46.8px;
  margin-top: 3.6px 0px 0px 0px !important;
  background-color: var(--surface-sidebar);
  padding: 17.1px 12.6px !important;
  align-items: center;
}
._field_dg0tu_100 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._field_dg0tu_100 input:focus,
._field_dg0tu_100 ._StripeElement--focus_dg0tu_116 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_dg0tu_121 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_dg0tu_130 {
  width: 100%;
  height: 46.8px;
  background-color: var(--surface-sidebar);
  border-radius: 9px;
  margin: 3.6px 0 12.6px 0;
  padding-left: 12.6px;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._inputCustom_dg0tu_130 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_dg0tu_130::after {
  display: none;
}
._inputCustom_dg0tu_130::before {
  display: none;
}input,
.StripeElement {
  display: block;
  margin: 3.6px 0px 12.6px 0px;
  max-width: 360px;
  padding: 9px 12.6px;
  font-size: 14px;
  border: 0;
  outline: 0;
  border-radius: 9px;
}

input::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base);
}

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

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

.StripeElement.PaymentRequestButton {
  height: 36px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_nz9b1_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  margin-top: 32px;
}
._tableCell_nz9b1_40 {
  margin: 7px;
}
._placeholderContainer_nz9b1_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_nz9b1_53 {
  max-height: 47px;
  line-height: 17px;
  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_nz9b1_53._first_nz9b1_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid var(--border);
}
._headerCell_nz9b1_53._last_nz9b1_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid var(--border);
}
._tableLabel_nz9b1_72 {
  font-family: "Roboto";
  font-size: 13px;
  width: 100%;
}
._buttonContainer_nz9b1_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_nz9b1_78 ._title_nz9b1_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_nz9b1_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_nz9b1_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_nz9b1_98 ._cellWrapper_nz9b1_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108._cellWrapperRoundLast_nz9b1_116 {
  border-radius: 0 5px 5px 0;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108._cellWrapperRoundFirst_nz9b1_119 {
  border-radius: 5px 0 0 5px;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108 div {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
._cell__status_nz9b1_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_nz9b1_137 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._cell__status__finished_nz9b1_140 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._cell__status__error_nz9b1_143 {
  background-color: var(--chip-err-bg, rgb(255, 188, 188));
}
._row_nz9b1_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_nz9b1_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_nz9b1_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_nz9b1_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_5c5ev_29 {
  width: 207.9px;
  height: 133.2px;
  background: var(--table-header-bg, var(--surface-sidebar));
  padding: 7.2px 12.6px 7.2px 12.6px;
  display: flex;
  flex-direction: column;
  border: 0.9px solid var(--border-field);
  border-radius: 9px;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
}
._active_5c5ev_43 {
  border: 1.8px solid #578fff;
}
._close_5c5ev_47 {
  width: 17.55px;
  height: 17.55px;
  border-radius: 45px;
  border: 0.9px solid var(--border-field);
  background-color: var(--surface);
  position: absolute;
  top: -9px;
  right: -5.4px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
._close_5c5ev_47 svg {
  width: 15.3px;
  height: 16.2px;
}
._firstRow_5c5ev_65 {
  height: 24.3px;
  display: flex;
  justify-content: space-between;
}
._expirations_5c5ev_71 {
  display: flex;
  gap: 2.7px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: normal;
  line-height: 13.185px;
  text-align: left;
  color: var(--text-secondary);
}
._expirations_5c5ev_71 span:last-child {
  font-weight: 500;
  color: var(--text);
}
._cardNumber_5c5ev_86 {
  display: flex;
  gap: 9px;
  align-self: flex-end;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 17.586px;
  text-align: left;
}
._imagesHolder_5c5ev_97 {
  height: 18px;
  display: flex;
  justify-content: center;
}
._cardHolder_5c5ev_103 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 15.03px;
  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_13nhm_57 {
  width: 100%;
}
._title_13nhm_61 {
  height: 21.6px !important;
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 26.1px !important;
  padding: 0 !important;
  color: var(--text) !important;
}
._content_13nhm_71 {
  height: auto;
  overflow: hidden;
  gap: 21.6px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_13nhm_71 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}
._actions_13nhm_89 {
  height: 46.8px;
  padding: 0 !important;
}
._actions_13nhm_89 button {
  width: 100%;
}
._rowfields_13nhm_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}
._rowfields_13nhm_97 label {
  flex: 1;
}
._rowField_13nhm_107 {
  width: 153px;
}
._field_13nhm_111 {
  height: 46.8px;
  margin: 0 !important;
  background-color: var(--surface-sidebar);
  padding: 17.1px 12.6px !important;
  width: 100%;
  align-items: center;
}
._field_13nhm_111 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._field_13nhm_111 input:focus,
._field_13nhm_111 ._StripeElement--focus_13nhm_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_13nhm_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_13nhm_142 {
  width: 396.9px;
  height: 46.8px;
  background-color: var(--surface-sidebar);
  border-radius: 9px;
  margin: 3.6px 0 12.6px 0;
  padding-left: 12.6px;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._inputCustom_13nhm_142 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_13nhm_142::after {
  display: none;
}
._inputCustom_13nhm_142::before {
  display: none;
}
._flexAmount_13nhm_168 {
  display: flex;
  gap: 9px;
  align-items: center;
  height: 36px;
}
._flexAmountContainer_13nhm_175 {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_13nhm_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_13nhm_175 {
    flex-direction: column;
  }
}
._inputNumber_13nhm_193 {
  width: 122.4px;
  height: 36px;
  background-color: var(--surface);
  border: 0.9px solid var(--border-field);
  border-radius: 9px;
  padding-left: 12.6px;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._inputNumber_13nhm_193 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputNumber_13nhm_193::after {
  display: none;
}
._inputNumber_13nhm_193::before {
  display: none;
}
._titleForm_13nhm_219 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_13nhm_228 {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
  overflow-x: auto;
}
._cardsWrap_13nhm_228 div:first-child {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.181px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_13nhm_228 ._cardsBlock_13nhm_242 {
  display: flex;
  gap: 12.6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_13nhm_250 {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
}
._btnAmount_13nhm_256, ._activeAmountBtn_13nhm_256 {
  padding: 3.6px 12.6px 3.6px 12.6px;
  border-radius: 9px;
  width: auto;
  height: 28.8px;
  background: var(--table-header-bg, var(--surface-sidebar));
  font-size: 14px;
  line-height: 21.6px;
  color: var(--text);
  cursor: pointer;
}
._activeAmountBtn_13nhm_256 {
  color: var(--on-dark-surface);
  background-color: var(--text);
}
._actionButtons_13nhm_273 {
  display: flex;
  gap: 21.6px;
}
._button_13nhm_278 {
  flex-basis: 100%;
  padding: 12.6px 21.6px 12.6px 21.6px;
  height: 43.2px;
  border-radius: 45px;
}
@media screen and (max-width: 480px) {
  ._button_13nhm_278 {
    width: 95%;
  }
}
._actionsWrapper_13nhm_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_13nhm_290 {
    flex-direction: column-reverse;
  }
}input,
.StripeElement {
  display: block;
  margin: 3.6px 0 12.6px 0;
  max-width: 100% !important;
  padding: 9px 12.6px;
  font-size: 14px;
  border: 0;
  outline: 0;
  border-radius: 9px;
}

input::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base);
}

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

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

.StripeElement.PaymentRequestButton {
  height: 36px;
}.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_1pn4q_1 {
  to {
    opacity: 1;
  }
}
._startChatBtn_1pn4q_7 {
  padding: 6px 6px;
  border-radius: 5px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
}
._startChatBtn_1pn4q_7._disabled_1pn4q_17, ._startChatBtn_1pn4q_7:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._startChatBtn_1pn4q_7:hover {
  opacity: 0.8;
}
._button_1pn4q_26 {
  text-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 14px;
  border-radius: 10px;
  border: 1px solid #d8dbdf;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}
._button_1pn4q_26 ._icon_1pn4q_39 {
  width: 20px;
  height: 20px;
}
._button_1pn4q_26 ._label_1pn4q_43 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._messageContainer_1pn4q_49 {
  position: relative;
  gap: 5px;
}
._chatContainer_1pn4q_54 {
  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_1pn4q_54 ._connectionLostContainer_1pn4q_71 {
  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_1pn4q_54 ._connectionLostContainer_1pn4q_71 ._label_1pn4q_43 {
  font-family: Roboto, sans-serif;
  color: #1f1f1f;
  font-size: 16px;
}
._chatContainer_1pn4q_54 ._loadingContainer_1pn4q_90 {
  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_1pn4q_54 ._loadingContainer_1pn4q_90 span {
  font-size: 16px;
}
._chatContainer__resizeBtn_1pn4q_107 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_1pn4q_54 ._chatHeader_1pn4q_116 {
  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_1pn4q_54 ._chatHeader_1pn4q_116 ._close_1pn4q_128 {
  border-radius: 25px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
._chatContainer_1pn4q_54 ._chatHeader_1pn4q_116 ._close_1pn4q_128:hover {
  opacity: 1;
}
._chatContainer_1pn4q_54 ._operatorInfo_1pn4q_137 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_1pn4q_54 ._operatorPhoto_1pn4q_145 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
}
._chatContainer_1pn4q_54 ._operatorDetails_1pn4q_152 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_1pn4q_54 ._operatorDetails_1pn4q_152 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_1pn4q_54 ._operatorName_1pn4q_163 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_1pn4q_54 ._operatorPosition_1pn4q_167 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_1pn4q_54 ._chatMessages_1pn4q_171 {
  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_1pn4q_54 ._chatMessages__messages_1pn4q_182 {
  display: flex;
  flex-direction: column;
}
._chatContainer_1pn4q_54 ._message_1pn4q_49 {
  padding: 10px;
  background: linear-gradient(to right, #d0e4ff, #c5ecfa);
  color: black;
  border-radius: 8px;
  width: fit-content;
}
._chatContainer_1pn4q_54 ._message_1pn4q_49 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_1pn4q_54 ._message_1pn4q_49._userMessage_1pn4q_198 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_1pn4q_1 0.5s ease-in-out forwards;
}
._chatContainer_1pn4q_54 ._message_1pn4q_49._userMessage_1pn4q_198:last-child {
  animation-delay: 0.2s;
}
._chatContainer_1pn4q_54 ._userMessage_1pn4q_198 ._messageContent_1pn4q_206 {
  display: inline-block;
  padding: 0;
  border-radius: 8px;
}
._chatContainer_1pn4q_54 ._userMessage_1pn4q_198 ._messageContent_1pn4q_206 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_1pn4q_54 ._userMessage_1pn4q_198 ._messageContent_1pn4q_206 span {
  max-width: 100%;
}
._chatContainer_1pn4q_54 ._operatorMessage_1pn4q_218 {
  text-align: left !important;
  background: #f5f7f9;
  color: black;
  border: 1px solid #eaeef4;
  border-radius: 10px 10px 10px 0;
  padding: 0.5rem;
}
._chatContainer_1pn4q_54 ._operatorMessage_1pn4q_218 a {
  text-decoration: underline !important;
  color: -webkit-link !important;
}
._chatContainer_1pn4q_54 ._messageDots_1pn4q_230 {
  width: 100%;
}
._chatContainer_1pn4q_54 ._message_1pn4q_49 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
._chatContainer_1pn4q_54 ._uname_1pn4q_238 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_1pn4q_54 ._operatorMessage_1pn4q_218 {
  text-align: left;
}
._chatContainer_1pn4q_54 ._operatorMessage_1pn4q_218 ._message-content_1pn4q_248 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_1pn4q_54 ._chatInput_1pn4q_253 {
  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_1pn4q_54 ._chatInput__inputContainer_1pn4q_264 {
  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_1pn4q_54 ._chatInput__input_1pn4q_264 {
  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_1pn4q_54 ._chatInput__input_1pn4q_264:focus {
  outline: none;
}
._chatContainer_1pn4q_54 ._chatInput_1pn4q_253 ._pi_1pn4q_290 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_1pn4q_54 ._chatInput_1pn4q_253 svg {
  align-self: end;
  margin-right: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
._chatContainer_1pn4q_54 ._chatInput_1pn4q_253 ._sendButton_1pn4q_303 {
  align-self: center;
  flex-shrink: 0;
  line-height: 0;
}
._chatContainer_1pn4q_54 ._chatInput_1pn4q_253 ._sendButton_1pn4q_303 svg {
  align-self: center !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
._sign_1pn4q_314 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
  align-self: center;
  max-width: fit-content !important;
}
._sign_1pn4q_314 p {
  max-width: fit-content !important;
}
._sign_1pn4q_314 strong {
  transition: color 0.2s ease;
}
._sign_1pn4q_314:hover strong {
  color: inherit !important;
}
._joinedMessage_1pn4q_331 {
  margin: 0 auto;
  color: #ccc;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._spamMessage_1pn4q_342 {
  margin: 0 auto;
  color: #e14e4e;
  font-size: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._iconInChat_1pn4q_353 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 10px;
  border-radius: 30px;
}
._iconInChat__typing_1pn4q_361 {
  margin-bottom: 0;
}
._timeText_1pn4q_365 {
  color: rgb(179, 179, 179);
  margin: 0px;
  font-size: 10px;
  line-height: 12px;
}
._timeText__white_1pn4q_371 {
  color: #fff;
}
@keyframes _rotate360_1pn4q_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
._loopIcon_1pn4q_383 {
  animation: _rotate360_1pn4q_1 1s linear infinite;
}
._no-scroll_1pn4q_387 {
  overflow: hidden;
}
@media (max-width: 480px) {
  ._chatContainer_1pn4q_54 {
    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_1pn4q_116 {
    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_1pn4q_116 ._close_1pn4q_128 {
    border-radius: 25px;
    cursor: pointer;
    width: 25px;
    height: 25px;
  }
  ._chatHeader_1pn4q_116 ._close_1pn4q_128:hover {
    opacity: 1;
  }
  ._chatMessages_1pn4q_171 {
    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_1pn4q_182 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    justify-content: flex-end;
  }
  ._chatInput_1pn4q_253 {
    padding: 14px;
    background-color: #fff;
    border-top: 1px solid #d8dbdf;
    position: relative;
    display: flex;
    gap: 0.5rem;
  }
  ._chatInput__inputContainer_1pn4q_264 {
    border-radius: 8px;
    border: 1px solid #d8dbdf;
    width: 100%;
    display: flex;
    align-items: center;
  }
  ._chatInput__input_1pn4q_264 {
    background-color: transparent;
    resize: none;
    width: 100%;
    border: none;
    font-size: 16px !important;
    padding: 8px;
    padding-right: 28px;
  }
  ._connectionLostContainer_1pn4q_71 {
    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_1pn4q_71 ._label_1pn4q_43 {
    font-family: Roboto, sans-serif;
    color: #1f1f1f;
    font-size: 16px;
  }
  ._pi_1pn4q_290 {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}
._hint_1pe3n_2 {
  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_1pe3n_1 0.5s ease forwards;
}
._hint_1pe3n_2:hover {
  background-color: #f5f7f9;
  color: var(--background-dark);
  border-color: #d8dbdf;
}
@keyframes _fadeInUp_1pe3n_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_1pe3n_2:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_1pe3n_2:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_1pe3n_2:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_1pe3n_2:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_1pe3n_2:nth-child(5) {
  animation-delay: 0.9s;
}
._hint_1pe3n_2:nth-child(n+6) {
  animation-delay: calc(0.1s * (n - 1));
}
._progressWrapper_1pe3n_65 {
  width: 100%;
}
._progressBar_1pe3n_69 {
  width: 100%;
  height: 20px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
._progressFill_1pe3n_78 {
  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_1pe3n_88 {
  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_1pe3n_100,
._errorWrapper_1pe3n_101 {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
}
._successWrapper_1pe3n_100 {
  background-color: #d4edda;
  color: #155724;
}
._errorWrapper_1pe3n_101 {
  background-color: #f8d7da;
  color: #721c24;
}
._successIcon_1pe3n_119,
._errorIcon_1pe3n_120 {
  font-size: 20px;
  margin-right: 10px;
}
._successContent_1pe3n_125,
._errorContent_1pe3n_126 {
  display: flex;
  flex-direction: column;
}
._errorTitle_1pe3n_131,
._successTitle_1pe3n_132 {
  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_gmacp_2 {
  max-width: 100%;
}
._location__input_gmacp_5 {
  max-width: 100%;
}
._btn_gmacp_9 {
  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_gmacp_1 0.5s ease forwards;
}
._btn_gmacp_9:hover {
  background-color: #F5F7F9;
  color: var(--background-dark);
  border-color: #D8DBDF;
}
@keyframes _fadeInUp_gmacp_1 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hint_gmacp_48:nth-child(1) {
  animation-delay: 0.1s;
}
._hint_gmacp_48:nth-child(2) {
  animation-delay: 0.3s;
}
._hint_gmacp_48:nth-child(3) {
  animation-delay: 0.5s;
}
._hint_gmacp_48:nth-child(4) {
  animation-delay: 0.7s;
}
._hint_gmacp_48:nth-child(5) {
  animation-delay: 0.9s;
}
._hint_gmacp_48: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_1n0mf_57 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--pad-md, 12px);
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._container_1n0mf_57 {
    overflow: visible;
  }
}
@media (max-height: 780px) {
  ._container_1n0mf_57 {
    overflow: visible;
    height: fit-content;
  }
}
@media screen and (max-width: 1220px) {
  ._container_1n0mf_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 834px) {
  ._container_1n0mf_57 {
    overflow: visible;
  }
}
@media screen and (max-width: 480px) {
  ._container_1n0mf_57 {
    overflow: visible;
    height: fit-content;
  }
}
._ddRenderValue_1n0mf_93 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
  font-family: "Roboto";
  max-width: 100%;
  overflow: hidden;
}
._mainHeader_1n0mf_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_1n0mf_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_1n0mf_126 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--pad-md, 12px);
  align-items: stretch;
  width: 100%;
}
._subwrapper_1n0mf_126 > ._fieldsWrapper_1n0mf_133 {
  min-width: 0;
  max-width: none;
  height: 100%;
  min-height: 100%;
}
@media (max-width: 1280px) {
  ._subwrapper_1n0mf_126 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  ._subwrapper_1n0mf_126 {
    grid-template-columns: 1fr;
  }
}
._textWithTooltip_1n0mf_150 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
}
._tooltipIcon_1n0mf_156 {
  align-self: flex-start;
}
._mainPromptWrapper_1n0mf_160 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  overflow: hidden;
  min-height: 280px;
  flex: 1 1 auto;
}
._mainPromptWrapper_1n0mf_160 ._field_1n0mf_133 {
  display: flex;
  height: 20px;
  flex-shrink: 1;
  flex-grow: 1;
}
._mainPromptWrapper__header_1n0mf_177 {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px);
  flex-direction: row;
  align-items: center;
  gap: var(--pad-sm, 8px);
  align-self: stretch;
  flex-shrink: 0;
}
._mainPromptWrapper__header_1n0mf_177 > span {
  color: var(--scss-text-color, #1f1f1f);
  text-align: left;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-style: normal;
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
}
._mainPromptWrapper_1n0mf_160 ._subcontainerPrompt_1n0mf_197 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  box-sizing: border-box;
}
._fieldsWrapper_1n0mf_133 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--radius, 12px);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  overflow: visible;
  background: var(--surface);
  align-self: stretch;
  height: 100%;
  box-sizing: border-box;
}
._fieldsWrapper__header_1n0mf_220 {
  border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
  border: none;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--pad-sm, 8px);
  align-self: stretch;
  box-sizing: border-box;
  min-height: calc(var(--pad-md, 12px) * 2 + 30px);
  flex-shrink: 0;
}
._fieldsWrapper__header_1n0mf_220 > span {
  color: var(--text);
  text-align: left;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-style: normal;
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
}
._fieldsWrapper__content_1n0mf_245 {
  display: flex;
  padding: var(--pad-md-plus, 14px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  gap: var(--pad-md-plus, 14px);
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  border: none;
  background: var(--surface);
  box-sizing: border-box;
}
._fieldsWrapper__content__fullfield_1n0mf_259 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  border: none;
  background: var(--surface);
  padding: var(--pad-md-plus, 14px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  gap: var(--pad-md-plus, 14px);
  box-sizing: border-box;
}
._fieldsWrapper__content__fullfield_1n0mf_259 ._subcontainerPrompt_1n0mf_197,
._fieldsWrapper__content__fullfield_1n0mf_259 ._textAreaContainer_1n0mf_275,
._fieldsWrapper__content__fullfield_1n0mf_259 ._fieldContainer_1n0mf_276,
._fieldsWrapper__content__fullfield_1n0mf_259 ._field_1n0mf_133 {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
._subcontainer_1n0mf_197 {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainer_1n0mf_197 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
._subcontainerLanding_1n0mf_302 {
  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_1n0mf_302 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
._subcontainerBottomScratch_1n0mf_319 {
  width: 32%;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottomScratch_1n0mf_319 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._grayText_1n0mf_335 {
  color: var(--text-muted);
}
._subcontainerBottom_1n0mf_319 {
  width: calc(50% - 12px);
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
}
@media screen and (max-width: 1220px) {
  ._subcontainerBottom_1n0mf_319 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
._sectionsWrapper_1n0mf_355 {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: var(--pad-md, 12px);
  overflow: auto;
}
@media screen and (max-width: 1220px) {
  ._sectionsWrapper_1n0mf_355 {
    gap: var(--pad-md, 12px);
    height: fit-content;
  }
}
._subcontainerBehaviour_1n0mf_369 {
  width: 100%;
}
._flexContainerBehaviour_1n0mf_373 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._flexContainerBehaviour_1n0mf_373 ._flexContainer_1n0mf_373 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1n0mf_373 ._hader_1n0mf_387 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
}
._flexContainerBehaviour_1n0mf_373 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 400;
}
._flexContainerBehaviour_1n0mf_373 ._subhader_1n0mf_402 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._flexContainerBehaviour_1n0mf_373 ._field_1n0mf_133 {
  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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._flexContainerBehaviour_1n0mf_373 ._checkboxContainer_1n0mf_431 {
  display: flex;
  align-items: flex-start;
}
._subcontainerPrompt_1n0mf_197 {
  width: 100%;
  min-width: 0;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  ._subcontainerPrompt_1n0mf_197 {
    overflow: visible;
  }
}
@media screen and (max-width: 1220px) {
  ._subcontainerPrompt_1n0mf_197 {
    overflow: visible;
  }
}
._buttonContainer_1n0mf_452 {
  margin-left: auto;
  padding-top: 16px;
}
._menuItemLabel_1n0mf_457 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
._fieldContainerLanding_1n0mf_463 {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--pad-xs, 6px);
  max-height: 84px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._fieldContainerLanding_1n0mf_463 {
    max-height: fit-content;
  }
}
._fieldContainerLanding_1n0mf_463 ._flexContainer_1n0mf_373 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._fieldContainerLanding_1n0mf_463 ._hader_1n0mf_387 {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 0;
  gap: var(--pad-xs, 6px);
}
._fieldContainerLanding_1n0mf_463 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
  color: var(--text-secondary);
}
._fieldContainerLanding_1n0mf_463 ._subhader_1n0mf_402 {
  height: 100%;
  text-wrap: wrap;
  line-height: 24px;
  overflow: hidden;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._fieldContainerLanding_1n0mf_463 ._field_1n0mf_133 {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainerLanding_1n0mf_463 ._checkboxContainer_1n0mf_431 {
  display: flex;
  align-items: flex-start;
}
._fieldContainer_1n0mf_276 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  gap: var(--pad-xs, 6px);
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_1n0mf_276._disabledFieldBlock_1n0mf_534 {
  position: relative;
  pointer-events: none;
}
._fieldContainer_1n0mf_276 ._flexContainer_1n0mf_373 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._fieldContainer_1n0mf_276 ._hader_1n0mf_387 {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 0;
  gap: var(--pad-xs, 6px);
}
._fieldContainer_1n0mf_276 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
  color: var(--text-secondary);
}
._fieldContainer_1n0mf_276 ._subhader_1n0mf_402 {
  height: auto;
  text-wrap: wrap;
  line-height: 1.3;
  overflow: hidden;
  font-size: var(--fs-sm, 12px);
  display: flex;
  align-items: center;
  font-weight: var(--fw-medium, 500);
  color: var(--text-muted);
}
._fieldContainer_1n0mf_276 ._field_1n0mf_133 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_1n0mf_276 ._checkboxContainer_1n0mf_431 {
  display: flex;
  align-items: flex-start;
}
._select_1n0mf_581 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
}
._menuItem_1n0mf_457 {
  padding: 7px;
  font-size: 16px;
  color: var(--text);
}
._textAreaContainer_1n0mf_275 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--pad-xs, 6px);
  color: var(--scss-text-color, #1f1f1f);
}
._textAreaContainer_1n0mf_275 ._flexContainer_1n0mf_373 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}
._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  gap: 4px;
}
._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 400;
}
._textAreaContainer_1n0mf_275 ._subhader_1n0mf_402 {
  text-wrap: wrap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 400;
  color: rgb(114, 114, 114);
}
._textAreaContainer_1n0mf_275 ._field_1n0mf_133 {
  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: var(--fs-base);
  line-height: 19px;
  font-family: "Roboto";
  font-weight: 500;
}
._textAreaContainer_1n0mf_275 ._checkboxContainer_1n0mf_431 {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) and (min-width: 1221px) {
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_1n0mf_275 ._subhader_1n0mf_402 {
    height: 100%;
    text-wrap: wrap;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1n0mf_275 ._field_1n0mf_133 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1n0mf_275 ._checkboxContainer_1n0mf_431 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1440px) {
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_1n0mf_275 ._subhader_1n0mf_402 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1n0mf_275 ._field_1n0mf_133 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1n0mf_275 ._checkboxContainer_1n0mf_431 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1220px) {
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_1n0mf_275 ._subhader_1n0mf_402 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1n0mf_275 ._field_1n0mf_133 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1n0mf_275 ._checkboxContainer_1n0mf_431 {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 {
    width: 100%;
    display: flex;
    align-items: center;
    height: 24px;
    gap: 4px;
  }
  ._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    font-weight: 400;
  }
  ._textAreaContainer_1n0mf_275 ._subhader_1n0mf_402 {
    height: 100%;
    text-wrap: wrap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: var(--fs-base);
    line-height: 19px;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 400;
    color: rgb(114, 114, 114);
  }
  ._textAreaContainer_1n0mf_275 ._field_1n0mf_133 {
    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: var(--fs-base);
    line-height: 19px;
    font-weight: 500;
    font-family: "Roboto";
  }
  ._textAreaContainer_1n0mf_275 ._checkboxContainer_1n0mf_431 {
    display: flex;
    align-items: flex-start;
  }
}
._fieldBig_1n0mf_859 {
  width: 100%;
  min-height: 160px;
}
._iconHolder_1n0mf_864 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_1n0mf_870 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_1n0mf_870:is(img) {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  flex-shrink: 0;
  filter: var(--icon-mono-filter);
}
._headerBadge_1n0mf_882 {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-accent-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._headerBadge_1n0mf_882 ._headerBadgeIcon_1n0mf_892 {
  font-size: var(--icon-inline, 16px);
  color: var(--accent);
  -webkit-text-fill-color: currentColor;
}
._subwrapper_1n0mf_126._fullscreen_1n0mf_898 {
  height: 100%;
}
._fieldsWrapper_1n0mf_133 ._hader_1n0mf_387 ._textHolder_1n0mf_394,
._fieldContainer_1n0mf_276 ._hader_1n0mf_387 ._textHolder_1n0mf_394,
._fieldContainerLanding_1n0mf_463 ._hader_1n0mf_387 ._textHolder_1n0mf_394,
._textAreaContainer_1n0mf_275 ._hader_1n0mf_387 ._textHolder_1n0mf_394 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_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_1ceq1_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_1ceq1_43 {
  cursor: grab !important;
}
._dragHandle_1ceq1_43:active {
  cursor: grabbing !important;
}
.react-flow__node.dragging ._dragHandle_1ceq1_43 {
  cursor: grabbing !important;
}
._dragHandle_1ceq1_43._locked_1ceq1_52 {
  cursor: pointer !important;
}
._dragHandle_1ceq1_43._locked_1ceq1_52:active {
  cursor: pointer !important;
}
._locked_1ceq1_52 ._dragHandle_1ceq1_43 {
  cursor: pointer !important;
}
._locked_1ceq1_52 ._dragHandle_1ceq1_43:active {
  cursor: pointer !important;
}
._topSection_1ceq1_66 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
._actionIconContainer_1ceq1_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_1ceq1_73 {
  width: 22px;
  height: 22px;
  filter: none;
}
._contentSection_1ceq1_90 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._divider_1ceq1_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_1ceq1_105 {
  padding: 0 8px 0px 8px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  width: 204px;
}
._descriptionLabel_1ceq1_115 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-muted);
}
._description_1ceq1_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_1ceq1_137 {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 0;
  width: 100%;
}
._actionName_1ceq1_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_1ceq1_158 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
._validationErrorIconHidden_1ceq1_166 {
  display: none;
}
._actionTypeName_1ceq1_170 {
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  display: block;
}
._conditionsBar_1ceq1_180 {
  display: flex;
  gap: 6px;
  padding: 6px 12px 0px 12px;
  position: relative;
  cursor: pointer;
}
._conditionItem_1ceq1_188 {
  position: relative;
  display: flex;
  align-items: center;
}
._conditionTag_1ceq1_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_1ceq1_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_1ceq1_207._highlighted_1ceq1_218 {
  border: 2px solid var(--ok);
  box-shadow: 0 0 16px color-mix(in srgb, var(--ok) 45%, transparent);
  transform: scale(1.02);
}
._borderContainer_1ceq1_207._animated_1ceq1_223 {
  animation: _actionGlow_1ceq1_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_1ceq1_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_1ceq1_207._active_1ceq1_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_1ceq1_207._invalid_1ceq1_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_1ceq1_207._invalid_1ceq1_239:hover {
  box-shadow: 0 4px 12px color-mix(in srgb, var(--danger) 40%, transparent);
}
._borderContainer_1ceq1_207._invalid_1ceq1_239._active_1ceq1_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_1ceq1_207._disabled_1ceq1_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_1ceq1_207._disabled_1ceq1_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_1ceq1_207._disabled_1ceq1_251._active_1ceq1_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_1ceq1_207._disabled_1ceq1_251 ._container_1ceq1_29 {
  opacity: 0.7;
}
._borderContainer_1ceq1_207._disabled_1ceq1_251 ._actionName_1ceq1_137 {
  color: var(--text-secondary);
}
._borderContainer_1ceq1_207._disabled_1ceq1_251 ._actionTypeName_1ceq1_170 {
  color: var(--text-muted);
}
._borderContainer_1ceq1_207._disabled_1ceq1_251 ._actionIconContainer_1ceq1_73 {
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(75, 85, 99, 0.1) 100%);
}
._borderContainer_1ceq1_207._invalid_1ceq1_239._disabled_1ceq1_251 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 14%, var(--surface-muted)) 0%, color-mix(in srgb, var(--danger) 22%, var(--surface)) 100%);
  border: 2px solid var(--danger);
  box-shadow: 0 0 10px color-mix(in srgb, var(--danger) 25%, transparent);
  opacity: 0.75;
}
._borderContainer_1ceq1_207._invalid_1ceq1_239._disabled_1ceq1_251:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 18%, var(--surface-muted)) 0%, color-mix(in srgb, var(--danger) 26%, var(--surface)) 100%);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--danger) 30%, transparent);
  transform: none;
}
._borderContainer_1ceq1_207._invalid_1ceq1_239._disabled_1ceq1_251._active_1ceq1_233 {
  background: color-mix(in srgb, var(--danger) 30%, var(--surface-muted));
  box-shadow: 0 4px 22px -3px color-mix(in srgb, var(--danger) 35%, transparent), 0 0 0 3px color-mix(in srgb, var(--danger) 30%, transparent);
}
._latencyBadgeWrapper_1ceq1_293 {
  position: absolute;
  top: -34px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  z-index: 5;
}
._latencyBadge_1ceq1_293 {
  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_1ceq1_1 1s ease forwards;
}
._latencyBadgePulse_1ceq1_321 {
  animation: _latencyFadeIn_1ceq1_1 0.25s ease forwards, _latencyPop_1ceq1_1 0.45s ease forwards;
}
._latencyBadgeIcon_1ceq1_325 {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
._latencyBadgeValue_1ceq1_331 {
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  font-weight: 700;
}
._latencyHighlight_1ceq1_337 {
  animation: _latencyNodeGlow_1ceq1_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_1ceq1_342 {
  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_1ceq1_355 {
  opacity: 1;
  pointer-events: all;
}
._deleteButton_1ceq1_360 {
  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_1ceq1_360: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_1ceq1_360:active {
  transform: scale(0.95);
}
._deleteButton_1ceq1_360 img {
  width: 16px;
  height: 16px;
  filter: var(--icon-mono-filter);
}
@keyframes _actionGlow_1ceq1_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_1ceq1_402 {
  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_1ceq1_402::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: all;
}
._targetHandle_1ceq1_402:hover {
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);
  border-color: #059669 !important;
}
._sourceHandle_1ceq1_428 {
  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_1ceq1_428::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  pointer-events: all;
}
._sourceHandle_1ceq1_428:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
._plusButtonContainer_1ceq1_453 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -46px;
  z-index: 10;
  opacity: 0;
  pointer-events: all;
  transition: opacity 0.2s ease;
}
._plusButtonContainer_1ceq1_453 ._plusButton_1ceq1_453 {
  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_1ceq1_453 ._plusButton_1ceq1_453:hover {
  background-color: var(--surface-muted);
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
._plusButtonContainer_1ceq1_453 ._plusButton_1ceq1_453:active {
  transform: scale(0.95);
}
._plusButtonContainer_1ceq1_453 ._plusButton_1ceq1_453 img {
  width: 14px;
  height: 14px;
  filter: var(--icon-mono-filter);
}
._plusButtonContainerVisible_1ceq1_493 {
  opacity: 1;
}
@keyframes _latencyFadeIn_1ceq1_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes _latencyPop_1ceq1_1 {
  0% {
    transform: scale(0.95);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _latencyNodeGlow_1ceq1_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);
}

.buttons-group.admin label span {
  font-size: 14px;
  font-family: Inter, sans-serif;
  line-height: 20px;
}

.buttons-group.admin .box {
  height: 40px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._wrapper_1i99s_57 {
  width: 100%;
}
._title_1i99s_61 {
  height: 21.6px !important;
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 26.1px !important;
  padding: 0 !important;
  color: var(--text) !important;
}
._content_1i99s_71 {
  height: auto;
  overflow: hidden;
  gap: 21.6px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}
._content_1i99s_71 label {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
}
._actions_1i99s_89 {
  height: 46.8px;
  padding: 0 !important;
}
._actions_1i99s_89 button {
  width: 100%;
}
._rowfields_1i99s_97 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}
._rowfields_1i99s_97 label {
  flex: 1;
}
._rowField_1i99s_107 {
  width: 153px;
}
._field_1i99s_111 {
  height: 46.8px;
  margin: 0 !important;
  background-color: var(--surface-sidebar);
  padding: 17.1px 12.6px !important;
  width: 100%;
  align-items: center;
}
._field_1i99s_111 input::placeholder {
  color: var(--text-muted);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._field_1i99s_111 input:focus,
._field_1i99s_111 ._StripeElement--focus_1i99s_128 {
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
._loaderContainer_1i99s_133 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._inputCustom_1i99s_142 {
  width: 396.9px;
  height: 46.8px;
  background-color: var(--surface-sidebar);
  border-radius: 9px;
  margin: 3.6px 0 12.6px 0;
  padding-left: 12.6px;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._inputCustom_1i99s_142 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputCustom_1i99s_142::after {
  display: none;
}
._inputCustom_1i99s_142::before {
  display: none;
}
._flexAmount_1i99s_168 {
  display: flex;
  gap: 9px;
  align-items: center;
  height: 36px;
}
._flexAmountContainer_1i99s_175 {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 834px) {
  ._flexAmountContainer_1i99s_175 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._flexAmountContainer_1i99s_175 {
    flex-direction: column;
  }
}
._inputNumber_1i99s_193 {
  width: 122.4px;
  height: 36px;
  background-color: var(--surface);
  border: 0.9px solid var(--border-field);
  border-radius: 9px;
  padding-left: 12.6px;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
}
._inputNumber_1i99s_193 input::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}
._inputNumber_1i99s_193::after {
  display: none;
}
._inputNumber_1i99s_193::before {
  display: none;
}
._titleForm_1i99s_219 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_1i99s_228 {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
  overflow-x: auto;
}
._cardsWrap_1i99s_228 div:first-child {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.181px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._cardsWrap_1i99s_228 ._cardsBlock_1i99s_242 {
  display: flex;
  gap: 12.6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: min-content;
}
._cardBlock_1i99s_250 {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
}
._btnAmount_1i99s_256, ._activeAmountBtn_1i99s_256 {
  padding: 3.6px 12.6px 3.6px 12.6px;
  border-radius: 9px;
  width: auto;
  height: 28.8px;
  background: var(--table-header-bg, var(--surface-sidebar));
  font-size: 14px;
  line-height: 21.6px;
  color: var(--text);
  cursor: pointer;
}
._activeAmountBtn_1i99s_256 {
  color: var(--on-dark-surface);
  background-color: var(--text);
}
._actionButtons_1i99s_273 {
  display: flex;
  gap: 21.6px;
}
._button_1i99s_278 {
  flex-basis: 100%;
  padding: 12.6px 21.6px 12.6px 21.6px;
  height: 43.2px;
  border-radius: 45px;
}
@media screen and (max-width: 480px) {
  ._button_1i99s_278 {
    width: 95%;
  }
}
._actionsWrapper_1i99s_290 {
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  ._actionsWrapper_1i99s_290 {
    flex-direction: column-reverse;
  }
}input,
.StripeElement {
  display: block;
  margin: 3.6px 0 12.6px 0;
  max-width: 100% !important;
  padding: 9px 12.6px;
  font-size: 14px;
  border: 0;
  outline: 0;
  border-radius: 9px;
}

input::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base);
}

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

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

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

._fancyButton_1knnx_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_1knnx_1 {
    min-width: auto;
    min-height: 40px;
    padding: 8px 16px;
    font-size: var(--fs-md);
    white-space: nowrap;
  }
}

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

@media screen and (max-width: 480px) {
  ._label_1knnx_54 {
    font-size: var(--fs-md);
  }
}

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

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

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

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

._fancyButtonBorderContainer_1knnx_1:hover ._animation10_1knnx_84 {
  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_1knnx_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_15x5h_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_15x5h_29 form {
  width: 100%;
  height: 100%;
}
._header_15x5h_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_15x5h_56 {
  width: 40%;
}
@media screen and (max-width: 1440px) {
  ._uploadButton_15x5h_56 {
    width: 70%;
  }
}
@media screen and (min-width: 1221px) {
  ._uploadButton_15x5h_56 {
    width: 80%;
  }
}
._body_15x5h_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_15x5h_70 textarea i {
  background-color: yellow;
}
._body_15x5h_70 ._gorisontal_15x5h_83 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin-top: 10px;
}
._footer_15x5h_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_15x5h_105 {
  position: relative;
  width: 90%;
  margin-top: 10px;
  background: var(--surface);
  color: var(--text);
}
._input_15x5h_113 {
  height: 600px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._input_15x5h_113 {
    height: 450px;
  }
}
._pseudoInput_15x5h_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_15x5h_123:focus {
  outline: none;
  border-bottom: 2px solid #1976d2;
}
._pseudoInput_15x5h_123:hover {
  outline: none;
  border-bottom: 2px solid #919192;
}
._customLable_15x5h_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_15x5h_179 {
  width: 480px !important;
  max-width: 100vw;
  position: fixed !important;
  height: 100vh !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_15x5h_1 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._sidePanelPaper_15x5h_179 {
    height: 100vh !important;
  }
}
@keyframes _slideInPanel_15x5h_1 {
  from {
    transform: translateX(100%);
    opacity: 0.7;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
._sidePanelContent_15x5h_213 {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: var(--surface);
  color: var(--text);
  border-radius: 0;
  overflow: hidden;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._sidePanelContent_15x5h_213 {
    height: 100vh;
  }
}
._panelHeader_15x5h_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_15x5h_241 {
  font-size: 2.2rem !important;
  color: var(--accent);
  margin-right: 12px;
}
._panelTitle_15x5h_247 {
  flex: 1;
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
  letter-spacing: 0.01em;
  text-align: left;
}
._closeButton_15x5h_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_15x5h_257:hover {
  color: var(--accent);
}
._panelForm_15x5h_275 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
  background: var(--surface);
  overflow-y: auto;
  min-height: 0;
}
._panelBody_15x5h_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_15x5h_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_15x5h_297 button,
._panelFooter_15x5h_297 ._MuiButton-root_15x5h_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_15x5h_297 ._MuiButton-contained_15x5h_318,
._panelFooter_15x5h_297 ._MuiButton-root_15x5h_308._filled_15x5h_319 {
  background: linear-gradient(90deg, #1b76d3 0%, #3bb0ff 100%);
  color: #fff;
  border: none;
}
._panelFooter_15x5h_297 ._MuiButton-contained_15x5h_318:hover,
._panelFooter_15x5h_297 ._MuiButton-root_15x5h_308._filled_15x5h_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_15x5h_297 ._MuiButton-outlined_15x5h_331,
._panelFooter_15x5h_297 ._MuiButton-root_15x5h_308._outlined_15x5h_332 {
  background: var(--surface);
  color: #1b76d3;
  border: 2px solid #1b76d3;
}
._panelFooter_15x5h_297 ._MuiButton-outlined_15x5h_331:hover,
._panelFooter_15x5h_297 ._MuiButton-root_15x5h_308._outlined_15x5h_332:hover {
  background: #f0f7ff;
  color: #1760b3;
  border-color: #1760b3;
}
._flowFormContainer_15x5h_344 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._flowFormBody_15x5h_352 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 14px;
}
._flowFormFooter_15x5h_362 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 48px;
  background-color: var(--surface);
  flex-shrink: 0;
}
._fieldContainer_15x5h_371 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._hader_15x5h_378 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._holderContainer_15x5h_384 {
  display: flex;
  align-items: center;
}
._textHolder_15x5h_389 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--scss-text-color, #1f1f1f);
  display: flex;
  align-items: center;
}
._textFlex_15x5h_398 {
  width: 24px;
  height: 24px;
}
._textWithTooltip_15x5h_403 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_15x5h_409 {
  width: 16px;
  height: 16px;
}
._flowNameWarningIcon_15x5h_414 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._flowNameWarningBox_15x5h_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_15x5h_371 {
  width: 100%;
}
._ddRenderValue_15x5h_438 {
  font-size: 14px;
  font-weight: 500;
}
._grayText_15x5h_443 {
  color: var(--text-muted);
}
._categoryChip_15x5h_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_15x5h_447 span {
  color: var(--accent-active-text, #0066cc);
  font-size: 14px;
  line-height: 1;
}
._categoryChip_15x5h_447 .MuiSvgIcon-root {
  color: var(--accent-active-text, #0066cc) !important;
}
@media (max-width: 700px) {
  ._sidePanelPaper_15x5h_179 {
    width: 100vw !important;
    border-radius: 0 !important;
  }
  ._sidePanelContent_15x5h_213 {
    border-radius: 0;
  }
  ._panelHeader_15x5h_229,
  ._panelBody_15x5h_286,
  ._panelFooter_15x5h_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;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_yumfe_29 {
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
._contentHolder_yumfe_36 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._deleteLabel_yumfe_45 {
  word-wrap: break-word;
  white-space: break-spaces;
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
}
._boldLabel_yumfe_53 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
._header_yumfe_60 {
  font-family: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
._body_yumfe_69 {
  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_yumfe_29 {
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
._contentHolder_yumfe_36 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._deleteLabel_yumfe_45 {
  word-wrap: break-word;
  white-space: break-spaces;
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
}
._boldLabel_yumfe_53 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
._header_yumfe_60 {
  font-family: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
._body_yumfe_69 {
  font-family: inherit;
  font-size: 16px;
}._wrapper_t04ec_1 {
  display: flex;
  padding: var(--page-header-padding);
  padding-top: 0px;
  flex-direction: column;
  width: 100%;
  height: calc(100% - var(--page-header, 87px));
}

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

._input_t04ec_17 {
  width: min(340px, 100%);
}

._input_t04ec_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: var(--radius-md, 9px);
  box-shadow: var(--shadow-sm);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

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

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

._input_t04ec_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_t04ec_17 .MuiInputBase-input::placeholder {
  color: var(--text-secondary);
  opacity: 0.72;
}

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

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

._buttonContainer_t04ec_64 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-lg, 16px);
  padding: var(--pad-toolbar-block-start, 16px) 0 var(--pad-toolbar-block-end, 12px);
}

@media screen and (max-width: 480px) {
  ._buttonContainer_t04ec_64 {
    flex-direction: row;
    justify-content: space-between;
  }
}

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

._actionsCell_t04ec_85 {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: var(--table-action-width, 36px);
}

._actionsTrigger_t04ec_92 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--table-action-width, 36px);
  height: var(--table-action-height, 32px);
  margin: 0 auto;
  border-radius: var(--table-action-radius, 9px);
  transition: background 140ms ease;
}

._actionsTrigger_t04ec_92: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_fsoyo_57 {
  position: relative;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
._background_fsoyo_67 {
  position: absolute;
  width: 10000px;
  height: 10000px;
  z-index: 999;
  bottom: -500px;
}
._dndItems_fsoyo_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_fsoyo_75._botname_fsoyo_90 div {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
._dndnode_fsoyo_97 {
  height: 35px;
  width: 100px;
  cursor: grab;
  margin-left: 10px;
}
._reactflowWrapper_fsoyo_104 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: var(--debug-console-offset, 0px);
  transition: padding-bottom 220ms ease;
}
._flowInitOverlay_fsoyo_112 {
  position: absolute;
  inset: 0;
  background: var(--bg);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
._flowInitContent_fsoyo_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
._flowInitBoxes_fsoyo_130 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._flowInitBox_fsoyo_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_fsoyo_1 1.8s infinite ease-in-out;
}
._flowInitBox--center_fsoyo_145 {
  animation-delay: 0.18s;
}
._flowInitBox--right_fsoyo_148 {
  animation-delay: 0.36s;
}
._flowInitConnector_fsoyo_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_fsoyo_1 1.8s infinite linear;
  opacity: 0.85;
}
._flowInitGraph_fsoyo_162 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
._flowInitRow_fsoyo_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._flowInitConnectorVertical_fsoyo_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_fsoyo_1 1.8s infinite linear;
  opacity: 0.65;
}
._flowInitTitle_fsoyo_186 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: var(--scss-text-color, #1f1f1f);
}
._flowInitSubTitle_fsoyo_195 {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 18px;
  color: var(--scss-gray-text-color, #727272);
}
@keyframes _flowBoxTravel_fsoyo_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_fsoyo_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
._disabledView_fsoyo_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_fsoyo_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_fsoyo_248 {
  width: 100%;
  height: calc(100% - 54px);
  overflow-y: scroll;
}
._subcontainer_fsoyo_254 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
  margin-top: 24px;
}
._subcontainerBehaviour_fsoyo_264 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_fsoyo_269 {
  height: 112px;
  width: 513px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_fsoyo_269 ._hader_fsoyo_276 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._fieldContainer_fsoyo_269 ._hader_fsoyo_276 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
}
._fieldContainer_fsoyo_269 ._hader_fsoyo_276 ._iconHolder_fsoyo_290 {
  width: 17px;
  height: 19px;
}
._fieldContainer_fsoyo_269 ._subhader_fsoyo_294 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
}
._fieldContainer_fsoyo_269 ._field_fsoyo_269 {
  width: 100%;
  height: 52px;
}
._fieldBig_fsoyo_309 {
  width: 100%;
}
._sideTabs_fsoyo_313 {
  position: absolute;
  left: 24px;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}
._sideTab_fsoyo_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_fsoyo_313:hover {
  transform: translateX(0);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}
._sideTab_fsoyo_313 ._icon_fsoyo_290 {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
}
._sideTab_fsoyo_313 ._label_fsoyo_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_fsoyo_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_fsoyo_380 {
  width: 1px;
  height: 32px;
  background: var(--border, #e5e7eb);
  margin: 0 2px;
}
._flowToolbarButton_fsoyo_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_fsoyo_387 .MuiSvgIcon-root {
  color: inherit !important;
}
._flowToolbarButton_fsoyo_387:hover {
  background: var(--surface-muted, #e5e7eb);
  color: var(--text, #111827);
  transform: translateY(-1px);
}
._flowToolbarButtonActive_fsoyo_411 {
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
}
._flowToolbarIcon_fsoyo_416 {
  width: 24px;
  height: 24px;
  line-height: 1;
  filter: var(--icon-mono-filter);
}
._flowToolbarMuiIcon_fsoyo_423 {
  width: 22px;
  height: 22px;
}
._selectionMode_fsoyo_428 .react-flow__pane {
  cursor: crosshair !important;
}
._selectionMode_fsoyo_428 .react-flow__node {
  cursor: grab !important;
}
._selectionMode_fsoyo_428 .react-flow__node.dragging {
  cursor: grabbing !important;
}
._flowToolbarIconVertical_fsoyo_438 {
  transform: rotate(90deg);
}
._flowToolbarTooltip_fsoyo_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_fsoyo_387:hover ._flowToolbarTooltip_fsoyo_442 {
  opacity: 1;
}
._sideTab_fsoyo_313:hover ._label_fsoyo_357,
._sideTab_fsoyo_313._active_fsoyo_463 ._label_fsoyo_357 {
  opacity: 1;
  max-width: 320px;
}
._sideTab_fsoyo_313._active_fsoyo_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_1nz3f_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_1nz3f_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_1nz3f_52 {
  width: 18px;
  height: 18px;
  filter: var(--icon-mono-filter);
}
._rowIconColored_1nz3f_58 {
  width: 18px;
  height: 18px;
  filter: none;
}
._container_1nz3f_64 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 20px;
  overflow: hidden;
  color: var(--text);
}
._mainContainer_1nz3f_74 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
._labelWithIcon_1nz3f_84 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._label_1nz3f_84 {
  font-size: var(--fs-base);
  font-weight: 600;
  line-height: 21px;
  color: var(--text);
}
._rowDescContent_1nz3f_97 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._descLabel_1nz3f_103 {
  font-size: var(--fs-base);
  line-height: 21px;
  color: var(--text-secondary);
}
._addRowButton_1nz3f_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_1nz3f_109:hover {
  background-color: var(--accent-hover-bg);
  box-shadow: var(--shadow-sm);
}
._buttonLabel_1nz3f_131 {
  font-size: var(--fs-base);
  color: var(--text);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_1nz3f_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_ssskx_29 {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 14px;
  min-height: 600px;
  max-height: 90vh;
  position: relative;
  z-index: 1000;
}
._container_ssskx_29 .MuiTooltip-popper {
  z-index: 1400 !important;
}
._actionHeaderEdit_ssskx_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_ssskx_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_ssskx_55 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
  margin-right: 10px;
}
._header_ssskx_73 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._mainHeaderContainer_ssskx_80 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
._label_ssskx_87 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._toolIcon_ssskx_93 {
  width: 32px;
  height: 32px;
}
._closeButton_ssskx_98 {
  cursor: pointer;
}
._fieldLabel_ssskx_102 {
  font-size: 16px;
  font-weight: 600;
  color: var(--scss-text-color, #1f1f1f);
}
._infoCard_ssskx_108 {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--surface);
  border: 1px solid var(--border, #e5e7eb);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._infoCardText_ssskx_118 {
  font-size: 16px;
  color: var(--text-secondary, #6b7280);
  line-height: 1.5;
}
._actionModalContent_ssskx_124 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
._actionHeader_ssskx_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_ssskx_44 img {
  width: 24px;
  height: 24px;
}
._actionHeader_ssskx_44 span {
  font-weight: 600;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
}
._actionContent_ssskx_151 {
  z-index: 1400;
  display: flex;
  flex-direction: column;
  min-width: 0;
  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_ssskx_164 {
  padding: 24px 0;
  min-width: 0;
}
._buttonContainer_ssskx_169 {
  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_os58u_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}
._emptyState_os58u_36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_os58u_36 p {
  font-size: 16px;
  color: var(--text-secondary);
}
._passFailLabel_os58u_49 {
  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_os58u_49 svg {
  color: var(--accent);
  font-size: 1.4em;
}
._eventContent_os58u_71 {
  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_os58u_84 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_os58u_91 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--surface);
}
._eventName_os58u_91:hover, ._eventName_os58u_91:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_os58u_104 {
  margin-bottom: 16px;
}
._logicOperator_os58u_104 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_os58u_104 select:hover {
  border-color: #4caf50;
}
._conditionGroup_os58u_120 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_os58u_120:last-child {
  margin-bottom: 24px;
}
._groupOperator_os58u_130 {
  width: 120px;
  margin: 8px 0;
  background-color: var(--surface);
}
._groupOperator_os58u_130 .MuiSelect-select {
  background-color: var(--surface);
}
._conditions_os58u_139 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_os58u_145 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._subConditions_os58u_145 .SortableList-item.dragging .operatorContainer {
  display: none;
}
._conditionWrapper_os58u_154 {
  display: flex;
  background: var(--surface-muted);
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_os58u_162 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
  cursor: grab;
}
._dragHandleContainer_os58u_162 svg {
  color: #98a2b3;
}
._dragHandleContainer_os58u_162 svg:hover {
  color: var(--text);
}
._SortableItem-dragging_os58u_176 ._operatorContainer_os58u_150 {
  display: none;
}
._conditionContent_os58u_180 {
  display: grid;
  grid-template-columns: 1fr 20% 1fr;
  gap: 8px;
  padding: 14px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
._singleLineInput_os58u_190 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: fit-content;
}
._singleLineInput_os58u_190 .editableWrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
._singleLineInput_os58u_190 .inputWithHelpIcon {
  width: 80%;
  min-width: 0;
  max-width: 100%;
}
._deleteButtonContainer_os58u_209 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_os58u_209 {
  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_os58u_209 svg {
  font-size: 20px;
}
._deleteButton_os58u_209:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--text) !important;
}
._deleteButton--disabled_os58u_238 {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed !important;
  background: none !important;
  color: #d3d3d3 !important;
}
._fieldSelect_os58u_246,
._operatorSelect_os58u_247 {
  width: 100%;
  background-color: var(--surface);
}
._fieldSelect_os58u_246 .MuiSelect-select,
._operatorSelect_os58u_247 .MuiSelect-select {
  background-color: var(--surface);
}
._fieldSelect_os58u_246 .MuiOutlinedInput-notchedOutline,
._operatorSelect_os58u_247 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_os58u_246 .MuiInputBase-root,
._operatorSelect_os58u_247 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_os58u_246 .MuiInputBase-root fieldset,
._operatorSelect_os58u_247 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_os58u_246 .MuiInputBase-root fieldset legend,
._operatorSelect_os58u_247 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_os58u_272 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: var(--surface);
  width: 100%;
}
._valueInput_os58u_272:focus {
  outline: none;
  border-color: #1976d2;
}
._valueInput--invalid_os58u_284 {
  border: 1.5px solid #f44336 !important;
}
._groupOperator_os58u_130,
._conditionOperator_os58u_289 {
  margin: 8px 0 !important;
  background-color: var(--surface);
}
._groupOperator_os58u_130 .MuiSelect-select,
._conditionOperator_os58u_289 .MuiSelect-select {
  background-color: var(--surface);
}
._groupOperator_os58u_130 .MuiOutlinedInput-notchedOutline,
._conditionOperator_os58u_289 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_os58u_130 .MuiInputBase-root,
._conditionOperator_os58u_289 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_os58u_130 .MuiInputBase-root fieldset,
._conditionOperator_os58u_289 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_os58u_130 .MuiInputBase-root fieldset legend,
._conditionOperator_os58u_289 .MuiInputBase-root fieldset legend {
  display: none;
}
._subConditionOperator_os58u_314 {
  width: 120px !important;
  margin: 8px auto !important;
  background-color: var(--surface);
}
._subConditionOperator_os58u_314 .MuiSelect-select {
  background-color: var(--surface);
}
._subConditionOperator_os58u_314 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._subConditionOperator_os58u_314 .MuiInputBase-root {
  height: 36px;
}
._subConditionOperator_os58u_314 .MuiInputBase-root fieldset {
  top: 0;
}
._subConditionOperator_os58u_314 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_os58u_335 {
  margin-top: 8px;
}
._addConditionButton_os58u_339 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_os58u_339 ._addIcon_os58u_344 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_os58u_162 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_os58u_162:hover {
  color: var(--text);
  background-color: rgba(0, 0, 0, 0.04);
}
._bottomActions_os58u_358 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
  gap: 16px;
}
._colorSettings_os58u_367 {
  display: flex;
  gap: 24px;
}
._colorOption_os58u_372 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_os58u_372 span {
  font-size: 14px;
  color: var(--text);
}
._colorOption_os58u_372 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_os58u_372 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_os58u_372 .MuiInputAdornment-root {
  margin-left: 0;
  height: 70%;
  margin-top: 4px;
  max-height: none;
}
._colorOption_os58u_372 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._fieldSelect_os58u_246 {
  min-width: 200px;
  background: var(--surface);
  transition: all 0.2s ease;
}
._fieldSelect_os58u_246:hover {
  background: var(--surface-muted);
}
._treeItem_os58u_411:hover {
  background: var(--surface-muted);
}
._treeItem_os58u_411._Mui-selected_os58u_414 {
  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_sm2ga_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._emptyState_sm2ga_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 16px;
}
._emptyState_sm2ga_35 p {
  font-size: 16px;
  color: var(--text-secondary);
}
._eventContent_sm2ga_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_sm2ga_58 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._eventName_sm2ga_65 {
  flex: 1;
  font-size: 14px;
  border: 1px solid var(--scss-borderColor, #d8dbdf);
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--surface);
}
._eventName_sm2ga_65:hover, ._eventName_sm2ga_65:focus {
  border-color: #4caf50;
  outline: none;
}
._logicOperator_sm2ga_78 {
  margin-bottom: 16px;
}
._logicOperator_sm2ga_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_sm2ga_78 select:hover {
  border-color: #4caf50;
}
._conditionGroup_sm2ga_94 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
._conditionGroup_sm2ga_94:last-child {
  margin-bottom: 24px;
}
._groupOperator_sm2ga_104 {
  width: 120px;
  margin: 8px 0;
  background-color: var(--surface);
}
._groupOperator_sm2ga_104 .MuiSelect-select {
  background-color: var(--surface);
}
._conditions_sm2ga_113 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._conditionWrapper_sm2ga_119 {
  display: flex;
  background: var(--surface-muted);
  border-radius: 6px;
  width: 100%;
  border: 1px solid #d8dbdf;
}
._dragHandleContainer_sm2ga_127 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #d8dbdf;
}
._dragHandleContainer_sm2ga_127 .DragHandle {
  cursor: grab;
  color: #98a2b3;
  padding: 4px;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
._dragHandleContainer_sm2ga_127 .DragHandle:hover {
  color: var(--text);
}
._conditionContent_sm2ga_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_sm2ga_156 {
  display: flex;
  align-items: center;
  padding: 8px;
  border-left: 1px solid #d8dbdf;
}
._deleteButton_sm2ga_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_sm2ga_156 svg {
  font-size: 20px;
}
._deleteButton_sm2ga_156:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--text) !important;
}
._fieldSelect_sm2ga_185,
._operatorSelect_sm2ga_186 {
  min-width: 120px;
  background-color: var(--surface);
}
._fieldSelect_sm2ga_185 .MuiSelect-select,
._operatorSelect_sm2ga_186 .MuiSelect-select {
  background-color: var(--surface);
}
._fieldSelect_sm2ga_185 .MuiOutlinedInput-notchedOutline,
._operatorSelect_sm2ga_186 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._fieldSelect_sm2ga_185 .MuiInputBase-root,
._operatorSelect_sm2ga_186 .MuiInputBase-root {
  height: 36px;
}
._fieldSelect_sm2ga_185 .MuiInputBase-root fieldset,
._operatorSelect_sm2ga_186 .MuiInputBase-root fieldset {
  top: 0;
}
._fieldSelect_sm2ga_185 .MuiInputBase-root fieldset legend,
._operatorSelect_sm2ga_186 .MuiInputBase-root fieldset legend {
  display: none;
}
._valueInput_sm2ga_211 {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  background-color: var(--surface);
  min-width: 120px;
}
._valueInput_sm2ga_211:focus {
  outline: none;
  border-color: #1976d2;
}
._groupOperator_sm2ga_104,
._conditionOperator_sm2ga_224 {
  margin: 8px 0 !important;
  background-color: var(--surface);
}
._groupOperator_sm2ga_104 .MuiSelect-select,
._conditionOperator_sm2ga_224 .MuiSelect-select {
  background-color: var(--surface);
}
._groupOperator_sm2ga_104 .MuiOutlinedInput-notchedOutline,
._conditionOperator_sm2ga_224 .MuiOutlinedInput-notchedOutline {
  top: 0;
}
._groupOperator_sm2ga_104 .MuiInputBase-root,
._conditionOperator_sm2ga_224 .MuiInputBase-root {
  height: 36px;
}
._groupOperator_sm2ga_104 .MuiInputBase-root fieldset,
._conditionOperator_sm2ga_224 .MuiInputBase-root fieldset {
  top: 0;
}
._groupOperator_sm2ga_104 .MuiInputBase-root fieldset legend,
._conditionOperator_sm2ga_224 .MuiInputBase-root fieldset legend {
  display: none;
}
._addConditionContainer_sm2ga_249 {
  margin-top: 8px;
}
._addConditionButton_sm2ga_253 {
  align-self: flex-start;
  color: #5479f7;
  font-weight: 500;
}
._addConditionButton_sm2ga_253 ._addIcon_sm2ga_258 {
  margin-right: 8px;
  font-size: 20px;
}
._dragHandle_sm2ga_127 {
  padding: 4px;
  color: #98a2b3;
}
._dragHandle_sm2ga_127:hover {
  color: var(--text);
  background-color: rgba(0, 0, 0, 0.04);
}
._colorSettings_sm2ga_272 {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 16px;
  border-top: 1px solid #d8dbdf;
}
._colorOption_sm2ga_280 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._colorOption_sm2ga_280 span {
  font-size: 14px;
  color: var(--text);
}
._colorOption_sm2ga_280 .MuiInputBase-root {
  height: 36px;
  width: 140px;
}
._colorOption_sm2ga_280 .MuiInputBase-input {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}
._colorOption_sm2ga_280 .MuiInputAdornment-root {
  margin-left: 0;
  height: 100%;
  max-height: none;
}
._colorOption_sm2ga_280 .MuiButtonBase-root {
  height: 100%;
  padding: 0 8px;
  margin-right: -7px;
}
._tabsContainer_sm2ga_309 {
  width: 100%;
  min-width: 0;
  border-bottom: 1px solid #d8dbdf;
  display: flex;
  align-items: flex-end;
  gap: 2px;
}
._tabsList_sm2ga_318 {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 1px;
  scrollbar-width: thin;
}
._tabsList_sm2ga_318::-webkit-scrollbar {
  height: 4px;
}
._tabsList_sm2ga_318::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 2px;
}
._tab_sm2ga_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;
  flex-shrink: 0;
  height: 36px;
}
._tab_sm2ga_309 span {
  flex: 1;
  font-size: 14px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tab_sm2ga_309:hover {
  background: var(--surface-muted);
}
._tab_sm2ga_309:hover ._closeButton_sm2ga_363 {
  opacity: 1;
}
._tab_sm2ga_309._active_sm2ga_366 {
  background: var(--surface);
  border-color: #d8dbdf;
  color: var(--text);
  position: relative;
}
._tab_sm2ga_309._active_sm2ga_366::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--surface);
}
._tab_sm2ga_309._active_sm2ga_366 span {
  color: var(--text);
}
._tab_sm2ga_309._active_sm2ga_366 ._closeButton_sm2ga_363 {
  opacity: 1;
}
._tab_sm2ga_309._empty_sm2ga_35 {
  border-color: var(--danger);
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
}
._tab_sm2ga_309._empty_sm2ga_35 span {
  color: var(--danger);
}
._tab_sm2ga_309._empty_sm2ga_35._active_sm2ga_366 {
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
  border-color: var(--danger);
}
._tab_sm2ga_309._empty_sm2ga_35._active_sm2ga_366::after {
  background: color-mix(in srgb, var(--danger) 12%, var(--surface));
}
._closeButton_sm2ga_363 {
  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_sm2ga_363:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--text);
}
._addButton_sm2ga_422 {
  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;
  flex-shrink: 0;
}
._addButton_sm2ga_422:hover {
  background: rgba(84, 121, 247, 0.04);
}._tagifyDropdownContainer_1hoi1_1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._errorTooltipTarget_1hoi1_9 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

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

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

._chevronButtonLoading_1hoi1_130 {
  cursor: default;
  pointer-events: none;
}
._chevronButtonLoading_1hoi1_130:hover {
  background: transparent;
}

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

._dropdownContainer_1hoi1_144 {
  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_zflvv_29 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 100px;
}
._ddContainer_zflvv_36 {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  flex-direction: row;
  gap: 8px;
}
._ddContainer_zflvv_36 span {
  font-size: 16px;
  line-height: 27px;
  align-self: center;
}
._fieldContainer_zflvv_50 {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-width: 100%;
  flex: 1;
  gap: 8px;
  font-family: "Roboto";
  color: var(--text);
}
._textAreaContainer_zflvv_61 {
  grid-column: span 3;
}
._flexContainer_zflvv_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._hader_zflvv_71 {
  width: 100%;
  display: flex;
  align-items: center;
  height: 24px;
  gap: 8px;
}
._textHolder_zflvv_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;
  color: var(--text);
}
._icon_zflvv_92 {
  margin-top: -5px;
  cursor: pointer;
}
._textWithTooltip_zflvv_97 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._tooltipIcon_zflvv_103 {
  align-self: center;
  width: 12px;
  height: 12px;
  top: 0 !important;
}
._field_zflvv_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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._fieldRows_zflvv_126 {
  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: var(--fs-base);
  line-height: 19px;
  font-weight: 500;
  gap: 14px;
  font-family: "Roboto";
}
._checkboxContainer_zflvv_143 {
  display: flex;
  align-items: center;
  height: 100%;
}
._checkboxContainer_zflvv_143 label {
  display: flex;
  gap: 10px;
}
._checkboxContainer_zflvv_143 span:last-child {
  padding-top: 1px;
}
._firstRow_zflvv_156 {
  display: flex;
  gap: 14px;
}
._actionItems_zflvv_161 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}
._switcherWrapper_zflvv_169 {
  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_1lly5_1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  pointer-events: none;
  z-index: 6;
}

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

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

._panel_1lly5_40 {
  --feed-row-pad: 2px;
  --feed-gap-xs: 4px;
  --feed-gap-sm: 6px;
  --feed-gap-md: 10px;
  --feed-gap-lg: 16px;
  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_1lly5_64 {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}

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

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

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

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

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

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

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

._autoscrollLabel_1lly5_143 {
  user-select: none;
}

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

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

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

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

._filterBar_1lly5_209 {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(2, 6, 23, 0.2);
}

._searchField_1lly5_220 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 1 320px;
  min-width: 210px;
  height: 28px;
  color: rgba(255, 255, 255, 0.58);
}

._searchIcon_1lly5_230 {
  position: absolute;
  left: 8px;
  z-index: 1;
  width: 16px !important;
  height: 16px !important;
  pointer-events: none;
}

._searchInput_1lly5_239 {
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0 30px 0 30px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  outline: none;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
  font: inherit;
  font-size: 11px;
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
._searchInput_1lly5_239::placeholder {
  color: rgba(255, 255, 255, 0.42);
}
._searchInput_1lly5_239::-webkit-search-cancel-button {
  display: none;
}
._searchInput_1lly5_239:focus {
  border-color: rgba(96, 165, 250, 0.72);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.16);
}

._searchClearButton_1lly5_265 {
  position: absolute;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
._searchClearButton_1lly5_265 svg {
  width: 15px;
  height: 15px;
}
._searchClearButton_1lly5_265:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

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

._filterChip_1lly5_296 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 7px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.66);
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0.68;
  transition: opacity 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
._filterChip_1lly5_296:hover:not(:disabled) {
  opacity: 1;
  transform: translateY(-1px);
}
._filterChip_1lly5_296:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.85);
  outline-offset: 1px;
}
._filterChip_1lly5_296:disabled {
  opacity: 0.3;
  cursor: default;
}

._filterChipSelected_1lly5_330 {
  opacity: 1;
  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 1px rgba(255, 255, 255, 0.08);
}

._filterCount_1lly5_335 {
  min-width: 12px;
  color: currentColor;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  text-align: center;
  opacity: 0.72;
}

._moreFilters_1lly5_344 {
  position: relative;
}

._moreFiltersButton_1lly5_348 {
  padding-right: 8px;
}

._moreChevron_1lly5_352 {
  width: 5px;
  height: 5px;
  margin: -2px 0 0 1px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform 140ms ease;
}

._moreChevronOpen_1lly5_362 {
  margin-top: 2px;
  transform: rotate(225deg);
}

._moreFiltersMenu_1lly5_367 {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  width: 220px;
  max-height: 240px;
  padding: 5px;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
  background: #111a2c;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42);
}

._moreFilterOption_1lly5_384 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 30px;
  padding: 4px 7px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: rgba(255, 255, 255, 0.74);
  font: inherit;
  font-size: 10px;
  text-align: left;
  cursor: pointer;
}
._moreFilterOption_1lly5_384:hover, ._moreFilterOption_1lly5_384:focus-visible {
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}

._moreFilterOptionSelected_1lly5_406 {
  background: rgba(59, 130, 246, 0.1);
}

._moreFilterBadge_1lly5_410 {
  justify-self: start;
  min-width: 0;
  padding: 1px 6px;
  overflow: hidden;
  border: 1px solid rgba(148, 197, 255, 0.2);
  border-radius: 3px;
  color: rgba(148, 197, 255, 0.82);
  background: rgba(148, 197, 255, 0.1);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._moreFilterCount_1lly5_425,
._moreFilterCheck_1lly5_426 {
  font-variant-numeric: tabular-nums;
  opacity: 0.62;
}

._moreFilterCheck_1lly5_426 {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 700;
}

._filterMeta_1lly5_437 {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 74px;
  margin-left: auto;
  justify-content: flex-end;
  white-space: nowrap;
}

._resultsCount_1lly5_447 {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

._resetFiltersButton_1lly5_453,
._emptyResetButton_1lly5_454 {
  padding: 0;
  border: 0;
  background: transparent;
  color: #60a5fa;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}
._resetFiltersButton_1lly5_453:hover,
._emptyResetButton_1lly5_454:hover {
  color: #93c5fd;
  text-decoration: underline;
}
._resetFiltersButton_1lly5_453:focus-visible,
._emptyResetButton_1lly5_454:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.8);
  outline-offset: 2px;
}

._logList_1lly5_475 {
  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_1lly5_488 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
._sessionBlock_1lly5_488:first-child ._sessionDivider_1lly5_493 {
  margin-top: var(--feed-gap-xs);
}
._sessionBlock_1lly5_488:last-child {
  padding-bottom: var(--feed-gap-lg);
}

._logRowSpaced_1lly5_500 {
  margin-top: var(--feed-gap-sm);
}

._sessionEndDivider_1lly5_504 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: var(--feed-gap-md) 0 var(--feed-gap-sm);
  padding: 0 8px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.48);
}
._sessionEndDivider_1lly5_504::before, ._sessionEndDivider_1lly5_504::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

._sessionEndTime_1lly5_522 {
  letter-spacing: normal;
  opacity: 0.72;
  white-space: nowrap;
}

._sessionEndLabel_1lly5_528 {
  font-weight: 600;
  white-space: nowrap;
}

._sessionDivider_1lly5_493 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: var(--feed-gap-lg) 0 var(--feed-gap-xs);
  padding: 3px 8px;
  background: #0b1221;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
._sessionDivider_1lly5_493::before, ._sessionDivider_1lly5_493::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
._sessionDivider_1lly5_493::before {
  max-width: 32px;
}

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

._sessionChannel_1lly5_580 {
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(148, 197, 255, 0.95);
  background: rgba(148, 197, 255, 0.12);
  border: 1px solid rgba(148, 197, 255, 0.3);
  border-radius: 3px;
  padding: 0 6px;
  white-space: nowrap;
}

._sessionLabel_1lly5_591 {
  font-weight: 600;
}

._sessionId_1lly5_595 {
  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_1lly5_606 {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: rgba(148, 197, 255, 0.85);
}

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

._logRowSimple_1lly5_627 {
  padding: var(--feed-row-pad) 8px;
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
}

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

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

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

._logLevel_1lly5_657 {
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgba(248, 250, 252, 0.9);
  font-size: 11px;
  min-width: 54px;
  text-align: right;
}

._logTypeCell_1lly5_666 {
  display: inline-flex;
  align-items: center;
  width: 118px;
  flex-shrink: 0;
}
._logTypeCell_1lly5_666 > ._logType_1lly5_666 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

._chevronHidden_1lly5_701 {
  visibility: hidden;
}

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

._detailsText_1lly5_713 {
  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_1lly5_723 {
  margin-bottom: 2px;
}

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

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

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

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

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

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

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

._stackTraceType_1lly5_774 {
  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: uppercase;
  padding: 0px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

._stackTraceTitle_1lly5_791 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: rgba(255, 255, 255, 0.88);
}

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

._stackTraceIcon_1lly5_805 {
  width: 14px;
  height: 14px;
  object-fit: contain;
  border-radius: 3px;
  flex-shrink: 0;
  filter: none;
}

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

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

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

._stackTraceBarOverflow_1lly5_837 {
  outline: 1px solid rgba(248, 113, 113, 0.9);
  outline-offset: -1px;
}

._stackTraceTick_1lly5_842 {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 2px;
  border-radius: 1px;
  background: #3b82f6;
  opacity: 0.85;
}

._stackTraceGap_1lly5_852 {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 999px;
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0.22) 3px, transparent 3px, transparent 6px);
}

._stackTraceRowMuted_1lly5_860 {
  color: rgba(255, 255, 255, 0.55);
}
._stackTraceRowMuted_1lly5_860 ._stackTraceTitleText_1lly5_799,
._stackTraceRowMuted_1lly5_860 ._stackTraceDuration_1lly5_814 {
  color: inherit;
  font-style: italic;
}

._emptyState_1lly5_869 {
  padding: 48px 32px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
._emptyState_1lly5_869 p {
  margin: 0;
}
._emptyState_1lly5_869 ._emptyResetButton_1lly5_454 {
  margin-top: 8px;
}

._searchHighlight_1lly5_883 {
  padding: 0;
  border-radius: 2px;
  background: rgba(250, 204, 21, 0.28);
  color: inherit;
  box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.12);
}

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

._logParams_1lly5_903 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 10px;
  margin-left: 10px;
  vertical-align: baseline;
}
._logParams_1lly5_903:first-child {
  margin-left: 0;
}

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

._logActionIcon_1lly5_921 {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  object-fit: contain;
  vertical-align: -2px;
  border-radius: 2px;
  filter: none;
}

._logType_1lly5_666 {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  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: 0 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._stackBarRequest_1lly5_1140 {
  background: #f8c27a;
}

._stackBarResponse_1lly5_1144 {
  background: #a7a4f5;
}

._stackBarAction_1lly5_1148 {
  background: #8fd9ab;
}

._stackBarTool_1lly5_1152 {
  background: #c5a7ef;
}

._stackBarFunction_1lly5_1156 {
  background: #f2a8cf;
}

._stackBarTransition_1lly5_1160 {
  background: #8eccea;
}

._stackBarSession_1lly5_1164 {
  background: #b6c2d1;
}

._stackBarTurn_1lly5_1168 {
  background: #a5b0f7;
}

._stackBarVad_1lly5_1172 {
  background: #86d3f5;
}

._stackBarTranscript_1lly5_1176 {
  background: #79dced;
}

._stackBarEot_1lly5_1180 {
  background: #a9d8fb;
}

._stackBarInterrupt_1lly5_1184 {
  background: #c3b0f7;
}

._stackBarFlow_1lly5_1188 {
  background: #a5f3fc;
}

._stackBarStt_1lly5_1192 {
  background: #7fdcc9;
}

._stackBarTts_1lly5_1196 {
  background: #86ddba;
}

._stackBarEventtool_1lly5_1200 {
  background: #99f6e4;
}

._stackBarWebrtc_1lly5_1204 {
  background: #8fb6f5;
}

._stackBarGateway_1lly5_1208 {
  background: #9cc0f7;
}

._stackBarEngine_1lly5_1212 {
  background: #93c5fd;
}

._stackBarRedirect_1lly5_1216 {
  background: #f7d283;
}

._stackBarFallback_1lly5_1220 {
  background: #f39a9a;
}

._stackBarGeneration_1lly5_1224 {
  background: #d8b4fe;
}

._stackBarLlmError_1lly5_1228 {
  background: #fca5a5;
}

._stackBarLlmFallback_1lly5_1232 {
  background: #fdba74;
}

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

@keyframes _pendingPulse_1lly5_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.75);
  }
}
._logUpdatedTime_1lly5_1256 {
  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_1lly5_1265 {
  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_1lly5_1277 {
  transform: rotate(45deg);
}

._detailsContentChild_1lly5_1281 {
  margin-left: 0;
}

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

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

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

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

._level-info_1lly5_1311 ._logLevel_1lly5_657 {
  color: #60a5fa;
}

._level-warn_1lly5_1315 ._logLevel_1lly5_657 {
  color: #fbbf24;
}

._level-error_1lly5_1319 ._logLevel_1lly5_657 {
  color: #f87171;
}

._level-debug_1lly5_1323 ._logLevel_1lly5_657 {
  color: #5eead4;
}

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

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

._theme-light_1lly5_1336 {
  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_1lly5_1336 ._dragHandle_1lly5_79 span {
  background: rgba(15, 23, 42, 0.35);
}
._theme-light_1lly5_1336 ._panelHeader_1lly5_98 {
  color: rgba(15, 23, 42, 0.9);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
._theme-light_1lly5_1336 ._filterBar_1lly5_209 {
  background: rgba(15, 23, 42, 0.025);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
._theme-light_1lly5_1336 ._searchField_1lly5_220 {
  color: rgba(15, 23, 42, 0.5);
}
._theme-light_1lly5_1336 ._searchInput_1lly5_239 {
  border-color: rgba(15, 23, 42, 0.16);
  background: #fff;
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1lly5_1336 ._searchInput_1lly5_239::placeholder {
  color: rgba(15, 23, 42, 0.42);
}
._theme-light_1lly5_1336 ._searchInput_1lly5_239:focus {
  border-color: rgba(37, 99, 235, 0.58);
  background: #fff;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}
._theme-light_1lly5_1336 ._searchClearButton_1lly5_265:hover {
  background: rgba(15, 23, 42, 0.07);
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._filterChip_1lly5_296 {
  border-color: rgba(15, 23, 42, 0.15);
  background: rgba(15, 23, 42, 0.035);
  color: rgba(15, 23, 42, 0.62);
}
._theme-light_1lly5_1336 ._filterChipSelected_1lly5_330 {
  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 1px rgba(15, 23, 42, 0.05);
}
._theme-light_1lly5_1336 ._moreFiltersMenu_1lly5_367 {
  border-color: rgba(15, 23, 42, 0.14);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18);
}
._theme-light_1lly5_1336 ._moreFilterOption_1lly5_384 {
  color: rgba(15, 23, 42, 0.72);
}
._theme-light_1lly5_1336 ._moreFilterOption_1lly5_384:hover, ._theme-light_1lly5_1336 ._moreFilterOption_1lly5_384:focus-visible {
  background: rgba(15, 23, 42, 0.06);
}
._theme-light_1lly5_1336 ._moreFilterOptionSelected_1lly5_406 {
  background: rgba(37, 99, 235, 0.08);
}
._theme-light_1lly5_1336 ._moreFilterBadge_1lly5_410 {
  color: rgba(37, 99, 235, 0.82);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.2);
}
._theme-light_1lly5_1336 ._moreFilterCheck_1lly5_426,
._theme-light_1lly5_1336 ._resetFiltersButton_1lly5_453,
._theme-light_1lly5_1336 ._emptyResetButton_1lly5_454 {
  color: #2563eb;
}
._theme-light_1lly5_1336 ._resultsCount_1lly5_447 {
  color: rgba(15, 23, 42, 0.46);
}
._theme-light_1lly5_1336 ._searchHighlight_1lly5_883 {
  background: rgba(250, 204, 21, 0.35);
  box-shadow: 0 0 0 1px rgba(202, 138, 4, 0.12);
}
._theme-light_1lly5_1336 ._autoscrollToggle_1lly5_134 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._panelSubtitle_1lly5_114 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._themeSwitch_1lly5_147 {
  border-color: rgba(15, 23, 42, 0.2);
}
._theme-light_1lly5_1336 ._themeOption_1lly5_155 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._themeOptionActive_1lly5_166 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_1lly5_1336 ._clearButton_1lly5_188 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_1lly5_1336 ._clearButton_1lly5_188: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_1lly5_1336 ._closeButton_1lly5_171 {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.75);
}
._theme-light_1lly5_1336 ._closeButton_1lly5_171:hover {
  background: rgba(15, 23, 42, 0.16);
  color: rgba(15, 23, 42, 0.95);
}
._theme-light_1lly5_1336 ._pill_1lly5_1445 {
  border-color: rgba(15, 23, 42, 0.2);
  color: rgba(15, 23, 42, 0.65);
}
._theme-light_1lly5_1336 ._logRow_1lly5_500 {
  background: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1lly5_1336 ._logRowSimple_1lly5_627 {
  border-bottom-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1lly5_1336 ._logRowClickable_1lly5_633 ._logContent_1lly5_633:hover {
  background: rgba(15, 23, 42, 0.08);
}
._theme-light_1lly5_1336 ._logTime_1lly5_650 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._logLevel_1lly5_657 {
  color: rgba(15, 23, 42, 0.9);
}
._theme-light_1lly5_1336 ._logMessageSimple_1lly5_678 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._chevron_1lly5_685 {
  border-right-color: rgba(15, 23, 42, 0.6);
  border-bottom-color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._detailsContent_1lly5_705 {
  background: rgba(15, 23, 42, 0.05);
  border-left-color: rgba(15, 23, 42, 0.2);
}
._theme-light_1lly5_1336 ._detailsText_1lly5_713 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._detailsKey_1lly5_727 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_1lly5_1336 ._detailsValue_1lly5_731 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._detailsExpandButton_1lly5_735 {
  color: rgba(37, 99, 235, 0.85);
}
._theme-light_1lly5_1336 ._stackTraceBlock_1lly5_745 {
  background: rgba(15, 23, 42, 0.05);
  border-color: rgba(15, 23, 42, 0.14);
}
._theme-light_1lly5_1336 ._stackTraceHeader_1lly5_753 {
  color: rgba(15, 23, 42, 0.68);
}
._theme-light_1lly5_1336 ._stackTraceType_1lly5_774 {
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(37, 99, 235, 0.08);
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_1lly5_1336 ._stackTraceTitle_1lly5_791 {
  color: rgba(15, 23, 42, 0.86);
}
._theme-light_1lly5_1336 ._stackTraceDuration_1lly5_814 {
  color: rgba(15, 23, 42, 0.64);
}
._theme-light_1lly5_1336 ._stackTraceBarTrack_1lly5_821 {
  background: #cbd5e1;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821 {
  background: #3b82f6;
}
._theme-light_1lly5_1336 ._stackTraceTick_1lly5_842 {
  background: #3b82f6;
}
._theme-light_1lly5_1336 ._stackTraceGap_1lly5_852 {
  background: repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.24) 0, rgba(15, 23, 42, 0.24) 3px, transparent 3px, transparent 6px);
}
._theme-light_1lly5_1336 ._stackTraceRowMuted_1lly5_860 {
  color: rgba(15, 23, 42, 0.55);
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarRequest_1lly5_1140 {
  background: #f8c27a;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarResponse_1lly5_1144 {
  background: #a7a4f5;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarAction_1lly5_1148 {
  background: #8fd9ab;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarTool_1lly5_1152 {
  background: #c5a7ef;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarFunction_1lly5_1156 {
  background: #f2a8cf;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarTransition_1lly5_1160 {
  background: #8eccea;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarSession_1lly5_1164 {
  background: #b6c2d1;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarTurn_1lly5_1168 {
  background: #a5b0f7;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarVad_1lly5_1172 {
  background: #86d3f5;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarTranscript_1lly5_1176 {
  background: #79dced;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarEot_1lly5_1180 {
  background: #a9d8fb;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarInterrupt_1lly5_1184 {
  background: #c3b0f7;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarFlow_1lly5_1188 {
  background: #a5f3fc;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarStt_1lly5_1192 {
  background: #7fdcc9;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarTts_1lly5_1196 {
  background: #86ddba;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarEventtool_1lly5_1200 {
  background: #99f6e4;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarWebrtc_1lly5_1204 {
  background: #8fb6f5;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarGateway_1lly5_1208 {
  background: #9cc0f7;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarEngine_1lly5_1212 {
  background: #93c5fd;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarRedirect_1lly5_1216 {
  background: #f7d283;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarFallback_1lly5_1220 {
  background: #f39a9a;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarGeneration_1lly5_1224 {
  background: #d8b4fe;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarLlmError_1lly5_1228 {
  background: #fca5a5;
}
._theme-light_1lly5_1336 ._stackTraceBar_1lly5_821._stackBarLlmFallback_1lly5_1232 {
  background: #fdba74;
}
._theme-light_1lly5_1336 ._logTime_1lly5_650 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._logSource_1lly5_1297 {
  color: rgba(37, 99, 235, 0.8);
}
._theme-light_1lly5_1336 ._logMessage_1lly5_678 {
  color: rgba(15, 23, 42, 0.85);
}
._theme-light_1lly5_1336 ._sessionDivider_1lly5_493 {
  background: #f9fafb;
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._sessionDivider_1lly5_493::before, ._theme-light_1lly5_1336 ._sessionDivider_1lly5_493::after {
  background: rgba(15, 23, 42, 0.12);
}
._theme-light_1lly5_1336 ._sessionChannel_1lly5_580 {
  color: rgba(37, 99, 235, 0.85);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
}
._theme-light_1lly5_1336 ._sessionEndDivider_1lly5_504 {
  color: rgba(15, 23, 42, 0.55);
}
._theme-light_1lly5_1336 ._sessionEndDivider_1lly5_504::before, ._theme-light_1lly5_1336 ._sessionEndDivider_1lly5_504::after {
  background: rgba(15, 23, 42, 0.12);
}
._theme-light_1lly5_1336 ._sessionTime_1lly5_606 {
  color: rgba(59, 130, 246, 0.8);
}
._theme-light_1lly5_1336 ._copyButton_1lly5_558 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._copyButton_1lly5_558:hover {
  background: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.8);
}
._theme-light_1lly5_1336 ._emptyState_1lly5_869 {
  color: rgba(15, 23, 42, 0.6);
}
._theme-light_1lly5_1336 ._logList_1lly5_475::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.25);
}
._theme-light_1lly5_1336 ._logRowChild_1lly5_891 {
  border-left-color: rgba(15, 23, 42, 0.12);
  background: rgba(15, 23, 42, 0.02);
}
._theme-light_1lly5_1336 ._logType_1lly5_666 {
  color: rgba(37, 99, 235, 0.8);
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.2);
}
._theme-light_1lly5_1336 ._logTypeRequest_1lly5_948 {
  color: #b45309;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
}
._theme-light_1lly5_1336 ._logTypeResponse_1lly5_954 {
  color: #3730a3;
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.35);
}
._theme-light_1lly5_1336 ._logTypeInteraction_1lly5_960 {
  color: #0369a1;
  background: rgba(14, 165, 233, 0.1);
  border-color: rgba(14, 165, 233, 0.3);
}
._theme-light_1lly5_1336 ._logTypeAction_1lly5_966 {
  color: #15803d;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
}
._theme-light_1lly5_1336 ._logTypeTool_1lly5_972 {
  color: #7e22ce;
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.35);
}
._theme-light_1lly5_1336 ._logTypeFunction_1lly5_978 {
  color: #be185d;
  background: rgba(236, 72, 153, 0.12);
  border-color: rgba(236, 72, 153, 0.35);
}
._theme-light_1lly5_1336 ._logTypeTransition_1lly5_984 {
  color: #075985;
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(14, 165, 233, 0.35);
}
._theme-light_1lly5_1336 ._logTypeSession_1lly5_990 {
  color: #475569;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.35);
}
._theme-light_1lly5_1336 ._logTypeTurn_1lly5_996 {
  color: #4f46e5;
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.35);
}
._theme-light_1lly5_1336 ._logTypeVad_1lly5_1002 {
  color: #0284c7;
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.35);
}
._theme-light_1lly5_1336 ._logTypeTranscript_1lly5_1008 {
  color: #0891b2;
  background: rgba(34, 211, 238, 0.12);
  border-color: rgba(34, 211, 238, 0.35);
}
._theme-light_1lly5_1336 ._logTypeEot_1lly5_1014 {
  color: #2563eb;
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
}
._theme-light_1lly5_1336 ._logTypeInterrupt_1lly5_1020 {
  color: #7c3aed;
  background: rgba(167, 139, 250, 0.12);
  border-color: rgba(167, 139, 250, 0.35);
}
._theme-light_1lly5_1336 ._logTypeFlow_1lly5_1026 {
  color: #0e7490;
  background: rgba(103, 232, 249, 0.14);
  border-color: rgba(6, 182, 212, 0.35);
}
._theme-light_1lly5_1336 ._logTypeBackground_1lly5_1032 {
  color: #3f6212;
  background: rgba(132, 204, 22, 0.14);
  border-color: rgba(101, 163, 13, 0.4);
}
._theme-light_1lly5_1336 ._logTypeEmotion_1lly5_1038 {
  color: #a21caf;
  background: rgba(217, 70, 239, 0.12);
  border-color: rgba(192, 38, 211, 0.38);
}
._theme-light_1lly5_1336 ._logTypeSafety_1lly5_1044 {
  color: #9f1239;
  background: rgba(190, 18, 60, 0.11);
  border-color: rgba(190, 18, 60, 0.36);
}
._theme-light_1lly5_1336 ._logTypeCriticalSafety_1lly5_1050 {
  color: #991b1b;
  background: rgba(220, 38, 38, 0.14);
  border-color: rgba(185, 28, 28, 0.46);
}
._theme-light_1lly5_1336 ._logTypeDistress_1lly5_1056 {
  color: #be123c;
  background: rgba(225, 29, 72, 0.12);
  border-color: rgba(190, 18, 60, 0.4);
}
._theme-light_1lly5_1336 ._logTypeEscalation_1lly5_1062 {
  color: #be123c;
  background: rgba(244, 63, 94, 0.12);
  border-color: rgba(225, 29, 72, 0.38);
}
._theme-light_1lly5_1336 ._logTypeSoundAnalytics_1lly5_1068 {
  color: #334155;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.38);
}
._theme-light_1lly5_1336 ._logTypeStt_1lly5_1074 {
  color: #0d9488;
  background: rgba(45, 212, 191, 0.12);
  border-color: rgba(45, 212, 191, 0.35);
}
._theme-light_1lly5_1336 ._logTypeTts_1lly5_1080 {
  color: #059669;
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.35);
}
._theme-light_1lly5_1336 ._logTypeEventtool_1lly5_1086 {
  color: #0f766e;
  background: rgba(94, 234, 212, 0.14);
  border-color: rgba(20, 184, 166, 0.35);
}
._theme-light_1lly5_1336 ._logTypeWebrtc_1lly5_1092 {
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.35);
}
._theme-light_1lly5_1336 ._logTypeGateway_1lly5_1098 {
  color: #1e40af;
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
}
._theme-light_1lly5_1336 ._logTypeEngine_1lly5_1104 {
  color: #2563eb;
  background: rgba(77, 171, 247, 0.12);
  border-color: rgba(77, 171, 247, 0.35);
}
._theme-light_1lly5_1336 ._logTypeRedirect_1lly5_1110 {
  color: #d97706;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
}
._theme-light_1lly5_1336 ._logTypeFallback_1lly5_1116 {
  color: #dc2626;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
}
._theme-light_1lly5_1336 ._logTypeGeneration_1lly5_1122 {
  color: #9333ea;
  background: rgba(192, 132, 252, 0.12);
  border-color: rgba(192, 132, 252, 0.35);
}
._theme-light_1lly5_1336 ._logTypeLlmError_1lly5_1128 {
  color: #dc2626;
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
}
._theme-light_1lly5_1336 ._logTypeLlmFallback_1lly5_1134 {
  color: #ea580c;
  background: rgba(251, 146, 60, 0.12);
  border-color: rgba(251, 146, 60, 0.35);
}
._theme-light_1lly5_1336 ._logUpdatedTime_1lly5_1256 {
  color: rgba(15, 23, 42, 0.35);
}
._theme-light_1lly5_1336 ._detailsToggle_1lly5_1265 {
  border-right-color: rgba(37, 99, 235, 0.6);
  border-bottom-color: rgba(37, 99, 235, 0.6);
}
._theme-light_1lly5_1336 ._level-info_1lly5_1311 ._logLevel_1lly5_657 {
  color: #2563eb;
}
._theme-light_1lly5_1336 ._level-warn_1lly5_1315 ._logLevel_1lly5_657 {
  color: #d97706;
}
._theme-light_1lly5_1336 ._level-error_1lly5_1319 ._logLevel_1lly5_657 {
  color: #dc2626;
}
._theme-light_1lly5_1336 ._level-debug_1lly5_1323 ._logLevel_1lly5_657 {
  color: #0891b2;
}

@media (max-width: 1100px) {
  ._filterBar_1lly5_209 {
    flex-wrap: wrap;
  }
  ._searchField_1lly5_220 {
    flex: 1 1 260px;
  }
  ._typeFilters_1lly5_289 {
    flex: 1 1 auto;
    flex-wrap: wrap;
  }
  ._filterMeta_1lly5_437 {
    min-width: auto;
  }
}
@media (max-width: 720px) {
  ._panelHeader_1lly5_98 {
    padding-right: 10px;
  }
  ._searchField_1lly5_220 {
    flex-basis: 100%;
  }
  ._typeFilters_1lly5_289 {
    width: 100%;
  }
  ._filterMeta_1lly5_437 {
    position: absolute;
    top: 12px;
    right: 16px;
  }
}
._theme-dark_1lly5_1858 {
  background: #1f1f1f;
}
._theme-dark_1lly5_1858 ._dragHandle_1lly5_79 span {
  background: rgba(255, 255, 255, 0.4);
}
._theme-dark_1lly5_1858 ._sessionDivider_1lly5_493 {
  background: #1f1f1f;
}
._theme-dark_1lly5_1858 ._autoscrollToggle_1lly5_134 {
  color: rgba(255, 255, 255, 0.85);
}

@media (prefers-color-scheme: dark) {
  ._toggleButton_1lly5_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_ssjxs_29 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: var(--radius-pill, 999px);
  background: rgba(144, 152, 177, 0.12);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  font-style: normal;
  line-height: 1.35;
  color: var(--text-muted, #9098b1);
  letter-spacing: 0.02em;
}
._table_ssjxs_44 table {
  background: transparent;
}
._num_ssjxs_48 {
  font-size: 13px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
._csat_ssjxs_54 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
._csatDot_ssjxs_63 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}
svg._sentimentIcon_ssjxs_70 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: block;
}
._countryFlag_ssjxs_77 {
  display: inline-flex;
  align-items: center;
}
._countryFlag_ssjxs_77 img {
  width: 20px;
  height: 15px;
  border-radius: 2px;
  display: block;
}
svg._sentimentPositive_ssjxs_88 {
  color: var(--ok);
}
svg._sentimentNeutral_ssjxs_92 {
  color: var(--emotion-neutral);
}
svg._sentimentNegative_ssjxs_96 {
  color: var(--danger);
}
._empty_ssjxs_100 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--pad-sm, 8px);
}
._empty_ssjxs_100 span {
  color: var(--text-muted, var(--scss-placeholderColor, #b8c5db));
  line-height: 1.4;
  font-size: var(--fs-base, 13px);
}
._emptyIcon_ssjxs_113 {
  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;
}
._emergencyLabel_554nk_29, ._rulerSpacer_554nk_29, ._trackLabel_554nk_29, ._probeLabel_554nk_29 {
  flex-shrink: 0;
  width: var(--track-label-width);
}
._emergencyChart_554nk_34, ._rulerTrack_554nk_34, ._lane_554nk_34 {
  position: relative;
  flex: 1 0 calc(var(--player-lane-base) * var(--player-zoom));
  min-width: 0;
}
._emergencyLabel_554nk_29, ._rulerSpacer_554nk_29, ._trackLabel_554nk_29 {
  position: sticky;
  left: 0;
  z-index: 6;
  background: var(--player-surface);
  cursor: default;
}
._emergencyName_554nk_48, ._laneName_554nk_48, ._trackName_554nk_48 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
  line-height: var(--lh-snug);
  white-space: nowrap;
  text-overflow: ellipsis;
}
._viewport_554nk_59 {
  --play-progress: 0;
  --player-zoom: 1;
  --player-lane-base: 0px;
  --player-scroll: 0px;
  --track-label-width: 144px;
  --track-gap: 14px;
  --sound-pin-size: 22px;
  --sound-pin-ring: 2px;
  --sound-pin-edge: calc(var(--sound-pin-size) / 2 + var(--sound-pin-ring));
  --ruler-label-space: calc(var(--fs-caption) * 1.2 + var(--gap-tight));
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 88px;
  padding-right: var(--sound-pin-edge);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
._probeRow_554nk_81 {
  display: flex;
  gap: var(--track-gap);
  height: 0;
  overflow: hidden;
}
._probeLane_554nk_88 {
  flex: 1 1 auto;
  min-width: 0;
}
._track_554nk_29 {
  display: flex;
  align-items: stretch;
  gap: var(--track-gap);
  width: max-content;
  min-width: 100%;
  cursor: pointer;
}
._track_agent_554nk_102 {
  padding: 0 0 var(--pad-xs);
  border-bottom: 1px solid var(--border);
}
._track_user_554nk_107 {
  padding: var(--pad-xs) 0;
}
._track_muted_554nk_111 ._lane_554nk_34 {
  opacity: 0.35;
}
._trackLabel_554nk_29 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
}
._trackName_554nk_48 {
  color: var(--player-label-text);
}
._trackAvatar_554nk_125 {
  flex-shrink: 0;
  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);
}
._trackMute_554nk_138 {
  flex-shrink: 0;
  margin-left: auto;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-pill);
  border: none;
  background: transparent;
  color: var(--text-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}
._trackMute_554nk_138 ._trackMuteIcon_554nk_151 {
  font-size: var(--icon-inline);
}
._trackMute_554nk_138:hover {
  color: var(--text);
}
._trackMute_554nk_138:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._trackMute_554nk_138[aria-pressed=true] {
  color: var(--text-secondary);
}
._waveform_554nk_165 {
  position: relative;
  width: 100%;
  border-radius: var(--radius-sm);
  background: linear-gradient(to right, var(--waveform-track-played) 0, var(--waveform-track-played) calc(var(--play-progress) * 100%), var(--waveform-track-bg) calc(var(--play-progress) * 100%), var(--waveform-track-bg) 100%);
  cursor: pointer;
}
._waveformSvg_554nk_173 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  filter: drop-shadow(0 1px 1.5px var(--waveform-glow));
}
._waveformBaseline_554nk_183 {
  stroke: var(--border);
  stroke-width: 1;
  opacity: 0.45;
}
._waveformBars_554nk_189 {
  fill: var(--waveform-bar);
  transition: fill 220ms ease;
}
._waveformPlayed_554nk_194 {
  position: absolute;
  inset: 0;
  clip-path: inset(0 calc((1 - var(--play-progress)) * 100%) 0 0);
  pointer-events: none;
}
._compactView_554nk_201 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  padding: var(--pad-tight) 0;
  min-width: 0;
}
._compactLane_554nk_209 {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
._compactWaveform_554nk_215 {
  cursor: pointer;
}
._compactBars_agent_554nk_219 {
  fill: var(--waveform-bar);
}
._compactBars_user_554nk_223 {
  fill: var(--cat-audio-user);
}
._compactBars_agent_554nk_219._compactBarsPlayed_554nk_227 {
  fill: var(--text);
}
._compactBars_user_554nk_223._compactBarsPlayed_554nk_227 {
  fill: var(--cat-download);
}
._compactPlayhead_554nk_235 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--play-progress) * 100%);
  z-index: 4;
  width: 1px;
  background: var(--accent);
  transform: translateX(-50%);
  pointer-events: none;
}
._compactOverlay_554nk_247 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--surface-overlay-strong);
  color: var(--text-secondary);
  font-size: var(--fs-caption);
}
._waveformBarsPlayed_554nk_259 {
  fill: var(--waveform-bar-played);
  transition: fill 220ms ease;
}
._player_554nk_264 {
  --player-surface: var(--call-queue-player-bg);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  min-width: 0;
  padding: var(--pad-md);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--call-queue-player-bg);
  box-shadow: var(--shadow);
  container-type: inline-size;
  transition: gap var(--t-fast), padding var(--t-fast);
}
._player_collapsed_554nk_280 {
  gap: var(--gap-md);
  padding-bottom: var(--pad-sm);
}
._header_554nk_285 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  min-height: 26px;
}
._headerTitle_554nk_292 {
  font-size: var(--fs-caption);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide-lg);
  text-transform: uppercase;
  color: var(--text-muted);
}
._headerToggle_554nk_300 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
._headerToggle_554nk_300 ._headerToggleIcon_554nk_315 {
  font-size: var(--icon-ui);
}
._headerToggle_554nk_300:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._headerToggle_554nk_300:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._overlay_554nk_327 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-overlay-strong);
  color: var(--text-secondary);
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  z-index: 7;
}
._playButton_554nk_340 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--btn-dark);
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
._playButton_554nk_340:hover:not(:disabled) {
  border-color: var(--btn-dark);
  background: var(--btn-primary-hover-bg, var(--btn-dark-hover));
  color: var(--btn-primary-hover-text, var(--on-dark-surface));
}
._playButton_554nk_340:disabled {
  cursor: default;
  opacity: 0.5;
}
._playButton_554nk_340:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._timeLabel_554nk_367 {
  font-size: var(--fs-caption);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._timeSeparator_554nk_374 {
  color: var(--text-muted);
}
._toolbarTime_554nk_378 {
  flex-shrink: 0;
  padding-inline: var(--pad-sm);
}
._toolbar_554nk_378 {
  position: relative;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--gap-xs) var(--gap-sm);
  min-width: 0;
}
._transport_554nk_394 {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-xs);
  flex-shrink: 1;
  min-width: 0;
}
._utilities_554nk_403 {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-xs) var(--gap-sm);
  flex-shrink: 1;
  min-width: 0;
  margin-left: auto;
}
@container (max-width: 1200px) {
  ._utilities_554nk_403 ._toolButton_554nk_414 {
    width: 28px;
    height: 28px;
    padding: 0;
    gap: 0;
    border-radius: var(--radius-pill);
    justify-content: center;
  }
  ._utilities_554nk_403 ._toolBtnLabel_554nk_422,
  ._utilities_554nk_403 ._layersCaret_554nk_423,
  ._utilities_554nk_403 ._layersCount_554nk_424 {
    display: none;
  }
}
._iconButton_554nk_428 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-secondary);
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
._iconButton_554nk_428 ._iconButtonIcon_554nk_441 {
  font-size: var(--icon-inline);
}
._iconButton_554nk_428:hover:not(:disabled) {
  color: var(--text);
  background: var(--surface-muted);
  border-color: var(--border-strong);
}
._iconButton_554nk_428:disabled {
  cursor: default;
  opacity: 0.5;
}
._iconButton_554nk_428:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._speed_554nk_458 {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
._speedTrigger_554nk_464 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-tight);
  height: 28px;
  padding: 0 var(--pad-xs) 0 var(--pad-sm);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);
}
._speedTrigger_554nk_464:hover:not(:disabled) {
  border-color: var(--border-strong);
}
._speedTrigger_554nk_464:disabled {
  cursor: default;
  opacity: 0.5;
}
._speedTrigger_554nk_464:focus-visible {
  outline: 0;
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}
._speedValue_554nk_495 {
  min-width: 0;
}
._speedTrigger_open_554nk_499 {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
}
._speedTrigger_open_554nk_499 ._speedCaret_554nk_503 {
  transform: rotate(180deg);
}
._speedCaret_554nk_503 {
  font-size: var(--icon-meta);
  color: var(--text-muted);
  transition: transform var(--t-fast);
}
._speedMenu_554nk_513 {
  min-width: 72px;
  padding: var(--pad-xs);
  border-radius: var(--radius);
}
._speedOption_554nk_519 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  width: 100%;
  min-height: 32px;
  padding: var(--pad-xs) var(--pad-sm-plus);
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  font-variant-numeric: tabular-nums;
  line-height: normal;
  text-align: left;
  cursor: pointer;
  transition: background var(--t-fast);
}
._speedOption_554nk_519:hover {
  background: var(--surface-muted);
}
._speedOption_554nk_519:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
._speedOption_554nk_519 ._speedOptionCheck_554nk_545 {
  font-size: var(--icon-inline);
  visibility: hidden;
}
._speedOption_selected_554nk_550 {
  background: var(--surface-muted);
  font-weight: var(--fw-bold);
}
._speedOption_selected_554nk_550 ._speedOptionCheck_554nk_545 {
  visibility: visible;
}
._ruler_554nk_29 {
  display: flex;
  align-items: stretch;
  gap: var(--track-gap);
  width: max-content;
  min-width: 100%;
  padding: var(--pad-xs) 0 0;
  cursor: pointer;
}
._rulerSpacer_554nk_29 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  padding-bottom: var(--gap-xs);
  color: var(--player-label-text);
}
._rulerSpacer_554nk_29 ._rulerSpacerIcon_554nk_575 {
  font-size: var(--icon-ui);
}
._rulerTrack_554nk_34 {
  padding-bottom: var(--ruler-label-space);
  cursor: pointer;
}
._rulerTicks_554nk_584 {
  position: relative;
  height: 10px;
  border-bottom: 1px solid var(--border);
}
._rulerTick_554nk_584 {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  pointer-events: none;
}
._rulerTick_554nk_584:first-child {
  transform: translateX(0);
  align-items: flex-start;
}
._rulerTick_554nk_584:last-child {
  transform: translateX(-100%);
  align-items: flex-end;
}
._rulerTickMark_554nk_610 {
  width: 1px;
  background: var(--border);
}
._rulerTick_minor_554nk_615 ._rulerTickMark_554nk_610 {
  height: 5px;
}
._rulerTick_major_554nk_619 ._rulerTickMark_554nk_610 {
  height: 9px;
  background: var(--border-strong);
}
._rulerTickLabel_554nk_624 {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--fs-caption);
  line-height: 1.2;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._rulerTick_554nk_584:first-child ._rulerTickLabel_554nk_624 {
  left: 0;
  transform: none;
}
._rulerTick_554nk_584:last-child ._rulerTickLabel_554nk_624 {
  left: auto;
  right: 0;
  transform: none;
}
._playheadWindow_554nk_645 {
  --playhead-lane-start: calc(var(--track-label-width) + var(--track-gap));
  --playhead-offset: calc(var(--play-progress) * var(--player-lane-base) * var(--player-zoom));
  position: absolute;
  top: 0;
  bottom: var(--ruler-label-space);
  left: calc(var(--playhead-lane-start) + var(--player-scroll));
  width: calc(100% - var(--playhead-lane-start));
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}
._playhead_554nk_645 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--playhead-offset) - var(--player-scroll));
  width: 1px;
  background: var(--accent);
  transform: translateX(-50%);
  cursor: grab;
  touch-action: none;
  pointer-events: auto;
}
._playhead_554nk_645::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -6px;
  right: -6px;
}
._playhead_554nk_645:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-shadow-md);
}
._playhead_dragging_554nk_683 {
  cursor: grabbing;
}
._playhead_idle_554nk_687 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
._playhead_seeking_554nk_693 {
  animation: _playheadSeek_554nk_1 320ms ease-out;
}
@keyframes _playheadSeek_554nk_1 {
  0% {
    box-shadow: 0 0 0 3px var(--accent-shadow-md);
  }
  55% {
    box-shadow: 0 0 0 6px var(--accent-tint);
  }
  100% {
    box-shadow: none;
  }
}
._viewport_emotionOff_554nk_708 ._emotionBands_554nk_708 {
  opacity: 0;
  transform: scaleY(0.9);
}
._viewport_emotionOff_554nk_708 ._emotionBand_554nk_708 {
  pointer-events: none;
}
._viewport_emotionOff_554nk_708 ._waveformBars_554nk_189 {
  fill: var(--waveform-bar);
}
._viewport_emotionOff_554nk_708 ._waveformBarsPlayed_554nk_259 {
  fill: var(--waveform-bar-played);
}
._viewport_sentimentOff_554nk_722 ._sentimentCurve_554nk_722 {
  opacity: 0;
  transform: scaleY(0.85);
}
._viewport_sentimentOff_554nk_722 ._sentimentNode_554nk_726 {
  pointer-events: none;
}
._viewport_soundsOff_554nk_730 ._soundPins_554nk_730 {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  pointer-events: none;
}
._zoom_554nk_737 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs);
  flex-shrink: 0;
  margin-inline-start: var(--gap-xs);
}
._zoomValue_554nk_745 {
  min-width: 36px;
  text-align: center;
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  user-select: none;
}
._zoomHandle_554nk_755 {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  z-index: 8;
  cursor: ew-resize;
  touch-action: none;
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
._zoomHandle_554nk_755::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 3px;
  height: 22px;
  transform: translateY(-50%);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--text-secondary) 45%, transparent);
  opacity: 0;
  transition: opacity 120ms ease-out;
}
._lane_554nk_34:hover ._zoomHandle_554nk_755::after, ._zoomHandle_554nk_755:hover::after, ._zoomHandle_554nk_755:focus-visible::after {
  opacity: 1;
}
._zoomHandle_554nk_755:focus-visible {
  outline: none;
}
._zoomHandle_554nk_755:focus-visible::after {
  background: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-tint);
}
._zoomHandle_554nk_755:disabled {
  display: none;
}
._zoomHandle_dragging_554nk_796::after {
  opacity: 1;
}
._sentimentCurve_554nk_722 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  z-index: 3;
  pointer-events: none;
  transform-origin: center;
  transition: opacity 260ms ease, transform 260ms ease;
}
._sentimentBaseline_554nk_813 {
  stroke: var(--border);
  stroke-width: 1;
  stroke-dasharray: 2 3;
  opacity: 0.4;
}
._sentimentFill_554nk_820 {
  stroke: none;
  pointer-events: none;
}
._sentimentFillStop_positive_0_554nk_825 {
  stop-color: var(--sentiment-pos);
  stop-opacity: 0.28;
}
._sentimentFillStop_positive_1_554nk_830 {
  stop-color: var(--sentiment-pos);
  stop-opacity: 0.12;
}
._sentimentFillStop_positive_2_554nk_835 {
  stop-color: var(--sentiment-neu);
  stop-opacity: 0;
}
._sentimentFillStop_negative_0_554nk_840 {
  stop-color: var(--sentiment-neg);
  stop-opacity: 0.26;
}
._sentimentFillStop_negative_1_554nk_845 {
  stop-color: var(--sentiment-neg);
  stop-opacity: 0.11;
}
._sentimentFillStop_negative_2_554nk_850 {
  stop-color: var(--sentiment-neu);
  stop-opacity: 0;
}
._sentimentHalo_554nk_855 {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.42;
}
._sentimentLine_554nk_863 {
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
._sentimentNode_554nk_726 {
  stroke: var(--surface);
  stroke-width: 1.5;
  cursor: pointer;
  pointer-events: auto;
}
._sentimentNode_554nk_726:hover {
  filter: drop-shadow(0 0 3px var(--waveform-glow));
}
._sentimentStop_positive_554nk_880 {
  stop-color: var(--sentiment-pos);
}
._sentimentStop_neutral_554nk_884 {
  stop-color: var(--sentiment-neu);
}
._sentimentStop_negative_554nk_888 {
  stop-color: var(--sentiment-neg);
}
._sentimentNode_positive_554nk_892 {
  fill: var(--sentiment-pos);
}
._sentimentNode_neutral_554nk_896 {
  fill: var(--sentiment-neu);
}
._sentimentNode_negative_554nk_900 {
  fill: var(--sentiment-neg);
}
._waveformBars_happy_554nk_904 {
  fill: color-mix(in srgb, var(--emotion-happy-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_happy_554nk_908 {
  fill: color-mix(in srgb, var(--emotion-happy) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_angry_554nk_912 {
  fill: color-mix(in srgb, var(--emotion-angry-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_angry_554nk_916 {
  fill: color-mix(in srgb, var(--emotion-angry) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_sad_554nk_920 {
  fill: color-mix(in srgb, var(--emotion-sad-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_sad_554nk_924 {
  fill: color-mix(in srgb, var(--emotion-sad) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_fearful_554nk_928 {
  fill: color-mix(in srgb, var(--emotion-fearful-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_fearful_554nk_932 {
  fill: color-mix(in srgb, var(--emotion-fearful) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_disgusted_554nk_936 {
  fill: color-mix(in srgb, var(--emotion-disgusted-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_disgusted_554nk_940 {
  fill: color-mix(in srgb, var(--emotion-disgusted) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_surprised_554nk_944 {
  fill: color-mix(in srgb, var(--emotion-surprised-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_surprised_554nk_948 {
  fill: color-mix(in srgb, var(--emotion-surprised) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_neutral_554nk_952 {
  fill: color-mix(in srgb, var(--emotion-neutral-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_neutral_554nk_956 {
  fill: color-mix(in srgb, var(--emotion-neutral) var(--emotion-bar-chroma), var(--surface));
}
._waveformBars_other_554nk_960,
._waveformBars_unknown_554nk_961 {
  fill: color-mix(in srgb, var(--emotion-neutral-dim) var(--emotion-bar-chroma), var(--surface));
}
._waveformBarsPlayed_other_554nk_965,
._waveformBarsPlayed_unknown_554nk_966 {
  fill: color-mix(in srgb, var(--emotion-neutral) var(--emotion-bar-chroma), var(--surface));
}
._emotionBands_554nk_708 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  transform-origin: center;
  transition: opacity 240ms ease, transform 240ms ease;
}
._emotionBand_554nk_708 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--band-start) * 100%);
  width: calc(var(--band-span) * 100%);
  box-sizing: border-box;
  background: var(--emotion-overlay-bg);
  border-style: solid;
  border-width: 3px 1px 1px;
  border-radius: var(--radius-sm);
  pointer-events: auto;
  cursor: pointer;
  overflow: hidden;
}
._emotionBand_554nk_708:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
._emotionBandScrub_554nk_999 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: clamp(0px, (var(--play-progress) - var(--band-start)) * var(--player-lane-base) * var(--player-zoom), var(--band-span) * var(--player-lane-base) * var(--player-zoom));
  background: var(--emotion-scrub-fill);
  pointer-events: none;
}
._emotionBandLabel_554nk_1009 {
  position: absolute;
  top: var(--gap-tight);
  left: var(--gap-xs);
  z-index: 1;
  max-width: calc(100% - var(--gap-sm));
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
._emotionBand_happy_554nk_1026 {
  background: color-mix(in srgb, var(--emotion-happy-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-happy-frame-muted);
  border-top-color: var(--emotion-happy);
}
._emotionBand_happy_554nk_1026 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-happy);
}
._emotionBand_angry_554nk_1035 {
  background: color-mix(in srgb, var(--emotion-angry-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-angry-frame-muted);
  border-top-color: var(--emotion-angry);
}
._emotionBand_angry_554nk_1035 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-angry);
}
._emotionBand_sad_554nk_1044 {
  background: color-mix(in srgb, var(--emotion-sad-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-sad-frame-muted);
  border-top-color: var(--emotion-sad);
}
._emotionBand_sad_554nk_1044 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-sad);
}
._emotionBand_fearful_554nk_1053 {
  background: color-mix(in srgb, var(--emotion-fearful-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-fearful-frame-muted);
  border-top-color: var(--emotion-fearful);
}
._emotionBand_fearful_554nk_1053 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-fearful);
}
._emotionBand_disgusted_554nk_1062 {
  background: color-mix(in srgb, var(--emotion-disgusted-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-disgusted-frame-muted);
  border-top-color: var(--emotion-disgusted);
}
._emotionBand_disgusted_554nk_1062 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-disgusted);
}
._emotionBand_surprised_554nk_1071 {
  background: color-mix(in srgb, var(--emotion-surprised-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-surprised-frame-muted);
  border-top-color: var(--emotion-surprised);
}
._emotionBand_surprised_554nk_1071 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-surprised);
}
._emotionBand_neutral_554nk_1080 {
  background: color-mix(in srgb, var(--emotion-neutral-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-neutral-frame-muted);
  border-top-color: var(--emotion-neutral);
}
._emotionBand_neutral_554nk_1080 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-neutral);
}
._emotionBand_other_554nk_1089,
._emotionBand_unknown_554nk_1090 {
  background: color-mix(in srgb, var(--emotion-neutral-band) var(--emotion-fill-mix), var(--emotion-overlay-bg));
  border-color: var(--emotion-neutral-frame-muted);
  border-top-color: var(--emotion-neutral);
}
._emotionBand_other_554nk_1089 ._emotionBandLabel_554nk_1009,
._emotionBand_unknown_554nk_1090 ._emotionBandLabel_554nk_1009 {
  color: var(--emotion-neutral);
}
._emergencyRow_554nk_1100 {
  display: flex;
  align-items: stretch;
  gap: var(--track-gap);
  width: max-content;
  min-width: 100%;
  max-height: calc(var(--pad-xs) * 2 + var(--emergency-lane-height));
  padding: var(--pad-xs) 0;
  opacity: 1;
  cursor: pointer;
  transition: max-height 0.26s, opacity 0.22s, padding 0.26s;
}
._viewport_emergencyOff_554nk_1113 ._emergencyRow_554nk_1100 {
  max-height: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
._emergencyLabel_554nk_29 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  color: var(--emergency-emergency);
}
._emergencyLabel_554nk_29 ._emergencyLabelIcon_554nk_1127 {
  font-size: var(--icon-ui);
}
._emergencyChart_554nk_34 {
  height: var(--emergency-lane-height);
  border-radius: var(--radius-sm);
  background: linear-gradient(to right, var(--waveform-track-played) 0, var(--waveform-track-played) calc(var(--play-progress) * 100%), var(--waveform-track-bg) calc(var(--play-progress) * 100%), var(--waveform-track-bg) 100%);
  cursor: pointer;
}
._emergencyChartClip_554nk_1138 {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
}
._emergencyZone_554nk_1145 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--zone-start) * 100%);
  width: calc(var(--zone-span) * 100%);
  display: flex;
  align-items: flex-start;
  padding: var(--gap-tight) 0 0 var(--gap-xs);
  pointer-events: none;
}
._emergencyZone_watch_554nk_1157 {
  background: color-mix(in srgb, var(--emergency-watch) 14%, transparent);
  border-inline: 1px solid color-mix(in srgb, var(--emergency-watch) 48%, transparent);
}
._emergencyZone_emergency_554nk_1162 {
  background: color-mix(in srgb, var(--emergency-emergency) 30%, transparent);
  border-inline: 1px solid color-mix(in srgb, var(--emergency-emergency) 65%, transparent);
}
._emergencyZone_recovery_554nk_1167 {
  background: color-mix(in srgb, var(--emergency-recovery) 14%, transparent);
  border-inline: 1px solid color-mix(in srgb, var(--emergency-recovery) 48%, transparent);
}
._emergencyZoneLabel_554nk_1172 {
  position: relative;
  z-index: 1;
  max-width: calc(100% - var(--gap-sm));
  padding: 3px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  font-size: var(--fs-caption-sm);
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._emergencyZoneLabel_watch_554nk_1189 {
  color: var(--warning-text);
}
._emergencyZoneLabel_emergency_554nk_1193 {
  color: var(--emergency-zone-label-emergency);
}
._emergencyZoneLabel_recovery_554nk_1197 {
  color: var(--emergency-zone-label-recovery);
}
._emergencySvg_554nk_1201 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  pointer-events: none;
}
._emergencyArea_554nk_1211 {
  opacity: 0.16;
  stroke: none;
}
._emergencyArea_normal_554nk_1216 {
  fill: var(--emergency-normal);
}
._emergencyArea_watch_554nk_1220 {
  fill: var(--emergency-watch);
}
._emergencyArea_recovery_554nk_1224 {
  fill: var(--emergency-recovery);
}
._emergencyArea_emergency_554nk_1228 {
  fill: var(--emergency-emergency);
  opacity: 0.32;
}
._emergencyLine_554nk_1233 {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
._emergencyLine_normal_554nk_1241 {
  stroke: var(--emergency-normal);
}
._emergencyLine_watch_554nk_1245 {
  stroke: var(--emergency-watch);
}
._emergencyLine_recovery_554nk_1249 {
  stroke: var(--emergency-recovery);
}
._emergencyLine_emergency_554nk_1253 {
  stroke: var(--emergency-emergency);
  stroke-width: 3;
}
._emergencyMarker_554nk_1258 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--marker-start) * 100%);
  width: 14px;
  margin-left: -7px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
._emergencyMarker_554nk_1258::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: currentColor;
  opacity: 0.5;
  transform: translateX(-50%);
}
._emergencyMarker_554nk_1258::after {
  content: "";
  position: absolute;
  left: 50%;
  top: var(--marker-y);
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: currentColor;
  border: 2px solid var(--surface-muted);
  transform: translate(-50%, -50%);
  transition: width 120ms ease, height 120ms ease;
}
._emergencyMarker_554nk_1258:hover::after, ._emergencyMarker_554nk_1258:focus-visible::after {
  width: 10px;
  height: 10px;
}
._emergencyMarker_554nk_1258:focus-visible {
  outline: none;
}
._emergencyMarker_554nk_1258:focus-visible::before {
  opacity: 1;
}
._emergencyMarker_normal_554nk_1305 {
  color: var(--emergency-normal);
}
._emergencyMarker_watch_554nk_1309 {
  color: var(--emergency-watch);
}
._emergencyMarker_recovery_554nk_1313 {
  color: var(--emergency-recovery);
}
._emergencyMarker_emergency_554nk_1317 {
  color: var(--emergency-emergency);
}
._soundPins_554nk_730 {
  --sound-pin-h-min: 28px;
  --sound-pin-h-max: 48px;
  position: relative;
  z-index: 3;
  height: calc(var(--sound-pin-h-max) + 10px);
  margin-bottom: -10px;
  overflow: visible clip;
  pointer-events: none;
  transition: height 260ms ease, opacity 220ms ease, margin-bottom 260ms ease;
}
._soundPins_appearing_554nk_1333 ._soundPin_554nk_730 {
  animation: _soundPinAppear_554nk_1 320ms ease-out both;
  animation-delay: calc(var(--sound-index, 0) * 28ms);
}
@keyframes _soundPinAppear_554nk_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._soundPin_554nk_730 {
  position: absolute;
  bottom: 0;
  left: calc(var(--pin-start) * 100%);
  width: var(--sound-pin-size);
  height: calc(var(--sound-pin-h-min) + (var(--sound-pin-h-max) - var(--sound-pin-h-min)) * var(--pin-confidence));
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
  pointer-events: auto;
}
._soundPin_554nk_730:hover, ._soundPin_554nk_730:focus-visible {
  outline: none;
  z-index: 4;
}
._soundPin_554nk_730:hover ._soundPinHead_554nk_1370, ._soundPin_554nk_730:focus-visible ._soundPinHead_554nk_1370 {
  box-shadow: 0 0 0 var(--sound-pin-ring) var(--accent-tint);
}
._soundPinHead_554nk_1370 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--sound-pin-size);
  height: var(--sound-pin-size);
  flex-shrink: 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--text-secondary) 28%, var(--surface));
  color: var(--text-secondary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);
}
._soundPinHead_554nk_1370 ._soundPinIcon_554nk_1386 {
  font-size: var(--icon-inline);
}
._soundPinStem_554nk_1390 {
  flex: 1 1 auto;
  width: 1px;
  min-height: 4px;
  margin-top: 2px;
  background: color-mix(in srgb, var(--sound-marker) 55%, transparent);
}
._soundPin_cluster_554nk_1398 ._soundPinHead_554nk_1370 {
  background: var(--sound-marker);
  color: var(--surface);
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
}
._soundPin_tool_554nk_1406 ._soundPinHead_554nk_1370 {
  background: var(--sound-marker-alert);
  color: var(--color-white);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sound-marker-alert) 45%, transparent);
}
._soundPin_tool_554nk_1406 ._soundPinStem_554nk_1390 {
  background: var(--sound-marker-alert);
}
._toolButton_554nk_414 {
  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;
  color: var(--text-secondary);
  border-color: var(--border);
  box-shadow: none;
  text-align: left;
}
._toolButton_554nk_414::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;
}
._toolButton_554nk_414:hover::after {
  transform: translateX(130%);
}
._toolButton_554nk_414: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);
}
._toolButton_554nk_414:active {
  transform: translateY(0) scale(0.97);
  box-shadow: 0 1px 4px var(--accent-shadow-md);
}
._toolButton_554nk_414::after {
  display: none;
}
._toolButton_554nk_414:hover:not(:disabled) {
  color: var(--text);
  background: var(--surface-muted);
  border-color: var(--border-strong);
  box-shadow: none;
  transform: none;
}
._toolButton_554nk_414:active:not(:disabled) {
  transform: none;
  box-shadow: none;
}
._toolButton_554nk_414:disabled {
  cursor: default;
  opacity: 0.5;
  border-color: var(--border);
  transform: none;
  box-shadow: none;
}
._toolBtnIconWrap_554nk_1483 {
  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(--surface-muted);
  color: var(--text-secondary);
}
._toolBtnIconWrap_554nk_1483 img {
  width: 16px;
  height: 16px;
  display: block;
}
._toolBtnIconWrap_554nk_1483 ._toolBtnIcon_554nk_1483 {
  font-size: var(--icon-inline);
}
._toolBtnLabel_554nk_422 {
  font-size: var(--fs-sm-plus);
  font-weight: var(--fw-semi);
  line-height: 1;
  color: var(--text-secondary);
}
._layers_554nk_423 {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
._layersTrigger_554nk_1517 ._layersCaret_554nk_423 {
  font-size: var(--icon-meta);
  color: var(--text-muted);
  transition: transform 260ms ease;
}
._layersTrigger_open_554nk_1523 {
  border-color: var(--accent-hover-border);
  background: var(--surface-accent);
}
._layersTrigger_open_554nk_1523 ._toolBtnLabel_554nk_422 {
  color: var(--accent-active-text);
}
._layersTrigger_open_554nk_1523 ._layersCaret_554nk_423 {
  transform: rotate(180deg);
}
._layersCount_554nk_424 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 var(--pad-tight);
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--on-dark-surface);
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
._layersMenu_554nk_1550 {
  width: 290px;
  padding: var(--pad-xs);
  overflow-y: auto;
}
._layerOption_554nk_1556 {
  display: flex;
  align-items: flex-start;
  gap: var(--pad-sm);
  padding: var(--pad-sm) var(--pad-sm-plus);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
._layerOption_554nk_1556:hover {
  background: var(--surface-muted);
}
._layerOption_disabled_554nk_1568 {
  cursor: default;
  opacity: 0.55;
}
._layerOption_disabled_554nk_1568:hover {
  background: transparent;
}
._layerOption_all_554nk_1576 {
  margin-bottom: var(--pad-xs);
  border-bottom: 1px solid var(--border);
  border-radius: 0;
}
._layerCheckbox_554nk_1582 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._layerCheckbox_554nk_1582 .MuiCheckbox-root {
  width: 22px;
  height: 20px;
  padding: 0;
}
._layerOptionText_554nk_1594 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
._layerOptionTitle_554nk_1601 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--text);
  line-height: 1.3;
}
._layerOptionDescription_554nk_1608 {
  font-size: var(--fs-micro);
  color: var(--text-muted);
  line-height: 1.3;
}
._legend_554nk_1614 {
  margin-top: var(--pad-xs);
  padding-top: var(--pad-sm);
  border-top: 1px solid var(--border);
}
._legendTitle_554nk_1620 {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  padding: var(--pad-tight) var(--pad-sm-plus);
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  color: var(--text-secondary);
}
._legendTitleIcon_554nk_1630 {
  font-size: var(--icon-meta);
  color: var(--muted);
}
._legendGroups_554nk_1635 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-sm-plus);
  padding: var(--pad-xs) var(--pad-sm-plus) var(--pad-sm);
}
._legendGroup_554nk_1635 {
  display: flex;
  flex-direction: column;
  gap: var(--pad-tight);
}
._legendGroupTitle_554nk_1648 {
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
}
._legendGradient_554nk_1654 {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--sentiment-neg), var(--sentiment-neu), var(--sentiment-pos));
}
._legendScale_554nk_1662 {
  display: flex;
  justify-content: space-between;
  font-size: var(--fs-micro);
  color: var(--text-muted);
}
._legendChips_554nk_1669 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pad-tight) var(--pad-sm);
}
._legendChip_554nk_1669 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--fs-micro);
  color: var(--text-secondary);
}
._legendDot_554nk_1683 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: var(--radius-pill);
}
._legendDot_neutral_554nk_1690 {
  background: var(--emotion-neutral);
}
._legendDot_happy_554nk_1694 {
  background: var(--emotion-happy);
}
._legendDot_sad_554nk_1698 {
  background: var(--emotion-sad);
}
._legendDot_angry_554nk_1702 {
  background: var(--emotion-angry);
}
._legendDot_fearful_554nk_1706 {
  background: var(--emotion-fearful);
}
._legendDot_disgusted_554nk_1710 {
  background: var(--emotion-disgusted);
}
._legendDot_surprised_554nk_1714 {
  background: var(--emotion-surprised);
}
._legendDot_emergency_normal_554nk_1718,
._tooltipDot_emergency_normal_554nk_1719 {
  background: var(--emergency-normal);
}
._legendDot_emergency_watch_554nk_1723,
._tooltipDot_emergency_watch_554nk_1724 {
  background: var(--emergency-watch);
}
._legendDot_emergency_recovery_554nk_1728,
._tooltipDot_emergency_recovery_554nk_1729 {
  background: var(--emergency-recovery);
}
._legendDot_emergency_emergency_554nk_1733,
._tooltipDot_emergency_emergency_554nk_1734 {
  background: var(--emergency-emergency);
}
._legendDot_tool_554nk_1738 {
  background: var(--sound-marker-alert);
}
._legendDot_sound_554nk_1742 {
  background: var(--sound-marker);
}
._tooltip_554nk_1719 {
  position: fixed;
  z-index: 1200;
  min-width: 160px;
  max-width: 240px;
  padding: var(--pad-sm-plus) var(--pad-md);
  border-radius: var(--radius-md);
  background: var(--tooltip-bg);
  color: var(--tooltip-text);
  box-shadow: var(--shadow-dropdown);
  font-size: var(--fs-sm);
  line-height: 1.5;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 120ms ease, transform 120ms ease;
}
._tooltip_visible_554nk_1764 {
  opacity: 1;
  transform: translateY(0);
}
._tooltip_wide_554nk_1769 {
  max-width: 320px;
}
._tooltip_compact_554nk_1773 {
  min-width: 0;
  padding: var(--pad-xs) var(--pad-sm);
}
._tooltip_compact_554nk_1773 ._tooltipTime_554nk_1777 {
  margin-bottom: 0;
}
._tooltipTime_554nk_1777 {
  margin-bottom: var(--pad-xs);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
}
._tooltipRow_554nk_1787 {
  display: flex;
  align-items: center;
  gap: var(--pad-sm);
  margin-top: var(--gap-tight);
}
._tooltipValue_554nk_1794 {
  font-weight: var(--fw-semi);
}
._tooltipDot_554nk_1719 {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
}
._tooltipDot_sentiment_positive_554nk_1805 {
  background: var(--sentiment-pos);
}
._tooltipDot_sentiment_neutral_554nk_1809 {
  background: var(--sentiment-neu);
}
._tooltipDot_sentiment_negative_554nk_1813 {
  background: var(--sentiment-neg);
}
._tooltipDot_emotion_neutral_554nk_1817,
._tooltipDot_emotion_other_554nk_1818,
._tooltipDot_emotion_unknown_554nk_1819 {
  background: var(--emotion-neutral);
}
._tooltipDot_emotion_happy_554nk_1823 {
  background: var(--emotion-happy);
}
._tooltipDot_emotion_sad_554nk_1827 {
  background: var(--emotion-sad);
}
._tooltipDot_emotion_angry_554nk_1831 {
  background: var(--emotion-angry);
}
._tooltipDot_emotion_fearful_554nk_1835 {
  background: var(--emotion-fearful);
}
._tooltipDot_emotion_disgusted_554nk_1839 {
  background: var(--emotion-disgusted);
}
._tooltipDot_emotion_surprised_554nk_1843 {
  background: var(--emotion-surprised);
}
._tooltipIcon_554nk_1847 {
  font-size: var(--icon-meta);
}
._tooltipItem_554nk_1851 {
  margin-top: var(--pad-xs);
}
._tooltipItemLine_554nk_1855 {
  white-space: pre-wrap;
  font-variant-numeric: tabular-nums;
}
._tooltipDot_sound_tool_554nk_1860 {
  background: var(--sound-marker-alert);
}
._tooltipDot_sound_554nk_1860 {
  background: var(--sound-marker);
}
._tooltipDescription_554nk_1868 {
  margin-top: var(--pad-xs);
  color: var(--tooltip-muted);
}
._tooltipMeta_554nk_1873 {
  margin-top: var(--gap-tight);
  font-size: var(--fs-caption);
  color: var(--tooltip-muted);
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  ._waveformBars_554nk_189,
  ._waveformBarsPlayed_554nk_259,
  ._emotionBands_554nk_708,
  ._sentimentCurve_554nk_722,
  ._soundPins_554nk_730,
  ._emergencyRow_554nk_1100 {
    transition: opacity 120ms linear;
  }
  ._viewport_emotionOff_554nk_708 ._emotionBands_554nk_708,
  ._viewport_sentimentOff_554nk_722 ._sentimentCurve_554nk_722 {
    transform: none;
  }
  ._soundPins_appearing_554nk_1333 ._soundPin_554nk_730 {
    animation: none;
  }
  ._playhead_seeking_554nk_693 {
    animation: 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;
}
._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_ou3n6_29 {
  width: 35px !important;
  height: 35px !important;
}
@media screen and (max-width: 480px) {
  ._avatar_ou3n6_29 {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}
._mobileView_ou3n6_42 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
._mobileView_ou3n6_42 ._message__header__sentiment_ou3n6_49 {
  margin-left: auto;
  display: flex;
}
._wrapper_ou3n6_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_ou3n6_54:last-child {
  margin-bottom: 0;
}
._wrapper_ou3n6_54._assistant_ou3n6_68 {
  max-width: min(100%, 533px);
}
._wrapper_ou3n6_54._incoming_ou3n6_71 {
  align-self: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  ._wrapper_ou3n6_54 {
    max-width: 75%;
  }
}
@media screen and (max-width: 375px) {
  ._wrapper_ou3n6_54 {
    max-width: 100%;
  }
}
._messageColumn_ou3n6_86 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  width: fit-content;
  max-width: 100%;
}
._messageMeta_ou3n6_96 {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  flex-wrap: wrap;
}
._messageMeta_incoming_ou3n6_103 {
  justify-content: flex-end;
}
._messageMeta__name_ou3n6_107 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
._metaAvatar_ou3n6_115 {
  width: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
}
._assistantLetter_ou3n6_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_ou3n6_135 {
  display: block;
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 11px;
  line-height: 1.3;
  color: var(--text-muted);
}
._messageTimeBelow_right_ou3n6_144 {
  text-align: right;
}
._messageTimeBelow_left_ou3n6_148 {
  text-align: left;
}
._countryCircle_ou3n6_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_ou3n6_166 {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
._messageBubbleRow_incoming_ou3n6_174 {
  margin-left: auto;
}
._messageBubbleRow_withSentiment_ou3n6_177 {
  margin-top: 12px;
}
._messageBubbleRow_ou3n6_166:hover ._messageCopyBtn_ou3n6_180 {
  opacity: 1;
  pointer-events: auto;
}
._messageCopyBtn_ou3n6_180 {
  opacity: 0;
  pointer-events: none;
  align-self: center;
  flex-shrink: 0;
}
._messageCard_ou3n6_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_ou3n6_205 {
  cursor: default;
}
._messageCard_keywordPulse_ou3n6_208 {
  animation: _messageKeywordPulse_ou3n6_1 4s ease-out 1;
  z-index: 2;
}
._wrapper_ou3n6_54._assistant_ou3n6_68 ._messageCard_ou3n6_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));
  transition: box-shadow 0.2s, border-color 0.2s;
}
._wrapper_ou3n6_54._incoming_ou3n6_71 ._messageCard_ou3n6_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));
  transition: box-shadow 0.2s, border-color 0.2s;
}
._wrapper_ou3n6_54._assistant_ou3n6_68 ._messageCard_ou3n6_192._messageCard_playing_ou3n6_225, ._wrapper_ou3n6_54._incoming_ou3n6_71 ._messageCard_ou3n6_192._messageCard_playing_ou3n6_225 {
  border-color: var(--sidebar-link-color, var(--accent));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sidebar-link-color, var(--accent)) 55%, transparent);
  animation: _messagePlayingPulse_ou3n6_1 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._wrapper_ou3n6_54._assistant_ou3n6_68 ._messageCard_ou3n6_192._messageCard_playing_ou3n6_225, ._wrapper_ou3n6_54._incoming_ou3n6_71 ._messageCard_ou3n6_192._messageCard_playing_ou3n6_225 {
    animation: none;
  }
}
._messageCard_ou3n6_192._partial_ou3n6_235 {
  opacity: 0.6;
}
._messageCard_ou3n6_192._partial_ou3n6_235 ._messageMeta__name_ou3n6_107,
._messageCard_ou3n6_192._partial_ou3n6_235 ._message__content__text_ou3n6_239,
._messageCard_ou3n6_192._partial_ou3n6_235 ._msgText_ou3n6_240 {
  font-style: italic;
}
._messageCard_interrupted_ou3n6_243 ._message__content_ou3n6_239 {
  padding-top: 0;
}
._messageSentimentFloat_ou3n6_247 {
  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_ou3n6_262 {
  right: auto;
  left: 10px;
}
._sentimentIcon_ou3n6_267 {
  width: 22px;
  height: 22px;
}
._interruptLabel_ou3n6_272 {
  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_ou3n6_272 svg {
  width: 13px;
  height: 13px;
}
._interruptLabelIcon_ou3n6_295 {
  display: inline-flex;
  align-items: center;
}
._msgText_ou3n6_240 {
  margin: 0;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  line-height: 1.5;
  color: var(--text);
}
._ttsSpoken_ou3n6_308 {
  color: inherit;
}
._ttsCutMarker_ou3n6_312 {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin: 0 4px;
  background: #ef4444;
  border-radius: 1px;
  vertical-align: middle;
}
._ttsUnspoken_ou3n6_322 {
  color: var(--text-muted);
}
._message__header__button_ou3n6_326 {
  cursor: pointer;
  display: flex;
  margin-left: auto;
}
._argumentsContainer_ou3n6_332 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin-bottom: 10px;
}
._argumentsContainer_ou3n6_332 span {
  word-break: break-word;
  white-space: pre-wrap;
  flex: 1;
  overflow-wrap: break-word;
}
._icon_ou3n6_346 {
  width: 22px;
  height: 22px;
}
._message__content_ou3n6_239 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
._message__content_ou3n6_239 ._cacheHighlight_ou3n6_357 {
  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_ou3n6_239 ._cacheHighlight_ou3n6_357:hover {
  background: var(--accent-tint);
  color: inherit;
}
._wrapper_ou3n6_54._incoming_ou3n6_71 ._message__content_ou3n6_239,
._wrapper_ou3n6_54._incoming_ou3n6_71 ._message__content__text_ou3n6_239,
._wrapper_ou3n6_54._incoming_ou3n6_71 ._msgText_ou3n6_240 {
  text-align: left;
}
._message__content__text_ou3n6_239 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  line-height: 1.5;
  min-width: 0;
  width: 100%;
}
._msgDivider_ou3n6_390 {
  height: 1px;
  margin: 10px 0 9px;
  background: var(--accent-border);
}
._wrapper_ou3n6_54._assistant_ou3n6_68 ._msgDivider_ou3n6_390 {
  background: var(--accent-border);
}
._performance_ou3n6_400 {
  margin-top: 8px;
  padding-top: 0;
  border-top: none;
  font-family: "Roboto";
  width: 100%;
}
._wrapper_ou3n6_54._incoming_ou3n6_71 ._performance_ou3n6_400 {
  margin-top: 0;
}
._performance__summary_ou3n6_412 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._performance__summary_ou3n6_412 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__chips_ou3n6_426 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
._performanceChip_ou3n6_433 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 50px;
  background: var(--surface-muted);
  font-family: "Roboto";
}
._performanceChip_ou3n6_433 span {
  line-height: 1;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}
._performanceChip_ou3n6_433 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._performanceChip_token_ou3n6_454 svg {
  color: var(--info);
}
._performanceChip_audio_ou3n6_457 svg {
  color: #ff6d9e;
}
._performanceChip_stt_ou3n6_460 {
  gap: 4px;
  padding: 4px 6px;
  background: var(--stt-chip-bg, rgba(100, 116, 139, 0.1));
  color: var(--text-secondary);
}
._performanceChip_stt_ou3n6_460 span {
  font-size: 11px;
  font-weight: 500;
  color: var(--stt-chip-text-color, var(--text-secondary));
}
._performanceChip_sttIcon_ou3n6_472 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
  display: inline-flex;
}
._performanceChipIconWrap_ou3n6_479 {
  display: inline-flex;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._performance__toggle_ou3n6_486 {
  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_ou3n6_486 {
    margin-left: 0;
  }
}
._performance__chevron_ou3n6_507 {
  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_ou3n6_507._expanded_ou3n6_515 {
  transform: rotate(225deg);
}
._performance__details_ou3n6_519 {
  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_ou3n6_531 {
  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_ou3n6_531 span:first-child {
  flex: 0 0 auto;
}
@media screen and (max-width: 834px) {
  ._performance__detailRow_ou3n6_531 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._performance__detailValue_ou3n6_552 {
  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_ou3n6_552 {
    width: 100%;
    text-align: left;
  }
}
._urlLink_ou3n6_567,
._performance__detailLink_ou3n6_568 {
  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_ou3n6_567:hover,
._performance__detailLink_ou3n6_568:hover {
  text-decoration: underline;
}
@media screen and (max-width: 834px) {
  ._urlLink_ou3n6_567,
  ._performance__detailLink_ou3n6_568 {
    margin-left: 0;
    justify-content: flex-start;
    white-space: normal;
  }
}
._urlLinkIcon_ou3n6_598,
._performance__detailLinkIcon_ou3n6_599 {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px;
}
._metricHolder_ou3n6_605 {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text);
}
@keyframes _messageKeywordPulse_ou3n6_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);
  }
}
@keyframes _messagePlayingPulse_ou3n6_1 {
  0%, 100% {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--sidebar-link-color, var(--accent)) 55%, transparent);
  }
  50% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sidebar-link-color, var(--accent)) 30%, transparent), 0 0 14px 2px color-mix(in srgb, var(--sidebar-link-color, var(--accent)) 45%, 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;
}
/* ─── Combined text bubble ─── */
._combinedBubble_1r8xx_31 {
  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_1r8xx_44 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
/* ─── Announcement + tool card share width/centering ─── */
._announcementBubble_1r8xx_53,
._toolCard_1r8xx_54 {
  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_1r8xx_53 {
  border-color: var(--announcement-border, var(--announcement-border-default));
}
._toolCard_1r8xx_54 {
  border-color: var(--tool-border, var(--tool-border-default));
}
._toolCard_fail_1r8xx_70 {
  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_1r8xx_53 {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: var(--announcement-bg, var(--surface-announcement));
}
._announcementBubble__icon_1r8xx_82,
._toolBubble__icon_1r8xx_83 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__iconImg_1r8xx_93,
._toolBubble__iconImg_1r8xx_94 {
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
._announcementBubble__body_1r8xx_101 {
  min-width: 0;
  flex: 1;
}
._toolBubble__body_1r8xx_106 {
  flex: 1 1 10rem;
  min-width: 0;
}
._announcementBubble__header_1r8xx_111 {
  display: flex;
  align-items: center;
  gap: 7px;
}
._announcementBubble__title_1r8xx_117,
._toolBubble__title_1r8xx_118 {
  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_1r8xx_117 {
  background: var(--announcement-tag-bg, #ffecfb);
  color: var(--announcement-tag-color, var(--accent-hover));
}
._toolBubble__title_1r8xx_118 {
  background: var(--tool-tag-bg, var(--tag-tool-bg));
  color: var(--tool-tag-color, var(--tag-tool-text));
}
._toolBubble__title_tool_1r8xx_140 {
  background: var(--tool-tag-bg, var(--tag-tool-bg));
  color: var(--tool-tag-color, var(--tag-tool-text));
}
._toolBubble__title_transition_1r8xx_145 {
  background: var(--transition-tag-bg, #ffedd5);
  color: var(--transition-tag-color, #9a3412);
}
._toolBubble__title_event_1r8xx_150 {
  background: var(--surface-accent);
  color: var(--accent-active-text);
}
._announcementBubble__time_1r8xx_155 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._announcementBubble__text_1r8xx_164 {
  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_1r8xx_174 {
  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_1r8xx_184 {
  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_1r8xx_190 {
  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_1r8xx_202 {
  border-bottom: 1px solid #fdba74;
}
._transitionBubble_fail_1r8xx_206 {
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._transitionBubble_fail_1r8xx_206:hover {
  background: var(--action-fail-hover-bg, var(--action-fail-hover-bg-default));
}
._transitionBubble_fail_1r8xx_206._transitionBubble_open_1r8xx_202 {
  border-bottom-color: #fca5a5;
}
._transitionStandalone_1r8xx_216 {
  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_1r8xx_216 {
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._transitionStandalone_1r8xx_216 {
    margin: 20px 0;
  }
}
._transitionBubble__icon_1r8xx_240 {
  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_1r8xx_240 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__body_1r8xx_256 {
  flex: 1;
  min-width: 0;
}
._transitionBubble__header_1r8xx_261 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._transitionBubble__time_1r8xx_268 {
  color: #c2410c;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
._transitionBubble__meta_1r8xx_277 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-shrink: 0;
  align-self: center;
}
._transitionBubble__duration_1r8xx_286 {
  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_1r8xx_286 svg {
  width: 14px;
  height: 14px;
}
._transitionBubble__chevron_1r8xx_302 {
  color: #c2410c;
  transition: transform 0.2s ease;
}
._transitionBubble__chevronOpen_1r8xx_307 {
  transform: rotate(180deg);
}
._transitionBubble__text_1r8xx_311 {
  margin-top: 6px;
  color: #1f2937;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._compactDivider_1r8xx_320 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 533px;
  align-self: center;
  margin: 28px 0;
  padding: 0 8px;
}
._compactDivider__line_1r8xx_331 {
  flex: 1;
  min-width: 24px;
  height: 1px;
  margin-top: 11px;
  background: linear-gradient(90deg, transparent, #d1d5db 20%, #d1d5db 80%, transparent);
}
._compactDivider__content_1r8xx_339 {
  flex: 0 1 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
._compactDivider__label_1r8xx_348 {
  color: #6b7280;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._compactDivider__time_1r8xx_357 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 500;
}
._compactDivider__summary_1r8xx_364 {
  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_1r8xx_54 {
  overflow: hidden;
  background: var(--surface);
}
._toolBubble_1r8xx_83 {
  display: flex;
  flex-wrap: wrap;
  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_1r8xx_400 ._toolBubble_1r8xx_83 {
  border-radius: 15px 15px 0 0;
}
._toolBubble_fail_1r8xx_404 {
  border-bottom-color: #fca5a5;
  background: var(--action-fail-bg, linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%));
}
._toolBubble_fail_1r8xx_404:hover {
  background: var(--action-fail-hover-bg, var(--action-fail-hover-bg-default));
}
._toolBubbleTooltipWrap_1r8xx_412 {
  display: block;
  width: 100%;
}
._toolBubble__name_1r8xx_417 {
  color: #96a2b7;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.6px;
  overflow-wrap: break-word;
}
._toolBubble__meta_1r8xx_427 {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 14px;
  margin-left: auto;
}
._toolBubble__time_1r8xx_435 {
  color: #9098b1;
  font-family: "Roboto";
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
._toolBubble__duration_1r8xx_444 {
  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_1r8xx_444 svg {
  width: 16px;
  height: 16px;
  color: #63708b;
}
._toolBubble__chevron_1r8xx_464 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._toolBubble__chevronOpen_1r8xx_471 {
  transform: rotate(180deg);
}
._toolBubble_static_1r8xx_475 {
  cursor: default;
}
._eventToolIcon_1r8xx_479 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--surface-accent);
  color: var(--accent);
}
._eventToolIcon_1r8xx_479 svg {
  width: 18px;
  height: 18px;
}
._eventToolTrigger_1r8xx_495 {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  max-width: 100%;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--surface-accent);
  color: var(--accent-active-text);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._eventToolTrigger_1r8xx_495 svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._toolDetails_1r8xx_519 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px;
  background: var(--surface);
}
._toolDetails__metrics_1r8xx_527 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
._toolDetails__metricChip_1r8xx_534 {
  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_1r8xx_534 svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._toolDetails__metricIcon_1r8xx_554 {
  display: inline-flex;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}
._toolDetails__sectionTitle_1r8xx_561 {
  margin-bottom: 12px;
}
._toolDetails__sectionTitle_1r8xx_561,
._executedActionsHeader_1r8xx_566 strong,
._actionCard__title_1r8xx_567 {
  color: #7f8eaa;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._parametersGroup_1r8xx_577 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._parametersBox_1r8xx_583 {
  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_1r8xx_592 {
  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_1r8xx_603 {
  width: 100%;
  border-collapse: collapse;
  min-width: 0;
  table-layout: fixed;
}
._parametersTable_1r8xx_603 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_1r8xx_603 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_1r8xx_603 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_1r8xx_603 tbody tr:last-child th,
._parametersTable_1r8xx_603 tbody tr:last-child td {
  border-bottom: none;
}
._executedActionsHeader_1r8xx_566 {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 12px;
}
._executedActionsHeader_1r8xx_566 span {
  flex: 1;
  height: 1px;
  background: #e6e3ff;
}
._executedActionsHeader_1r8xx_566 strong {
  white-space: nowrap;
}
._actionAccordion_1r8xx_669 {
  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_1r8xx_669 + ._actionAccordion_1r8xx_669 {
  margin-top: 8px;
}
._actionAccordion_pass_1r8xx_680 {
  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_1r8xx_686 {
  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_1r8xx_692 {
  padding: 8px 14px;
  border-bottom: 1px solid var(--action-pass-border, rgba(37, 167, 102, 0.22));
  background: transparent;
}
._actionAccordion_pass_1r8xx_680 ._actionAccordion__header_1r8xx_692 {
  border-bottom-color: var(--action-pass-border, rgba(37, 167, 102, 0.22));
  background: transparent;
}
._actionAccordion_fail_1r8xx_686 ._actionAccordion__header_1r8xx_692 {
  border-bottom-color: var(--action-fail-border, rgba(239, 68, 68, 0.24));
  background: transparent;
}
._actionAccordion__headerStatic_1r8xx_708 {
  cursor: default;
}
._actionAccordion_static_1r8xx_712 ._actionAccordion__header_1r8xx_692 {
  border-bottom: none;
}
._actionCard__titleRow_1r8xx_716 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._actionCard__codeChip_1r8xx_722 {
  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_1r8xx_722 span {
  line-height: 1;
}
._actionCard__name_1r8xx_742 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
}
._actionCard__pass_1r8xx_749 {
  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_1r8xx_749 svg,
._actionCard__pass_1r8xx_749 .MuiSvgIcon-root {
  width: 14px;
  height: 14px;
  color: #15803d !important;
  filter: none;
}
._actionCard__fail_1r8xx_771 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #b91c1c;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.18);
}
._actionCard__fail_1r8xx_771 svg,
._actionCard__fail_1r8xx_771 .MuiSvgIcon-root {
  width: 14px;
  height: 14px;
  color: #b91c1c !important;
  filter: none;
}
._actionAccordion__content_1r8xx_784 {
  padding-top: 14px;
}
._actionConditionList_1r8xx_788 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
._actionCondition_1r8xx_788 {
  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_1r8xx_809 {
  background: rgba(37, 167, 102, 0.08);
  border-color: rgba(37, 167, 102, 0.22);
}
._actionCondition_fail_1r8xx_814 {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.24);
}
._actionCondition_custom_1r8xx_819 {
  background: rgba(107, 94, 255, 0.08);
  border-color: rgba(107, 94, 255, 0.22);
}
._actionCondition_neutral_1r8xx_824 {
  background: var(--surface-subtle);
  border-color: var(--border-strong);
}
._conditionBadge_1r8xx_829 {
  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_1r8xx_829 svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
._conditionBadge__label_1r8xx_848 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._conditionBadge_pass_1r8xx_854 {
  background: rgba(34, 197, 94, 0.14);
  color: #15803d;
}
._conditionBadge_pass_1r8xx_854 svg,
._conditionBadge_pass_1r8xx_854 .MuiSvgIcon-root {
  color: #15803d !important;
  filter: none;
}
._conditionBadge_fail_1r8xx_864 {
  background: rgba(239, 68, 68, 0.14);
  color: #b91c1c;
}
._conditionBadge_fail_1r8xx_864 svg,
._conditionBadge_fail_1r8xx_864 .MuiSvgIcon-root {
  color: #b91c1c !important;
  filter: none;
}
._conditionBadge_custom_1r8xx_874 {
  background: rgba(107, 94, 255, 0.12);
  color: #5b47d6;
}
._conditionBadge_neutral_1r8xx_879 {
  background: rgba(100, 116, 139, 0.12);
  color: #475569;
}
._actionCondition__text_1r8xx_884 {
  min-width: 0;
  flex: 1;
  color: var(--text);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
._rawPayloadToggle_1r8xx_894 {
  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_1r8xx_913 {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
}
._rawPayloadToggle__chevronOpen_1r8xx_920 {
  transform: rotate(180deg);
}
._rawPayload_1r8xx_894 {
  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_1r8xx_940 {
  width: 100%;
  padding-top: 4px;
}
/* ─── Result display inside action accordion ─── */
._resultSection_1r8xx_946 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* One card = one top-level result object */
._resultCard_1r8xx_953 {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  color: var(--text);
}
._resultTree_1r8xx_961 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__children_1r8xx_968 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__array_1r8xx_976 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 6px;
  min-width: 0;
}
._resultTree__objectCard_1r8xx_984 {
  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_1r8xx_984 ._resultTree__children_1r8xx_968,
._resultTree__objectCard_1r8xx_984 ._resultTree__array_1r8xx_976 {
  margin-left: 0;
}
._resultTree__objectCard_1r8xx_984 ._resultTree__child_1r8xx_968,
._resultTree__objectCard_1r8xx_984 ._resultTree__lastEntry_1r8xx_998 {
  padding-left: 0;
}
._resultTree__objectCard_1r8xx_984 ._resultTree__child_1r8xx_968::before,
._resultTree__objectCard_1r8xx_984 ._resultTree__lastEntry_1r8xx_998::before {
  display: none;
}
/* Nested object cards — muted pastel depth coding (blue → green → amber, cycles) */
._resultTree__objectCard_depth0_1r8xx_1007::after,
._resultTree__objectCard_depth1_1r8xx_1008::after,
._resultTree__objectCard_depth2_1r8xx_1009::after,
._resultTree__objectCard_depth3_1r8xx_1010::after,
._resultTree__objectCard_depth4_1r8xx_1011::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_1r8xx_1007,
._resultTree__objectCard_depth3_1r8xx_1010 {
  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_1r8xx_1007::after,
._resultTree__objectCard_depth3_1r8xx_1010::after {
  background: #93c5fd;
}
/* Level 2 — soft green #10B981 */
._resultTree__objectCard_depth1_1r8xx_1008,
._resultTree__objectCard_depth4_1r8xx_1011 {
  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_1r8xx_1008::after,
._resultTree__objectCard_depth4_1r8xx_1011::after {
  background: #6ee7b7;
}
/* Level 3 — soft amber #F59E0B */
._resultTree__objectCard_depth2_1r8xx_1009 {
  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_1r8xx_1009::after {
  background: #fcd34d;
}
._resultTree__lastEntry_1r8xx_998 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__lastEntry_1r8xx_998::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 11px;
  width: 1px;
  background: var(--border);
}
._resultTree__child_1r8xx_968 {
  position: relative;
  padding-left: 14px;
  min-width: 0;
}
._resultTree__child_1r8xx_968::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border);
}
._resultTree__branch_1r8xx_1085 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._resultTree__row_1r8xx_1092 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: baseline;
  min-width: 0;
  line-height: 22px;
}
._resultTree__key_1r8xx_1101 {
  flex-shrink: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 400;
  color: var(--text-secondary);
}
._resultTree__scalar_1r8xx_1109 {
  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_1r8xx_1109 p {
  margin: 0 0 4px;
}
._resultTree__scalar_1r8xx_1109 p:last-child {
  margin-bottom: 0;
}
._resultTree__scalar_1r8xx_1109 ul, ._resultTree__scalar_1r8xx_1109 ol {
  margin: 4px 0;
  padding-left: 18px;
}
._resultTree__scalar_1r8xx_1109 pre {
  margin: 4px 0;
}
@media screen and (max-width: 1100px) {
  ._combinedBubble_1r8xx_31,
  ._announcementBubble_1r8xx_53,
  ._transitionCard_1r8xx_174,
  ._transitionStandalone_1r8xx_216,
  ._toolCard_1r8xx_54 {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
  ._combinedBubble_1r8xx_31 {
    padding: 12px;
  }
  ._combinedBubble__text_1r8xx_44,
  ._announcementBubble__text_1r8xx_164,
  ._transitionBubble__text_1r8xx_311 {
    font-size: 13px;
    line-height: 1.5;
  }
  ._announcementBubble__header_1r8xx_111 {
    flex-wrap: wrap;
    gap: 7px;
  }
  ._transitionStandalone_1r8xx_216 ._toolBubble__meta_1r8xx_427 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__meta_1r8xx_427 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  ._parametersBox_1r8xx_583 {
    padding: 12px;
  }
  ._keyValueList__row_1r8xx_1171 {
    flex-direction: column;
    gap: 4px;
  }
  ._keyValueList__key_1r8xx_1175 {
    white-space: normal;
  }
  ._rawPayload_1r8xx_894 {
    max-height: 280px;
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.6;
  }
  ._resultTree__child_1r8xx_968 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  ._combinedBubble_1r8xx_31,
  ._announcementBubble_1r8xx_53,
  ._transitionCard_1r8xx_174,
  ._transitionStandalone_1r8xx_216,
  ._toolCard_1r8xx_54 {
    border-radius: 12px;
  }
  ._transitionCard_1r8xx_174 ._toolBubble__meta_1r8xx_427,
  ._transitionStandalone_1r8xx_216 ._toolBubble__meta_1r8xx_427 {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  ._toolBubble__duration_1r8xx_444 {
    font-size: 13px;
    padding: 6px 12px;
  }
  ._toolBubble__time_1r8xx_435 {
    font-size: 11.5px;
  }
  ._actionCard__titleRow_1r8xx_716 {
    flex-wrap: wrap;
  }
  ._executedActionsHeader_1r8xx_566 {
    gap: 10px;
  }
}
._flowPrompt_1r8xx_1217 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
._flowPrompt__tag_1r8xx_1224 {
  font-weight: 500;
  overflow-wrap: anywhere;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._groupedProcessRoot_1kew1_29 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  margin: 30px 0;
}
@media screen and (max-width: 834px) {
  ._groupedProcessRoot_1kew1_29 {
    gap: 12px;
    margin: 24px 0;
  }
}
@media screen and (max-width: 480px) {
  ._groupedProcessRoot_1kew1_29 {
    margin: 20px 0;
  }
}
._groupedProcess_1kew1_29 {
  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_1kew1_61 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
._groupedProcess__chip_1kew1_68 {
  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_1kew1_81 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  ._groupedProcess_1kew1_29 {
    padding: 12px;
    gap: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._groupedProcess_1kew1_29 {
    padding: 10px;
    border-radius: 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;
}
._chat_ap95k_29 {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
._chat_canvas_ap95k_39 {
  padding-top: 0;
  gap: 0;
  height: 100%;
  min-height: 0;
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
}
._chat_canvas_ap95k_39 ._chat_messages_ap95k_48 {
  padding: 20px;
  min-height: 300px;
}
._chat_ap95k_29 ._chat__header_ap95k_52 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._chat_ap95k_29 ._chat__header_ap95k_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_ap95k_29 ._chat__header_ap95k_52 h3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  ._chat_ap95k_29 ._chat__header_ap95k_52 h3 {
    font-size: 12px;
  }
}
._chat_ap95k_29 ._chat__header_ap95k_52 > div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 834px) {
  ._chat_ap95k_29 {
    padding-top: 12px;
    gap: 12px;
    min-height: 0;
    flex: 1;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  ._chat_ap95k_29 {
    padding-top: 8px;
    overflow: hidden;
    gap: 10px;
  }
}
._chat__footerText_ap95k_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_ap95k_29 ._chat_messages_ap95k_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_ap95k_29 ._chat_messages_ap95k_48 {
    padding: 4px 0;
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  ._chat_ap95k_29 ._chat_messages_ap95k_48 {
    padding: 0;
    gap: 0;
  }
}
._chat_canvasGrow_ap95k_130 {
  height: auto;
  flex: none;
  overflow: visible;
}
._chat_canvasGrow_ap95k_130 ._chat_messages_ap95k_48 {
  height: auto;
  overflow-y: visible;
}
._chat_ap95k_29 ._ruler_ap95k_139 {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  width: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
._chat_ap95k_29 ._ruler_ap95k_139 ._ruler__item_ap95k_149 {
  position: relative;
  width: 100%;
  height: 1px;
  background: var(--border-strong);
}
._chat_ap95k_29 ._ruler_ap95k_139 ._ruler__item_ap95k_149:nth-child(2n) {
  margin-left: auto;
  background: color-mix(in srgb, var(--border-strong) 56%, transparent);
  width: 80%;
}
._chat_ap95k_29 ._ruler_ap95k_139 ._ruler__item_ap95k_149:nth-child(2n-1)::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--text-muted);
  font-size: 10px;
}
._chat_ap95k_29 ._ruler_ap95k_139 ._ruler__item_ap95k_149._theLastOne_ap95k_168 {
  transform: translateY(10px);
  position: absolute;
  bottom: 0;
  right: 0;
}
._chat_ap95k_29 ._ruler_ap95k_139 ._ruler__item_ap95k_149._theLastOne_ap95k_168::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: attr(data-hour);
  color: var(--text-muted);
  font-size: 10px;
}
._chat_ap95k_29 ._typingContainer_ap95k_182 {
  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_ap95k_29 ._typingContainer_ap95k_182 ._avatar_ap95k_193 {
  background: var(--accent-soft);
  color: var(--accent);
}
._chat_ap95k_29 ._chatInput_ap95k_197 {
  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_ap95k_29 ._chatInput_ap95k_197 > 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_ap95k_29 ._chatInput__input_ap95k_221 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  color: var(--text);
  border-radius: 8px;
  padding: 8px;
}
._chat_ap95k_29 ._chatInput__input_ap95k_221::placeholder {
  color: var(--text-muted);
}
._chat_ap95k_29 ._chatInput__input_ap95k_221:focus {
  outline: none;
}
._chat--keyboardVisible_ap95k_237 {
  gap: 12px;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  ._chat--keyboardVisible_ap95k_237 {
    gap: 8px;
  }
}
._chat--keyboardVisible_ap95k_237 ._chat_messages_ap95k_48 {
  padding-bottom: 8px;
}
._chat--keyboardVisible_ap95k_237 ._chatInput_ap95k_197 {
  padding: 8px 14px 14px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  margin-bottom: 0;
}
._chat--keyboardVisible_ap95k_237 ._chatInput_ap95k_197 > div {
  min-height: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
._resumeScrollButton_ap95k_259 {
  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_ap95k_1 0.3s ease;
}
._resumeScrollButton_ap95k_259:hover {
  background: var(--accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}
._resumeScrollButton_ap95k_259:active {
  transform: translateY(0);
}
._resumeScrollButton_ap95k_259 svg {
  font-size: 20px;
}
._resumeScrollButton_canvas_ap95k_291 {
  position: sticky;
  right: auto;
  bottom: 16px;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 769px) {
  ._resumeScrollButton_canvas_ap95k_291._sidebar-open_ap95k_299 {
    right: 420px;
  }
}
@media screen and (max-width: 834px) {
  ._resumeScrollButton_canvas_ap95k_291 {
    bottom: 88px;
    right: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._resumeScrollButton_canvas_ap95k_291 {
    bottom: 70px;
    right: 12px;
    padding: 10px 14px;
    font-size: 12px;
  }
  ._resumeScrollButton_canvas_ap95k_291 span {
    display: none;
  }
  ._resumeScrollButton_canvas_ap95k_291 svg {
    font-size: 18px;
  }
}
@keyframes _slideInUp_ap95k_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._centeredAssistantMessage_ap95k_334 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}
._centeredAssistantMessageContent_ap95k_342 {
  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_ap95k_342 {
    padding: 20px 16px;
    font-size: 1.05rem;
    border-radius: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._centeredAssistantMessageContent_ap95k_342 {
    padding: 16px 12px;
    font-size: 1rem;
  }
}
@keyframes _fadeInScale_ap95k_1 {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
._workspaceHint_ap95k_382 {
  margin: 16px 0;
  display: flex;
  justify-content: center;
}
._workspaceHintContent_ap95k_388 {
  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_ap95k_388 {
    max-width: 100%;
    padding: 12px 14px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  ._workspaceHintContent_ap95k_388 {
    padding: 10px 12px;
    font-size: 0.95rem;
  }
}
._workspaceHintContent_ap95k_388 ._tableWrapper_ap95k_413 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._workspaceHintContent_ap95k_388 ._tableWrapper_ap95k_413::-webkit-scrollbar {
  height: 6px;
}
._workspaceHintContent_ap95k_388 ._tableWrapper_ap95k_413::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._workspaceHintContent_ap95k_388 ._tableWrapper_ap95k_413::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._workspaceHintContent_ap95k_388 ._tableWrapper_ap95k_413::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
._workspaceHintContent_ap95k_388 ._markdownTable_ap95k_432 {
  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_ap95k_388 ._markdownTh_ap95k_442,
._workspaceHintContent_ap95k_388 ._markdownTd_ap95k_443 {
  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_ap95k_388 ._markdownTh_ap95k_442:last-child,
._workspaceHintContent_ap95k_388 ._markdownTd_ap95k_443:last-child {
  border-right: none;
}
._workspaceHintContent_ap95k_388 ._markdownTh_ap95k_442 {
  background-color: var(--surface-muted);
  font-weight: 600;
  white-space: nowrap;
}
._workspaceHintContent_ap95k_388 ._markdownTr_ap95k_460:last-child ._markdownTd_ap95k_443 {
  border-bottom: none;
}
._workspaceHintContent_ap95k_388 ._markdownTr_ap95k_460:hover {
  background-color: var(--table-row-hover-bg);
}
._result_ap95k_467 {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._result_ap95k_467 ._header_ap95k_473 {
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
}
@media screen and (max-width: 1440px) {
  ._result_ap95k_467 ._header_ap95k_473 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_ap95k_467 ._header_ap95k_473 {
    font-size: 14px;
  }
}
._result_ap95k_467 ._content_ap95k_488 {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  gap: 0 8px;
}
._result_ap95k_467 ._content--text_ap95k_493 {
  display: block;
}
._result_ap95k_467 ._value_ap95k_496 {
  width: 100%;
}
._result_ap95k_467 ._tableWrapper_ap95k_413 {
  width: 100%;
  overflow-x: auto;
  margin: 16px 0;
}
._result_ap95k_467 ._tableWrapper_ap95k_413::-webkit-scrollbar {
  height: 6px;
}
._result_ap95k_467 ._tableWrapper_ap95k_413::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._result_ap95k_467 ._tableWrapper_ap95k_413::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._result_ap95k_467 ._tableWrapper_ap95k_413::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
._result_ap95k_467 ._markdownTable_ap95k_432 {
  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_ap95k_467 ._markdownTh_ap95k_442,
._result_ap95k_467 ._markdownTd_ap95k_443 {
  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_ap95k_467 ._markdownTh_ap95k_442:last-child,
._result_ap95k_467 ._markdownTd_ap95k_443:last-child {
  border-right: none;
}
._result_ap95k_467 ._markdownTh_ap95k_442 {
  background-color: var(--surface-muted);
  font-weight: 600;
  white-space: nowrap;
}
._result_ap95k_467 ._markdownTr_ap95k_460:last-child ._markdownTd_ap95k_443 {
  border-bottom: none;
}
._result_ap95k_467 ._markdownTr_ap95k_460:hover {
  background-color: var(--table-row-hover-bg);
}
._result_ap95k_467 ._label_ap95k_552 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 1440px) {
  ._result_ap95k_467 ._label_ap95k_552 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_ap95k_467 ._label_ap95k_552 {
    font-size: 13px;
  }
}
._result_ap95k_467 ._colon_ap95k_569 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  ._result_ap95k_467 ._colon_ap95k_569 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_ap95k_467 ._colon_ap95k_569 {
    font-size: 13px;
  }
}
._result_ap95k_467 ._value_ap95k_496 {
  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_ap95k_467 ._value_ap95k_496::-webkit-scrollbar {
  height: 6px;
}
._result_ap95k_467 ._value_ap95k_496::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--text) 8%, transparent);
  border-radius: 3px;
}
._result_ap95k_467 ._value_ap95k_496::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 25%, transparent);
  border-radius: 3px;
}
._result_ap95k_467 ._value_ap95k_496::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text) 35%, transparent);
}
@media screen and (max-width: 1440px) {
  ._result_ap95k_467 ._value_ap95k_496 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1220px) {
  ._result_ap95k_467 ._value_ap95k_496 {
    font-size: 13px;
  }
}
._headerContainer_ap95k_621 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
._printButton_ap95k_628 {
  color: var(--color-white) !important;
  border: none !important;
  background-color: var(--btn-dark) !important;
}
@media print {
  ._printButton_ap95k_628 {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  ._result_ap95k_467,
  ._result_ap95k_467 * {
    visibility: visible !important;
  }
  ._result_ap95k_467 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    background: var(--surface);
  }
  ._header_ap95k_473 {
    font-size: 24px;
  }
  ._content_ap95k_488 {
    font-size: 14px;
    line-height: 1.5;
  }
  ._label_ap95k_552,
  ._colon_ap95k_569 {
    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_fgxe5_29 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-family: Roboto, sans-serif;
}
._quickMetrics_fgxe5_37 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media screen and (max-width: 375px) {
  ._quickMetrics_fgxe5_37 {
    grid-template-columns: 1fr;
  }
}
._quickMetricCardFull_fgxe5_48 {
  grid-column: 1/-1;
}
._quickMetricCard_fgxe5_48 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  background: var(--surface-subtle);
}
._quickMetricCard_fgxe5_48 > span {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.03em;
}
._quickMetricCard_fgxe5_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_fgxe5_80 {
  cursor: help;
  -webkit-tap-highlight-color: transparent;
}
._quickMetricTooltipTarget_fgxe5_80 > span,
._quickMetricTooltipTarget_fgxe5_80 > strong,
._quickMetricTooltipTarget_fgxe5_80 > strong span {
  pointer-events: none;
}
._quickMetricTooltip_fgxe5_80 {
  max-width: min(400px, 80vw);
  max-height: 320px;
  overflow: auto;
  white-space: pre-wrap;
  line-height: 1.4;
  font-size: 13px;
}
._quickMetricSentimentIcon_fgxe5_99 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._quickMetricCsat_fgxe5_105 {
  gap: 8px;
}
._quickMetricCsatDot_fgxe5_109 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
._quickMetricStatusOk_fgxe5_118 {
  color: var(--chip-ok-text) !important;
}
._sidebarAccordion_fgxe5_122 {
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--call-queue-accordion-border);
  border-radius: 14px;
  background: var(--call-queue-accordion-bg);
}
._sidebarAccordion__head_fgxe5_130 {
  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_fgxe5_130:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 13px;
}
._sidebarAccordion__head_fgxe5_130 svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transform: rotate(180deg);
  transition: transform 180ms ease;
  flex-shrink: 0;
}
._sidebarAccordion__title_fgxe5_160 {
  min-width: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
}
._sidebarAccordion__headRight_fgxe5_167 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
._sidebarAccordion__total_fgxe5_174 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  white-space: nowrap;
}
._sidebarAccordion__total_fgxe5_174 > span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
}
._sidebarAccordion__total_fgxe5_174 strong {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 800;
  line-height: 1;
}
._sidebarAccordion__total_fgxe5_174 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._sidebarAccordionOpen_fgxe5_200 ._sidebarAccordion__head_fgxe5_130 svg {
  transform: rotate(0deg);
}
._sidebarAccordionOpen_fgxe5_200 ._sidebarAccordion__head_fgxe5_130:focus-visible {
  border-radius: 13px 13px 0 0;
}
._sidebarAccordion__body_fgxe5_207 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 14px 14px;
  background: var(--surface);
}
._sidebarGroupTitle_fgxe5_215 {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding-top: 14px;
  padding-bottom: 4px;
}
._sidebarRow_fgxe5_225,
._costRow_fgxe5_226 {
  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_fgxe5_225,
  ._costRow_fgxe5_226 {
    align-items: stretch;
    gap: 6px;
    padding: 12px 0;
  }
}
._sidebarKey_fgxe5_244 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  max-width: 52%;
  color: var(--text-muted);
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 18px;
}
@media screen and (max-width: 834px) {
  ._sidebarKey_fgxe5_244 {
    max-width: 100%;
  }
}
._sidebarKey_fgxe5_244 svg {
  width: 18px;
  height: 18px;
  color: var(--text-muted);
  flex: 0 0 18px;
}
._sidebarValue_fgxe5_267,
._sidebarLink_fgxe5_268 {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
._sidebarValue_fgxe5_267 span,
._sidebarLink_fgxe5_268 span {
  font-size: var(--fs-base);
}
@media screen and (max-width: 834px) {
  ._sidebarValue_fgxe5_267,
  ._sidebarLink_fgxe5_268 {
    text-align: left;
  }
}
._sidebarLink_fgxe5_268 {
  color: var(--accent);
}
._pillSoft_fgxe5_290,
._pillWarn_fgxe5_291 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._pillSoft_fgxe5_290 svg,
._pillSoft_fgxe5_290 img,
._pillWarn_fgxe5_291 svg,
._pillWarn_fgxe5_291 img {
  width: 16px;
  height: 16px;
}
._pillSoft_fgxe5_290 {
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
}
._pillWarn_fgxe5_291 {
  background: var(--surface-muted);
  color: var(--text-secondary);
  text-transform: capitalize;
}
._textBlock_fgxe5_320 {
  padding-top: 8px;
}
._textBlock_fgxe5_320 h4 {
  margin: 0 0 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}
._textBlock_fgxe5_320 p {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
._costRow_fgxe5_226 {
  align-items: center;
}
._costRow_fgxe5_226 strong {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 700;
  text-align: right;
}
._costLabel_fgxe5_347,
._breakTitle_fgxe5_348 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 500;
}
._costIcon_fgxe5_357 {
  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_fgxe5_370,
._costIconGlyph_circuit_fgxe5_371 {
  display: block;
  flex-shrink: 0;
}
._costRowTotal_fgxe5_376 {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
._costRowTotal_fgxe5_376 > span {
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: 700;
}
._costRowTotal_fgxe5_376 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._openCostButton_fgxe5_392 {
  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: var(--fs-base);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 210ms ease, border-color 210ms ease, color 210ms ease;
}
._openCostButton_fgxe5_392 > span {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
._openCostButton_fgxe5_392: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_fgxe5_421 {
  display: block;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex-shrink: 0;
  color: currentColor !important;
}
._costModal_fgxe5_430 {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  pointer-events: none;
}
._costModal__overlay_fgxe5_441 {
  position: fixed;
  inset: 0;
  border: none;
  background: rgba(15, 23, 42, 0.18);
  pointer-events: auto;
}
._costModal__dialog_fgxe5_449 {
  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_fgxe5_449 > p {
  margin: 6px 0 12px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 600;
}
._costModal__head_fgxe5_469 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._costModal__head_fgxe5_469 h3 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
._costModal__head_fgxe5_469 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_fgxe5_495 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._breakCard_fgxe5_501 {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
._breakCard__head_fgxe5_508 {
  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_fgxe5_508 strong {
  color: var(--text);
  font-size: 13px;
}
._breakHeadLeft_fgxe5_522 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  min-width: 0;
}
._breakHeadLeft_fgxe5_522 ._breakTitle_fgxe5_348 {
  min-width: 0;
  overflow-wrap: anywhere;
}
._breakHeadLeft_fgxe5_522 + strong {
  flex-shrink: 0;
  white-space: nowrap;
}
._breakTier_fgxe5_538 {
  display: inline-flex;
  flex-shrink: 0;
}
._breakNote_fgxe5_543 {
  padding: 6px 12px;
  border-bottom: 1px solid var(--border);
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
._breakTable_fgxe5_553 {
  display: flex;
  flex-direction: column;
}
._breakRow_fgxe5_558 {
  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_fgxe5_558:last-child {
  border-bottom: none;
}
._breakRow_fgxe5_558 span {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
._breakRowHead_fgxe5_577 span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
._breakRowSubtotal_fgxe5_585 span:last-child {
  font-weight: 700;
  color: var(--text);
}
._breakRateHeader_fgxe5_590 {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  cursor: help;
}
._breakUnitRate_fgxe5_599 {
  color: var(--accent-link);
  font-weight: 600;
}
._breakTotal_fgxe5_604 {
  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_fgxe5_604 span {
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
}
._breakTotal_fgxe5_604 strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
}
._breakTotal_fgxe5_604 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}
._info_fgxe5_630 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
._info_fgxe5_630 ._header_fgxe5_636 {
  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_fgxe5_630 ._header_fgxe5_636 {
    font-size: 12px !important;
  }
}
._info_fgxe5_630 ._info__content_fgxe5_652 {
  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_fgxe5_630 ._info__content_fgxe5_652 {
    row-gap: 14px;
  }
}
._info_fgxe5_630 ._info__content_fgxe5_652 span {
  font-size: 14px;
}
@media screen and (max-width: 1220px) {
  ._info_fgxe5_630 ._info__content_fgxe5_652 span {
    font-size: 14px;
  }
}
._info_fgxe5_630 ._info__content_fgxe5_652 ._detailHeader_fgxe5_676 {
  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_fgxe5_630 ._info__content_fgxe5_652 ._detailHeader_fgxe5_676 {
    font-size: 14px;
  }
}
._detailHeader_fgxe5_676 {
  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_fgxe5_676 {
    font-size: 14px;
  }
}
._detailHeaderText_fgxe5_706 {
  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_fgxe5_706 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._detailHeaderText_fgxe5_706 {
    font-size: 14px;
  }
}
._detailHeaderText_fgxe5_706 span:first-child {
  color: var(--text-muted);
}
._label_fgxe5_734 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
._label_fgxe5_734 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._label_fgxe5_734 span:first-child {
  color: var(--text-muted);
}
._label_fgxe5_734 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._label_fgxe5_734 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
._label_fgxe5_734 span:nth-of-type(3) {
  color: var(--text);
  text-align: right;
  justify-self: end;
}
@media screen and (max-width: 480px) {
  ._label_fgxe5_734 span:nth-of-type(3) {
    width: 139px;
  }
}
@media screen and (max-width: 480px) {
  ._label_fgxe5_734 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) auto;
  }
}
._labelDescription_fgxe5_774 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._labelDescription_fgxe5_774 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._labelDescription_fgxe5_774 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._labelDescription_fgxe5_774 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._labelDescription_fgxe5_774 {
    grid-template-columns: minmax(100px, 155px) minmax(30px, 37px) 1fr;
  }
}
._linkLabel_fgxe5_800 {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 14px;
}
@media screen and (max-width: 480px) {
  ._linkLabel_fgxe5_800 {
    grid-template-columns: minmax(100px, 158px) minmax(30px, 37px) 139px;
  }
}
._linkLabel_fgxe5_800 ._detailHeaderLink_fgxe5_811 {
  line-height: 100%;
  color: var(--text-muted);
}
._linkLabel_fgxe5_800 span {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._linkLabel_fgxe5_800 span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  ._linkLabel_fgxe5_800 span:nth-of-type(2) {
    width: 37px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  ._linkLabel_fgxe5_800 span:nth-of-type(3) {
    width: 139px;
  }
}
._linkLabel_fgxe5_800 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_fgxe5_800 ._iconContainer_fgxe5_846 {
  display: inline-flex;
  gap: 8px;
}
._linkLabel_fgxe5_800 ._labelContainer_fgxe5_850 {
  width: fit-content;
  display: inline-flex;
  gap: 8px;
  margin-left: auto;
  align-items: center;
}
._linkLabel_fgxe5_800 ._icon_fgxe5_846 {
  cursor: pointer;
  justify-self: flex-end;
  width: 16px;
  height: 16px;
}
._tagsHolder_fgxe5_864 {
  display: inherit;
  gap: 8px;
  flex-wrap: wrap;
}
._tagsHolder_fgxe5_864 span {
  font-size: 16px;
  font-family: "Roboto";
}
@media screen and (max-width: 1440px) {
  ._tagsHolder_fgxe5_864 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._tagsHolder_fgxe5_864 span {
    font-size: 14px;
  }
}
._resultHolder_fgxe5_884 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._resultHolder_fgxe5_884 span {
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  ._resultHolder_fgxe5_884 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1220px) {
  ._resultHolder_fgxe5_884 span {
    font-size: 14px;
  }
}
._inlineLabel_fgxe5_904 {
  display: grid;
  grid-template-columns: 70px 20px 200px;
}
._inlineLabel_fgxe5_904 span {
  font-family: "Roboto";
}
._keywordsLabel_fgxe5_912 {
  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_fgxe5_922 ._keywordsLabel_fgxe5_912 {
  color: var(--text-muted) !important;
}
._notGridLabel_fgxe5_926 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._notGridValue_fgxe5_932 {
  display: inline-flex;
  align-items: center;
  color: var(--text);
}
._container_fgxe5_938 {
  display: flex;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
  align-items: baseline;
  flex-direction: column;
  gap: 8px;
}
._container_fgxe5_938 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._container_fgxe5_938 span {
    font-size: 14px;
  }
}
._container_fgxe5_938 ._detailHeader_fgxe5_676 {
  color: var(--text-muted);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
._tagsContainer_fgxe5_922 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  color: var(--scss-text-color, #1f1f1f);
}
._tagsContainer_fgxe5_922 span {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: var(--scss-text-color, #1f1f1f);
}
._skeletonContainer_fgxe5_978 {
  display: inline-flex;
}
._skeletonContainer_fgxe5_978 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInlineNoValue_fgxe5_989 {
  display: inline-flex;
  gap: 16px;
}
._containerInlineNoValue_fgxe5_989 span {
  text-wrap: nowrap;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._containerInline_fgxe5_989 {
  display: flex;
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  flex-direction: column;
  gap: 8px;
}
._containerInline_fgxe5_989 span {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
}
._status_fgxe5_1015 {
  padding: 4px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: fit-content;
}
._status__started_fgxe5_1024 {
  background-color: rgba(255, 246, 200, 0.8);
}
._status__finished_fgxe5_1027 {
  background-color: rgba(221, 255, 200, 0.8);
}
._status__processing_fgxe5_1030 {
  background-color: rgba(200, 230, 255, 0.8);
}
._statusLabel_fgxe5_1034 {
  align-self: center;
  color: var(--text-muted);
}
._valueText_fgxe5_1039 {
  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_fgxe5_1039 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueText_fgxe5_1039 {
    max-width: 139px;
  }
}
._valueTextDescription_fgxe5_1060 {
  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_fgxe5_1060 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  ._valueTextDescription_fgxe5_1060 {
    font-size: 14px;
  }
}
._keywordChip_fgxe5_1083 {
  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_fgxe5_1083:nth-child(1) {
  background: var(--surface-accent);
}
._keywordChip_fgxe5_1083:nth-child(2) {
  background: var(--surface-accent-soft);
}
._keywordChip_fgxe5_1083:nth-child(3) {
  background: var(--surface-accent-soft);
}
._keywordChip_fgxe5_1083:nth-child(4) {
  background: var(--chip-ok-bg);
}
._keywordChip_fgxe5_1083:hover:not(:disabled) {
  border-color: rgba(107, 94, 255, 0.28);
  box-shadow: 0 2px 8px rgba(107, 94, 255, 0.12);
}
._keywordChip_active_fgxe5_1114 {
  border-color: rgba(107, 94, 255, 0.45);
  box-shadow: 0 0 0 2px rgba(107, 94, 255, 0.12);
}
._keywordChip_disabled_fgxe5_1119 {
  opacity: 0.45;
  cursor: default;
}
._keywordChip__label_fgxe5_1124 {
  line-height: 1.2;
}
._keywordChip__count_fgxe5_1128 {
  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_qw0ek_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_qw0ek_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_qw0ek_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_qw0ek_97 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_qw0ek_114 {
  font-family: "Roboto" !important;
  font-size: 18px !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_qw0ek_114 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_qw0ek_133 {
  max-width: 441px;
  margin-top: 24px;
  width: 100%;
  height: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  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_qw0ek_133 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_qw0ek_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: var(--fs-base);
  line-height: 24px;
}
._inputCustom_qw0ek_154::after {
  display: none;
}
._inputCustom_qw0ek_154::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_qw0ek_154 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_qw0ek_97 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_qw0ek_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_1nsrc_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_1nsrc_88 {
  font-family: "Roboto" !important;
  font-size: 18px !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_1nsrc_99 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_1nsrc_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: var(--fs-base);
  line-height: 24px;
}
._inputCustom_1nsrc_112::after {
  display: none;
}
._inputCustom_1nsrc_112::before {
  display: none;
}
._button_1nsrc_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_1nsrc_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_1nsrc_88 {
  font-family: "Roboto" !important;
  font-size: 18px !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_1nsrc_99 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_1nsrc_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: var(--fs-base);
  line-height: 24px;
}
._inputCustom_1nsrc_112::after {
  display: none;
}
._inputCustom_1nsrc_112::before {
  display: none;
}
._button_1nsrc_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_a3l7y_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_a3l7y_88 {
  min-height: 386px;
}
._title_a3l7y_92 {
  font-family: "Roboto" !important;
  font-size: 18px !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_a3l7y_103 {
  width: 441px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--scss-tableHeaderColor, rgb(31, 31, 31)) !important;
}
._inputCustom_a3l7y_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: var(--fs-base);
  line-height: 24px;
}
._inputCustom_a3l7y_116::after {
  display: none;
}
._inputCustom_a3l7y_116::before {
  display: none;
}
._button_a3l7y_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;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_110bo_141 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: var(--page-header-padding);
  padding-top: 0;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--surface);
}
._headerActions_110bo_154 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--pad-md, 12px);
  width: 100%;
  padding: var(--pad-toolbar-block-start, 16px) 0 var(--pad-toolbar-block-end, 12px);
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  ._headerActions_110bo_154 ._actionButton_110bo_165 {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
  }
}
._orgCheckbox_110bo_172 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  margin: 0;
}
._orgCheckbox_110bo_172 .MuiCheckbox-root {
  width: 16px;
  height: 16px;
  padding: 0;
}
._orgCheckbox_110bo_172 .MuiCheckbox-root svg {
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 480px) {
  ._orgCheckbox_110bo_172 {
    flex-basis: 100%;
  }
}
._headerDivider_110bo_193 {
  height: 1px;
  margin: 0 0 var(--pad-lg, 16px);
  background: var(--border, var(--border));
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._headerDivider_110bo_193 {
    display: none;
  }
}
._actionButton_110bo_165 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
  height: var(--control-height-sm, 36px);
  padding: 0 var(--pad-md-plus, 14px);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-semi, 600);
  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_110bo_165 svg {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  color: var(--text-secondary);
}
._actionButton_110bo_165:hover {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  background: var(--sf-accent-hover-bg, var(--accent-hover-bg));
}
span._orgCheckboxLabel_110bo_233 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-secondary);
}
._liveButton_110bo_242 {
  gap: var(--pad-sm, 8px);
}
._liveDot_110bo_246 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ok);
  flex-shrink: 0;
}
._liveButtonActive_110bo_254 {
  border-color: var(--sf-accent-border, var(--accent-border));
  background: var(--sf-accent-soft, var(--surface-accent-soft));
}
._title_110bo_259 {
  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_110bo_269 {
  font-family: "Roboto";
  font-size: 12.5px;
  color: var(--text-secondary, #525a73);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
._paginationBar_110bo_277 {
  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_110bo_277._paginationBar_110bo_277 {
    justify-content: center;
  }
}
._pagination_110bo_277 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_110bo_277 li button {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._pagination_110bo_277 li:first-child button {
  background-color: var(--surface-muted);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._pagination_110bo_277 li:last-child button {
  background-color: var(--surface-muted);
  border-radius: 10px;
  width: 33px;
  height: 33px;
}
._wrapperIntecationsPlaceholder_110bo_312 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
._header_110bo_154 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  height: fit-content;
  width: 100%;
  flex-shrink: 0;
}
._table_110bo_330 {
  margin-top: 0;
  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_1ncnk_29 {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 18px;
  padding: var(--page-header-padding);
  height: calc(100vh - var(--page-header, 0));
  position: relative;
  color: var(--text);
  background: var(--bg);
}
@media screen and (max-width: 834px) {
  ._container_1ncnk_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._mainContent_1ncnk_46 {
  display: flex;
  flex-direction: column;
  gap: 21.6px;
  width: 100%;
  max-height: calc(100% - 54px);
}
._wrapper_1ncnk_54 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  gap: 21.6px;
}
._paginationHolder_1ncnk_62 {
  display: flex;
  flex-direction: column;
  gap: 21.6px;
  width: 100%;
  justify-content: space-between;
}
._loaderContainer_1ncnk_70 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._loaderContainer_1ncnk_70 {
    height: 100vh;
  }
}
._title_1ncnk_83 {
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  line-height: 26.1px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text);
}
._sub_title_1ncnk_93 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.1px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._content_1ncnk_103 {
  display: flex;
  flex-direction: column;
  gap: 3.6px;
  justify-content: space-between;
}
._template_holder_1ncnk_110 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(261px, max-content));
  gap: 14.4px;
  overflow-y: auto;
}
@media (min-width: 1930px) {
  ._template_holder_1ncnk_110 {
    grid-template-columns: repeat(auto-fill, minmax(261px, 1fr));
  }
}
@media (max-width: 1920px) {
  ._template_holder_1ncnk_110 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  ._template_holder_1ncnk_110 {
    grid-template-columns: repeat(auto-fill, minmax(261px, max-content));
  }
}
._footer_1ncnk_133 {
  flex-direction: column;
  height: 100%;
  max-height: 111.6px;
  width: 100%;
  padding: 21.6px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  position: relative;
  line-height: 18px;
  color: var(--text);
  display: flex;
  align-items: flex-start;
  gap: 7.2px;
  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_1ncnk_133::after {
  content: "";
  position: absolute;
  bottom: -3.6px;
  left: 0;
  right: 0;
  height: 45px;
  background: linear-gradient(to top, var(--surface) 50%, transparent);
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}
._footer_1ncnk_133 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 500;
  overflow: hidden;
  max-height: 21.6px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}
._footer_1ncnk_133 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  text-align: start;
  overflow: visible;
  color: var(--text-secondary);
}
._footer_1ncnk_133:hover {
  display: block;
  height: 100%;
  overflow: visible;
  max-height: 259.2px;
}
._footer_1ncnk_133:hover::after {
  opacity: 0;
}
._footer_1ncnk_133:hover p {
  -webkit-line-clamp: unset;
  height: auto;
  overflow: hidden;
  max-height: 187.2px;
  text-overflow: ellipsis;
}
._buttonHolder_1ncnk_204 {
  z-index: 2;
  background-color: var(--surface);
  display: flex;
  padding: 21.6px;
  height: auto;
  padding-top: 0;
}
._card_1ncnk_213 {
  background: var(--surface);
  color: var(--text);
  height: 325.8px;
  width: 100%;
  max-width: 376.2px;
  border-radius: 22.5px 22.5px 18px 18px;
  border: 0.9px solid var(--border-field, #d8dbdf);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 18px;
  border: 0.9px solid var(--border-field, #d8dbdf);
  overflow: hidden;
  transition: max-height 0.8s ease-in-out, height 0.8s ease-in-out;
}
._footerContainer_1ncnk_231 {
  gap: 7.2px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._card_img_1ncnk_238 {
  border-left: 0.9px solid var(--border-field, #d8dbdf);
  border-right: 0.9px solid var(--border-field, #d8dbdf);
  border-top: 0.9px solid var(--border-field, #d8dbdf);
  width: calc(100% + 1.8px);
  max-height: 145.8px;
  min-height: 0px;
  height: 100%;
  border-radius: 18px 18px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  margin-top: -0.9px;
  margin-left: -0.9px;
  position: relative;
}
._card_img_1ncnk_238 ._header_1ncnk_255 {
  width: 100%;
  height: 100%;
  border-radius: 18px 18px 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_1ncnk_238 ._loadingOverlay_1ncnk_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: 18px 18px 0 0;
  z-index: 1;
}
._card_img_1ncnk_238 ._spinner_1ncnk_283 {
  width: 21.6px;
  height: 21.6px;
  border: 1.8px solid var(--border);
  border-top: 1.8px solid var(--info);
  border-radius: 50%;
  animation: _spin_1ncnk_283 1s linear infinite;
}
@keyframes _spin_1ncnk_283 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  ._template_holder_1ncnk_110 {
    grid-template-columns: repeat(auto-fit, minmax(243px, max-content));
  }
}
@media (max-width: 600px) {
  ._template_holder_1ncnk_110 {
    grid-template-columns: repeat(auto-fit, minmax(243px, max-content));
  }
}
._legalModalContent_1ncnk_310 {
  padding: 0 21.6px;
}
@media screen and (max-width: 480px) {
  ._legalModalContent_1ncnk_310 {
    padding: 0 10.8px;
    width: 100%;
  }
}
._legalDisclaimerContent_1ncnk_320 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 21.6px;
  color: var(--text);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 7.2px;
}
._legalDisclaimerContent_1ncnk_320 h1, ._legalDisclaimerContent_1ncnk_320 h2, ._legalDisclaimerContent_1ncnk_320 h3, ._legalDisclaimerContent_1ncnk_320 h4, ._legalDisclaimerContent_1ncnk_320 h5, ._legalDisclaimerContent_1ncnk_320 h6 {
  margin-top: 10.8px;
  margin-bottom: 7.2px;
  font-weight: 600;
}
._legalDisclaimerContent_1ncnk_320 h1 {
  font-size: 18px;
}
._legalDisclaimerContent_1ncnk_320 h2 {
  font-size: 16px;
}
._legalDisclaimerContent_1ncnk_320 h3 {
  font-size: 14px;
}
._legalDisclaimerContent_1ncnk_320 p {
  margin: 7.2px 0;
}
._legalDisclaimerContent_1ncnk_320 ul, ._legalDisclaimerContent_1ncnk_320 ol {
  margin: 7.2px 0;
  padding-left: 21.6px;
}
._legalDisclaimerContent_1ncnk_320 code {
  background: var(--surface-muted);
  padding: 1.8px 5.4px;
  border-radius: 3.6px;
  font-family: "Courier New", monospace;
  font-size: 12px;
}
._legalDisclaimerContent_1ncnk_320 pre {
  background: var(--surface-muted);
  padding: 10.8px;
  border-radius: 3.6px;
  overflow-x: auto;
  margin: 7.2px 0;
}
._legalDisclaimerContent_1ncnk_320 pre code {
  background: transparent;
  padding: 0;
}
._legalDisclaimerContent_1ncnk_320 a {
  color: var(--accent-link);
  text-decoration: none;
}
._legalDisclaimerContent_1ncnk_320 a:hover {
  text-decoration: underline;
}
._legalDisclaimerContent_1ncnk_320 blockquote {
  border-left: 3.6px solid var(--border-field, #d8dbdf);
  padding-left: 14.4px;
  margin: 7.2px 0;
  color: var(--text-secondary);
}
._legalDisclaimerContent_1ncnk_320 table {
  width: 100%;
  border-collapse: collapse;
  margin: 7.2px 0;
}
._legalDisclaimerContent_1ncnk_320 table th, ._legalDisclaimerContent_1ncnk_320 table td {
  border: 0.9px solid var(--border-field, #d8dbdf);
  padding: 7.2px;
  text-align: left;
}
._legalDisclaimerContent_1ncnk_320 table th {
  background: var(--surface-muted);
  font-weight: 600;
}
._legalDisclaimerContent_1ncnk_320::-webkit-scrollbar {
  width: 7.2px;
}
._legalDisclaimerContent_1ncnk_320::-webkit-scrollbar-track {
  background: var(--surface-muted);
  border-radius: 3.6px;
}
._legalDisclaimerContent_1ncnk_320::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3.6px;
}
._legalDisclaimerContent_1ncnk_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_ihrfw_29 {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
  padding: 21.6px;
  height: 100%;
  min-width: 234.9px;
  background: var(--surface);
  color: var(--text);
  border: 0.9px solid var(--border-field, #d8dbdf);
  border-radius: 9px;
}
._title_ihrfw_42 {
  font-family: "Roboto";
  color: var(--text);
  font-size: 14px;
  line-height: 21.6px;
  font-weight: 500;
}
._categoriesWrapper_ihrfw_50 {
  width: 100%;
  height: 100%;
}
._categoryItemWrapper_ihrfw_55 {
  padding: 6.3px 0px 6.3px 0px;
}
._categoryItemWrapper_ihrfw_55 ._categoryItem_ihrfw_55 {
  cursor: pointer;
  padding: 6.3px 10.8px 6.3px 10.8px;
  border-radius: 4.5px;
  transition: background-color 0.15s ease;
}
._categoryItemWrapper_ihrfw_55 ._categoryItem_ihrfw_55:hover {
  background-color: var(--accent-hover-bg);
}
._categoryItemWrapper_ihrfw_55 ._categoryItem_ihrfw_55 ._categoryLabel_ihrfw_67 {
  font-size: 14px;
  font-family: "Roboto";
  color: var(--text);
  line-height: 21.6px;
}
._categoryItemWrapper_ihrfw_55 ._categoryItem_ihrfw_55._active_ihrfw_73 {
  background-color: var(--selection-highlight-bg, var(--surface-accent-soft));
}
._categoryItemWrapper_ihrfw_55 ._categoryItem_ihrfw_55._active_ihrfw_73 ._categoryLabel_ihrfw_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_1iukq_29 {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  white-space: nowrap;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-regular, 400);
  line-height: 16px;
  text-align: left;
  color: var(--text-muted);
  letter-spacing: 0;
}
._root_1iukq_29:not(:last-child)::after {
  content: "|";
  margin: 0 var(--gap-sm, 8px);
  color: var(--text-muted);
  opacity: 0.55;
  user-select: none;
}
@media screen and (max-width: 1220px) {
  ._root_1iukq_29:not(:last-child)::after {
    content: none;
  }
}
._root_1iukq_29 b {
  font-weight: var(--fw-regular, 400);
  color: var(--text-muted);
}
._metaValue_1iukq_59 {
  margin-left: var(--gap-tight, 4px);
  min-width: 0;
  max-width: 200px;
  overflow: hidden;
  font-weight: var(--fw-medium, 500);
  color: var(--text-secondary);
}._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_3365g_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_3365g_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
._integrationsWrapper_3365g_38 > * {
  flex: 1 1 calc(25% - 24px);
  box-sizing: border-box;
}
._title_3365g_49 {
  display: inline-flex;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._titleWrapper_3365g_56 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._enabledSpan_3365g_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_3365g_63:hover {
  background-color: var(--surface);
  color: var(--text);
}
._icon_3365g_82 {
  min-width: 35px;
  min-height: 35px;
}
._iconWithOption_3365g_87 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_3365g_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_3365g_87:hover::after {
  opacity: 1;
}
._membersHolder_3365g_117 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_3365g_126 {
  font-family: "Roboto";
  color: var(--text-muted);
  font-size: var(--fs-base);
  line-height: 24px;
}
._integration_3365g_38 {
  width: 100%;
  padding: 16px;
  display: flex;
  border: 1px solid var(--border-field, #d8dbdf);
  border-radius: 12px;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
._integration_3365g_38._invalid_3365g_143 {
  padding: 15px;
  border: 2px solid #e53935;
  box-shadow: 0 0 10px rgba(229, 57, 53, 0.3);
}
._name_3365g_149 {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  color: var(--text);
}
._icon_3365g_82 {
  max-width: 40px;
  max-height: 40px;
}
._button_3365g_163 {
  border: 2px solid var(--btn-dark);
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_3365g_172, ._instagramPage_3365g_172 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: space-between;
}
._instagramPage_3365g_172 {
  font-size: 14px;
}
._divLine_3365g_184 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-strong);
}
._instagramPages_3365g_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_ahp42_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}
._integrationsWrapper_ahp42_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
._integrationsWrapper_ahp42_38 > * {
  flex: 1 1 calc(33.333% - 24px);
  box-sizing: border-box;
}
._title_ahp42_49 {
  display: inline-flex;
  min-width: 156px;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
._comingSoonSpan_ahp42_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_ahp42_69 {
  display: flex;
  gap: 34px;
  flex-direction: column;
  justify-content: flex-start;
}
._titleWrapper_ahp42_76 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
._icon_ahp42_83 {
  min-width: 35px;
  min-height: 35px;
  filter: grayscale(100%);
}
._icon_ahp42_83._enabled_ahp42_88 {
  filter: grayscale(0%);
}
._iconWithOption_ahp42_92 {
  position: relative;
  min-width: 35px;
  min-height: 35px;
  font-family: "Roboto";
}
._iconWithOption_ahp42_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_ahp42_92:hover::after {
  opacity: 1;
}
._membersHolder_ahp42_122 {
  position: relative;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
._text_ahp42_131 {
  font-family: "Roboto";
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: 24px;
}
._integration_ahp42_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_ahp42_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_ahp42_38._enabled_ahp42_88::after {
  display: none;
}
._name_ahp42_164 {
  color: var(--text);
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  color: var(--text);
}
._icon_ahp42_83 {
  max-width: 40px;
  max-height: 40px;
}
._button_ahp42_179 {
  border: 2px solid var(--btn-dark);
  padding: 8px;
  cursor: pointer;
  width: 115px;
  text-align: center;
  text-transform: uppercase;
}
._mainRow_ahp42_188, ._instagramPage_ahp42_188 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  height: 100%;
}
._instagramPage_ahp42_188 {
  font-size: 14px;
}
._divLine_ahp42_200 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
._instagramPages_ahp42_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_rn5jl_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  position: relative;
}

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

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

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

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

._section_rn5jl_31 {
  background: transparent;
}

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

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

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

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

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

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

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

._actions_rn5jl_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;
}

._headerCell_rn5jl_97 {
  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_rn5jl_106 {
  padding: 14px;
  height: 40px;
  border-bottom: 1px solid #eaeef4;
}

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

._emptyText_rn5jl_118 {
  font-style: italic;
  color: #9fa6b3;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

._emptyCell_rn5jl_125 {
  padding: 24px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: var(--text-secondary);
}

._emptyState_rn5jl_133 {
  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_rn5jl_143 {
  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_8fhia_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_8fhia_29 {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  ._modalContainer_8fhia_29 {
    width: 100%;
    right: 0;
  }
}
._titleContainer_8fhia_61 {
  display: flex;
  justify-content: space-between;
}
._title_8fhia_61 {
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.48px;
}
._closeIcon_8fhia_76 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  filter: var(--icon-mono-filter);
}
._mainContent_8fhia_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_1n3w0_29 {
  padding: 8px;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid var(--border-strong);
  background: var(--surface-muted);
}
._content_1n3w0_39 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
._icon_1n3w0_45 {
  width: 24px;
  height: 24px;
  filter: var(--icon-mono-filter);
}
._textContent_1n3w0_51 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._title_1n3w0_57 {
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
._description_1n3w0_66 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
._descriptionPL2_1n3w0_75 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 12px;
}
._descriptionPL4_1n3w0_85 {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding-left: 24px;
}
._mainContent_1n3w0_95 {
  display: flex;
  gap: 14px;
  flex-direction: column;
}
._link_1n3w0_101 {
  text-decoration: underline;
  color: var(--accent-link, var(--accent));
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_aef4o_1 {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

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

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

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

._additionalButton_aef4o_53 {
  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_aef4o_53 img {
  width: 24px;
  height: 24px;
}

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

._open_aef4o_48 ._additionalButton_aef4o_53 {
  opacity: 1;
  pointer-events: all;
}._container_1fea0_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md, 12px);
  width: 100%;
}

._columns_1fea0_8 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg, 16px);
}

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

._accordion_1fea0_19 {
  border-radius: var(--radius, 12px) !important;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}

._accordionSummary_1fea0_28 {
  padding: 0 var(--pad-md, 12px) !important;
  min-height: 58px !important;
  background: var(--surface);
  color: var(--text);
}
._accordionSummary_1fea0_28 .MuiAccordionSummary-expandIconWrapper,
._accordionSummary_1fea0_28 .MuiSvgIcon-root {
  color: var(--text) !important;
}

._accordionTitle_1fea0_39 {
  display: flex;
  align-items: center;
  gap: var(--pad-sm, 8px);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
  color: var(--text);
}

._accordionDetails_1fea0_49 {
  padding: var(--pad-md, 12px) !important;
  background: var(--surface);
  color: var(--text);
}

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

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

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

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

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

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

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

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

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

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

._fieldContainer_1fea0_120 {
  width: 100%;
}

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

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

._fieldIcon_1fea0_131 {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--accent);
}

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

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

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

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

._saveSection_1fea0_170 {
  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_1fea0_181 {
  padding: 12px;
  border-radius: 10px;
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  max-height: 260px;
  overflow: auto;
}

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

._jsonCode_1fea0_197 {
  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_1fea0_206 {
  color: var(--text-muted);
}

._tooltipIcon_1fea0_210 {
  margin-left: 4px;
}

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

@media (max-width: 960px) {
  ._fieldRow_1fea0_153 {
    grid-template-columns: minmax(0, 1fr);
  }
}._toolbar_dj40m_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--pad-md);
  min-height: 58px;
  padding: var(--pad-sm) var(--pad-md);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius);
  background: var(--surface-accent);
  position: relative;
  z-index: 4;
}

._toolbarLead_dj40m_15 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-sm);
  min-width: 0;
  flex: 0 1 auto;
}

._badge_dj40m_23 {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--accent);
}

._badge_dj40m_23 .material-symbols-outlined {
  font-size: var(--icon-inline);
  color: inherit;
}

._toolbarTitle_dj40m_39 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  color: var(--text);
  line-height: 1.3;
}

._toolbarField_dj40m_49 {
  position: relative;
  flex: 0 0 250px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

._toolbarField_dj40m_49 .MuiInputBase-root,
._toolbarField_dj40m_49 .MuiFormControl-root {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: var(--surface);
}

._loading_dj40m_65 {
  display: flex;
  align-items: center;
  min-height: 80px;
}

._pdfField_dj40m_71 {
  display: flex;
  width: 100%;
}

._pdfField_dj40m_71 textarea {
  width: 100%;
  min-height: 140px;
  resize: vertical;
  padding: var(--pad-sm-plus) var(--pad-md);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  line-height: 1.5;
  outline: 0;
}

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

._pdfField_dj40m_71 textarea::placeholder {
  color: var(--text-muted);
  font-family: inherit;
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  opacity: 1;
}._button_f1lwv_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-tight);
  min-height: 32px;
  padding: 0 var(--pad-sm-plus);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text-secondary);
  font-size: var(--fs-sm-plus);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
._button_f1lwv_1:hover:not(:disabled) {
  border-color: var(--accent-border);
  background: var(--surface-accent-soft);
  color: var(--accent);
}
._button_f1lwv_1:focus-visible {
  border-color: var(--accent-hover-border);
  box-shadow: 0 0 0 3px var(--accent-tint);
  outline: 0;
}
._button_f1lwv_1:disabled {
  border-color: var(--border);
  background: var(--surface-muted);
  color: var(--text-muted);
  cursor: not-allowed;
}

._icon_f1lwv_35 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}._content_bd7ol_1 {
  width: 450px;
}

._select_label_bd7ol_5 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 4.5px;
}._content_bd7ol_1 {
  width: 450px;
}

._select_label_bd7ol_5 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 4.5px;
}._content_bd7ol_1 {
  width: 450px;
}

._select_label_bd7ol_5 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 4.5px;
}._content_bd7ol_1 {
  width: 450px;
}

._select_label_bd7ol_5 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 4.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_wtf8u_29 {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: calc(100vh - var(--page-header, 0));
  position: relative;
  justify-content: space-between;
  padding: var(--page-header-padding);
}
@media screen and (max-width: 834px) {
  ._container_wtf8u_29 {
    height: calc(100vh - var(--page-header, 0));
  }
}
._title_wtf8u_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_wtf8u_54 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
  width: 100%;
}
._contentContainer_wtf8u_62 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._headerContentContainer_wtf8u_68 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._wrapper_wtf8u_74 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._template_holder_wtf8u_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_wtf8u_94 {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  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_1i9ad_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px;
  width: 100%;
  background: var(--color-white);
  border-radius: 12px;
  margin-top: 16px;
}

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

._overlayLeft_1i9ad_22 {
  left: 24px;
}

._overlayRight_1i9ad_26 {
  right: 24px;
}

._defaultButton_1i9ad_30 {
  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_1i9ad_1 1s ease-in-out infinite alternate;
}

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

@keyframes _call-widget-default-bob_1i9ad_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_7slwd_29 {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
._flexColumn_7slwd_38 {
  display: flex;
  flex-direction: column;
}
._mainHeader_7slwd_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_7slwd_56 {
  width: 100%;
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
._subcontainer_7slwd_63 {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-height: 112px;
  gap: 24px;
}
._subcontainerBehaviour_7slwd_72 {
  margin-top: 24px;
  width: 100%;
}
._fieldContainer_7slwd_77 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._fieldContainer_7slwd_77 ._hader_7slwd_82 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  height: 24px;
  gap: 2px;
}
._fieldContainer_7slwd_77 ._hader_7slwd_82 span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
}
._fieldContainer_7slwd_77 ._hader_7slwd_82 ._iconHolder_7slwd_96 {
  width: 17px;
  height: 19px;
}
._fieldContainer_7slwd_77 ._subhader_7slwd_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 300;
  padding-bottom: 10px;
}
._fieldContainer_7slwd_77 ._field_7slwd_77 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._fieldContainer_7slwd_77 ._checkboxContainer_7slwd_119 {
  display: flex;
  align-items: flex-start;
  margin-right: 10px;
  margin-top: -10px;
}
._fieldContainer_7slwd_77 ._checkboxContainer_7slwd_119 ._tooltipIcon_7slwd_125 {
  padding-top: 10px;
}
._fieldBig_7slwd_129 {
  width: 100%;
}
._label_7slwd_133, ._sliderCount_7slwd_133, ._boldLabel_7slwd_133 {
  color: var(--text);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._boldLabel_7slwd_133 {
  font-weight: bold;
}
._flexRow_7slwd_146 {
  display: flex;
  flex-direction: row;
}
._flexColumn_7slwd_38 {
  display: flex;
  flex-direction: column;
  width: 240px;
}
._checkBoxBlock_7slwd_157 {
  width: 300px;
  gap: 10px;
}
._checkBoxBlock_7slwd_157 > span {
  padding-left: 0;
  padding-top: 3px;
}
._checkBoxBlock_7slwd_157 > input,
._checkBoxBlock_7slwd_157 fieldset {
  border: 1px solid #eaeef4 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
}
._checkBoxBlock_7slwd_157 input {
  padding-top: 14px;
  padding-bottom: 14px;
}
._sliderBlock_7slwd_177 {
  width: 255px;
}
._sliderCount_7slwd_133 {
  padding-top: 5px;
}
._colorPicketBlock_7slwd_185 {
  width: 240px;
}
._colorPicketBlock_7slwd_185 > input,
._colorPicketBlock_7slwd_185 fieldset {
  border: 0 !important;
}
._colorPicketBlock_7slwd_185 > div {
  margin-top: 5px;
  width: 100%;
}
._colorPicketBlock_7slwd_185 > div > div {
  padding-left: 0;
}
._colorPicketBlock_7slwd_185 input {
  text-transform: uppercase;
  border: 1px solid #eaeef4;
  border-radius: 5px;
  padding: 6px;
}
._colorPicketBlock_7slwd_185 button {
  padding: 17px 17px !important;
  border: 1px solid #eaeef4;
  margin-left: 0;
  padding-left: 0;
}
._textFieldBlock_7slwd_212 {
  width: 400px;
}
._textFieldBlock_7slwd_212 > span {
  padding-left: 0;
}
._mt15_7slwd_219 {
  margin-top: 15px;
}
._mt10_7slwd_223 {
  margin-top: 10px;
}
._twoColumn_7slwd_227 {
  display: flex;
  justify-content: space-between;
}
._previewBlock_7slwd_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_1piz1_1 {
  width: 100%;
}

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

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

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

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

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

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

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

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

._simpleConfigPreviewIcon_1piz1_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_1piz1_71 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

._previewPanel_1piz1_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;
}

._captionToggle_1piz1_98 label {
  font-size: var(--fs-lg);
}._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_1nv5s_1 {
  to {
    opacity: 1;
  }
}
p {
  margin-top: 0;
}
._chatContainer_1nv5s_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_1nv5s_26 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: se-resize;
  z-index: 100000;
  background-size: 100% 100%;
}
._chatContainer_1nv5s_12 ._chatHeader_1nv5s_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: linear-gradient(to right, #1c4966, #06252b);
  color: #fff;
}
._chatContainer_1nv5s_12 ._chatHeader_1nv5s_36 ._close_1nv5s_44 {
  border-radius: 25px;
  cursor: pointer;
}
._chatContainer_1nv5s_12 ._chatHeader_1nv5s_36 ._close_1nv5s_44:hover {
  opacity: 1;
}
._chatContainer_1nv5s_12 ._operatorInfo_1nv5s_51 {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 60px);
  overflow: hidden;
}
._chatContainer_1nv5s_12 ._operatorPhoto_1nv5s_59 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
}
._chatContainer_1nv5s_12 ._operatorDetails_1nv5s_66 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._chatContainer_1nv5s_12 ._operatorDetails_1nv5s_66 p {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  line-height: 20px !important;
  overflow: hidden;
}
._chatContainer_1nv5s_12 ._operatorName_1nv5s_77 {
  font-size: 16px;
  margin: 0;
}
._chatContainer_1nv5s_12 ._operatorPosition_1nv5s_81 {
  font-size: 12px;
  margin: 0;
}
._chatContainer_1nv5s_12 ._chatMessages_1nv5s_85 {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  color: black;
}
._chatContainer_1nv5s_12 ._message_1nv5s_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_1nv5s_12 ._message_1nv5s_91 div {
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
._chatContainer_1nv5s_12 ._message_1nv5s_91._userMessage_1nv5s_106 {
  margin-bottom: 10px;
  opacity: 0;
  animation: _fadeIn_1nv5s_1 0.5s ease-in-out forwards;
}
._chatContainer_1nv5s_12 ._message_1nv5s_91._userMessage_1nv5s_106:last-child {
  animation-delay: 0.2s;
}
._chatContainer_1nv5s_12 ._userMessage_1nv5s_106 {
  text-align: right;
}
._chatContainer_1nv5s_12 ._userMessage_1nv5s_106 ._message-content_1nv5s_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_1nv5s_12 ._userMessage_1nv5s_106 ._message-content_1nv5s_117 span {
  max-width: 100%;
}
._chatContainer_1nv5s_12 ._operatorMessage_1nv5s_125 {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left !important;
  border-radius: 10px 10px 10px 0;
  font-weight: normal;
}
._chatContainer_1nv5s_12 ._clientMessage_1nv5s_132 {
  text-align: left !important;
  border-radius: 10px 10px 0 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
._chatContainer_1nv5s_12 ._message_1nv5s_91 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
._chatContainer_1nv5s_12 ._uname_1nv5s_145 {
  font-weight: bold;
  margin-bottom: 0 !important;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
}
._chatContainer_1nv5s_12 ._operatorMessage_1nv5s_125 {
  text-align: left;
}
._chatContainer_1nv5s_12 ._operatorMessage_1nv5s_125 ._message-content_1nv5s_117 {
  display: inline-block;
  padding: 8px;
  border-radius: 8px;
}
._chatContainer_1nv5s_12 ._chatInput_1nv5s_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_1nv5s_12 ._chatInput_1nv5s_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_1nv5s_12 ._chatInput__input_1nv5s_179 {
  background-color: transparent;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  border-radius: 8px;
  padding: 8px;
  padding-right: 28px;
}
._chatContainer_1nv5s_12 ._chatInput__input_1nv5s_179:focus {
  outline: none;
}
._chatContainer_1nv5s_12 ._chatInput_1nv5s_160 ._pi_1nv5s_192 {
  cursor: pointer;
  position: absolute;
  right: 30px;
}
._chatContainer_1nv5s_12 ._chatInput_1nv5s_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_1nv5s_12 ._chatInput_1nv5s_160 svg:hover {
  background-color: #217dbb;
}
@keyframes _moveUpDown_1nv5s_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._launcherAnchor_1nv5s_218 {
  position: absolute;
  z-index: 999999;
  width: 60px;
  height: 60px;
  animation: _moveUpDown_1nv5s_1 1s ease-in-out infinite alternate;
}
._chatButton_1nv5s_226 {
  cursor: pointer;
  border-radius: 100px;
  width: 60px;
  height: 60px;
}
._timeText_1nv5s_233 {
  color: rgb(179, 179, 179);
  margin-top: -8px;
  margin-bottom: 10px;
}
._iconInChat_1nv5s_239 {
  width: 35px;
  height: 35px;
  margin-top: 0;
  align-self: end;
  margin-bottom: 35px;
  border-radius: 30px;
}
._sign_1nv5s_248 {
  font-size: 12px;
  color: #9e9e9e;
  margin-bottom: 5px;
}
._sign_1nv5s_248 strong {
  transition: color 0.2s ease;
}
._sign_1nv5s_248:hover strong {
  color: inherit !important;
}
._dialogFit_1nv5s_260 {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
._dialogFit_1nv5s_260 > * {
  min-height: 0;
}._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_30q6g_79 {
  width: calc(100% - var(--layout-gutter-inline-start, 18px) - var(--layout-gutter-inline-end, 20px));
  height: 100%;
  margin: 0 var(--layout-gutter-inline-end, 20px) 0 var(--layout-gutter-inline-start, 18px);
}
@media screen and (max-width: 480px) {
  ._mainContainer_30q6g_79 {
    width: calc(100% - 24px);
    margin: 0 12px;
    padding: 0 12px;
  }
}
._header_30q6g_92 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._header_30q6g_92 {
    margin-top: 16px;
  }
}
._header_30q6g_92 ._fieldName_30q6g_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
._header_30q6g_92 ._fieldName_30q6g_100 span {
  width: 148px;
  height: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._header_30q6g_92 ._fieldName_30q6g_100 span {
    width: auto;
  }
}
._tooltipIcon_30q6g_126 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_30q6g_131 {
  margin-top: 32px;
}
._subheader_30q6g_131 ._fieldName_30q6g_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
}
._fieldsContainer_30q6g_144 {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 834px) {
  ._fieldsContainer_30q6g_144 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._fieldsContainer_30q6g_144 ._fieldName_30q6g_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  height: 19px;
  line-height: 19px;
}
._field_30q6g_100 {
  height: 52px;
  margin-top: 8px;
}
._numbers_30q6g_171 {
  width: 248px;
}
@media screen and (max-width: 834px) {
  ._numbers_30q6g_171 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._numbers_30q6g_171 {
    width: 100%;
  }
}
._customSelect_30q6g_185 {
  height: 100%;
  width: 100%;
  padding-bottom: 0 !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  padding-right: 0;
}
@media screen and (max-width: 834px) {
  ._customSelect_30q6g_185 {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  ._customSelect_30q6g_185 {
    padding-right: 0 !important;
  }
}
._customSelect_30q6g_185 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
._customSelect_30q6g_185 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_30q6g_185 button span span svg {
  width: 24px;
  height: 17px;
}
._button_30q6g_223 {
  width: 120px;
  height: 48px;
  padding: 18px 22px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 700;
}
._tableContainer_30q6g_236 {
  margin-top: 14px;
}
@media screen and (max-width: 480px) {
  ._tableContainer_30q6g_236 {
    margin-top: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}
._placeholder_30q6g_248 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_30q6g_185 fieldset {
  top: -10px;
}
._customSelect_30q6g_185 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: var(--fs-base);
  line-height: 1.2rem;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
}
._customSelect_30q6g_185 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_30q6g_185 ul li span svg {
  width: 24px;
  height: 17px;
}
._fieldHolderSmall_30q6g_285 {
  width: 150px;
}
@media screen and (max-width: 834px) {
  ._fieldHolderSmall_30q6g_285 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolderSmall_30q6g_285 {
    width: 100%;
  }
}
._fieldHolder_30q6g_285 {
  width: fit-content;
}
@media screen and (max-width: 834px) {
  ._fieldHolder_30q6g_285 {
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_30q6g_285 {
    width: 100%;
  }
}
._tabsContainer_30q6g_313 {
  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_30q6g_313 {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 480px) {
  ._tabsContainer_30q6g_313 .wrapper {
    gap: 8px;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ._tabsContainer_30q6g_313 .wrapper::-webkit-scrollbar {
    display: none;
  }
}
._tabsContainer_30q6g_313 .button {
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._tabsContainer_30q6g_313 .button {
    font-size: 12px;
    padding: 8px 10px 6px 10px;
    line-height: 18px;
  }
}
._addButton_30q6g_354 {
  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_30q6g_354 {
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
    order: -1;
  }
}
._addButton_30q6g_354:hover ._addButtonCircle_30q6g_375 {
  background-color: var(--btn-dark-hover);
}
._addButtonText_30q6g_379 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 700;
  font-size: var(--fs-md);
}
._addButtonCircle_30q6g_375 {
  width: 38px;
  height: 38px;
  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_30q6g_375 img {
  width: 20px;
  height: 20px;
  filter: var(--btn-dark-icon-filter);
}
._tabContent_30q6g_407 {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._tabContent_30q6g_407 {
    margin-top: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
._emptyTab_30q6g_418 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--text-muted);
}
._buyPanelContent_30q6g_431 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 24px 0 24px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  ._buyPanelContent_30q6g_431 {
    padding: 0 16px 0 16px;
  }
}
._buyPanelFilters_30q6g_444 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  ._buyPanelFilters_30q6g_444 {
    gap: 12px;
    margin-bottom: 16px;
  }
}
._filterField_30q6g_458 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._filterField_30q6g_458 ._fieldName_30q6g_100 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._filterField_30q6g_458 ._field_30q6g_100,
._filterField_30q6g_458 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
  color: var(--text);
}
._filterField_30q6g_458 .flag-select {
  background-color: var(--surface) !important;
  border-radius: 10px;
  color: var(--text) !important;
}
._filterField_30q6g_458 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
  color: var(--text);
}
._filterField_30q6g_458 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
  border-color: var(--border-field);
}
._filterField_30q6g_458 .MuiOutlinedInput-root legend {
  display: none;
}
._filterField_30q6g_458 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._filterField_30q6g_458 .MuiInputBase-input {
  color: var(--text);
}
._phoneNumbersList_30q6g_502 {
  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_30q6g_513 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 600;
  padding: 16px;
  background-color: var(--surface);
  border-bottom: 1px solid var(--border-field);
  color: var(--text);
}
._tableHeader_30q6g_526 {
  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_30q6g_536 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text-secondary);
}
._phonesList_30q6g_546 {
  flex: 1;
  overflow-y: auto;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
  background-color: var(--surface);
}
._phoneItem_30q6g_554 {
  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_30q6g_554:hover {
  background-color: var(--surface-muted);
}
._phoneItem_30q6g_554:last-child {
  border-bottom: none;
}
._phoneItem_30q6g_554._selected_30q6g_570 {
  background-color: var(--selection-highlight-bg, var(--surface-accent-soft));
  border-left: 3px solid var(--accent);
}
._phoneNumber_30q6g_502 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 500;
}
._phonePrice_30q6g_584 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
._loadingContainer_30q6g_594 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  background-color: var(--surface);
}
._emptyList_30q6g_603 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--text-muted);
  background-color: var(--surface);
}
._buyPanelFooter_30q6g_618 {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid var(--border-field);
  flex-shrink: 0;
  margin-top: 24px;
}
._buyButton_30q6g_627 {
  min-width: 140px;
}
._customSelect_30q6g_185 button {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
._customSelect_30q6g_185 button:after {
  border-top-color: var(--text-muted) !important;
}
._customSelect_30q6g_185 ul {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
._customSelect_30q6g_185 ul li {
  background: var(--surface) !important;
  color: var(--text) !important;
}
._customSelect_30q6g_185 ul li:hover, ._customSelect_30q6g_185 ul li._selected--flag_30q6g_648 {
  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_c3091_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  height: 90%;
}
._title_c3091_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_c3091_47 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_c3091_47:hover {
  text-decoration: underline;
}
._table_c3091_55 ._headerRow_c3091_55 {
  border: 0;
}
._table_c3091_55 ._headerRow_c3091_55 ._headerCell_c3091_58 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_c3091_55 ._headerRow_c3091_55 ._headerCell_c3091_58:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_c3091_55 ._headerRow_c3091_55 ._headerCell_c3091_58:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_c3091_55 ._tableRow_c3091_83 {
  border: 1px none var(--border);
}
._table_c3091_55 ._cell_c3091_86 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_c3091_55 ._cell_c3091_86 > div {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
}
._table_c3091_55 ._cell__status_c3091_99 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_c3091_55 ._cell__status__suspended_c3091_108 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._table_c3091_55 ._cell__status__paid_c3091_111 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._emptyAgent_c3091_115 {
  min-height: 33px;
}
._borderLeft_c3091_119 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_c3091_124 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._content_c3091_129 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._toolTipContainer_c3091_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_yumfe_29 {
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
._contentHolder_yumfe_36 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._deleteLabel_yumfe_45 {
  word-wrap: break-word;
  white-space: break-spaces;
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
}
._boldLabel_yumfe_53 {
  color: var(--scss-text-color, #1f1f1f);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
}
._header_yumfe_60 {
  font-family: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
._body_yumfe_69 {
  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_1w3ov_29 ._headerRow_1w3ov_29 {
  border: 0;
}
._table_1w3ov_29 ._headerRow_1w3ov_29 ._headerCell_1w3ov_32 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_1w3ov_29 ._headerRow_1w3ov_29 ._headerCell_1w3ov_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_1w3ov_29 ._headerRow_1w3ov_29 ._headerCell_1w3ov_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_1w3ov_29 ._tableRow_1w3ov_57 {
  border: 1px none var(--border);
}
._table_1w3ov_29 ._cell_1w3ov_60 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_1w3ov_29 ._cell_1w3ov_60 > div {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
}
._table_1w3ov_29 ._cell__status_1w3ov_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_1w3ov_29 ._cell__status__enabled_1w3ov_82 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._table_1w3ov_29 ._cell__status__disabled_1w3ov_85 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._emptyAgent_1w3ov_89 {
  min-height: 33px;
}
._link_1w3ov_93 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_1w3ov_93:hover {
  text-decoration: underline;
}
._borderLeft_1w3ov_101 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_1w3ov_106 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_1w3ov_111 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_15t57_29 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}
._field_15t57_36 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_15t57_36 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_15t57_36 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_15t57_36 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_15t57_36 .MuiOutlinedInput-root legend {
  display: none;
}
._field_15t57_36 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_15t57_59 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._actions_15t57_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_gq3jm_29 ._headerRow_gq3jm_29 {
  border: 0;
}
._table_gq3jm_29 ._headerRow_gq3jm_29 ._headerCell_gq3jm_32 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_gq3jm_29 ._headerRow_gq3jm_29 ._headerCell_gq3jm_32:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid var(--border);
}
._table_gq3jm_29 ._headerRow_gq3jm_29 ._headerCell_gq3jm_32:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid var(--border);
}
._table_gq3jm_29 ._tableRow_gq3jm_57 {
  border: 1px none var(--border);
}
._table_gq3jm_29 ._cell_gq3jm_60 {
  white-space: nowrap;
  text-align: left;
  border-color: var(--border);
  text-overflow: ellipsis;
  overflow: hidden;
}
._table_gq3jm_29 ._cell_gq3jm_60 > div {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
}
._table_gq3jm_29 ._cell__status_gq3jm_73 {
  width: 110px;
  height: 27px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._table_gq3jm_29 ._cell__status__enabled_gq3jm_82 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._table_gq3jm_29 ._cell__status__disabled_gq3jm_85 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._emptyAgent_gq3jm_89 {
  min-height: 33px;
}
._borderLeft_gq3jm_93 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
._borderRight_gq3jm_98 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
._emptyState_gq3jm_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-family: "Roboto";
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--text-muted);
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  border-radius: 10px;
}
._link_gq3jm_117 {
  color: var(--accent-link);
  text-decoration: none;
}
._link_gq3jm_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_ffb9e_29 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._form_ffb9e_29 {
    overflow: auto;
  }
}
._field_ffb9e_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._field_ffb9e_41 .MuiTextField-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_ffb9e_41 .MuiOutlinedInput-root {
  background-color: var(--surface);
  border-radius: 10px;
}
._field_ffb9e_41 .MuiOutlinedInput-root fieldset {
  top: 0 !important;
}
._field_ffb9e_41 .MuiOutlinedInput-root legend {
  display: none;
}
._field_ffb9e_41 .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
}
._label_ffb9e_64 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--text);
}
._actions_ffb9e_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_165aq_79 {
  font-size: var(--fs-base);
  width: calc(100% - 18px);
  height: calc(100vh - 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_165aq_79 {
    height: calc(100vh - var(--page-header));
  }
}
._header_165aq_96 {
  margin-top: 24px;
}
._header_165aq_96 ._fieldName_165aq_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 700;
}
._header_165aq_96 ._fieldName_165aq_99 span {
  width: 148px;
  height: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  color: var(--text);
  font-weight: 700;
}
._tooltipIcon_165aq_120 {
  margin-left: 4px;
  margin-bottom: 4px;
}
._subheader_165aq_125 {
  height: calc(100% - var(--page-header) - 60px);
  margin-top: 8px;
}
._subheader_165aq_125 ._fieldName_165aq_99 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: 700;
  height: 19px;
  color: var(--text);
}
._customSelect_165aq_140 {
  color: var(--text);
  height: 100%;
  width: 100%;
  padding-bottom: 0 !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  padding-right: 0 !important;
}
._customSelect_165aq_140 button {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  color: var(--text);
}
._customSelect_165aq_140 button span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_165aq_140 button span span svg {
  width: 24px;
  height: 17px;
}
._button_165aq_170 {
  width: 120px;
  height: 48px;
  padding: 18px 22px;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  font-weight: 700;
}
._tableContainer_165aq_183 {
  margin-top: 14px;
}
._placeholder_165aq_187 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_165aq_140 fieldset {
  top: -10px;
}
._customSelect_165aq_140 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: var(--fs-base);
  line-height: 1.2rem;
  scrollbar-color: rgb(31, 31, 31) transparent;
  scrollbar-width: thin;
}
._customSelect_165aq_140 ul li span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
}
._customSelect_165aq_140 ul li span svg {
  width: 24px;
  height: 17px;
}
._widgetsContainer_165aq_224 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: column;
  padding-bottom: 35px;
}
._metricsSectionStacked_165aq_232 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._metricsSectionStacked_165aq_232 > ._row_165aq_237 {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
._row_165aq_237 {
  display: flex;
  gap: 24px;
  padding: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  min-height: 0;
}
._row_165aq_237 > * {
  flex: 1;
  display: flex;
  align-self: stretch;
  min-height: 0;
}
@media screen and (max-width: 480px) {
  ._row_165aq_237 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1220px) {
  ._row_165aq_237 {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1440px) {
  ._row_165aq_237 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
._leftColumn_165aq_276 {
  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_165aq_276 > *:first-child {
  flex: 0 0 auto;
}
._leftColumn_165aq_276 > ._row_165aq_237 {
  margin: 0;
  padding: 0;
  flex: 1;
  min-height: 0;
  align-items: stretch;
}
@media screen and (max-width: 1220px) {
  ._leftColumn_165aq_276 > ._row_165aq_237 {
    flex-direction: column;
  }
}
._leftColumn_165aq_276 > ._row_165aq_237 > * {
  flex: 1;
  min-height: 330px;
}
@media screen and (max-width: 1440px) {
  ._leftColumn_165aq_276 > ._row_165aq_237 > * {
    min-height: 0;
  }
}
@media screen and (max-width: 1440px) {
  ._leftColumn_165aq_276 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
._rightColumn_165aq_317 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  min-width: 0;
  align-self: stretch;
}
._rightColumn_165aq_317 > * {
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._rightColumn_165aq_317 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1220px) {
  ._rightColumn_165aq_317 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._rightColumn_165aq_317 {
    flex-direction: column;
  }
}
._keywordsInline_165aq_345 {
  display: none;
  flex: 1;
}
._keywordsStandalone_165aq_350 {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1440px) {
  ._keywordsInline_165aq_345 {
    display: flex;
  }
  ._keywordsStandalone_165aq_350 {
    display: none;
  }
}
._selectText_165aq_363 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
  margin-top: 4px;
  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;
}
/*
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
*/
._fieldName_1yc10_79 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19.09px;
  text-align: center;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._fieldName_1yc10_79 {
    display: none;
  }
}
._fieldsContainer_1yc10_93 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
._fieldsContainer_1yc10_93 ._fieldName_1yc10_79 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  height: 19px;
  line-height: 19px;
}
@media screen and (max-width: 1220px) {
  ._fieldsContainer_1yc10_93 {
    flex-direction: row;
    height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldsContainer_1yc10_93 {
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    flex-direction: row;
  }
}
._fieldHolder_1yc10_123 {
  display: flex;
  gap: 20px;
  flex-direction: row;
  color: var(--text);
  max-height: 40px;
}
._fieldHolder_1yc10_123 > div:first-child {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text);
}
@media screen and (max-width: 1220px) {
  ._fieldHolder_1yc10_123 {
    flex-direction: row;
    justify-content: flex-start;
    max-height: fit-content;
  }
}
@media screen and (max-width: 480px) {
  ._fieldHolder_1yc10_123 {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
}
._overviewContainer_1yc10_152 {
  max-height: 40px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
._field_1yc10_79 {
  height: 40px;
  min-width: fit-content;
  flex: 1;
}
@media screen and (max-width: 480px) {
  ._field_1yc10_79 {
    min-width: 0px;
  }
}
._numbers_1yc10_172 {
  width: 180px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  ._numbers_1yc10_172 {
    max-width: 130px;
  }
}
._refresh_1yc10_182 {
  display: flex;
  gap: 10px;
  cursor: pointer;
  color: var(--text);
}
._refresh_1yc10_182 span {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
}
@media screen and (max-width: 480px) {
  ._refresh_1yc10_182 span {
    display: none;
  }
}
._refresh_1yc10_182 svg {
  color: var(--text);
}._main_1eess_1 {
  box-sizing: content-box !important;
  flex: 1;
  height: 100%;
  display: flex;
}
@media screen and (max-width: 1440px) {
  ._main_1eess_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1eess_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1eess_1 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_1eess_1 {
    flex-basis: 100%;
  }
}
._chartContainer_1eess_28 {
  width: 100%;
  height: 255px;
  max-height: 0px;
  min-height: 165px;
}
@media screen and (max-width: 480px) {
  ._chartContainer_1eess_28 {
    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_ffym6_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_ffym6_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_ffym6_29 {
    padding: 12px;
  }
}
._header_ffym6_55 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_ffym6_55 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_ffym6_70 {
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  ._title_ffym6_70 {
    text-align: center;
  }
}
._loader_ffym6_83 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_ffym6_91 {
  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_o5tkp_29 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  color: rgb(115, 123, 139);
}
@media screen and (max-width: 480px) {
  ._text_o5tkp_29 {
    font-size: 10px;
    text-align: center;
  }
}
._up_o5tkp_44 {
  color: rgb(20, 157, 82);
}
._down_o5tkp_48 {
  color: rgb(242, 56, 58);
}
._block_o5tkp_52 {
  display: flex;
  gap: 5px;
  justify-content: flex-start;
}
@media screen and (max-width: 480px) {
  ._block_o5tkp_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_a0lmw_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_a0lmw_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_a0lmw_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_a0lmw_29 {
    flex-basis: 100%;
  }
}
._main75_a0lmw_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_a0lmw_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main75_a0lmw_53 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main75_a0lmw_53 {
    flex-basis: 100%;
  }
}
._count_a0lmw_78 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: 700;
  line-height: 39.07px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  ._count_a0lmw_78 {
    text-align: center;
  }
}
._content_a0lmw_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_a0lmw_91 {
    gap: 24px;
  }
}
._sliderBlock_a0lmw_105 {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-direction: row;
  align-items: center;
  color: black;
}
@media screen and (max-width: 480px) {
  ._sliderBlock_a0lmw_105 {
    gap: 8px;
  }
}
._sliderLabel_a0lmw_119, ._sliderCount_a0lmw_119 {
  width: 123px;
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
@media screen and (max-width: 480px) {
  ._sliderLabel_a0lmw_119, ._sliderCount_a0lmw_119 {
    text-wrap: nowrap;
  }
}
._sliderCount_a0lmw_119 {
  width: max-content;
}
._slider_a0lmw_105 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}
._slider_a0lmw_105 > * {
  width: 100%;
}
._sliderContent_a0lmw_148 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._billableTable_a0lmw_154 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
}
._tableHeader_a0lmw_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_a0lmw_172 {
  border-bottom: 1px solid var(--border);
}
._tableRow_a0lmw_172:last-child {
  border-bottom: none;
}
._tableCell_a0lmw_179 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
  padding: 12px 0;
}
._tableCell_a0lmw_179:first-child {
  font-weight: 500;
}
._tableCell_a0lmw_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_k00o5_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_k00o5_29 {
    height: fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (max-width: 480px) {
  ._wrapper_k00o5_29 {
    padding: 12px;
  }
}
._header_k00o5_52 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._header_k00o5_52 {
    padding: 12px;
    flex-direction: column;
    justify-content: center;
  }
}
._title_k00o5_67 {
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  align-self: center;
}
@media screen and (max-width: 480px) {
  ._title_k00o5_67 {
    text-align: center;
  }
}
._loader_k00o5_81 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
._infiniteLoader_k00o5_89 {
  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_1f0nx_29 {
  padding: 14px 5px !important;
}
@media screen and (max-width: 1440px) {
  ._tableHeaderPadding_1f0nx_29 {
    padding: 14px 0px !important;
  }
}
._tableWrapper_1f0nx_38 {
  overflow-x: auto;
}
@media screen and (max-width: 1220px) {
  ._tableWrapper_1f0nx_38 {
    overflow-x: auto;
  }
}
@media (max-width: 1344px) {
  ._tableWrapper_1f0nx_38 {
    overflow-x: hidden;
  }
}
._cell_1f0nx_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_1f0nx_52 ._cellWrapper_1f0nx_63 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
._cell_1f0nx_52 ._cellWrapper_1f0nx_63._cellWrapperRoundLast_1f0nx_71 {
  border-radius: 0px 5px 5px 0px;
}
._cell_1f0nx_52 ._cellWrapper_1f0nx_63 div {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: var(--fs-base) !important;
  font-weight: 400 !important;
  line-height: 19px !important;
}
._row_1f0nx_82 {
  height: 60px !important;
  max-height: 60px;
}
._row_1f0nx_82:hover ._cell_1f0nx_52 ._cellWrapper_1f0nx_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_9qms3_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_9qms3_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_9qms3_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_9qms3_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  ._main_9qms3_29 {
    flex-basis: 100%;
  }
}
._tableHeader_9qms3_60 {
  background-color: var(--surface);
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_9qms3_60 {
  border-collapse: collapse;
  position: relative;
}
._content_9qms3_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_9qms3_72:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_9qms3_72 {
    gap: 24px;
  }
}
._row_9qms3_92 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_9qms3_92 > div {
  flex: 1;
}
._row_9qms3_92 > div:last-child {
  text-align: right;
}
._locationSpan_9qms3_105 {
  display: flex;
  min-height: 40px;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_9qms3_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_9qms3_60 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_9qms3_60 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_9qms3_60 tr {
  border-bottom: 1px solid var(--border);
  height: 40px;
}
._table_9qms3_60 tr td:last-child {
  text-align: right;
}
._table_9qms3_60 tr:hover a {
  background-color: var(--table-row-hover-bg);
}
._table_9qms3_60 tr:hover a div,
._table_9qms3_60 tr:hover a span,
._table_9qms3_60 tr:hover a b {
  background-color: var(--table-row-hover-bg);
}
._table_9qms3_60 > tr:first-child {
  border-bottom: 0;
}
._table_9qms3_60 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_9qms3_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_9qms3_175 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: var(--text);
  vertical-align: middle;
}
._tableText_9qms3_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_9qms3_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_9qms3_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_1k5k9_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_1k5k9_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1k5k9_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_1k5k9_29 {
    flex-basis: 38%;
  }
}
._inlineLayout_1k5k9_53 ._content_1k5k9_53 {
  flex-direction: row;
}
._content_1k5k9_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_1k5k9_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 1220px) {
  ._content_1k5k9_53 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._content_1k5k9_53 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._content_1k5k9_53 {
    flex-direction: column;
    gap: 24px;
  }
}
._sentimentSection_1k5k9_89,
._csatSection_1k5k9_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_1k5k9_89,
  ._csatSection_1k5k9_90 {
    flex-direction: column;
  }
}
@media screen and (max-width: 1220px) {
  ._sentimentSection_1k5k9_89,
  ._csatSection_1k5k9_90 {
    flex-direction: column;
  }
}
._sectionTitle_1k5k9_112 {
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: var(--text);
}
@media screen and (max-width: 1440px) {
  ._sectionTitle_1k5k9_112 {
    align-self: center;
  }
}
._row_1k5k9_126 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1k5k9_126 > div {
  flex: 1;
}
._row_1k5k9_126 > div:last-child {
  text-align: right;
}
._table_1k5k9_139 td {
  padding-top: 10px;
}
._table_1k5k9_139 > tr:last-child {
  text-align: right;
}
._table_1k5k9_139 tr {
  border-bottom: 1px solid var(--border-field, #d8dbdf);
}
._tableTitle_1k5k9_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_1k5k9_159 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_1wv1q_57 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  ._chartContainer_1wv1q_57 {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  ._chartContainer_1wv1q_57 {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  ._chartContainer_1wv1q_57 {
    flex-direction: column;
  }
}
._canvasWrapper_1wv1q_81 {
  position: relative;
  display: inline-block;
}
._averageValue_1wv1q_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_1wv1q_99 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 12px;
  width: 100%;
}
._legendItem_1wv1q_109 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
._legendTextBlock_1wv1q_116 {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
._legendText_1wv1q_116 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  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_1s5uh_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_1s5uh_29 {
    flex-basis: 100%;
    height: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 1220px) {
  ._main_1s5uh_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  ._main_1s5uh_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 480px) {
  ._main_1s5uh_29 {
    flex-basis: 100%;
    overflow: auto;
  }
}
._content_1s5uh_63 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  ._content_1s5uh_63 {
    gap: 24px;
  }
}
._row_1s5uh_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
._tableTitle_1s5uh_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_1s5uh_92, ._tableCsat_1s5uh_92, ._linkLabel_1s5uh_92, ._tableLink_1s5uh_92 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: var(--text);
}
._tableText_1s5uh_92 a, ._tableCsat_1s5uh_92 a, ._linkLabel_1s5uh_92 a, ._tableLink_1s5uh_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_1s5uh_92 {
  text-align: left;
}
._tableLink_1s5uh_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_1s5uh_133 {
  align-self: center;
}
._linkLabel_1s5uh_92 {
  text-align: justify !important;
  align-self: center;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._content_1s5uh_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_1s5uh_63:hover {
  overflow: auto;
}
@media screen and (max-width: 480px) {
  ._content_1s5uh_63 {
    gap: 24px;
  }
}
._row_1s5uh_76 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
._row_1s5uh_76 > div {
  flex: 1;
}
._row_1s5uh_76 > div:last-child {
  text-align: right;
}
tr:hover a {
  background-color: var(--table-row-hover-bg);
}
._tableHeader_1s5uh_182 {
  background-color: var(--surface);
  position: sticky;
  top: 0;
  z-index: 10;
}
._table_1s5uh_82 {
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
._table_1s5uh_82 td {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 40px;
  height: 40px;
}
._table_1s5uh_82 tr {
  border-bottom: 1px solid var(--border);
  height: 40px;
}
._table_1s5uh_82 tr td:last-child {
  text-align: right;
}
._table_1s5uh_82 > tr:first-child {
  border-bottom: 0;
}
._table_1s5uh_82 > tr:last-child {
  border-bottom: 0;
}
._tableTitle_1s5uh_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_1s5uh_224 {
  text-align: left;
}
._tableTitleCenter_1s5uh_228 {
  text-align: center;
}
._tableTitleRight_1s5uh_232 {
  text-align: right;
}
._tableText_1s5uh_92, ._tableCsat_1s5uh_92, ._tableLink_1s5uh_92, ._linkLabel_1s5uh_92 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  color: var(--text);
  vertical-align: middle;
}
._tableText_1s5uh_92 a, ._tableCsat_1s5uh_92 a, ._tableLink_1s5uh_92 a, ._linkLabel_1s5uh_92 a {
  min-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._tableCsat_1s5uh_92 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
._tableCsat_1s5uh_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_123y4_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_123y4_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1220px) {
  ._main_123y4_29 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1440px) {
  ._main_123y4_29 {
    flex-basis: 100%;
  }
}
._content_123y4_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_123y4_53 {
    gap: 24px;
  }
}
._sectionTitle_123y4_69 {
  font-family: "Roboto";
  font-size: var(--fs-md);
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: rgb(31, 31, 31);
}._queue_pm8r7_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: var(--pad-lg) var(--pad-md);
  background: var(--secondary-sidebar);
  overflow: hidden;
}

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

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

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

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

._filter_pm8r7_40 {
  position: relative;
  margin-bottom: 10px;
}

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

._scrollOverflow_pm8r7_57 {
  overflow-y: auto;
}

._group_pm8r7_61 {
  --cq-work-item-height: 34px;
  --cq-group-header-height: 18px;
  --cq-group-padding-y: 14px;
  --cq-visible-items: 4;
  --cq-item-gap: 6px;
  --cq-group-min-height: calc(
    var(--cq-group-padding-y) * 2 + var(--cq-group-header-height) + var(--pad-xs) +
      (var(--cq-visible-items) * var(--cq-work-item-height)) +
      ((var(--cq-visible-items) - 1) * var(--cq-item-gap))
  );
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  align-self: stretch;
  padding-top: var(--cq-group-padding-y);
  padding-bottom: var(--cq-group-padding-y);
  overflow: hidden;
}

._scrollOverflow_pm8r7_57 ._group_pm8r7_61 {
  flex-shrink: 0;
  flex-basis: var(--cq-group-min-height);
  min-height: var(--cq-group-min-height);
}

._groupCollapsed_pm8r7_92,
._groupEmpty_pm8r7_93,
._scrollOverflow_pm8r7_57 ._groupCollapsed_pm8r7_92,
._scrollOverflow_pm8r7_57 ._groupEmpty_pm8r7_93 {
  flex: 0 0 auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

._group_pm8r7_61 + ._group_pm8r7_61,
._group_pm8r7_61 + ._historyFilter_pm8r7_103,
._historyFilter_pm8r7_103 + ._group_pm8r7_61,
._historyStatus_pm8r7_105 + ._group_pm8r7_61 {
  border-top: 1px solid var(--border);
}

._historyFilter_pm8r7_103 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 8px 0px 8px 0px;
}

._historyStatus_pm8r7_105 {
  flex: 0 0 auto;
  margin: 0;
  padding: var(--gap-xs) var(--pad-xs) 0;
  font-size: var(--fs-caption);
  line-height: 1.35;
  color: var(--chip-err-text);
}

._groupLabel_pm8r7_127 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  gap: var(--gap-xs);
  padding: 0 var(--pad-xs);
  border: 0;
  background: transparent;
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
  color: var(--call-queue-label-neutral);
  cursor: pointer;
}

._groupLabel_live_pm8r7_145 {
  color: var(--call-queue-label-live);
}

._groupDot_pm8r7_149 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--call-queue-dot-live);
  box-shadow: none;
}

._groupCount_pm8r7_158 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  padding: 0;
  border-radius: 50%;
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: 0;
  line-height: 1;
  background: var(--call-queue-count-bg);
  color: var(--call-queue-count-text);
}

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

._groupCount_pm8r7_158 + ._groupChevron_pm8r7_176 {
  margin-left: 0;
}

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

._groupItems_pm8r7_191 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  width: 100%;
  min-height: 0;
  gap: var(--cq-item-gap, 6px);
  padding-top: var(--pad-xs);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

._groupSentinel_pm8r7_205 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  pointer-events: none;
}

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

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

._item_pm8r7_226 {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  padding: 6px 8px;
  height: 34px;
  min-height: 34px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: var(--call-queue-item-bg);
  color: inherit;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast);
}

._item_pm8r7_226:hover {
  background: var(--call-queue-item-active-bg);
  border-color: var(--call-queue-item-hover-border);
}

._itemActive_pm8r7_253 {
  background: var(--call-queue-item-active-bg);
  border-color: transparent;
}

._itemRow_pm8r7_258 {
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  min-width: 0;
  min-height: 0;
  height: 100%;
  line-height: 1.2;
}

._itemBadge_pm8r7_268 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  gap: 2px;
  font-size: 10px;
  line-height: 1.2;
  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);
}

._itemBadgeMeta_pm8r7_285 {
  display: flex;
  align-items: center;
  gap: 0.2em;
  min-width: 0;
  max-width: 7.5rem;
  border-radius: 3px;
  flex: 0 1 auto;
  width: max-content;
  overflow: hidden;
  padding: 1px var(--pad-tight);
}

._itemBadgeMeta_split_pm8r7_298 {
  flex: 0 1 auto;
  width: max-content;
  max-width: 7.5rem;
}

._itemBadgeLabel_pm8r7_304,
._itemBadgeDetails_pm8r7_305 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.2;
}

._itemBadgeMeta_split_pm8r7_298 ._itemBadgeLabel_pm8r7_304 {
  flex: 0 0 auto;
  width: max-content;
  min-width: min-content;
  max-width: 100%;
}

._itemBadgeMeta_split_pm8r7_298 ._itemBadgeDetails_pm8r7_305 {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}

._itemBadgeSep_pm8r7_327 {
  flex-shrink: 0;
  opacity: 0.45;
}

._itemBadgeDetails_pm8r7_305 {
  flex: 1 1 auto;
  font-weight: var(--fw-semi);
  letter-spacing: 0;
  text-transform: none;
}

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

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

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

._itemBadgeIcon_pm8r7_354,
._itemBadge_pm8r7_268 svg {
  width: var(--icon-meta);
  height: var(--icon-meta);
  flex-shrink: 0;
}

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

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

._itemTime_pm8r7_378 {
  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_pm8r7_40 {
    margin-bottom: var(--gap-md);
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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
*/
._panel_13th2_51 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--secondary-sidebar);
  border-radius: 0;
  box-shadow: none;
}
._tabs_13th2_62 {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  min-height: var(--tab-section-height);
  border-bottom: 1px solid var(--border);
  background: var(--secondary-sidebar);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  position: sticky;
  top: 0;
  z-index: 5;
}
._tabs_13th2_62::-webkit-scrollbar {
  display: none;
}
._tab_13th2_31 {
  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_13th2_31:hover {
  background: var(--surface-muted);
}
._tabActive_13th2_102 {
  color: var(--text);
  font-weight: var(--fw-semi);
}
._tabActive_13th2_102::after {
  content: "";
  position: absolute;
  left: var(--pad-sm);
  right: var(--pad-sm);
  bottom: 0;
  height: var(--tab-indicator-height);
  border-radius: 2px 2px 0 0;
  background: var(--accent-gradient);
}
._tabBadge_13th2_117 {
  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_13th2_131 {
  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_13th2_131 > * {
  flex-shrink: 0;
}
@media screen and (max-width: 1220px) {
  ._scroll_13th2_131 {
    padding-inline: var(--gap-lg);
  }
}
._accordion_13th2_149 {
  overflow: hidden;
  border: 1px solid var(--call-queue-accordion-border);
  border-radius: var(--radius-md);
  background: var(--call-queue-accordion-bg);
}
._accordionHead_13th2_156 {
  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_13th2_156 svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transform: rotate(-90deg);
  transition: transform 180ms ease;
  flex-shrink: 0;
}
._accordionOpen_13th2_181 ._accordionHead_13th2_156 {
  border-bottom-color: var(--call-queue-accordion-border);
}
._accordionOpen_13th2_181 ._accordionHead_13th2_156 svg {
  transform: rotate(0deg);
}
._accordionTitle_13th2_188 {
  min-width: 0;
  text-align: left;
}
._accordionHeadRight_13th2_193 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
._accordionBody_13th2_200 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--pad-md) 14px 14px;
  background: var(--surface);
}
._detailRow_13th2_208 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--pad-md);
  padding: var(--pad-sm-plus) 0;
}
._detailKey_13th2_216 {
  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_13th2_216 {
    max-width: 100%;
  }
}
._detailKey_13th2_216 svg {
  font-size: 18px !important;
  color: var(--text-muted);
}
._detailRow_truncate_13th2_236 ._detailKey_13th2_216 {
  max-width: none;
  white-space: nowrap;
}
._detailRow_truncate_13th2_236 ._detailValue_truncate_13th2_240:hover > :not(button) {
  padding-right: 32px;
  transform: none;
}
._detailValue_13th2_240 {
  color: var(--text);
  font-weight: var(--fw-medium);
  text-align: right;
  font-size: var(--fs-md);
}
@media screen and (max-width: 834px) {
  ._detailValue_13th2_240 {
    text-align: left;
  }
}
._detailLink_13th2_257 {
  color: var(--accent);
  transition: transform 0.15s ease;
}
._detailLink_13th2_257:hover, ._detailLink_13th2_257:active, ._detailLink_13th2_257:visited {
  color: var(--accent);
}
._detailLink_13th2_257 ._detailValue_13th2_240 {
  color: inherit;
}
._csatSummaryBlock_13th2_268 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-sm-plus);
}
._csatSummary_13th2_268 {
  margin: 0;
  flex: 1;
  min-width: 0;
  color: var(--text-secondary);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}
._csatCopyBtn_13th2_283 {
  margin-top: 1px;
}
._accordionBody_flush_13th2_287 {
  padding-top: 0;
}
._statusCard_13th2_291 {
  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_13th2_304 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-base-plus);
  line-height: var(--lh-relaxed);
}
._statusHeading_13th2_311 {
  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_13th2_323 {
  width: var(--gap-sm);
  height: var(--gap-sm);
  border-radius: var(--radius-pill);
  background: var(--danger);
}
._statusDot_needs_action_13th2_330 {
  background: var(--danger);
}
._statusDot_in_progress_13th2_334 {
  background: var(--warning);
}
._statusDot_transferred_13th2_338 {
  background: var(--warning);
}
._statusDot_closed_13th2_342 {
  background: var(--ok);
}
._statusDot_locked_13th2_346 {
  background: var(--text-muted);
}
._lastAction_13th2_350 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  width: 100%;
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
}
._lastActionLabel_13th2_359 {
  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_13th2_368 {
  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_13th2_377 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm);
  margin-top: auto;
}
form + ._statusActions_13th2_377 {
  width: 100%;
  padding-top: var(--gap-md);
  border-top: 1px solid var(--border);
}
._statusPlaceholder_13th2_390 {
  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_13th2_404 {
  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_13th2_404 svg {
  font-size: 20px !important;
}
._statusActionBtn_13th2_404:hover:not(:disabled) {
  background: var(--surface-muted);
  border-color: var(--accent-hover-border);
}
._statusActionBtn_13th2_404:disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
._panelHeader_13th2_439 {
  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_13th2_439 strong {
  color: var(--text-secondary);
  font: inherit;
}
._search_13th2_455 {
  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_13th2_455 svg {
  font-size: 18px !important;
}
._search_13th2_455 input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: var(--fs-sm);
}
._search_13th2_455 input::placeholder {
  color: var(--text-muted);
}
._activityList_13th2_484 {
  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_13th2_495 {
  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_13th2_495:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--border);
}
._activityItem_13th2_495::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--pad-md);
  bottom: var(--pad-md);
  width: 3px;
  border-radius: var(--radius-pill);
  background: transparent;
}
._activityItemBody_13th2_523 {
  min-width: 0;
}
._activityItemTitle_13th2_527 {
  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_13th2_539 {
  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_13th2_553 {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--fs-body);
  line-height: var(--lh-snug);
}
._activityItemBy_13th2_560 {
  display: block;
  margin-top: var(--gap-xs);
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
}
._activityItemTime_13th2_568 {
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._tabPlaceholder_13th2_575 {
  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_13th2_587 {
  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_13th2_587 strong {
  color: var(--text);
  font-size: var(--fs-body);
  font-weight: var(--fw-semi);
}
._activityEmpty_13th2_587 p {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--fs-sm);
}
._activityEmptyIcon_13th2_611 {
  font-size: 28px;
  color: var(--text-muted);
  margin-bottom: var(--gap-xs);
}
._activityItem_operator_13th2_617::before,
._activityItem_info_13th2_618::before {
  background: var(--info);
}
._activityItem_transfer_13th2_622::before,
._activityItem_closed_13th2_623::before {
  background: var(--ok);
}
._activityItem_danger_13th2_627::before,
._activityItem_emergency_13th2_628::before {
  background: var(--danger);
}
._activityItem_llm_13th2_632::before,
._activityItem_accent_13th2_633::before {
  background: var(--accent);
}
._lastActionItem_13th2_637 {
  margin: 0;
  padding: 0 0 0 var(--pad-sm);
}
._lastActionItem_13th2_637::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_xgrqu_1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: transparent;
}

._detailView_xgrqu_12 {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  gap: var(--gap-lg);
  overflow-y: auto;
  scroll-padding-top: calc(var(--summary-row-height, 0px) + var(--canvas-header-height, 0px));
  container-type: inline-size;
}

._detailViewUnpinned_xgrqu_23 {
  scroll-padding-top: 0;
}

._detailViewUnpinned_xgrqu_23 ._summaryRow_xgrqu_26,
._detailViewUnpinned_xgrqu_23 ._canvasHeader_xgrqu_27 {
  position: static;
}

._empty_xgrqu_31 {
  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_xgrqu_31 h3 {
  margin: 0 0 var(--gap-sm);
  color: var(--text);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
}

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

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

._breadcrumb_xgrqu_60 {
  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_xgrqu_71 {
  color: var(--border-strong);
}

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

._heroRow_xgrqu_75 ._heroChip_xgrqu_82 {
  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_xgrqu_91 {
  margin: 0;
  font-size: var(--fs-page-title);
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--text);
}

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

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

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

._summaryRow_xgrqu_26 {
  position: sticky;
  top: 0;
  z-index: 6;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: var(--gap-md-plus);
  align-items: stretch;
  margin: calc(-1 * var(--gap-sm)) 0 0;
  padding: var(--gap-sm) 0 var(--gap-xs);
  flex-shrink: 0;
  background: var(--bg);
}

@container (max-width: 687px) {
  ._summaryRow_xgrqu_26 {
    grid-auto-flow: row;
  }
}

._summary_xgrqu_26 {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: var(--pad-md);
  min-width: 0;
  min-height: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--call-queue-summary-bg);
  box-shadow: var(--call-queue-detail-shadow);
}

._callerCard_xgrqu_150 {
  background: var(--call-queue-caller-info-bg);
}

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

._locationBody_xgrqu_160 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--gap-md);
  min-height: 72px;
  overflow: visible;
}

._locationFields_xgrqu_169 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}

._locationCopy_xgrqu_179 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-xs);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

._locationCopy_xgrqu_179 button {
  flex-shrink: 0;
}

._locationAddressWrap_xgrqu_192 {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  min-height: calc(4 * var(--fs-base) * var(--lh-snug));
  overflow: visible;
}

._locationAddressWrap_xgrqu_192 ._locationCopy_xgrqu_179 {
  height: auto;
  max-height: none;
}

._locationAddress_xgrqu_192 {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--fs-base);
  line-height: var(--lh-snug);
  color: var(--text-secondary);
  overflow-wrap: break-word;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}

._locationCoordinatesWrap_xgrqu_221 {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--fs-caption) * var(--lh-relaxed));
  overflow: visible;
}

._locationCoordinates_xgrqu_221 {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-relaxed);
  color: var(--text-muted);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._locationMap_xgrqu_241 {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  align-self: center;
  box-sizing: border-box;
  overflow: hidden;
}

._locationNav_xgrqu_250 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex-shrink: 0;
  height: 24px;
  overflow: hidden;
  margin-top: auto;
  padding-top: 0;
}

._locationNavLabel_xgrqu_262 {
  min-width: 0;
  flex-shrink: 1;
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--accent);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

._locationNavArrowIcon_xgrqu_280 {
  width: 16px;
  height: 16px;
}

._locationNavTarget_xgrqu_285 {
  display: inline-flex;
}

._locationNavCount_xgrqu_289 {
  flex-shrink: 0;
  font-size: var(--fs-micro);
  font-weight: var(--fw-bold);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

._summaryLabel_xgrqu_298 {
  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_xgrqu_298 svg {
  font-size: var(--icon-meta) !important;
}

._summaryToggle_xgrqu_312 {
  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_xgrqu_312 > svg {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  transition: transform 180ms ease;
  flex-shrink: 0;
}

._summaryCollapsed_xgrqu_332 {
  align-self: start;
}

._summaryCollapsed_xgrqu_332 ._summaryToggle_xgrqu_312 {
  margin-bottom: 0;
}

._summaryCollapsed_xgrqu_332 ._summaryToggle_xgrqu_312 > svg {
  transform: rotate(-90deg);
}

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

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

._summaryCopyBtn_xgrqu_358 {
  margin-top: 1px;
}

._chatCanvas_xgrqu_362 {
  margin: 0;
  padding: 0 var(--pad-lg) var(--pad-lg);
  overflow: visible;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-top: 0;
  border-radius: var(--radius);
  background: var(--transcript-bg);
  box-shadow: var(--call-queue-detail-shadow);
}

._timeline_xgrqu_376 {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: visible;
}

._sectionLabelRow_xgrqu_383 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: var(--gap-sm);
}

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

._showAiProcessing_xgrqu_402 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm);
  margin: 0;
  color: var(--text);
  font-size: var(--fs-base);
  font-weight: var(--fw-regular);
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
}

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

._sectionLabelSpaced_xgrqu_418 {
  margin-top: 12px;
}

._canvasHeader_xgrqu_27 {
  position: sticky;
  top: var(--summary-row-height, 0px);
  z-index: 5;
  flex-shrink: 0;
  margin: 0 calc(-1 * var(--pad-lg) - 1px);
  background: var(--bg);
}

._canvasHeaderFrame_xgrqu_431 {
  padding: var(--pad-lg) var(--pad-lg) 0;
  border: 1px solid var(--border);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--transcript-bg);
}

._player_xgrqu_439 {
  margin-bottom: var(--gap-lg);
}

._stream_xgrqu_443 {
  flex: 1 0 auto;
  overflow: visible;
}

@media screen and (max-width: 1220px) {
  ._detailCol_xgrqu_1 {
    height: auto;
    overflow: visible;
  }
  ._detailView_xgrqu_12 {
    max-height: 100dvh;
  }
  ._breadcrumb_xgrqu_60 {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
  }
  ._chatCanvas_xgrqu_362 {
    flex: none;
    min-height: 0;
  }
}

._transcriptEmpty_xgrqu_465 {
  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_xgrqu_465 h3 {
  margin: 0 0 var(--gap-sm);
  color: var(--text);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
}

._transcriptEmpty_xgrqu_465 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_sx2vm_57 {
  width: 100%;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
  padding-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  min-width: 0;
  position: relative;
  z-index: 6;
  overflow: visible;
}
@media screen and (max-width: 1100px) {
  ._container_sx2vm_57 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding-bottom: 8px;
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  ._container_sx2vm_57 {
    flex-wrap: wrap;
    padding-bottom: 6px;
  }
}
._containerTimeline_sx2vm_89 {
  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_sx2vm_89 {
    flex-wrap: wrap;
  }
}
._containerTimeline_sx2vm_89 ._btns_sx2vm_109 {
  margin-left: 0;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
._containerTimeline_sx2vm_89 ._leftActions_sx2vm_116 {
  flex-wrap: nowrap;
  overflow: visible;
}
._leftActions_sx2vm_116 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  overflow: visible;
}
._btns_sx2vm_109 {
  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_sx2vm_109 {
    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_sx2vm_109 {
    flex-wrap: wrap;
    row-gap: 6px;
  }
}
._buttonHolder_sx2vm_158 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  ._buttonHolder_sx2vm_158 {
    gap: 6px;
  }
}
._conversationBtn_sx2vm_172 {
  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_sx2vm_172 {
    width: fit-content;
  }
}
@keyframes _supervisorPulse_sx2vm_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes _supervisorPopIn_sx2vm_1 {
  from {
    opacity: 0;
    transform: scale(0.7) translateX(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes _supervisorVolumeExpand_sx2vm_1 {
  from {
    width: 0;
    padding: 7px 0;
    opacity: 0;
  }
  to {
    width: 116px;
    padding: 7px 14px;
    opacity: 1;
  }
}
._supervisorControls_sx2vm_218 {
  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_sx2vm_218 {
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 6px;
  }
}
@media screen and (max-width: 480px) {
  ._supervisorControls_sx2vm_218 {
    gap: 4px;
  }
}
._supervisorButton_sx2vm_241 {
  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_sx2vm_241 {
    height: 34px;
    padding: 0 10px;
    font-size: 12px;
    gap: 5px;
  }
  ._supervisorButton_sx2vm_241 svg {
    width: 15px;
    height: 15px;
  }
}
._supervisorButton_sx2vm_241 svg {
  width: 17px;
  height: 17px;
  color: currentColor;
}
._supervisorButton_sx2vm_241: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_sx2vm_241:active {
  filter: brightness(0.92);
  transform: translateY(0);
}
._supervisorButton_sx2vm_241[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_sx2vm_241 {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
  ._supervisorButton_sx2vm_241 span {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 375px) {
  ._supervisorButton_sx2vm_241 {
    padding: 0 10px;
  }
  ._supervisorButton_sx2vm_241 span {
    display: none;
  }
}
._supervisorCaret_sx2vm_312 {
  transition: transform 210ms ease;
}
._supervisorButton_sx2vm_241[aria-expanded=true] ._supervisorCaret_sx2vm_312 {
  transform: rotate(180deg);
}
._supervisorButtonListening_sx2vm_320 {
  border-color: rgba(37, 167, 102, 0.35);
  background: rgba(37, 167, 102, 0.08);
  color: #166534;
}
._supervisorButtonListening_sx2vm_320:hover {
  border-color: rgba(37, 167, 102, 0.45);
  background: rgba(37, 167, 102, 0.14);
}
._supervisorButtonConnecting_sx2vm_330 {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  color: var(--info);
  cursor: default;
}
._supervisorButtonConnecting_sx2vm_330:hover {
  border-color: rgba(84, 121, 247, 0.35);
  background: rgba(84, 121, 247, 0.08);
  transform: none;
}
._supervisorButtonBarge_sx2vm_342 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  cursor: default;
}
._supervisorButtonBarge_sx2vm_342:hover {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
  transform: none;
}
._supervisorStatusLabel_sx2vm_354 {
  pointer-events: none;
  user-select: none;
}
._supervisorButtonOccupied_sx2vm_359 {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  cursor: default;
}
._supervisorButtonOccupied_sx2vm_359 svg {
  color: #a0a0b8;
}
._supervisorButtonOccupied_sx2vm_359:hover {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
  transform: none;
  filter: none;
}
._supervisorButtonOccupied_sx2vm_359:active {
  filter: none;
  transform: none;
}
._supervisorButtonOccupied_sx2vm_359[aria-expanded=true] {
  background: #2e2e38;
  border-color: #2e2e38;
  color: #a0a0b8;
}
._supervisorMenu_sx2vm_385 {
  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_sx2vm_400 {
  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_sx2vm_400:hover {
  background: var(--accent-hover-bg);
}
._supervisorItemDanger_sx2vm_418:hover {
  background: var(--chip-err-bg);
}
._supervisorItemDisabled_sx2vm_422 {
  opacity: 0.45;
  cursor: not-allowed;
}
._supervisorItemDisabled_sx2vm_422:hover {
  background: transparent;
}
._supervisorItemDisabled_sx2vm_422 ._supervisorItemTitle_sx2vm_429 {
  color: var(--text-muted);
}
._supervisorItemDisabled_sx2vm_422 ._supervisorChevron_sx2vm_432 {
  opacity: 0;
}
._supervisorItemTooltipWrap_sx2vm_436 {
  display: block;
  width: 100%;
}
._supervisorBargeTip_sx2vm_441 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}
._supervisorBargeTipIcon_sx2vm_450 {
  width: 13px !important;
  height: 13px !important;
  color: rgba(255, 255, 255, 0.65);
}
._supervisorItemIcon_sx2vm_456 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 10px;
  background: var(--accent-soft);
}
._supervisorItemIcon_sx2vm_456 svg {
  width: 18px;
  height: 18px;
  color: var(--accent);
}
._supervisorItemIconListen_sx2vm_472 {
  background: var(--accent-soft);
}
._supervisorItemIconBarge_sx2vm_476 {
  background: var(--chip-err-bg);
}
._supervisorItemIconBarge_sx2vm_476 svg {
  color: var(--chip-err-text);
}
._supervisorItemActive_sx2vm_483 ._supervisorItemIcon_sx2vm_456 {
  background: var(--chip-ok-bg);
}
._supervisorItemActive_sx2vm_483 ._supervisorItemIcon_sx2vm_456 svg {
  color: var(--chip-ok-text);
}
._supervisorItemActive_sx2vm_483 ._supervisorItemTitle_sx2vm_429 {
  color: var(--chip-ok-text);
}
._supervisorItemText_sx2vm_493 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
._supervisorItemTitle_sx2vm_429 {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
._supervisorItemHint_sx2vm_506 {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.4;
}
._supervisorChevron_sx2vm_432 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--text-secondary);
}
._supervisorSeparator_sx2vm_519 {
  height: 1px;
  margin: 0 14px;
  background: var(--border);
}
._supervisorInlineListen_sx2vm_525 {
  gap: 6px;
}
._supervisorConfirm_sx2vm_529 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 14px;
  font-family: "Roboto";
}
._supervisorConfirm_sx2vm_529 p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}
._supervisorConfirmWarn_sx2vm_543 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}
._supervisorConfirmWarn_sx2vm_543 svg {
  width: 20px;
  height: 20px;
  color: var(--warning);
}
._supervisorConfirmActions_sx2vm_557 {
  display: flex;
  gap: 8px;
}
._supervisorConfirmActions_sx2vm_557 button {
  flex: 1;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 12px;
  transition: background 140ms ease;
}
._supervisorConfirmActions_sx2vm_557 button:first-child {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  font-weight: 500;
}
._supervisorConfirmActions_sx2vm_557 button:first-child:hover {
  background: var(--surface-muted);
}
._supervisorConfirmActions_sx2vm_557 button:last-child {
  border: none;
  background: var(--danger);
  color: var(--color-white);
  font-weight: 700;
}
._supervisorConfirmActions_sx2vm_557 button:last-child:hover {
  background: color-mix(in srgb, var(--danger) 85%, black);
}
._supervisorInline_sx2vm_525 {
  display: flex;
  align-items: center;
  gap: 6px;
  animation: _supervisorPopIn_sx2vm_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_sx2vm_525 {
    gap: 4px;
  }
}
._supervisorTimer_sx2vm_604 {
  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_sx2vm_621 {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: visible;
}
._unmuteConfirmAnchor_sx2vm_628 {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 1;
}
._unmuteConfirmPopover_sx2vm_635 {
  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_sx2vm_647 {
  margin: 0 0 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
._unmuteConfirmText_sx2vm_655 {
  margin: 0 0 12px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}
._unmuteConfirmActions_sx2vm_662 {
  display: flex;
  gap: 8px;
}
._unmuteConfirmCancel_sx2vm_667,
._unmuteConfirmPrimary_sx2vm_668 {
  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_sx2vm_667 {
  border: 1px solid var(--border);
  background-color: var(--surface);
  color: var(--text);
}
._unmuteConfirmCancel_sx2vm_667:hover {
  background-color: var(--surface-muted);
}
._unmuteConfirmPrimary_sx2vm_668 {
  border: none;
  background-color: var(--chip-err-text);
  color: var(--color-white);
}
._unmuteConfirmPrimary_sx2vm_668:hover {
  background-color: color-mix(in srgb, var(--chip-err-text) 85%, black);
}
._supervisorCircle_sx2vm_697 {
  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_sx2vm_697 svg {
  width: 18px;
  height: 18px;
  color: var(--text-secondary);
}
._supervisorCircle_sx2vm_697:hover {
  background: var(--surface-muted);
  transform: scale(1.06);
}
._supervisorCircleListen_sx2vm_720 {
  border-color: var(--chip-ok-border);
  background: var(--chip-ok-bg);
  cursor: default;
  pointer-events: none;
}
._supervisorCircleListen_sx2vm_720 svg {
  color: var(--chip-ok-text);
}
._supervisorCircleStop_sx2vm_730 {
  border-color: var(--chip-err-border);
  background: var(--danger);
}
._supervisorCircleStop_sx2vm_730 svg {
  color: var(--color-white);
}
._supervisorCircleStop_sx2vm_730:hover {
  background: color-mix(in srgb, var(--danger) 85%, black);
  transform: scale(1.06);
}
._supervisorCircleEnd_sx2vm_742 {
  border-color: var(--chip-err-border);
  background: var(--danger);
}
._supervisorCircleEnd_sx2vm_742 svg {
  width: 17px;
  height: 17px;
  color: var(--color-white);
}
._supervisorCircleEnd_sx2vm_742:hover {
  background: color-mix(in srgb, var(--danger) 85%, black);
}
._supervisorCircleMuted_sx2vm_755 {
  border-color: var(--chip-err-border);
  background: var(--chip-err-bg);
}
._supervisorCircleMuted_sx2vm_755 svg {
  color: var(--chip-err-text);
}
._supervisorCircleMuted_sx2vm_755:hover {
  background: color-mix(in srgb, var(--chip-err-bg) 80%, var(--chip-err-border));
}
._supervisorCircleVolume_sx2vm_766 {
  background: var(--surface);
}
._supervisorVolume_sx2vm_770 {
  position: relative;
  display: flex;
  align-items: center;
}
._supervisorVolumeSlider_sx2vm_776 {
  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_sx2vm_1 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
._supervisorVolumeSlider_sx2vm_776 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_sx2vm_776 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_sx2vm_776 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_sx2vm_776 input[type=range]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: var(--surface-muted);
}
._menuItem_sx2vm_823 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
._label_sx2vm_831 {
  line-height: 15px;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._filterButton_sx2vm_837 {
  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_sx2vm_837 span {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  ._filterButton_sx2vm_837 {
    padding: 6px 10px;
    gap: 6px;
  }
  ._filterButton_sx2vm_837 span {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  ._filterButton_sx2vm_837 {
    padding: 6px 8px;
  }
}
._filterButtonIconWrap_sx2vm_868 {
  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_sx2vm_868 img {
  width: 16px;
  height: 16px;
  display: block;
}
._filterButtonIconWrap_sx2vm_868 img {
  width: 16px;
  height: 16px;
}
._filterWrap_sx2vm_889 {
  position: relative;
  z-index: 2;
  overflow: visible;
}
._filterMenu_sx2vm_895 {
  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_sx2vm_908 {
  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_sx2vm_908:hover {
  background: var(--surface-accent);
}
._filterMenuItemActive_sx2vm_930 {
  background: var(--surface-accent);
  color: var(--accent-hover);
  font-weight: 600;
}
._filterMenuItemIcon_sx2vm_936 {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  flex-shrink: 0;
}
._imgHolder_sx2vm_943 {
  flex-shrink: 0;
  min-width: 0;
}
@media screen and (max-width: 1100px) {
  ._imgHolder_sx2vm_943 {
    width: auto;
  }
}
._dropDownIcon_sx2vm_953 {
  display: flex;
  justify-content: center;
  align-items: center;
}._toolbar_6u2h3_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_6u2h3_1 + * {
  margin-left: calc(var(--gap-sm) * -1);
}

@media screen and (max-width: 520px) {
  div:has(> ._toolbar_6u2h3_1) {
    flex-wrap: wrap;
    row-gap: var(--gap-xs);
  }
  ._toolbar_6u2h3_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);
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_myj9o_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._section_myj9o_14 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg, 16px);
  min-width: 0;
  flex-shrink: 0;
}
@media print {
  ._section_myj9o_14 {
    break-inside: avoid;
  }
  @supports not (box-decoration-break: clone) {
    ._section_myj9o_14:not(:first-child) {
      margin-top: 0;
      padding-top: var(--gap-xl, 20px);
    }
  }
}
._header_myj9o_33 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-md, 12px) var(--gap-lg, 16px);
}
._heading_myj9o_41 {
  min-width: 0;
}
._eyebrow_myj9o_45 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
  margin: 0 0 var(--gap-xs, 6px);
}
._title_myj9o_54 {
  margin: 0;
  color: var(--text, #1f2435);
  font-size: 18px;
  font-weight: var(--fw-semi, 600);
  line-height: var(--lh-heading, 1.2);
}
._actions_myj9o_62 {
  display: flex;
  align-items: flex-end;
  gap: var(--gap-sm, 8px);
  flex-shrink: 0;
}
._grid_myj9o_69 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--gap-lg, 16px);
}
._wideStart_myj9o_75 {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}
._wideEnd_myj9o_79 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr);
}
@media screen {
  @container (max-width: 900px) {
    ._wideStart_myj9o_75,
    ._wideEnd_myj9o_79 {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}
[data-print-layout] ._wideStart_myj9o_75 {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}
[data-print-layout] ._wideEnd_myj9o_79 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr);
}
@media print {
  ._section_myj9o_14 {
    display: block;
  }
  ._section_myj9o_14 > * + * {
    margin-top: var(--gap-lg, 16px);
  }
  ._header_myj9o_33 {
    break-inside: avoid;
    break-after: avoid;
  }
  ._grid_myj9o_69 {
    break-inside: avoid;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_4d6lq_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._chart_4d6lq_14 {
  position: relative;
  min-width: 0;
  margin: 0;
}
._canvas_4d6lq_20 {
  width: 100%;
  height: 240px;
}
._captions_4d6lq_25 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(var(--captions-count), minmax(0, 1fr));
  padding: 0 var(--captions-padding-right) 0 var(--captions-padding-left);
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  text-align: center;
}
._caption_4d6lq_25 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._caption_4d6lq_25 > span {
  font-size: inherit;
}
._captionValue_4d6lq_47 {
  color: var(--caption-color, var(--text-secondary, #525a73));
  font-weight: var(--fw-semi, 600);
  font-variant-numeric: tabular-nums;
}
@media print {
  ._canvas_4d6lq_20 {
    height: auto;
  }
  ._canvas_4d6lq_20 .ag-chart-wrapper > :not(canvas):not(.ag-chart-overlay) {
    display: none !important;
  }
  ._canvas_4d6lq_20 .ag-chart-overlay {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
  }
  ._canvas_4d6lq_20 canvas {
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1tdhl_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._visuallyHidden_1tdhl_14 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_qc5c8_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._legend_qc5c8_14 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm, 8px) var(--gap-md, 12px);
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-caption, 11px);
}
._item_qc5c8_25 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-xs, 6px);
  transition: color 0.14s ease;
}
._item_qc5c8_25:hover {
  color: var(--text, #1f2435);
}
._swatch_qc5c8_35 {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--legend-color);
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1e5pc_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._heatmap_1e5pc_14 {
  --heatmap-columns: 24;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm, 8px);
  min-width: 0;
  margin: 0;
}
._table_1e5pc_23 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
._visuallyHidden_1e5pc_30 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
._rows_1e5pc_43 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._row_1e5pc_43 {
  display: grid;
  grid-template-columns: 36px repeat(var(--heatmap-columns), minmax(0, 1fr));
  gap: 2px;
  align-items: center;
}
._rowLabel_1e5pc_56 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
}
._columnLabel_1e5pc_64 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  line-height: 1;
  text-align: center;
}
._cell_1e5pc_71,
._rampStep_1e5pc_72 {
  background: color-mix(in srgb, var(--accent, #6b5ce7) var(--heat-mix), var(--surface-muted, #f3f4fb));
}
._cell_1e5pc_71 {
  position: relative;
  aspect-ratio: 1;
  min-height: 10px;
  border-radius: 3px;
  cursor: default;
  transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease;
}
._cell_1e5pc_71:hover {
  z-index: 1;
  transform: scale(1.15);
  filter: brightness(1.12);
  box-shadow: 0 0 0 1px var(--surface, #ffffff);
}
@media (prefers-reduced-motion: reduce) {
  ._cell_1e5pc_71:hover {
    transform: none;
  }
}
._legend_1e5pc_96 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm, 8px);
  margin-top: var(--gap-xs, 6px);
}
._ramp_1e5pc_72 {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 12px;
  gap: 2px;
}
._rampStep_1e5pc_72 {
  height: 8px;
  border-radius: 3px;
}._meter_q62dm_1 {
  --meter-value: 0%;
  --meter-color: var(--accent, #6b5ce7);
  display: block;
  width: 100%;
  border-radius: var(--radius-pill, 999px);
  overflow: hidden;
}

._md_q62dm_10 {
  height: 8px;
}

._sm_q62dm_14 {
  height: 6px;
}

._muted_q62dm_18 {
  background: var(--surface-muted, #f3f4fb);
}

._surface_q62dm_22 {
  background: var(--surface, #ffffff);
}

._fill_q62dm_26 {
  display: block;
  width: var(--meter-value);
  height: 100%;
  border-radius: inherit;
  background: var(--meter-color);
  transition: filter 0.14s ease;
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1dxll_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._list_1dxll_14 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md, 12px);
}
._item_1dxll_23 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs, 6px);
  min-width: 0;
  padding: 4px var(--gap-sm, 8px);
  margin-inline: calc(var(--gap-sm, 8px) * -1);
  border-radius: var(--radius-sm, 6px);
  transition: background 0.14s ease;
}
._item_1dxll_23:hover {
  background: var(--surface-muted, #f3f4fb);
}
._item_1dxll_23:hover [role=meter] > span {
  filter: brightness(1.06);
}
._itemHeader_1dxll_40 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-md, 12px);
}
._label_1dxll_47 {
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-semi, 600);
}
._value_1dxll_53 {
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-medium, 500);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._hint_1dxll_61 {
  margin: 0;
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-sm, 12px);
  line-height: 1.5;
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1vyze_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._list_1vyze_14 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm, 8px);
}
._item_1vyze_23 {
  display: grid;
  grid-template-columns: 2ch minmax(0, 1fr) minmax(44px, 1.2fr) auto;
  align-items: center;
  gap: var(--gap-sm, 8px);
  padding: var(--gap-sm, 8px) var(--gap-md, 12px);
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-muted, #f3f4fb);
  transition: background 0.14s ease, box-shadow 0.14s ease;
}
._item_1vyze_23:hover {
  background: color-mix(in srgb, var(--accent, #6b5ce7) 10%, var(--surface-muted, #f3f4fb));
  box-shadow: inset 0 0 0 1px var(--accent-hover-border, #cfc8ff);
}
._item_1vyze_23:hover [role=meter] > span {
  filter: brightness(1.08);
}
._rank_1vyze_41 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-variant-numeric: tabular-nums;
}
._name_1vyze_47 {
  min-width: 0;
  overflow: hidden;
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  text-overflow: ellipsis;
  white-space: nowrap;
}
._value_1vyze_57 {
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-caption, 11px);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media print {
  ._name_1vyze_47 {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: break-word;
  }
}
[data-print-layout] ._name_1vyze_47 {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_e3gts_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._card_e3gts_14 {
  border: 1px solid var(--border, #eceff6);
  border-radius: var(--radius, 12px);
  background: var(--surface, #ffffff);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm, 8px);
  min-width: 0;
  padding: var(--gap-lg, 16px);
  overflow: hidden;
}
._card_e3gts_14:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-dropdown, 0 8px 22px rgba(16, 28, 64, 0.1));
  border-color: var(--border-strong, #e8ecf4);
}
@media (prefers-reduced-motion: reduce) {
  ._card_e3gts_14:hover {
    transform: none;
  }
}
._card_e3gts_14:has(._rail_e3gts_37) {
  padding-bottom: calc(var(--gap-lg, 16px) + var(--gap-md, 12px));
}
._cardAccent_e3gts_41 {
  border-color: var(--chip-ok-border, #bbf7d0);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ok, #25a766) 25%, transparent);
}
._label_e3gts_46 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
  margin: 0;
  line-height: var(--lh-tight, 1.3);
}
._valueRow_e3gts_56 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
._value_e3gts_56 {
  margin: 0;
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-extra, 800);
  font-variant-numeric: tabular-nums;
  line-height: var(--lh-heading, 1.2);
}
._valueAccent_e3gts_73 {
  color: var(--ok, #25a766);
}
._footnote_e3gts_77 {
  margin: 0;
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-sm, 12px);
  line-height: 1.5;
}
._footnoteAccent_e3gts_84 {
  color: var(--chip-ok-text, #16a34a);
}
._status_e3gts_88 {
  color: var(--ok, #25a766);
  font-weight: var(--fw-semi, 600);
}
._rail_e3gts_37 {
  --rail-fill: 0%;
  --rail-mark: 0%;
  position: absolute;
  left: var(--gap-lg, 16px);
  right: var(--gap-lg, 16px);
  bottom: var(--gap-md, 12px);
  height: 2px;
  border-radius: var(--radius-pill, 999px);
  background: var(--border, #eceff6);
}
._railFill_e3gts_105 {
  display: block;
  width: var(--rail-fill);
  height: 100%;
  border-radius: inherit;
  background: var(--ok, #25a766);
}
._railMark_e3gts_113 {
  position: absolute;
  left: var(--rail-mark);
  top: 50%;
  width: 2px;
  height: calc(2px + var(--gap-sm, 8px));
  border-radius: var(--radius-pill, 999px);
  background: var(--text, #1f2435);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--surface, #ffffff) 70%, transparent);
}
@media print {
  ._card_e3gts_14 {
    break-inside: avoid;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_15k93_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._card_15k93_14 {
  border: 1px solid var(--border, #eceff6);
  border-radius: var(--radius, 12px);
  background: var(--surface, #ffffff);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md, 12px);
  min-width: 0;
  min-height: 100%;
  padding: var(--gap-lg, 16px);
  container-type: inline-size;
}
._card_15k93_14:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-dropdown, 0 8px 22px rgba(16, 28, 64, 0.1));
  border-color: var(--border-strong, #e8ecf4);
}
@media (prefers-reduced-motion: reduce) {
  ._card_15k93_14:hover {
    transform: none;
  }
}
._header_15k93_38 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-md, 12px);
}
._heading_15k93_45 {
  min-width: 0;
}
._title_15k93_49 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
  margin: 0 0 var(--gap-xs, 6px);
}
._stat_15k93_58 {
  display: flex;
  align-items: baseline;
  gap: var(--gap-sm, 8px);
  margin: 0;
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-base, 13px);
  line-height: var(--lh-heading, 1.2);
}
._statValue_15k93_68 {
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-bold, 700);
  font-variant-numeric: tabular-nums;
  line-height: var(--lh-heading, 1.2);
}
._statCaption_15k93_76 {
  min-width: 0;
}
._aside_15k93_80 {
  flex-shrink: 0;
}
@container (max-width: 420px) {
  ._header_15k93_38 {
    flex-direction: column;
  }
  ._stat_15k93_58 {
    flex-wrap: wrap;
  }
}
._body_15k93_92 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--gap-md, 12px);
  min-width: 0;
  min-height: 0;
}
@media print {
  ._card_15k93_14 {
    break-inside: avoid;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_23tqz_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._textSkeleton_23tqz_14._textSkeleton_23tqz_14,
._textSkeleton_23tqz_14._textSkeleton_23tqz_14 > span {
  font: inherit;
}
._statSkeleton_23tqz_19._statSkeleton_23tqz_19 {
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-bold, 700);
  font-variant-numeric: tabular-nums;
  line-height: var(--lh-heading, 1.2);
}
._statSkeleton_23tqz_19._statSkeleton_23tqz_19,
._statSkeleton_23tqz_19._statSkeleton_23tqz_19 > span {
  font: inherit;
}
._statSkeleton_23tqz_19._statSkeleton_23tqz_19 > span {
  font: inherit;
}
._chartSkeleton_23tqz_34 {
  display: flex;
  gap: var(--gap-md, 12px);
  height: 282px;
  padding: var(--gap-sm, 8px) var(--gap-xl, 20px) 0 0;
  box-sizing: border-box;
}
._columnSkeleton_23tqz_42 {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
  font-size: var(--fs-caption, 11px);
}
._barAreaSkeleton_23tqz_52 {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-end;
  width: 100%;
  min-height: 0;
  padding-bottom: var(--gap-xl, 20px);
  box-sizing: border-box;
}
._barSkeleton_23tqz_62._barSkeleton_23tqz_62 {
  --bar-height: 50%;
  width: 100%;
  height: var(--bar-height);
  border-radius: var(--radius-sm, 6px);
}
._legendSkeleton_23tqz_69 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-sm, 8px) var(--gap-md, 12px);
  font-size: var(--fs-caption, 11px);
}
._volumeChartSkeleton_23tqz_79 {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 16px;
  column-gap: var(--gap-sm, 8px);
  row-gap: var(--gap-xs, 6px);
  height: 240px;
}
._yAxis_23tqz_88 {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._yTick_23tqz_96._yTick_23tqz_96,
._xTick_23tqz_97._xTick_23tqz_97 {
  font-size: var(--fs-caption, 11px);
  line-height: 1;
}
._yTick_23tqz_96._yTick_23tqz_96,
._yTick_23tqz_96._yTick_23tqz_96 > span,
._xTick_23tqz_97._xTick_23tqz_97,
._xTick_23tqz_97._xTick_23tqz_97 > span {
  font: inherit;
}
._xTick_23tqz_97._xTick_23tqz_97 {
  width: 18px;
}
._plot_23tqz_112 {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  min-width: 0;
  overflow: hidden;
}
._chartSvg_23tqz_120 {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
._curveSvg_23tqz_130 {
  z-index: 2;
}
._curvePulse_23tqz_134 {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  animation: _sa-skeleton-pulse_23tqz_1 2s ease-in-out 0.5s infinite;
  opacity: var(--sa-skeleton-pulse);
}
@media (prefers-reduced-motion: reduce) {
  ._curvePulse_23tqz_134 {
    animation: none;
  }
}
._gridLine_23tqz_148 {
  fill: none;
  stroke: var(--border, #eceff6);
  stroke-dasharray: 3 5;
  vector-effect: non-scaling-stroke;
}
._line_23tqz_155 {
  fill: none;
  stroke: color-mix(in srgb, var(--text-muted, #9098b1) 70%, var(--surface-muted, #f3f4fb));
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
._areaSkeleton_23tqz_164._areaSkeleton_23tqz_164 {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: none;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
._marker_23tqz_177 {
  position: absolute;
  z-index: 3;
  width: 6px;
  height: 6px;
  border: 1.5px solid color-mix(in srgb, var(--text-muted, #9098b1) 70%, var(--surface-muted, #f3f4fb));
  border-radius: 50%;
  background: var(--surface, #ffffff);
  transform: translate(-50%, -50%);
}
._xAxis_23tqz_188 {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  justify-content: space-between;
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_xb3ns_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._textSkeleton_xb3ns_14._textSkeleton_xb3ns_14,
._textSkeleton_xb3ns_14._textSkeleton_xb3ns_14 > span {
  font: inherit;
}
._statSkeleton_xb3ns_19._statSkeleton_xb3ns_19 {
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-bold, 700);
  font-variant-numeric: tabular-nums;
  line-height: var(--lh-heading, 1.2);
}
._statSkeleton_xb3ns_19._statSkeleton_xb3ns_19,
._statSkeleton_xb3ns_19._statSkeleton_xb3ns_19 > span {
  font: inherit;
}
._statSkeleton_xb3ns_19._statSkeleton_xb3ns_19 > span {
  font: inherit;
}
._meterSkeleton_xb3ns_34._meterSkeleton_xb3ns_34 {
  width: 100%;
  height: 6px;
  border-radius: var(--radius-pill, 999px);
}
._cellPulse_xb3ns_40 {
  animation: _sa-skeleton-pulse_xb3ns_1 2s ease-in-out 0.5s infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._cellPulse_xb3ns_40 {
    animation: none;
  }
}
._cellSkeleton_xb3ns_49 {
  opacity: var(--sa-skeleton-pulse);
  aspect-ratio: 1;
  min-height: 10px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--text, #1f2435) 11%, transparent);
}
._rampSkeleton_xb3ns_57 {
  opacity: var(--sa-skeleton-pulse);
  width: 12px;
  height: 8px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--text, #1f2435) 11%, transparent);
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1xfze_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._row_1xfze_14 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--gap-md, 12px);
  flex-shrink: 0;
}
@media print {
  ._row_1xfze_14 {
    break-inside: avoid;
  }
  @supports not (box-decoration-break: clone) {
    ._row_1xfze_14:not(:first-child) {
      margin-top: 0;
      padding-top: var(--gap-xl, 20px);
    }
  }
}
._cell_1xfze_35 {
  display: flex;
  min-width: 0;
}
._cell_1xfze_35 > * {
  flex: 1 1 auto;
}
._textSkeleton_1xfze_43._textSkeleton_1xfze_43,
._textSkeleton_1xfze_43._textSkeleton_1xfze_43 > span {
  font: inherit;
}
._deltaSkeleton_1xfze_48._deltaSkeleton_1xfze_48 {
  display: inline-flex;
  flex-shrink: 0;
  border-radius: var(--radius-pill, 999px);
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_naubm_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._textSkeleton_naubm_14._textSkeleton_naubm_14,
._textSkeleton_naubm_14._textSkeleton_naubm_14 > span {
  font: inherit;
}
._statSkeleton_naubm_19._statSkeleton_naubm_19 {
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-bold, 700);
  font-variant-numeric: tabular-nums;
  line-height: var(--lh-heading, 1.2);
}
._statSkeleton_naubm_19._statSkeleton_naubm_19 > span {
  font: inherit;
}
._meterSkeleton_naubm_30._meterSkeleton_naubm_30 {
  height: 8px;
  border-radius: var(--radius-pill, 999px);
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_hypwj_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._header_hypwj_14 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex-shrink: 0;
}
._eyebrow_hypwj_21 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
  margin: 0 0 var(--gap-xs, 6px);
}
._title_hypwj_30 {
  margin: 0;
  color: var(--text, #1f2435);
  font-size: 24px;
  font-weight: var(--fw-extra, 800);
  line-height: var(--lh-heading, 1.2);
  letter-spacing: var(--tracking-heading, -0.02em);
}
._subtitle_hypwj_39 {
  margin: var(--gap-xs, 6px) 0 0;
  color: var(--text-secondary, #525a73);
  font-size: var(--fs-base, 13px);
  line-height: 1.5;
}
@media print {
  ._eyebrow_hypwj_21 {
    display: none;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_1f3vx_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._meta_1f3vx_14 {
  display: none;
  margin: 0;
}
@media print {
  ._meta_1f3vx_14 {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: var(--gap-sm, 8px) calc(var(--gap-lg, 16px) * 2);
    padding: var(--gap-md, 12px) 0;
    border-block: 1px solid var(--border, #eceff6);
  }
}
[data-print-layout] ._meta_1f3vx_14 {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: var(--gap-sm, 8px) calc(var(--gap-lg, 16px) * 2);
  padding: var(--gap-md, 12px) 0;
  border-block: 1px solid var(--border, #eceff6);
}
._item_1f3vx_38 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._itemWide_1f3vx_45 {
  flex: 1 1 100%;
}
._term_1f3vx_49 {
  color: var(--text-muted, #9098b1);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  text-transform: uppercase;
}
._value_1f3vx_57 {
  margin: 0;
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.5;
}
._agents_1f3vx_65 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(var(--gap-lg, 16px) * 2);
}
._agent_1f3vx_65 {
  break-inside: avoid;
  overflow-wrap: anywhere;
}@media screen {
  ._report_14yof_2 {
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: content-box;
    width: 720px;
    visibility: hidden;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_yadao_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.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;
}
._toolbar_yadao_42 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-md, 12px);
  width: 100%;
  min-width: 0;
  flex-shrink: 0;
}
._agents_yadao_52 {
  width: 234px;
  min-width: 0;
}
._period_yadao_57 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-sm, 8px);
  min-width: 0;
}
._date_yadao_65 {
  width: 250px;
  min-width: 0;
}
._date_yadao_65 .MuiButtonBase-root {
  width: 100%;
  height: var(--control-height-input, 44px);
  border: 1px solid var(--border-field, var(--border-strong, #e8ecf4));
  border-radius: var(--radius-md, 9px);
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  padding: 0 14px;
  justify-content: flex-start;
}
._date_yadao_65 .MuiButtonBase-root:hover {
  border-color: var(--text-muted, #9098b1);
}
._date_yadao_65 .MuiButtonBase-root > div > span:last-of-type {
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
}
._autoRefresh_yadao_89 {
  width: 224px;
  min-width: 0;
  flex-shrink: 0;
}
._actions_yadao_95 {
  display: flex;
  gap: var(--gap-md, 12px);
  margin-left: auto;
}
._action_yadao_95:disabled {
  opacity: 0.5;
  pointer-events: none;
}
._export_yadao_106 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
  height: var(--control-height-sm, 36px);
  padding: 0 var(--pad-md-plus, 14px);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-semi, 600);
  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;
  flex-direction: row-reverse;
}
._export_yadao_106 svg {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  color: var(--text-secondary);
}
._export_yadao_106:hover {
  border-color: var(--sf-accent-hover-border, var(--accent-hover-border));
  background: var(--sf-accent-hover-bg, var(--accent-hover-bg));
}
._export_yadao_106 span {
  display: inline;
  color: inherit;
  font: inherit;
}
._export_yadao_106:disabled {
  opacity: 0.5;
  pointer-events: none;
}
@container (max-width: 560px) {
  ._agents_yadao_52,
  ._period_yadao_57,
  ._actions_yadao_95 {
    width: 100%;
  }
  ._period_yadao_57 {
    flex-direction: column;
    align-items: stretch;
  }
  ._date_yadao_65,
  ._autoRefresh_yadao_89 {
    width: 100%;
  }
  ._action_yadao_95,
  ._export_yadao_106 {
    flex: 1;
    justify-content: center;
  }
}
._selectIcon_yadao_164 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: var(--text-secondary, #525a73);
}
._selectIcon_yadao_164 svg {
  width: 24px;
  height: 24px;
}
._agentOption_yadao_178 {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm, 8px);
  width: 100%;
  min-width: 0;
}
._agentOptionLabel_yadao_186 {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
@media print {
  ._toolbar_yadao_42 {
    display: none;
  }
}@property --sa-skeleton-pulse {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes _sa-skeleton-pulse_bcx98_1 {
  0%, 100% {
    --sa-skeleton-pulse: 1;
  }
  50% {
    --sa-skeleton-pulse: 0.4;
  }
}
._control_bcx98_14 {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  height: var(--control-height-input, 44px);
  margin: 0;
  padding: 0 8px 0 12px;
  border: 1px solid var(--border-field, var(--border-strong, #e8ecf4));
  border-radius: var(--radius-md, 9px);
  background: var(--surface, #ffffff);
  color: var(--text, #1f2435);
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
._control_bcx98_14:hover {
  border-color: var(--text-muted, #9098b1);
}
._control_bcx98_14:focus {
  outline: none;
}
._control_bcx98_14:focus-visible {
  outline: 2px solid var(--accent, #6b5ce7);
  outline-offset: 2px;
}
._live_bcx98_43 {
  border-color: color-mix(in srgb, var(--accent, #6b5ce7) 42%, var(--border-field, var(--border-strong, #e8ecf4)));
  background: color-mix(in srgb, var(--accent, #6b5ce7) 7%, var(--surface, #ffffff));
}
._live_bcx98_43:hover {
  border-color: color-mix(in srgb, var(--accent, #6b5ce7) 68%, var(--border-field, var(--border-strong, #e8ecf4)));
}
._open_bcx98_51 {
  border-color: var(--accent, #6b5ce7);
}
._ring_bcx98_55 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
._track_bcx98_61,
._trackIdle_bcx98_62,
._progress_bcx98_63 {
  fill: none;
  stroke-width: 2.25;
}
._track_bcx98_61,
._trackIdle_bcx98_62 {
  stroke: color-mix(in srgb, var(--text-muted, #9098b1) 42%, var(--border, #eceff6));
}
._trackIdle_bcx98_62 {
  stroke-dasharray: 2.4 3.1;
}
._progress_bcx98_63 {
  stroke: var(--accent, #6b5ce7);
  stroke-dasharray: var(--ring-c);
  stroke-dashoffset: 0;
  animation: _auto-refresh-drain_bcx98_1 var(--refresh-ms) linear forwards;
}
._core_bcx98_84 {
  fill: var(--accent, #6b5ce7);
}
._live_bcx98_43 ._core_bcx98_84 {
  animation: _auto-refresh-core_bcx98_1 1.6s ease-in-out infinite;
}
._pending_bcx98_92 ._core_bcx98_84 {
  animation-duration: 0.7s;
}
._copy_bcx98_96 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 0;
}
._eyebrow_bcx98_105,
._eyebrowLive_bcx98_106,
._value_bcx98_107 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._eyebrow_bcx98_105 {
  color: var(--text-muted, #9098b1);
  font-size: 10px;
  font-weight: var(--fw-semi, 600);
  letter-spacing: var(--tracking-wide-md, 0.04em);
  line-height: 1.2;
  text-transform: uppercase;
}
._eyebrowLive_bcx98_106 {
  color: var(--accent, #6b5ce7);
  font-size: var(--fs-caption, 11px);
  font-weight: var(--fw-semi, 600);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  animation: _auto-refresh-cutoff_bcx98_1 0.45s ease;
}
._value_bcx98_107 {
  color: var(--text, #1f2435);
  font-size: var(--fs-base, 13px);
  font-weight: var(--fw-medium, 500);
  line-height: 1.2;
}
._chevron_bcx98_139 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--text-muted, #9098b1);
  font-size: 18px;
  transition: transform 0.14s ease;
}
._open_bcx98_51 ._chevron_bcx98_139 {
  transform: rotate(180deg);
}
._menuPaper_bcx98_155 {
  margin-top: 6px;
  overflow: hidden;
  border: 1px solid var(--border-strong, #e8ecf4);
  border-radius: var(--radius, 12px) !important;
  background: var(--surface, #ffffff) !important;
  box-shadow: var(--shadow-dropdown, 0 8px 22px rgba(16, 28, 64, 0.1)) !important;
}
._menuList_bcx98_164 {
  padding: 6px !important;
}
._divider_bcx98_168 {
  margin: 4px 8px !important;
  border-color: var(--border, #eceff6) !important;
}
._option_bcx98_173 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: 36px !important;
  margin: 0;
  padding: 6px 8px !important;
  border-radius: var(--radius-sm, 6px) !important;
  color: var(--text, #1f2435) !important;
  font-size: var(--fs-base, 13px) !important;
  font-weight: var(--fw-medium, 500) !important;
  line-height: 1.3 !important;
}
._option_bcx98_173:hover, ._option_bcx98_173.Mui-focusVisible {
  background: color-mix(in srgb, var(--accent, #6b5ce7) 8%, var(--surface, #ffffff)) !important;
}
._option_bcx98_173.Mui-selected {
  background: color-mix(in srgb, var(--accent, #6b5ce7) 14%, var(--surface, #ffffff)) !important;
}
._option_bcx98_173.Mui-selected:hover {
  background: color-mix(in srgb, var(--accent, #6b5ce7) 18%, var(--surface, #ffffff)) !important;
}
._optionLabel_bcx98_197 {
  min-width: 0;
}
._optionTrail_bcx98_201 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
._meter_bcx98_208 {
  display: block;
  width: 36px;
  height: 4px;
  overflow: hidden;
  border-radius: var(--radius-pill, 999px);
  background: var(--surface-muted, #f3f4fb);
}
._meterFill_bcx98_217 {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent, #6b5ce7);
}
._check_bcx98_224 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--accent, #6b5ce7);
  font-size: 16px;
}
@keyframes _auto-refresh-drain_bcx98_1 {
  to {
    stroke-dashoffset: var(--ring-c);
  }
}
@keyframes _auto-refresh-core_bcx98_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@keyframes _auto-refresh-cutoff_bcx98_1 {
  from {
    opacity: 0.25;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._chevron_bcx98_139,
  ._eyebrowLive_bcx98_106,
  ._progress_bcx98_63,
  ._live_bcx98_43 ._core_bcx98_84,
  ._pending_bcx98_92 ._core_bcx98_84 {
    animation: none;
    transition: none;
  }
  ._progress_bcx98_63 {
    stroke-dashoffset: 0;
  }
}._page_1cudg_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: var(--gap-xl, 20px);
  padding: var(--gap-xl, 20px) clamp(12px, 3vw, 24px) clamp(12px, 3vw, 24px);
  overflow: auto;
  overflow-anchor: none;
  color: var(--text, #1f2435);
  container-type: inline-size;
}

@media print {
  html:has(._page_1cudg_1),
  body:has(._page_1cudg_1) {
    background: var(--surface, #ffffff);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  body:has(._page_1cudg_1)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--surface, #ffffff);
  }
  body:where(:has(._page_1cudg_1)) * {
    visibility: hidden;
  }
  html body :where(._page_1cudg_1),
  html body :where(._page_1cudg_1) * {
    visibility: visible;
  }
  ._page_1cudg_1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10mm;
    overflow: visible;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  body:has(._page_1cudg_1[data-print-layout]) ._page_1cudg_1:not([data-print-layout]) {
    display: none;
  }
  body ._page_1cudg_1 > * + * {
    margin-top: var(--gap-xl, 20px);
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
._container_1ssj9_29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--page-header));
  overflow-y: auto;
  gap: 24px;
  height: 100%;
}
._container_1ssj9_29 ._header_1ssj9_38 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
._container_1ssj9_29 ._balance_1ssj9_44 {
  font-weight: bold;
}
._container_1ssj9_29 ._title_1ssj9_47 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  text-align: left;
}
._container_1ssj9_29 ._cardsHolder_1ssj9_56 {
  width: 100%;
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}
._container_1ssj9_29 ._cardsHolder_1ssj9_56 ._footer_1ssj9_62 {
  padding-top: 32px;
  padding-bottom: 32px;
}
._usageReportContainer_1ssj9_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_1ssj9_78 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  color: var(--text);
  margin-bottom: 10px;
}
._topUpButton_1ssj9_88 {
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 14px 24px 14px 24px !important;
}
._cards_1ssj9_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(270px, 1fr));
}
._table_1ssj9_106 {
  display: flex;
  flex-direction: column;
}
._table_1ssj9_106 hr {
  margin: 8px 0 8px 0;
  color: var(--border);
  border-color: var(--border);
}
._row_1ssj9_116, ._tableRow_1ssj9_116, ._tableHeader_1ssj9_116 {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto";
  font-weight: 400;
}
._tableHeader_1ssj9_116 > div {
  font-size: 12px !important;
  line-height: 14px;
  text-align: left;
  color: var(--text-muted);
  text-transform: uppercase;
}
._tableBody_1ssj9_131 {
  display: flex;
  gap: 8px !important;
  flex-direction: column;
}
._tableRow_1ssj9_116 {
  font-size: 14px !important;
  line-height: 24px !important;
  text-align: left;
  border-bottom: 1px solid var(--border);
  padding-top: 8px;
  padding-bottom: 8px;
}
._tableRow_1ssj9_116:last-child {
  padding-bottom: 0;
  border: 0;
}
._circle_1ssj9_150, ._blackCircle_1ssj9_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: 13px !important;
  font-weight: 500;
  line-height: 17px !important;
  text-align: center !important;
}
._blackCircle_1ssj9_150 {
  background-color: var(--text);
  color: var(--on-dark-surface);
  display: flex;
}
._footer_1ssj9_62 {
  display: flex;
  padding: 24px;
  height: 96px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
._modalContent_1ssj9_179 {
  height: 550px !important;
}
._planName_1ssj9_183 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: var(--text-secondary);
  text-transform: capitalize;
}
._planPrice_1ssj9_193 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: var(--text);
}
._contentFlex_1ssj9_202 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._contentText_1ssj9_208 {
  color: var(--scss-text-color, #1f1f1f);
}
._contentBlock_1ssj9_212 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border);
  padding: 24px;
  border-radius: 10px;
}
._active-subscription_1ssj9_221 {
  border: 1px solid var(--text) !important;
  background-color: var(--surface-subtle) !important;
}
._canceledSubLabel_1ssj9_226 {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--on-dark-surface);
  background-color: var(--danger, #ff3b30);
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto";
  border-radius: 50px;
  line-height: 21px;
}
._expDate_1ssj9_239 {
  color: var(--danger, #ff3b30);
  background-color: var(--chip-err-bg, rgba(255, 59, 48, 0.15));
  line-height: 21px;
  font-size: 13px;
  font-family: "Roboto";
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
._closeIcon_1ssj9_250 {
  position: absolute;
  top: 5px;
  right: 5px;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
  transition: all ease 0.5s;
}
._closeIcon_1ssj9_250:hover {
  background-color: var(--danger, #ff3b30);
}:root {
  --interaction-page-header: 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;
}
._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);
}/* The body lives inside .sidebarAccordion__body: the accordion supplies the
   border, background and side padding; this file only lays the blocks out. */
._facts_1hp2u_3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px 16px;
  margin: 12px 0 0;
}

._fact_1hp2u_3 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
._fact_1hp2u_3 dt {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted, #6b7a89);
}
._fact_1hp2u_3 dd {
  margin: 0;
  font-size: 13px;
  color: var(--text);
}

._factWide_1hp2u_28 {
  grid-column: 1/-1;
}

._numeric_1hp2u_32 {
  font-variant-numeric: tabular-nums;
}

._muted_1hp2u_36 {
  color: var(--text-muted, #6b7a89);
}

._chip_1hp2u_40 {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--chip-color);
  background: color-mix(in srgb, var(--chip-color) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--chip-color) 32%, transparent);
}

._block_1hp2u_51 {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

._blockLabel_1hp2u_57 {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted, #6b7a89);
}

._bar_1hp2u_64 {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--border);
}

._barPart_1hp2u_72 {
  height: 100%;
}

._legend_1hp2u_76 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-size: 12px;
  color: var(--text-muted, #6b7a89);
}

._legendItem_1hp2u_84 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
._legendItem_1hp2u_84 i {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  display: inline-block;
}
._legendItem_1hp2u_84 b {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

._settings_1hp2u_100 {
  margin-top: 10px;
}
._settings_1hp2u_100 summary {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  list-style: none;
}
._settings_1hp2u_100 summary::-webkit-details-marker {
  display: none;
}
._settings_1hp2u_100 summary::before {
  content: "";
  border-left: 4px solid currentColor;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transition: transform 120ms ease;
}
._settings_1hp2u_100[open] summary::before {
  transform: rotate(90deg);
}

._settingsLine_1hp2u_124 {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1bg7k_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_1bg7k_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_1bg7k_57 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (orientation: landscape) and (max-height: 834px) {
  ._main_1bg7k_57 {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 1200px;
    max-height: none;
    overflow: visible;
  }
}
._mainResizing_1bg7k_92 {
  cursor: col-resize;
  user-select: none;
}
._mainResizing_1bg7k_92 *,
._mainResizing_1bg7k_92 *::before,
._mainResizing_1bg7k_92 *::after {
  cursor: col-resize !important;
  user-select: none !important;
}
._mainContentContainer_1bg7k_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_1bg7k_103 {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border: none;
  }
}
._resizeHandle_1bg7k_124 {
  flex: 0 0 6px;
  width: 6px;
  margin: 0 -1px;
  position: relative;
  z-index: 2;
  cursor: col-resize;
  touch-action: none;
  background: transparent;
}
._resizeHandle_1bg7k_124::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}
._resizeHandle_1bg7k_124:hover::before, ._resizeHandle_1bg7k_124:active::before {
  background: var(--border-strong);
}
@media screen and (max-width: 834px) {
  ._resizeHandle_1bg7k_124 {
    display: none;
  }
}
._timeline_1bg7k_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_1bg7k_153 {
    padding: 12px;
  }
}
@media screen and (max-width: 480px) {
  ._timeline_1bg7k_153 {
    padding: 8px 10px;
  }
}
._sectionLabel_1bg7k_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_1bg7k_184 {
  margin-top: 12px;
}
._playerSentimentStack_1bg7k_188 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}
._interactionCard_1bg7k_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_1bg7k_205 {
  padding: 10px 12px;
  overflow: visible;
}
._sentimentCard_1bg7k_210 {
  padding: 0;
  overflow: visible;
}
._sentimentCardAfterPlayer_1bg7k_215 {
  margin-top: 10px;
}
._chatCanvasCard_1bg7k_219 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--transcript-bg);
  --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_1bg7k_241 {
  display: none;
  flex-shrink: 0;
  border-bottom: 1px solid var(--scss-interactionBorderColor, #eaeef4);
}
@media screen and (max-width: 834px) {
  ._tabs_1bg7k_241 {
    display: flex;
    width: 100%;
    padding: 10px 12px 0;
  }
}
@media screen and (max-width: 480px) {
  ._tabs_1bg7k_241 {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
._sideContentContainer_1bg7k_261 {
  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;
  background: var(--secondary-sidebar);
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 834px) {
  ._sideContentContainer_1bg7k_261 {
    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_1bg7k_261 {
    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_pb2nq_1 {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  ._container_pb2nq_1 {
    width: 100vw;
    height: 100vh;
  }
}
._mainScreen_pb2nq_18 {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 480px) {
  ._mainScreen_pb2nq_18 {
    height: 100dvh;
  }
}
._screenImg_pb2nq_28 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media screen and (max-width: 480px) {
  ._screenImg_pb2nq_28 {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
}
._callTimer_pb2nq_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_pb2nq_1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
._voiceButton_pb2nq_68 {
  border: none;
  background-color: transparent;
  max-height: 30px;
}
._icon_pb2nq_74 {
  width: 30px;
  height: 30px;
}
._styledCallHost_pb2nq_79 {
  position: fixed;
  z-index: 4000;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: auto;
}
._voiceChat_pb2nq_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_pb2nq_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_pb2nq_42 button {
  background-color: red;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  cursor: pointer;
}
._firstHandContainer_pb2nq_119 {
  position: absolute;
  width: 910.2px;
  height: 402.9px;
  top: 206.3px;
  left: -50.8px;
}
._firstHandContainer_pb2nq_119 img {
  position: absolute;
  bottom: 0;
}
._secondHandContainer_pb2nq_132 {
  position: absolute;
  width: 900.2px;
  height: 402.9px;
  top: 434.3px;
  right: 0;
  transform: rotateZ(-177.13deg);
}
._secondHandContainer_pb2nq_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_13ov4_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_13ov4_29 ._filterHolder_13ov4_38 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._membersContainer_13ov4_45 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  flex: 1;
  min-height: 0;
}
._title_13ov4_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_13ov4_64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._content_13ov4_64 ._buttonsHolder_13ov4_70 {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}
._list_13ov4_76 {
  width: 100%;
  height: 100%;
}
._infoHolder_13ov4_81 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 1rem;
}
._infoHolder_13ov4_81 ._infoCard_13ov4_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_13ov4_81 ._infoCard_13ov4_87 ._memberLabel_13ov4_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_13ov4_81 ._infoCard_13ov4_87 ._cardContent_13ov4_107 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_13ov4_81 ._infoCard_13ov4_87 ._cardContent_13ov4_107 ._typeLabelHolder_13ov4_113 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_13ov4_81 ._infoCard_13ov4_87 ._cardContent_13ov4_107 ._typeLabelHolder_13ov4_113 ._typeLabel_13ov4_113 {
  width: 50%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
}
._infoHolder_13ov4_81 ._infoCard_13ov4_87 ._cardContent_13ov4_107 ._memberIconsHolder_13ov4_129 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_13ov4_136 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-left: 10px;
}
._avatar_13ov4_147 {
  margin-left: -15px;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_13ov4_147 + ._avatar_13ov4_147 {
  margin-left: -15px;
  z-index: 2;
}
._dots_13ov4_162 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_13ov4_167 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_13ov4_176 {
  font-size: 1rem;
}
._buttonContainer_13ov4_180 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 41px;
}
._buttonContainer_13ov4_180 ._title_13ov4_54 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._headerCell_13ov4_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_13ov4_207 {
  font-family: "Roboto";
  font-size: var(--fs-base);
  color: var(--text);
}
._tenantGroupRow_13ov4_213 {
  background-color: var(--surface-muted);
}
._actionsCell_13ov4_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_agu5z_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_agu5z_88 {
  font-family: "Roboto" !important;
  font-size: 18px !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_agu5z_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_480r6_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_480r6_89 {
  font-family: "Roboto" !important;
  font-size: 18px !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_480r6_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_1lcvm_57 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  height: calc(100vh - 45px);
}
@media screen and (max-width: 834px) {
  ._templatesContainer_1lcvm_57 {
    height: calc(100vh - 45px);
  }
}
._templatesContainer_1lcvm_57 ._filterHolder_1lcvm_69 {
  display: flex;
  flex-direction: row;
  gap: 21.6px;
  height: 46.8px;
}
._templatesContainer_1lcvm_57 ._placeHolderContainer_1lcvm_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._templatesContainer_1lcvm_57 ._placeHolderContainer_1lcvm_75 ._placeHolder_1lcvm_75 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-family: "Roboto";
}
._container_1lcvm_87 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  height: calc(100vh - 45px);
}
@media screen and (max-width: 834px) {
  ._container_1lcvm_87 {
    height: calc(100vh - 45px);
  }
}
._container_1lcvm_87 ._filterHolder_1lcvm_69 {
  display: flex;
  flex-direction: row;
  gap: 21.6px;
  height: 46.8px;
}
._container_1lcvm_87 ._placeHolderContainer_1lcvm_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._container_1lcvm_87 ._placeHolderContainer_1lcvm_75 ._placeHolder_1lcvm_75 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-family: "Roboto";
}
._title_1lcvm_117 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 20px;
  font-weight: 700;
  line-height: 26.1px;
  letter-spacing: 0em;
  text-align: left;
}
._content_1lcvm_127 {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: center;
}
._content_1lcvm_127 ._buttonsHolder_1lcvm_133 {
  display: flex;
  align-items: flex-end;
  gap: 21.6px;
}
._list_1lcvm_139 {
  width: 100%;
  height: 100%;
}
._infoHolder_1lcvm_144 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 21.6px;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 {
  border: 0.9px solid #eaeef4;
  border-radius: 18px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 7.2px;
  padding: 21.6px;
  height: 85.5px;
  width: 33%;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 ._memberLabel_1lcvm_161 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 32px;
  font-weight: 700;
  line-height: 35.1px;
  letter-spacing: 0em;
  text-align: center;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 ._cardContent_1lcvm_170 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 ._cardContent_1lcvm_170 ._typeLabelHolder_1lcvm_176 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 ._cardContent_1lcvm_170 ._typeLabelHolder_1lcvm_176 ._typeLabel_1lcvm_176 {
  width: 50%;
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 400;
  line-height: 17.1px;
  letter-spacing: 0em;
  text-align: left;
}
._infoHolder_1lcvm_144 ._infoCard_1lcvm_150 ._cardContent_1lcvm_170 ._memberIconsHolder_1lcvm_192 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_1lcvm_199 {
  position: relative;
  width: 100%;
  height: 28.8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
._avatar_1lcvm_210 {
  margin-left: -13.5px;
  width: 27px !important;
  height: 27px !important;
  border: 1.8px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_1lcvm_210 + ._avatar_1lcvm_210 {
  margin-left: -13.5px;
  z-index: 2;
}
._dots_1lcvm_225 {
  font-size: 16px;
  font-weight: 600;
}
._placeHolder_1lcvm_75 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_1lcvm_239 {
  font-size: 14px;
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fixel Variable";
  src: local("FixelVariable"), url("/fonts/FixelDisplay-SemiBold.woff2?url") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_19fqe_57 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  background: var(--bg);
}
._inputStyle_19fqe_67 {
  width: 3rem !important;
  height: 3rem;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0;
}
._codeHolder_19fqe_76 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
._incorrectDataLabel_19fqe_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_19fqe_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_19fqe_94 {
    width: 100%;
  }
}
._formColumn_19fqe_94 ._subTitleHolder_19fqe_108 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
._formColumn_19fqe_94 ._subTitleHolder_19fqe_108 ._signInImage_19fqe_115 {
  max-width: 260px;
  max-height: 80px;
  object-fit: contain;
}
._formColumn_19fqe_94 ._subTitleHolder_19fqe_108 ._subTitle_19fqe_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_19fqe_94 ._subTitleHolder_19fqe_108 ._subTitle_19fqe_108 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_19fqe_94 ._subTitleHolder_19fqe_108 ._helptext_19fqe_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_19fqe_94 ._subTitleHolder_19fqe_108 ._helptext_19fqe_137 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_19fqe_94 ._titleHolder_19fqe_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_19fqe_94 ._titleHolder_19fqe_154 {
    margin-top: 24px;
  }
}
._formColumn_19fqe_94 ._titleHolder_19fqe_154 ._title_19fqe_154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
._formColumn_19fqe_94 ._titleHolder_19fqe_154 ._title_19fqe_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_19fqe_94 ._titleHolder_19fqe_154 ._title_19fqe_154 span {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_19fqe_94 ._titleHolder_19fqe_154 ._title_19fqe_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_19fqe_94 ._titleHolder_19fqe_154 ._title_19fqe_154 span a {
    font-size: 20px;
    line-height: 24px;
  }
}
._formColumn_19fqe_94 ._logo_19fqe_208 {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 834px) {
  ._formColumn_19fqe_94 ._logo_19fqe_208 {
    width: 40px;
    height: 40px;
  }
}
._formColumn_19fqe_94 ._logoAltText_19fqe_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_19fqe_94 ._logoAltText_19fqe_218 {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 0 8px;
  }
}
._formColumn_19fqe_94 ._flexWrapper_19fqe_242 {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._formColumn_19fqe_94 ._backgroungWrapper_19fqe_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_19fqe_94 ._backgroungWrapper_19fqe_248 {
    padding: 24px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_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_19fqe_94 ._formHolder_19fqe_260 {
    width: 100%;
    max-width: 320px;
    gap: 24px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._forgotPassword_19fqe_276 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._forgotPassword__text_19fqe_282 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._header_19fqe_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_19fqe_94 ._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._header_19fqe_296 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._subHeader_19fqe_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_19fqe_94 ._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._subHeader_19fqe_311 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._fieldsHolder_19fqe_326 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formColumn_19fqe_94 ._formHolder_19fqe_260 ._fieldsHolder_19fqe_326 {
    gap: 12px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._buttonsHolder_19fqe_337 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formColumn_19fqe_94 ._formHolder_19fqe_260 ._buttonsHolder_19fqe_337 {
    gap: 12px;
  }
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._labelsHolder_19fqe_348 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._labelsHolder_19fqe_348 ._loginLabel_19fqe_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_19fqe_94 ._formHolder_19fqe_260 ._labelsHolder_19fqe_348 ._loginLabel_19fqe_354 :hover {
  cursor: pointer;
}
._formColumn_19fqe_94 ._formHolder_19fqe_260 ._labelsHolder_19fqe_348 ._accountLabel_19fqe_367 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._formHolder_19fqe_260 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
  gap: 44px;
}
._formHolder_19fqe_260 ._forgotPassword_19fqe_276 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
._formHolder_19fqe_260 ._forgotPassword__text_19fqe_282 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.7px;
  text-align: right;
  cursor: pointer;
}
._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 14px;
}
._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._header_19fqe_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_19fqe_260 ._formTitleHolder_19fqe_290 ._header_19fqe_296 {
    font-size: 24px;
    line-height: 29px;
  }
}
._formHolder_19fqe_260 ._formTitleHolder_19fqe_290 ._subHeader_19fqe_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_19fqe_260 ._formTitleHolder_19fqe_290 ._subHeader_19fqe_311 {
    font-size: 14px;
    line-height: 17px;
  }
}
._formHolder_19fqe_260 ._fieldsHolder_19fqe_326 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._formHolder_19fqe_260 ._fieldsHolder_19fqe_326 {
    gap: 12px;
  }
}
._formHolder_19fqe_260 ._buttonsHolder_19fqe_337 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formHolder_19fqe_260 ._buttonsHolder_19fqe_337 {
    gap: 12px;
  }
}
._formHolder_19fqe_260 ._labelsHolder_19fqe_348 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
._formHolder_19fqe_260 ._labelsHolder_19fqe_348 ._loginLabel_19fqe_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_19fqe_260 ._labelsHolder_19fqe_348 ._loginLabel_19fqe_354 :hover {
  cursor: pointer;
}
._formHolder_19fqe_260 ._labelsHolder_19fqe_348 ._accountLabel_19fqe_367 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--text-secondary);
}
._imageColumn_19fqe_486 {
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
}
@media screen and (max-width: 1220px) {
  ._imageColumn_19fqe_486 {
    display: none;
  }
}
._imageColumn_19fqe_486 ._image_19fqe_486 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._button_19fqe_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_19fqe_337 span {
  outline: none;
  text-decoration: none;
}
._button_19fqe_337:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._button_19fqe_337 ._hiden_19fqe_535 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
._button_19fqe_337 ._label_19fqe_348 {
  font-family: "Roboto";
  color: var(--login-oauth-text);
  font-size: 16px;
  font-weight: 600;
}
._title_19fqe_154 {
  font-family: "Roboto";
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: var(--text);
  font-weight: 700;
}
._subTitle_19fqe_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_19fqe_108 {
    font-size: 14px;
    line-height: 17px;
  }
}
._timer_19fqe_577 {
  font-family: "Roboto";
  color: var(--text);
}
._resendQuestion_19fqe_582 {
  font-family: "Roboto";
  color: var(--text);
}
._formTitleBlock_19fqe_587 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 834px) {
  ._formTitleBlock_19fqe_587 {
    gap: 12px;
  }
}
._resendButton_19fqe_598 {
  font-family: "Roboto";
  font-weight: 700;
  cursor: pointer;
  color: var(--text);
  text-decoration: underline;
}
._notActiveBtn_19fqe_606 {
  opacity: 0.2;
}
._resendBlock_19fqe_610 {
  display: flex;
  justify-content: space_between;
}
._gobackContainer_19fqe_615 {
  display: flex;
  align-items: center;
}
._gobackContainer_19fqe_615 ._title_19fqe_154 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 0.9rem;
  font-weight: 400;
  color: var(--text-secondary);
  cursor: default;
}
._gobackContainer_19fqe_615 ._action_19fqe_629 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 0.9rem;
  font-weight: 700;
  color: var(--text);
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
}
._subWrappr_19fqe_642 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
._subWrapprCenter_19fqe_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_19fqe_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_1homp_57 {
  width: 100%;
  display: flex;
  gap: 20px;
  padding: var(--page-header-padding);
  overflow-y: auto;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  ._container_1homp_57 {
    height: 100vh;
  }
}
._mainContainer_1homp_71 {
  padding-top: 40px;
  width: 400px;
}
._dropDown_1homp_76 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
}
._dropDown1_1homp_84 {
  height: 45px;
  border-radius: 10px;
  font-size: 16px;
  border: none;
  border-radius: 10px;
}
._uploadButtonContainer_1homp_92 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
._closeIcon_1homp_99 {
  cursor: pointer;
  max-width: 18px;
  max-height: 18px;
  filter: var(--icon-mono-filter);
}
._title_1homp_106, ._subTitle_1homp_106 {
  font-family: "Roboto";
  color: var(--text);
  font-size: 24px;
  font-weight: 700;
  line-height: 9px;
  letter-spacing: 0;
  text-align: left;
}
._subTitle_1homp_106 {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: lighter;
}
._content_1homp_122 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-height: calc(100vh - 150px);
}
@media screen and (max-width: 834px) {
  ._content_1homp_122 {
    max-height: calc(100vh - 150px);
  }
}
@media screen and (max-width: 480px) {
  ._content_1homp_122 {
    gap: 16px;
  }
}
._avatarContainer_1homp_140 {
  display: flex;
  gap: 14px;
}
._uploadTitle_1homp_145 {
  display: flex;
  gap: 50px;
}
._uploadButton_1homp_92 {
  display: flex;
  flex-direction: column;
  align-content: start;
  justify-content: space-between;
}
._uploadButton_1homp_92 label {
  align-items: center;
  width: fit-content;
  padding: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  color: var(--text);
  text-transform: none;
}
._uploadButton_1homp_92 p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--text-secondary);
}
._field_1homp_177 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
._subhader_1homp_185 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--text);
}
._form_1homp_198 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._formElement_1homp_205 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 520px;
  min-width: 0;
}
._profileNameField_1homp_213 .MuiInputBase-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._subwrapper_1homp_219 {
  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_1homp_233 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 19px;
  color: var(--text);
}
._switcher_1homp_233 span {
  font-family: "Roboto" !important;
}
._helperText_1homp_245 {
  color: var(--text-secondary) !important;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-size: var(--fs-caption) !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  margin-left: 0px !important;
  margin-top: 4px;
  font-family: "Roboto" !important;
}
._tryButton_1homp_259 {
  color: var(--on-dark-surface);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
._emptyHint_1homp_267 {
  margin-bottom: 30px;
  color: var(--text-secondary);
}
._billingCard_1homp_272 {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: var(--surface);
  max-width: 560px;
  position: relative;
}
._billingOverlay_1homp_281 {
  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_1homp_297 {
  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_ks9eh_547 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  ._flex-sb_ks9eh_547 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-sb-start_ks9eh_559 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 480px) {
  ._flex-sb-start_ks9eh_559 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-column_ks9eh_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_ks9eh_572 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._flex-row-center_ks9eh_586 {
  display: flex;
  align-items: center;
  flex-direction: row;
}
._flex-end_ks9eh_592 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._pointer_ks9eh_598 {
  cursor: pointer;
}
._gap-05_ks9eh_602 {
  gap: 0.5rem;
}
._gap-1_ks9eh_606 {
  gap: 1rem;
}
._mb-05_ks9eh_610 {
  margin-bottom: 0.5rem;
}
._mt-05_ks9eh_614 {
  margin-top: 0.5rem;
}
._mt-1_ks9eh_618 {
  margin-top: 1rem;
}
._mb-1_ks9eh_622 {
  margin-bottom: 1rem;
}
._mt-1dot5_ks9eh_626 {
  margin-top: 1.5rem;
}
._mb-1dot5_ks9eh_630 {
  margin-bottom: 1.5rem;
}
._bold_ks9eh_634 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 1.2rem;
  font-weight: bold;
}
._pt-1_ks9eh_643 {
  padding-top: 1rem;
}
._pb-1_ks9eh_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: var(--fs-base);
  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_ks9eh_687::-webkit-scrollbar {
  width: 12px !important;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  ._html_ks9eh_697 {
    font-size: 14px;
  }
}
@keyframes _pulse_ks9eh_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _pulseLight_ks9eh_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}
._demo_ks9eh_723 {
  width: 100%;
  height: 95%;
}
._demo__columns_ks9eh_727 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 100%;
}
._demo__column_ks9eh_727 {
  height: 100%;
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
}
._demo__firstColumn_ks9eh_739 {
  flex: 0 0 auto;
}
._demo__secondColumn_ks9eh_742 {
  width: 100%;
}
._tabLabel_ks9eh_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_ks9eh_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;
  overflow: hidden;
}
._bgImg_ks9eh_773 {
  display: block;
  max-height: 420px;
  width: auto;
  height: auto;
  aspect-ratio: 758/624;
}
._bgImgMobile_ks9eh_781 {
  display: block;
  height: auto;
  object-fit: cover;
  object-position: top;
  max-width: 370px;
  max-height: 460px;
  min-height: 460px;
  border-radius: 20px;
  width: auto;
  aspect-ratio: 370/460;
}
._imagesContainer_ks9eh_794 {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  line-height: 0;
  flex: 0 0 auto;
  min-width: 370px;
  min-height: 420px;
}
._chatPreviewHost_ks9eh_805 {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
}
._chatPreviewHost_ks9eh_805 img,
._chatPreviewHost_ks9eh_805 button,
._chatPreviewHost_ks9eh_805 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_1ltd5_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: var(--page-header-padding);
  padding-top: 0;
  padding-bottom: 0;
  height: calc(100vh - var(--page-header));
  width: 100%;
}
@media screen and (max-width: 834px) {
  ._container_1ltd5_57 {
    height: calc(100vh - var(--page-header));
  }
}
._title_1ltd5_73, ._subTitle_1ltd5_73 {
  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_1ltd5_73 {
  color: var(--scss-gray-text-color, #727272);
  font-size: 14px;
  font-weight: lighter;
}
._header_1ltd5_89 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
._content_1ltd5_96 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
._content_1ltd5_96 ._buttonsHolder_1ltd5_104 {
  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;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1vc4a_79 {
  min-width: 529px;
  min-height: 336px;
  border-radius: 10px;
  background: var(--surface);
  border: 1px solid var(--border);
}
@media screen and (max-width: 480px) {
  ._content_1vc4a_79 {
    max-width: 529px;
    max-height: 336px;
    width: 100%;
    height: 100%;
    border: none;
  }
}
._buttonHolder_1vc4a_96 {
  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_1vc4a_96 {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 30px !important;
  }
}
._title_1vc4a_114 {
  font-family: "Roboto" !important;
  font-size: 18px !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_1vc4a_114 {
    font-size: 16px !important;
    padding: 0 !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
  }
}
._explanation_1vc4a_133 {
  max-width: 441px;
  margin-top: 24px;
  width: 100%;
  height: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  padding: 0 !important;
  margin-left: 44px !important;
  color: var(--text-secondary) !important;
}
@media screen and (max-width: 480px) {
  ._explanation_1vc4a_133 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._inputCustom_1vc4a_154 {
  max-width: 441px;
  width: 100%;
  background-color: var(--surface-subtle);
  color: var(--text);
  margin-left: 44px !important;
  margin-top: 24px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: var(--fs-base);
  line-height: 24px;
  resize: none;
}
._inputCustom_1vc4a_154 textarea {
  padding: 14px;
}
._inputCustom_1vc4a_154::after, ._inputCustom_1vc4a_154::before {
  display: none;
}
@media screen and (max-width: 480px) {
  ._inputCustom_1vc4a_154 {
    width: calc(100% - 40px);
    margin-left: 20px !important;
  }
}
._button_1vc4a_96 {
  width: 200px;
  height: 52px;
}
@media screen and (max-width: 480px) {
  ._button_1vc4a_96 {
    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;
}
._main_6t0pe_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_6t0pe_40 {
  width: 320px;
  border-right: 1px solid var(--border-field);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface);
}
._rightPanel_6t0pe_49 {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: var(--bg);
}
._transcriptContainer_6t0pe_61 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._timeline_6t0pe_71 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 16px 20px 20px 18px;
  box-sizing: border-box;
}
._sectionLabel_6t0pe_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_6t0pe_92 {
  margin-top: 12px;
}
._interactionCard_6t0pe_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_6t0pe_105 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--transcript-bg);
}
._emptyState_6t0pe_114 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--text-secondary);
}
._emptyStateTitle_6t0pe_124 {
  margin: 0 0 8px;
  font-size: 1.25rem;
  color: var(--text);
}
._emptyStateText_6t0pe_130 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
._loadingWrap_6t0pe_136 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}._page_1mzdp_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);
  color: var(--text);
  box-sizing: border-box;
}

._shell_1mzdp_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);
  padding: 0;
}

._shellResizing_1mzdp_29 {
  cursor: col-resize;
  user-select: none;
}

._shellResizing_1mzdp_29 *,
._shellResizing_1mzdp_29 *::before,
._shellResizing_1mzdp_29 *::after {
  cursor: col-resize !important;
  user-select: none !important;
}

._queuePane_1mzdp_40 {
  flex: 0 0 360px;
  width: 360px;
  min-width: 280px;
  min-height: 0;
  overflow: hidden;
  background: var(--secondary-sidebar);
  border: 1px solid var(--border);
  border-left: none;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  box-shadow: none;
}

._detailPane_1mzdp_55 {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

._actionsPane_1mzdp_66 {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--secondary-sidebar);
  border: 1px solid var(--border);
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  box-shadow: none;
}

._resizeHandle_1mzdp_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_1mzdp_79::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background-color 0.15s ease;
}

._resizeHandle_1mzdp_79:hover::before {
  background: var(--accent-border);
}

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

._shellResizing_1mzdp_29 ._resizeHandle_1mzdp_79:not(._resizeHandleActive_1mzdp_104)::before {
  background: transparent;
}

._loading_1mzdp_112,
._notFound_1mzdp_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_1mzdp_15 {
    flex-direction: column;
    overflow: auto;
    gap: 0;
  }
  ._queuePane_1mzdp_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_1mzdp_55 {
    flex: 0 0 auto;
    padding: 0 var(--gap-lg);
    border: none;
    overflow: visible;
  }
  ._resizeHandle_1mzdp_79 {
    display: none;
  }
  ._actionsPane_1mzdp_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_1mzdp_40,
  ._actionsPane_1mzdp_66 {
    flex-shrink: 1 !important;
    min-width: 280px;
  }
  ._detailPane_1mzdp_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_1i0o6_29 {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  margin: -20px;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
._formContainer_1i0o6_40 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-bottom: 20px;
  overflow-x: hidden;
}
._formContent_1i0o6_48 {
  padding-bottom: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
._rowFields_1i0o6_57 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  ._rowFields_1i0o6_57 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
._formField_1i0o6_70 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
._formField_1i0o6_70:has(._tableContainer_1i0o6_76) {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0;
}
._label_1i0o6_84 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
._errorText_1i0o6_91 {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
  color: #D32F2F;
  margin-top: 4px;
}
._labelWithTooltip_1i0o6_99 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._tooltipIcon_1i0o6_105 {
  width: 13px;
  height: 13px;
  color: #a0aab4;
}
._textarea_1i0o6_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_1i0o6_111:focus {
  border-color: #6f7e8c;
}
._textarea_1i0o6_111::placeholder {
  color: #a0aab4;
}
._listContainer_1i0o6_131 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 0;
}
._listItem_1i0o6_139 {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
._listItem_1i0o6_139:not(:first-child) {
  margin-top: -1px;
}
._customInputWrapper_1i0o6_151 {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface);
  border: 1px solid var(--border-field);
  position: relative;
}
._customInputWrapper_1i0o6_151._roundedAll_1i0o6_159 {
  border-radius: 10px;
}
._customInputWrapper_1i0o6_151._roundedTop_1i0o6_162 {
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
._customInputWrapper_1i0o6_151._roundedBottom_1i0o6_166 {
  border-radius: 0 0 10px 10px;
}
._customInputWrapper_1i0o6_151._roundedNone_1i0o6_169 {
  border-radius: 0;
  border-bottom: none;
}
._customInputWrapper_1i0o6_151:focus-within {
  border-color: #0655F3;
  z-index: 1;
}
._customInput_1i0o6_151 {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
}
._customInput_1i0o6_151::placeholder {
  color: #a0aab4;
}
._customTextarea_1i0o6_193 {
  min-height: 52px;
  line-height: 1.45;
  resize: vertical;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
._inputWrapper_1i0o6_202 {
  flex: 1;
}
._deleteIcon_1i0o6_206 {
  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_1i0o6_206:hover {
  opacity: 1;
}
._addRowButton_1i0o6_223 {
  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_1i0o6_223:hover {
  background-color: var(--surface-muted);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
._buttonLabel_1i0o6_242 {
  font-size: 16px;
  color: var(--scss-text-color, #1f1f1f);
  line-height: 24px;
  pointer-events: none;
}
._buttonIcon_1i0o6_249 {
  pointer-events: none;
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
._footer_1i0o6_256 {
  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_1i0o6_269 {
  width: 100%;
  height: 1px;
  background-color: var(--border);
  margin: 24px 0;
}
._inputContainer_1i0o6_276 {
  width: 100%;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background-color: var(--surface);
  transition: border-color 0.2s;
}
._inputContainer_1i0o6_276._inputContainerError_1i0o6_283 {
  border: 1px solid #D32F2F;
}
._tableContainer_1i0o6_76 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._questionRubricTable_1i0o6_296 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border-field);
  background-color: var(--surface);
}
._questionRubricTable_1i0o6_296 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._questionRubricTable_1i0o6_296 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._questionRubricTable_1i0o6_296 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
._questionRubricTable_1i0o6_296 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
._testCasesTable_1i0o6_318 {
  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_1i0o6_318 thead {
  flex-shrink: 0;
  display: block;
  width: 100%;
  background-color: var(--table-header-bg);
}
._testCasesTable_1i0o6_318 thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._testCasesTable_1i0o6_318 thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
._testCasesTable_1i0o6_318 thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
._testCasesTable_1i0o6_318 tbody {
  flex: 1;
  display: block;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
}
._testCasesTable_1i0o6_318 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._tableHeader_1i0o6_361 {
  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_1i0o6_361:first-child {
  border-right: 1px solid var(--border);
}
._tableCell_1i0o6_375 {
  padding: 0;
  border-bottom: 1px solid var(--border);
  background-color: var(--surface);
}
._tableCell_1i0o6_375:first-child {
  border-right: 1px solid var(--border);
}
._tableCell_1i0o6_375:last-child {
  position: relative;
}
._testCaseNameCell_1i0o6_387 {
  display: flex;
  align-items: center;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
._testCaseNotesCell_1i0o6_396 {
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
}
._lastRow_1i0o6_403 ._tableCell_1i0o6_375 {
  border-bottom: 1px solid var(--border);
}
._tableInput_1i0o6_407 {
  width: 100%;
  border: none;
  outline: none;
  padding: 14px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text);
  background: transparent;
}
._tableInput_1i0o6_407::placeholder {
  color: #a0aab4;
}
._tableInput_1i0o6_407:focus {
  background-color: var(--surface);
}
._tableTextarea_1i0o6_424 {
  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_1i0o6_424::placeholder {
  color: #a0aab4;
}
._tableTextarea_1i0o6_424:focus {
  background-color: var(--surface);
}
._rubricCellWrapper_1i0o6_445 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
._rubricCellWrapper_1i0o6_445 ._tableTextarea_1i0o6_424 {
  flex: 1;
  padding-right: 50px;
}
._rubricCellWrapper_1i0o6_445 ._deleteIcon_1i0o6_206 {
  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_1xqbg_29 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--surface-muted);
}
._main_1xqbg_38 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._scrollArea_1xqbg_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_1xqbg_47 {
    padding: 20px;
  }
}
@media (max-width: 1200px) {
  ._scrollArea_1xqbg_47 {
    padding: 16px;
  }
}
._titleRow_1xqbg_67 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
._title_1xqbg_67 {
  font-family: "Roboto";
  font-size: var(--fs-page-title, 20px);
  font-weight: 700;
  color: var(--text);
  margin: 0;
  line-height: 1.3;
  flex: 1;
}
._titleInput_1xqbg_84 {
  font-family: "Roboto";
  font-size: var(--fs-page-title, 20px);
  font-weight: 700;
  color: var(--text);
  border: none;
  border-bottom: 2px solid var(--accent);
  outline: none;
  background: transparent;
  flex: 1;
  padding: 2px 0;
}
._pencilBtn_1xqbg_97,
._saveTitleBtn_1xqbg_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_1xqbg_97 img,
._saveTitleBtn_1xqbg_98 img {
  width: 18px;
  height: 18px;
}
._pencilBtn_1xqbg_97:hover:not(:disabled),
._saveTitleBtn_1xqbg_98:hover:not(:disabled) {
  color: var(--accent);
}
._saveTitleBtn_1xqbg_98:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
._breadcrumbs_1xqbg_127 {
  margin-bottom: 12px;
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1.5;
}
._breadcrumbs_1xqbg_127 ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
._breadcrumbs_1xqbg_127 li {
  min-width: 0;
  overflow-wrap: anywhere;
}
._breadcrumbs_1xqbg_127 li + li::before {
  content: "/";
  margin-right: 8px;
  color: var(--text-muted);
}
._metaLabel_1xqbg_152 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._accordions_1xqbg_161 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._accordion_1xqbg_161 {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
}
._accordionHeader_1xqbg_174 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 16px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s;
}
._accordionHeader_1xqbg_174::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: var(--border);
}
._accordionHeader_1xqbg_174:hover {
  background: var(--surface-muted);
}
._accordionHeader_1xqbg_174:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
._accordionHeaderClosed_1xqbg_206::after {
  display: none;
}
._headerLeft_1xqbg_210 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
._headerIcon_1xqbg_218 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._headerIcon_1xqbg_218 svg {
  width: 18px;
  height: 18px;
}
._headerLabel_1xqbg_228 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--text-secondary);
}
._itemCount_1xqbg_236 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 400;
  color: var(--text-secondary);
}
._chevron_1xqbg_243 {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
._chevron_1xqbg_243._chevronOpen_1xqbg_249 {
  transform: rotate(180deg);
}
._accordionBody_1xqbg_253 {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
._taskContent_1xqbg_259 {
  position: relative;
}
._taskTextarea_1xqbg_263 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  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_1xqbg_263::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
}
._taskTextarea_1xqbg_263:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._charCount_1xqbg_288 {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
  pointer-events: none;
}
._listItems_1xqbg_298 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
._listItem_1xqbg_298 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface);
}
._listIndex_1xqbg_312 {
  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: var(--fs-micro, 10px);
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}
._listInput_1xqbg_328 {
  flex: 1;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  background: var(--surface-subtle);
  min-width: 0;
}
._listInput_1xqbg_328::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
}
._listInput_1xqbg_328:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._paramTextEditor_1xqbg_349 {
  flex: 1;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  background: var(--surface-subtle);
  transition: border-color 0.15s, background 0.15s;
  caret-color: var(--text);
}
._paramTextEditor_1xqbg_349::placeholder {
  color: var(--text-muted);
}
._paramTextEditor_1xqbg_349:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._paramTextEditorMultiline_1xqbg_373 {
  min-height: 96px;
  padding-bottom: 28px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: auto;
  resize: vertical;
}
._paramTextEditorSingleLine_1xqbg_383 {
  min-height: 46px;
  line-height: 1.35;
  white-space: pre;
  overflow: hidden;
  resize: none;
}
._paramTextEditorWrapped_1xqbg_391 {
  height: auto;
  min-height: 46px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  resize: none;
}
._taskEditor_1xqbg_401 {
  min-height: 150px;
}
._listEditor_1xqbg_405 {
  flex: 1;
}
._deleteBtn_1xqbg_409 {
  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_1xqbg_409 img {
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
}
._deleteBtn_1xqbg_409:hover {
  opacity: 1;
}
._emptyAccordion_1xqbg_432 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  gap: 10px;
}
._emptyAccordionIcon_1xqbg_441 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(107, 94, 255, 0.07);
}
._emptyAccordionIcon_1xqbg_441 svg {
  width: 18px;
  height: 18px;
}
._emptyAccordionText_1xqbg_455 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
  text-align: center;
}
._addRowBtn_1xqbg_462 {
  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: var(--fs-sm, 12px);
  color: var(--text-secondary);
  transition: background 0.15s, color 0.15s;
}
._addRowBtn_1xqbg_462:hover {
  background: linear-gradient(90deg, rgba(197, 140, 242, 0.15) 0%, rgba(95, 82, 243, 0.15) 100%);
  color: var(--accent);
}
._addRowAligned_1xqbg_487 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._addRowIndexSpacer_1xqbg_493 {
  min-width: 24px;
  padding: 7px;
  flex-shrink: 0;
}
._addRowDeleteSpacer_1xqbg_499 {
  width: 26px;
  flex-shrink: 0;
}
._addRowAligned_1xqbg_487 ._addRowBtn_1xqbg_462 {
  flex: 1;
}
._addRowPlus_1xqbg_508 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
._latencyTable_1xqbg_514 {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}
._latencyTableHeader_1xqbg_521,
._latencyTableRow_1xqbg_522 {
  display: grid;
  grid-template-columns: 48px minmax(100px, 0.7fr) minmax(0, 1.3fr);
  align-items: center;
  column-gap: 16px;
}
._latencyTableHeader_1xqbg_521 {
  min-height: 36px;
  padding: 0 14px;
  border-bottom: 1px solid var(--border);
  background: var(--table-header-bg);
}
._latencyTableHeader_1xqbg_521 span {
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-caption, 11px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
._latencyTableRow_1xqbg_522 {
  min-height: 58px;
  padding: 10px 14px;
}
._latencyTableRow_1xqbg_522 + ._latencyTableRow_1xqbg_522 {
  border-top: 1px solid var(--border);
}
._latencyToggleCell_1xqbg_552 {
  display: flex;
  align-items: center;
}
._latencyMetricTitle_1xqbg_557,
._latencyMetricDescription_1xqbg_558 {
  margin: 0;
  font-family: "Roboto";
}
._latencyMetricTitle_1xqbg_557 {
  color: var(--text);
  font-size: var(--fs-base, 13px);
  font-weight: 600;
  line-height: 18px;
}
._latencyMetricDescription_1xqbg_558 {
  color: var(--text-secondary);
  font-size: var(--fs-sm, 12px);
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 900px) {
  ._latencyTableHeader_1xqbg_521 {
    display: none;
  }
  ._latencyTableRow_1xqbg_522 {
    grid-template-columns: 48px minmax(0, 1fr);
    row-gap: 4px;
  }
  ._latencyToggleCell_1xqbg_552 {
    grid-row: 1/span 2;
  }
  ._latencyMetricDescription_1xqbg_558 {
    grid-column: 2;
  }
}
._paramsToolbar_1xqbg_592 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
._paramsToolbarTitle_1xqbg_600 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
._paramsToolbarHint_1xqbg_608 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  line-height: 1.5;
  color: var(--text-secondary);
  max-width: 720px;
}
._paramsValidationBanner_1xqbg_616 {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 12px;
  padding: 8px 12px;
  border: 1px solid var(--chip-err-border);
  border-radius: 8px;
  background: var(--chip-err-bg);
  color: var(--chip-err-text);
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 600;
}
._addDataSetBtn_1xqbg_631 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 1.5px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text-secondary);
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s, opacity 0.15s;
}
._addDataSetBtn_1xqbg_631:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--surface-subtle);
}
._addDataSetBtn_1xqbg_631:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._paramsCards_1xqbg_658 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._paramsCard_1xqbg_658 {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-subtle);
  overflow: hidden;
}
._paramsCardPrimary_1xqbg_671 {
  border-color: var(--accent-border);
  background: var(--surface-accent-faint);
}
._paramsCardPrimary_1xqbg_671 ._paramsCardHeader_1xqbg_675 {
  border-bottom-color: var(--accent-border);
  background: var(--surface-accent-soft);
}
._paramsCardPrimary_1xqbg_671 ._paramsTable_1xqbg_679 {
  background: color-mix(in srgb, var(--surface-accent-faint) 46%, var(--surface));
}
._paramsCardPrimary_1xqbg_671 ._paramsTableHeader_1xqbg_682 {
  border-bottom-color: var(--accent-border);
  background: color-mix(in srgb, var(--surface-accent-soft) 72%, var(--surface));
}
._paramsCardPrimary_1xqbg_671 ._paramsTableRow_1xqbg_686 {
  border-bottom-color: var(--accent-border);
  background: transparent;
}
._paramsCardPrimary_1xqbg_671 ._paramInput_1xqbg_690 {
  border-color: var(--accent-border);
  background: var(--surface);
}
._paramsCardPrimary_1xqbg_671 ._paramInput_1xqbg_690:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._paramsCardPrimary_1xqbg_671 ._paramInputError_1xqbg_698 {
  border-color: #d64545;
}
._paramsCardPrimary_1xqbg_671 ._addRowBtn_1xqbg_462 {
  margin-top: 0;
  border-color: var(--accent-border);
  background: var(--surface-accent-soft);
  color: var(--accent);
}
._paramsCardPrimary_1xqbg_671 ._addRowBtn_1xqbg_462:hover {
  border-color: var(--accent);
  background: var(--accent-hover-bg);
}
._paramsCardHeader_1xqbg_675 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
._paramsCardBadge_1xqbg_721 {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 14px;
  border-radius: 999px;
  background: #5b3e2a;
  color: #ffd188;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: 700;
}
:root[data-theme="light"] ._paramsCardBadge_1xqbg_721 {
  background: #fff0c9;
  color: #8d4213;
}
._paramsCardHint_1xqbg_738 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
}
._paramsCardDeleteBtn_1xqbg_744 {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  opacity: 0.45;
  transition: opacity 0.15s, background 0.15s;
}
._paramsCardDeleteBtn_1xqbg_744 img {
  width: 18px;
  height: 18px;
}
._paramsCardDeleteBtn_1xqbg_744:hover {
  opacity: 1;
  background: var(--surface);
}
._paramsTable_1xqbg_679 {
  display: flex;
  flex-direction: column;
  background: var(--surface);
}
._paramsTableHeader_1xqbg_682,
._paramsTableRow_1xqbg_686 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) 32px;
  gap: 10px;
  align-items: start;
}
._paramsTableHeader_1xqbg_682 {
  padding: 10px 14px;
  background: var(--table-header-bg);
  border-bottom: 1px solid var(--border);
}
._paramsTableHeader_1xqbg_682 span {
  font-family: "Roboto";
  font-size: var(--fs-caption, 11px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._paramsTableRow_1xqbg_686 {
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
._paramsTableRow_1xqbg_686:last-child {
  border-bottom: none;
}
._paramField_1xqbg_805 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
._paramInput_1xqbg_690 {
  width: 100%;
  min-width: 0;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid var(--border);
  border-radius: 8px;
  outline: none;
  padding: 0 12px;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  background: var(--surface-subtle);
  transition: border-color 0.15s, background 0.15s;
}
._paramInput_1xqbg_690::placeholder {
  color: var(--text-muted);
}
._paramInput_1xqbg_690:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._paramInputError_1xqbg_698 {
  border-color: #d64545;
}
._paramErrorText_1xqbg_839 {
  font-family: "Roboto";
  font-size: var(--fs-caption, 11px);
  line-height: 1.35;
  color: #c62828;
}
._paramLockedName_1xqbg_846 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 38px;
  padding: 0 4px;
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
}
._paramLockedName_1xqbg_846 span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._paramLockIcon_1xqbg_864 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--text-secondary);
  opacity: 0.9;
}
._paramKeyText_1xqbg_872 {
  color: var(--text-muted);
  font-weight: 400;
}
._paramActionSpacer_1xqbg_877 {
  width: 26px;
  height: 1px;
}
._paramsEmpty_1xqbg_882 {
  padding: 26px 14px;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
  text-align: center;
}
._mentionMenu_1xqbg_890 {
  position: fixed;
  z-index: 1400;
  min-width: 240px;
  max-width: 360px;
  max-height: 176px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-dropdown), var(--shadow);
}
._mentionOption_1xqbg_904 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  text-align: left;
  transition: background 0.15s, color 0.15s;
}
._mentionOption_1xqbg_904:hover {
  background: var(--surface-muted);
}
._mentionOptionActive_1xqbg_925 {
  background: var(--surface-muted);
}
._mentionToken_1xqbg_929 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: var(--radius-pill, 999px);
  background: var(--chip-warn-bg);
  color: var(--chip-warn-text);
  font-size: var(--fs-sm, 12px);
  font-weight: 700;
  line-height: 1.2;
}
._mentionName_1xqbg_943 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-muted);
  font-size: var(--fs-caption, 11px);
}
._rubricTable_1xqbg_952 {
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
._rubricHead_1xqbg_958 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  background: var(--table-header-bg);
  border-bottom: 1px solid var(--border);
}
._rubricHeadNum_1xqbg_965,
._rubricHeadDel_1xqbg_966 {
  padding: 10px 8px;
}
._rubricHeadQ_1xqbg_970,
._rubricHeadR_1xqbg_971 {
  padding: 10px 14px;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
  border-left: 1px solid var(--border);
}
._rubricRow_1xqbg_982 {
  display: grid;
  grid-template-columns: 36px 1fr 1fr 44px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
._rubricRow_1xqbg_982:last-child {
  border-bottom: none;
}
._rubricNum_1xqbg_992 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 14px 4px;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
}
._rubricCell_1xqbg_1002 {
  border-left: 1px solid var(--border);
  position: relative;
}
._rubricTextarea_1xqbg_1007 {
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 12px 14px;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  background: transparent;
  resize: none;
  overflow: hidden;
  min-height: 48px;
  line-height: 1.5;
  display: block;
}
._rubricTextarea_1xqbg_1007::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
}
._rubricTextarea_1xqbg_1007:focus {
  background: var(--surface-subtle);
}
._rubricDelCell_1xqbg_1031 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 0;
  border-left: 1px solid var(--border);
}
._rubricDelCell_1xqbg_1031 ._deleteBtn_1xqbg_409 {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  opacity: 0.45;
}
._side_1xqbg_1046 {
  box-sizing: border-box;
  width: 280px;
  flex: 0 0 280px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-left: 1px solid var(--border);
}
@media (max-width: 1280px) {
  ._side_1xqbg_1046 {
    width: 240px;
    flex-basis: 240px;
  }
}
@media (max-width: 1100px) {
  ._side_1xqbg_1046 {
    width: 220px;
    flex-basis: 220px;
  }
}
._sideScroll_1xqbg_1069 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 20px;
}
._prioritySection_1xqbg_1076 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 24px;
}
._priorityLabel_1xqbg_1083 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._priorityChip_1xqbg_1089 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 4px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  font-size: var(--fs-base, 13px);
  line-height: 18px;
  background: var(--chip-meta-bg);
  color: var(--text-muted);
}
._priorityChip_1xqbg_1089[data-priority=normal] {
  background: var(--chip-accent-bg);
  color: var(--info);
  border-color: var(--chip-accent-border);
}
._priorityChip_1xqbg_1089[data-priority=high] {
  background: var(--chip-warn-bg);
  color: var(--warning-text);
  border-color: var(--chip-warn-border);
}
._priorityChip_1xqbg_1089[data-priority=critical] {
  background: var(--chip-err-bg);
  color: var(--danger);
  border-color: var(--chip-err-border);
}
._sideCard_1xqbg_1118 {
  padding: 20px 0 24px;
  border-top: 1px solid var(--border);
}
._sideCardHeader_1xqbg_1123 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
._sideCardIcon_1xqbg_1133 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._accordionIcon_1xqbg_1139 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._sideCardLabel_1xqbg_1145 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
._notesBody_1xqbg_1153 {
  position: relative;
}
._notesTextarea_1xqbg_1157 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  width: 100%;
  min-height: 148px;
  max-height: 300px;
  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_1xqbg_1157::placeholder {
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
}
._notesTextarea_1xqbg_1157:focus {
  border-color: var(--accent);
  background: var(--surface);
}
._notesCount_1xqbg_1183 {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  color: var(--text-muted);
  pointer-events: none;
}
._metaDataBody_1xqbg_1193 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._metaDataSection_1xqbg_1199 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._metaDataKey_1xqbg_1205 {
  font-family: "Roboto";
  font-size: var(--fs-sm, 12px);
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}
._metaDataUserRow_1xqbg_1213 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 28px;
}
._metaDataInfoRow_1xqbg_1220 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataLabelRow_1xqbg_1226 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._metaDataRowIcon_1xqbg_1232 {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--text-muted);
}
._metaDataAvatar_1xqbg_1239 {
  width: 24px;
  height: 24px;
  font-family: "Roboto";
  font-size: var(--fs-micro, 10px);
  font-weight: 700;
  color: var(--surface);
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
._metaDataVal_1xqbg_1250, ._metaDataUserName_1xqbg_1250 {
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  color: var(--text);
  line-height: 1.4;
}
._metaDataVal_1xqbg_1250 {
  padding-left: 28px;
  overflow-wrap: anywhere;
}
._metaDataUserName_1xqbg_1250 {
  min-width: 0;
  overflow-wrap: anywhere;
}
._sideFooter_1xqbg_1267 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 16px 20px;
}
._saveBtn_1xqbg_1276 {
  border-radius: 50px;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 900px) {
  ._wrapper_1xqbg_29 {
    overflow-y: auto;
    flex-direction: column;
  }
  ._main_1xqbg_38 {
    flex: 0 0 auto;
    height: auto;
    overflow: visible;
  }
  ._scrollArea_1xqbg_47 {
    overflow: visible;
  }
  ._side_1xqbg_1046 {
    width: 100%;
    flex: 0 0 auto;
    border-left: none;
    border-top: 1px solid var(--border);
  }
  ._sideScroll_1xqbg_1069 {
    overflow: visible;
    padding: 20px 16px;
  }
  ._sideFooter_1xqbg_1267 {
    position: sticky;
    bottom: 0;
    padding: 12px 16px;
  }
}
._tooltipIcon_1xqbg_1313 {
  width: 12px;
  height: 12px;
  color: var(--text-muted);
  flex-shrink: 0;
}._root_17z73_1 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 28px 40px;
  color: var(--text);
}

._suiteHeader_17z73_10 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

._suiteHeader_17z73_10 img {
  width: 40px;
  height: 40px;
}

._suiteHeader_17z73_10 h1,
._suiteHeader_17z73_10 p,
._cardHeader_17z73_24 h2,
._cardHeader_17z73_24 p,
._emptyState_17z73_26 h3,
._emptyState_17z73_26 p,
._messageCard_17z73_28 p {
  margin: 0;
}

._suiteHeader_17z73_10 h1 {
  overflow: hidden;
  max-width: min(720px, 70vw);
  color: var(--text);
  font-size: var(--fs-page-title, 20px);
  font-weight: 600;
  line-height: 31px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._suiteHeader_17z73_10 p {
  color: var(--text-secondary);
  font-size: var(--fs-base, 13px);
  line-height: 19px;
}

._notificationCard_17z73_49 {
  overflow: hidden;
  border: 1px solid var(--border-field);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

._cardHeader_17z73_24 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 22px;
  border-bottom: 1px solid var(--border-field);
}

._cardHeader_17z73_24 h2 {
  color: var(--text);
  font-size: var(--fs-lg, 16px);
  font-weight: 600;
  line-height: 25px;
}

._cardHeader_17z73_24 p {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: var(--fs-base, 13px);
  line-height: 20px;
}

._switchGroup_17z73_80 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 28px;
}

._deleteAction_17z73_87 {
  width: 32px;
  height: 32px;
  margin-left: 2px;
  color: var(--danger) !important;
  border: 1px solid color-mix(in srgb, var(--danger) 35%, transparent) !important;
  border-radius: 8px !important;
}

._deleteAction_17z73_87:hover {
  background: color-mix(in srgb, var(--danger) 10%, transparent) !important;
}

._statusEnabled_17z73_100,
._statusDisabled_17z73_101,
._statusNotConfigured_17z73_102 {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--border-field);
  border-radius: 999px;
  font-size: var(--fs-caption, 11px);
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

._statusEnabled_17z73_100 {
  color: var(--success);
  border-color: color-mix(in srgb, var(--success) 35%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}

._statusDisabled_17z73_101,
._statusNotConfigured_17z73_102 {
  color: var(--text-secondary);
  background: var(--surface-muted);
}

._emptyState_17z73_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 36px 24px;
  text-align: center;
}

._emptyIcon_17z73_137 {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 12px;
  color: var(--accent);
  border: 1px solid var(--border-field);
  border-radius: 11px;
  background: var(--surface-muted);
}

._emptyIcon_17z73_137 svg {
  width: 27px;
  height: 27px;
}

._emptyState_17z73_26 h3 {
  color: var(--text);
  font-size: var(--fs-lg, 16px);
  font-weight: 600;
  line-height: 24px;
}

._emptyState_17z73_26 p {
  max-width: 520px;
  margin-top: 5px;
  margin-bottom: 20px;
  color: var(--text-secondary);
  font-size: var(--fs-base, 13px);
  line-height: 20px;
}

._emptyState_17z73_26 > button:not(._settingsLink_17z73_170) {
  min-width: 190px;
  height: 40px;
}

._emptyHint_17z73_175 {
  margin-top: 12px;
  color: var(--text-muted);
  font-size: var(--fs-caption, 11px);
  line-height: 17px;
}

._settingsLink_17z73_170 {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

._settingsLink_17z73_170 {
  margin-top: 14px;
  color: var(--accent);
  font-size: var(--fs-sm, 12px);
  text-decoration: underline;
  text-underline-offset: 3px;
}

._formContent_17z73_198 {
  padding: 18px 22px 20px;
}

._formDisabled_17z73_202 ._field_17z73_202,
._formDisabled_17z73_202 ._deliveryGrid_17z73_203,
._formDisabled_17z73_202 ._messageSection_17z73_204 {
  opacity: 0.78;
}

._infoNote_17z73_208 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  color: var(--chip-info-text, var(--text-secondary));
  border: 1px solid var(--border-field);
  border-radius: 8px;
  background: var(--chip-info-bg, var(--surface-muted));
  font-size: var(--fs-sm, 12px);
  line-height: 18px;
}

._infoNote_17z73_208 svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}

._sectionHeading_17z73_227 {
  margin-top: 20px;
  color: var(--text);
  font-size: var(--fs-base, 13px);
  font-weight: 600;
  line-height: 20px;
}

._deliveryGrid_17z73_203 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

._field_17z73_202 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  margin-top: 14px;
}

._fieldLabel_17z73_249 {
  color: var(--text-secondary);
  font-size: var(--fs-sm, 12px);
  font-weight: 600;
  line-height: 18px;
}

._optional_17z73_256 {
  color: var(--text-muted);
  font-weight: 400;
}

._field_17z73_202 .MuiOutlinedInput-root {
  min-height: 40px;
  color: var(--text);
  border-radius: 8px;
  background: var(--surface-subtle);
}

._field_17z73_202 .MuiOutlinedInput-notchedOutline {
  border-color: var(--border-field);
}

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

._field_17z73_202 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--accent);
}

._field_17z73_202 .MuiInputBase-input,
._field_17z73_202 .MuiSelect-select {
  color: var(--text);
  font-size: var(--fs-base, 13px);
}

._field_17z73_202 .MuiSelect-icon,
._field_17z73_202 .MuiAutocomplete-popupIndicator,
._field_17z73_202 .MuiAutocomplete-clearIndicator {
  color: var(--text-secondary);
}

._field_17z73_202 .MuiFormHelperText-root {
  min-height: 16px;
  margin: 4px 0 0;
  color: var(--text-muted);
  font-size: var(--fs-caption, 11px);
  line-height: 16px;
}

._field_17z73_202 .MuiFormHelperText-root.Mui-error {
  color: var(--danger);
}

._field_17z73_202 .MuiChip-root {
  height: 25px;
  color: var(--text);
  border: 1px solid var(--border-field);
  background: var(--surface-muted);
  font-size: var(--fs-caption, 11px);
}

._field_17z73_202 .MuiChip-deleteIcon {
  color: var(--text-muted);
}

._messageSection_17z73_204 {
  margin-top: 16px;
}

._messageCard_17z73_28 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 7px;
  padding: 13px 14px;
  border: 1px solid var(--border-field);
  border-radius: 8px;
  background: var(--surface-subtle);
}

._messageIcon_17z73_331 {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  color: var(--accent);
  border-radius: 8px;
  background: var(--surface-muted);
}

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

._messageCard_17z73_28 strong {
  color: var(--text);
  font-size: var(--fs-sm, 12px);
  font-weight: 600;
  line-height: 18px;
}

._messageCard_17z73_28 p {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: var(--fs-caption, 11px);
  line-height: 17px;
}

._actions_17z73_361 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-field);
}

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

._primaryActions_17z73_371 button {
  min-width: 112px;
  height: 38px;
}

._loadingState_17z73_382 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 24px;
  color: var(--text-secondary);
  text-align: center;
}

._loadingState_17z73_382 > svg {
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  color: var(--text-muted);
}

._loadingState_17z73_382 h2,
._loadingState_17z73_382 p {
  margin: 0;
}

._loadingState_17z73_382 h2 {
  color: var(--text);
  font-size: var(--fs-lg, 16px);
}

._loadingState_17z73_382 p {
  margin: 6px 0 16px;
  font-size: var(--fs-base, 13px);
}

@media (max-width: 900px) {
  ._root_17z73_1 {
    padding: 20px 18px 32px;
  }
  ._deliveryGrid_17z73_203 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 640px) {
  ._cardHeader_17z73_24,
  ._actions_17z73_361 {
    align-items: stretch;
    flex-direction: column;
  }
  ._switchGroup_17z73_80 {
    justify-content: space-between;
  }
  ._primaryActions_17z73_371 {
    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;
}
._content_1vzlu_29 {
  width: 100%;
  min-height: 260px;
  max-height: 80vh;
  box-sizing: border-box;
  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%);
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
._wrapper_1vzlu_41 {
  width: calc(100% - 88px);
  min-width: 0;
  margin: 0 auto;
  padding: 24px 0;
}
._header_1vzlu_48 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
._progress_1vzlu_55 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._stepLabel_1vzlu_61 {
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
._stepDots_1vzlu_69 {
  display: flex;
  align-items: center;
  height: 16px;
}
._stepDot_1vzlu_69 {
  width: 12px;
  height: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  box-sizing: border-box;
}
._stepDotActive_1vzlu_83 {
  border-color: var(--accent);
  background-color: var(--accent);
}
._stepDotInactive_1vzlu_88 {
  background-color: transparent;
}
._stepConnector_1vzlu_92 {
  width: 36px;
  height: 1px;
  margin: 0 8px;
  background-color: var(--border-strong);
}
._title_1vzlu_99 {
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  overflow-wrap: anywhere;
}
._closeButton_1vzlu_111 {
  flex: 0 0 auto;
  margin-top: -2px !important;
  padding: 0 !important;
  color: var(--text-muted) !important;
}
._subtitle_1vzlu_118 {
  margin: 0 0 24px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  overflow-wrap: anywhere;
}
._selects_1vzlu_128 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
._selectField_1vzlu_136 {
  min-width: 0;
}
._destinationOrganization_1vzlu_140 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 13px;
  line-height: 20px;
}
._destinationOrganization_1vzlu_140 strong {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 600;
}
._loadingState_1vzlu_158 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 140px;
  color: var(--text-muted);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
._selectLabel_1vzlu_171 {
  display: block;
  margin-bottom: 8px;
  color: var(--scss-text-color, #1f1f1f);
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
._formControl_1vzlu_181 {
  min-width: 0 !important;
}
._actions_1vzlu_185 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  ._content_1vzlu_29 {
    max-height: 90vh;
  }
  ._wrapper_1vzlu_41 {
    width: calc(100% - 32px);
    padding: 16px 0;
  }
  ._actions_1vzlu_185 {
    flex-direction: column;
  }
  ._actions_1vzlu_185 button {
    width: 100% !important;
  }
}._page_1cbsb_1 {
  font-size: var(--fs-base, 13px);
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 96px);
  display: flex;
  flex-direction: column;
}

._layout_1cbsb_10 {
  --test-suites-sidebar-width: 400px;
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 0;
  border-top: 1px solid var(--border);
}
@media (max-width: 1360px) {
  ._layout_1cbsb_10 {
    --test-suites-sidebar-width: clamp(280px, 30vw, 380px);
  }
}
@media (max-width: 1200px) {
  ._layout_1cbsb_10 {
    --test-suites-sidebar-width: clamp(240px, 28vw, 320px);
  }
}

._sidebar_1cbsb_30 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px;
  gap: 16px;
  width: var(--test-suites-sidebar-width);
  flex: 0 0 var(--test-suites-sidebar-width);
  min-height: 0;
  overflow: hidden;
  background: var(--surface);
  border-right: 1px solid var(--border);
}
@media (max-width: 1360px) {
  ._sidebar_1cbsb_30 {
    padding: 12px;
    gap: 14px;
  }
}
@media (max-width: 1200px) {
  ._sidebar_1cbsb_30 {
    padding: 10px;
    gap: 12px;
  }
}

._sidebarResizeHandle_1cbsb_57 {
  position: relative;
  z-index: 3;
  align-self: stretch;
  flex: 0 0 10px;
  width: 10px;
  margin: 0 -5px;
  padding: 0;
  border: 0;
  outline: none;
  appearance: none;
  background: transparent;
  cursor: col-resize;
  touch-action: none;
}
._sidebarResizeHandle_1cbsb_57::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: var(--border);
  transition: width 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}
._sidebarResizeHandle_1cbsb_57::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 42px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background: var(--accent-border-soft);
  opacity: 0;
  transition: opacity 0.16s ease;
}
._sidebarResizeHandle_1cbsb_57:hover::before, ._sidebarResizeHandle_1cbsb_57:focus-visible::before {
  width: 2px;
  background: var(--accent-border-soft);
}
._sidebarResizeHandle_1cbsb_57:hover::after, ._sidebarResizeHandle_1cbsb_57:focus-visible::after {
  opacity: 0.22;
}

._layoutResizing_1cbsb_104 {
  cursor: col-resize;
}
._layoutResizing_1cbsb_104 ._sidebarResizeHandle_1cbsb_57::before {
  width: 2px;
  background: var(--accent-border-soft);
}
._layoutResizing_1cbsb_104 ._sidebarResizeHandle_1cbsb_57::after {
  opacity: 0.28;
}

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

._searchWrap_1cbsb_127 {
  display: flex;
  width: 325px;
  max-width: 100%;
  height: 40px;
}
._searchWrap_1cbsb_127 .MuiOutlinedInput-root {
  height: 40px;
  background: var(--surface-subtle);
  border-radius: 10px;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
  align-items: center;
  column-gap: 8px;
}
._searchWrap_1cbsb_127 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid var(--accent-border-soft);
}
._searchWrap_1cbsb_127 .MuiInputBase-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: var(--fs-base, 13px);
  line-height: 24px;
}
._searchWrap_1cbsb_127 .MuiInputAdornment-positionStart svg {
  color: rgba(107, 94, 255, 0.8) !important;
}

._addButton_1cbsb_155 {
  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_1cbsb_168 {
  width: 100%;
  font-weight: 500;
  font-size: var(--fs-sm, 12px);
  line-height: 14px;
  text-transform: uppercase;
  color: var(--text-muted);
  flex-shrink: 0;
}

._suitesScroll_1cbsb_178 {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

._sidebarPlaceholder_1cbsb_186 {
  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_1cbsb_199 {
  color: var(--text);
  font-size: var(--fs-base, 13px);
  font-weight: 600;
  line-height: 18px;
}

._sidebarPlaceholderText_1cbsb_206 {
  color: var(--text-muted);
  font-size: var(--fs-sm, 12px);
  line-height: 17px;
}

._sidebarPlaceholderButton_1cbsb_212 {
  margin-top: 6px;
  font-size: var(--fs-base, 13px);
  font-weight: 600;
}

._emptyState_1cbsb_218 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-subtle);
  border-left: 1px solid var(--border);
}
._emptyState_1cbsb_218 .content {
  white-space: pre-line !important;
}

._contentArea_1cbsb_231 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--surface-subtle);
  border-left: 1px solid var(--border);
}
._contentArea_1cbsb_231 .content {
  white-space: pre-line !important;
}

._contentPlaceholder_1cbsb_245 {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._rootDropZone_1cbsb_254 {
  width: 100%;
  flex-shrink: 0;
  padding: 12px;
  border: 1px dashed var(--border-strong);
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: var(--fs-base, 13px);
  text-align: center;
}

._rootDropZoneActive_1cbsb_265 {
  border-color: var(--accent);
  background: var(--chip-accent-bg);
}

._folderDropHint_1cbsb_270 {
  width: 100%;
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: 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;
}
._page_36juy_29 {
  --test-runs-status-error: #dc6300;
  --test-runs-status-stopped: color-mix(in srgb, #ffcf7a 78%, var(--text) 22%);
  --test-runs-status-error-bg: color-mix(in srgb, var(--test-runs-status-error) 16%, transparent);
  --test-runs-status-error-border: color-mix(in srgb, var(--test-runs-status-error) 34%, transparent);
  --test-runs-status-stopped-bg: color-mix(in srgb, var(--test-runs-status-stopped) 16%, transparent);
  --test-runs-status-stopped-border: color-mix(in srgb, var(--test-runs-status-stopped) 34%, transparent);
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 96px);
  display: flex;
  flex-direction: column;
}
._container_36juy_43 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: var(--page-header-padding);
  padding-top: 14px;
  height: calc(100vh - 96px);
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}
._containerDetails_36juy_55 {
  flex: 1;
  min-height: 0;
  height: calc(100vh - 120px);
  height: calc(100dvh - 120px);
}
._filtersRow_36juy_62 {
  display: grid;
  grid-template-columns: 234px 250px 146px 325px auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
._filterButton_36juy_69 {
  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_36juy_86 {
  width: 250px;
}
._filterDate_36juy_86 .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_36juy_86 .MuiButtonBase-root:hover {
  border-color: var(--accent-hover-border);
}
._filterDate_36juy_86 .MuiButtonBase-root > div > span:last-of-type {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
._filterState_36juy_114 {
  width: 146px;
}
._filterIcon_36juy_118 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  color: var(--text-secondary);
}
._filterIcon_36juy_118 svg {
  width: 24px;
  height: 24px;
}
._filterLabel_36juy_133 {
  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_36juy_146 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-muted);
}
._chevron_36juy_146 svg {
  width: 20px;
  height: 20px;
}
._searchWrap_36juy_160 {
  width: 325px;
  min-width: 325px;
  max-width: 325px;
}
._columnsMenuWrap_36juy_166 {
  justify-self: start;
}
._searchWrap_36juy_160 .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_36juy_160 .MuiOutlinedInput-root fieldset {
  border: 1.5px solid var(--border-field);
}
._searchWrap_36juy_160 .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_36juy_160 .MuiInputAdornment-root {
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
}
._searchWrap_36juy_160 .MuiInputAdornment-root svg {
  color: var(--accent) !important;
}
._runButton_36juy_208 {
  width: 108px;
  min-width: 108px;
  height: 40px;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  justify-self: end;
}
._statsGrid_36juy_219 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}
._detailsBreadcrumb_36juy_225 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 16px;
  padding: 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 16px;
}
._detailsBack_36juy_236 {
  border: none;
  background: transparent;
  padding: 0;
  color: var(--accent);
  cursor: pointer;
  font-size: 12px;
}
._detailsStatsGrid_36juy_245 {
  display: grid;
  grid-template-columns: 1.65fr 0.7fr 1.05fr 1.05fr;
  gap: 12px;
  margin-top: 0;
}
._detailsRunName_36juy_252 {
  font-size: 12px;
  font-weight: 700;
}
._statCard_36juy_257._detailCard_36juy_257 {
  min-height: 150px;
  padding: 14px 16px;
  border-color: var(--border);
}
._detailCardHeader_36juy_263 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 26px;
  gap: 6px;
}
._detailCardTitle_36juy_271 {
  font-size: 10px;
  color: var(--text-muted);
  margin-bottom: 0;
}
._detailsProgressValue_36juy_277 {
  margin-top: 4px;
  font-size: 28px;
  font-weight: 700;
  color: var(--text);
  line-height: 1;
}
._detailsProgressSub_36juy_285 {
  font-size: 13px;
  color: var(--text-muted);
}
._detailsProgressRow_36juy_290 {
  margin-top: 4px;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
._detailsProgressBar_36juy_297 {
  margin-top: 10px;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: var(--border-strong);
  position: relative;
  overflow: hidden;
}
._detailsLegend_36juy_307 {
  margin-top: 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._detailsLegendPassed_36juy_314 {
  color: var(--ok);
}
._detailsLegendFailed_36juy_318 {
  color: var(--danger);
}
._detailsLegendTotal_36juy_322 {
  color: var(--text-muted);
}
._detailsLegendItem_36juy_326 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
._detailsLegendDot_36juy_332 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}
._detailsLegendDotPassed_36juy_339 {
  background: var(--ok);
}
._detailsLegendDotFailed_36juy_343 {
  background: var(--danger);
}
._detailsLegendDotError_36juy_347 {
  background: var(--test-runs-status-error);
}
._detailsLegendDotStopped_36juy_351 {
  background: var(--test-runs-status-stopped);
}
._detailsLegendCount_36juy_355 {
  color: var(--text);
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
._detailsLegendLabel_36juy_362 {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1;
}
._detailsLegendDivider_36juy_368 {
  width: 1px;
  height: 18px;
  background: var(--border-strong);
  margin-left: 4px;
  margin-right: 4px;
}
._detailsMetaRow_36juy_376 {
  margin-top: 7px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
._detailsMetaLabel_36juy_385 {
  color: var(--text-muted);
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 15px;
}
._detailsMetaValue_36juy_392 {
  color: var(--text);
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._detailsMetaDivider_36juy_404 {
  width: 100%;
  margin-top: 8px;
  border-top: 1px solid var(--border-strong);
}
._detailsAgentLink_36juy_410 {
  color: var(--accent);
  text-decoration: none;
}
._detailsAgentLink_36juy_410:hover {
  text-decoration: underline;
}
._detailsAgentLink_36juy_410:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
._statCard_36juy_257 {
  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_36juy_434 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._cardTitle_36juy_441 {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
._cardDelta_36juy_449 {
  color: var(--danger);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
._cardDeltaWrap_36juy_456 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
._cardDeltaIcon_36juy_462 {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
._statsGrid_36juy_219 ._cardDelta_36juy_449,
._statsGrid_36juy_219 ._cardDeltaWrap_36juy_456 {
  font-size: 10px;
  line-height: 1.3;
}
._statsGrid_36juy_219 ._cardDeltaIcon_36juy_462 {
  width: 10px;
  height: 10px;
}
._cardDeltaPositive_36juy_479 {
  color: var(--ok);
}
._cardDeltaNegative_36juy_483 {
  color: var(--danger);
}
._chartWrap_36juy_487 {
  margin-top: 14px;
  display: flex;
  flex: 1;
  align-items: center;
}
._chartSkeleton_36juy_494 {
  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_36juy_1 1.4s ease-in-out infinite;
}
._chartWrap_36juy_487 .legendText {
  font-size: 13px;
  color: var(--text-secondary);
  max-width: 100%;
}
._chartWrap_36juy_487 .legend {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
._chartWrap_36juy_487 .MuiPieArc-root,
._chartWrap_36juy_487 .MuiPieArc-root:hover {
  transform: none !important;
  transition: none !important;
}
._metricValue_36juy_521 {
  margin-top: 14px;
  font-size: 44px;
  line-height: 1;
  font-weight: 400;
  color: var(--text);
}
._metricSkeleton_36juy_529 {
  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_36juy_1 1.4s ease-in-out infinite;
}
._metricBody_36juy_539 {
  flex: 1;
  display: flex;
  align-items: center;
}
._runMetricSummary_36juy_545 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  flex: 1;
  margin: 14px 0 0;
  min-width: 0;
}
._runMetricSummaryRow_36juy_555 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 12px;
  line-height: 1.4;
}
._runMetricSummaryRow_36juy_555 dt {
  color: var(--text-muted);
}
._runMetricSummaryRow_36juy_555 dd {
  margin: 0;
  color: var(--text);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
._runMetricSummaryTotal_36juy_574 {
  border-top: 1px solid var(--border-strong);
  padding-top: 10px;
}
._runMetricSummaryTotal_36juy_574 dt {
  color: var(--text);
  font-weight: 600;
}
._resultsBlock_36juy_583 {
  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);
}
._testRunsDataTable_36juy_599 {
  --table-row-hover-bg: var(--scss-hoveredBackground, #eaeff7);
  --table-cell-padding-x: 10px;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
}
._testRunsDataTable_36juy_599 table {
  background: transparent;
  table-layout: fixed;
}
._testRunsDataTable_36juy_599 th {
  border-bottom: 2px solid var(--scss-purple-border-color, var(--accent-border-soft));
  background: var(--table-header-bg);
}
._testRunsDataTable_36juy_599 td {
  border-bottom: 1px solid var(--surface-muted);
  color: var(--text);
  font-size: var(--fs-table-cell, 13px);
  white-space: normal;
  overflow-wrap: anywhere;
}
._testRunsDataTable_36juy_599 ._progressTooltipTarget_36juy_622,
._testRunsDataTable_36juy_599 ._progressCol_36juy_623 {
  display: flex;
  width: 100%;
  min-width: 0;
}
._testRunsDataTable_36juy_599 ._progressCol_36juy_623 {
  flex-wrap: wrap;
  gap: 4px;
}
._testRunsDataTable_36juy_599 ._progressTrack_36juy_632 {
  flex: 1 1 24px;
  min-width: 0;
  width: auto;
}
._testRunsDataTable_36juy_599 ._statePill_36juy_637 {
  max-width: 100%;
  box-sizing: border-box;
}
._testRunsDataTable_36juy_599 ._actionCell_36juy_641,
._testRunsDataTable_36juy_599 ._stateCell_36juy_642 {
  padding-inline: 4px;
}
._testRunsDataTable_36juy_599 ._stateCell_36juy_642 a {
  padding-inline: 4px;
}
._testRunsDataTable_36juy_599 th[data-testid="test-runs.table.action-header"] > div {
  padding-inline: 4px;
  justify-content: center;
}
._testRunsDataTable_36juy_599 th[data-testid="test-runs.table.action-header"] > div > span {
  flex-shrink: 0;
  overflow: visible;
  text-overflow: clip;
}
._testRunsDataTable_36juy_599 ._actionCell_36juy_641 ._rowAction_36juy_657 {
  display: flex;
  justify-content: center;
}
._testRunsCell_36juy_662 {
  cursor: pointer;
  overflow: hidden;
}
._agentCol_36juy_667,
._agentLlmCol_36juy_668,
._llmCol_36juy_669 {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._actionCell_36juy_641 {
  text-align: left;
}
._testRunsPaginationBar_36juy_682 {
  margin-top: auto;
  min-height: 44px;
  padding: 0 12px 0 18px;
  background: var(--header-bg);
}
._resultsBlockDetails_36juy_689 {
  --details-table-grid: 32px minmax(220px, 1fr) 306px 98px 211px 131px 133px 118px 52px;
  flex: 1;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  overflow-x: auto;
}
._resultsBlockDetails_36juy_689 > ._table_36juy_648 {
  min-width: 1397px;
}
._dropdownMenu_36juy_702 {
  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_36juy_709 {
  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_36juy_724 {
  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_36juy_724:hover {
  background: var(--surface-muted);
}
._iconPlaceholder_36juy_743 {
  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_36juy_751 {
  padding: 10px 8px;
  color: var(--text-muted);
  font-size: 13px;
}
._table_36juy_648 {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  min-height: 0;
  overflow: hidden;
}
._tableLoading_36juy_766 {
  flex: 1;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
._tableSkeletonRows_36juy_776 {
  width: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
}
._tableSkeletonRow_36juy_776 {
  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_36juy_1 1.4s ease-in-out infinite;
}
._tableBody_36juy_792 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._tableBody_36juy_792::-webkit-scrollbar {
  width: 0;
  height: 0;
}
._tableRowDetails_36juy_807 {
  --tree-indent: 0px;
  display: grid;
  grid-template-columns: var(--details-table-grid);
  column-gap: 12px;
  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: var(--fs-table-cell, 13px);
  cursor: pointer;
}
._tableRowDetails_36juy_807:hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._tableRowDetailsNotExpandable_36juy_826 {
  cursor: default;
}
._structureGroupBlock_36juy_830 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
._structureRow_36juy_836 {
  height: 56px;
  background: var(--surface-subtle);
  cursor: pointer;
}
._structureFolderRow_36juy_842 {
  --tree-indent: 24px;
  background: color-mix(in srgb, var(--surface-subtle) 65%, var(--surface) 35%);
}
._structureTitle_36juy_847 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 9px;
  font-weight: 600;
}
._structureFolderIcon_36juy_855 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
._structureName_36juy_861 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._structureCount_36juy_868 {
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 400;
}
._structureProgress_36juy_875 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  overflow: hidden;
}
._structureProgressBar_36juy_883 {
  display: flex;
  width: 96px;
  min-width: 96px;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--surface-muted);
}
._structureProgressBar_36juy_883 > span {
  height: 100%;
}
._structureProgressPassed_36juy_897 {
  background: var(--success);
}
._structureProgressFailed_36juy_901 {
  background: var(--danger);
}
._structureProgressError_36juy_905 {
  background: var(--test-runs-status-error);
}
._structureProgressRunning_36juy_909 {
  background: var(--accent);
}
._structureProgressStopped_36juy_913 {
  background: var(--test-runs-status-stopped);
}
._structureProgressLegend_36juy_917 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
  color: var(--text-muted);
  font-size: 11px;
  white-space: nowrap;
}
._structureProgressLegend_36juy_917 > span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: 1px;
}
._structureLegendPassed_36juy_937::before {
  background: var(--success);
}
._structureLegendFailed_36juy_941::before {
  background: var(--danger);
}
._structureLegendError_36juy_945::before {
  background: var(--test-runs-status-error);
}
._structureDash_36juy_949 {
  width: 100%;
  justify-self: stretch;
  text-align: center;
  color: var(--text-muted);
}
._tableHeadDetails_36juy_956 > :nth-child(4),
._tableHeadDetails_36juy_956 > :nth-child(5) {
  width: 100%;
  justify-self: stretch;
  text-align: center;
}
._structureCaseDepthOne_36juy_963 {
  --tree-indent: 24px;
}
._structureCaseDepthTwo_36juy_967 {
  --tree-indent: 48px;
}
._structureCaseDepthOne_36juy_963._datasetChildRow_36juy_971 {
  --tree-indent: 48px;
}
._structureCaseDepthTwo_36juy_967._datasetChildRow_36juy_971 {
  --tree-indent: 72px;
}
._tableRowDetails_36juy_807 > ._detailsExpandBtn_36juy_979 {
  transform: translateX(var(--tree-indent));
}
._tableRowDetails_36juy_807 > ._structureTitle_36juy_847,
._tableRowDetails_36juy_807 > ._rowTitle_36juy_984 {
  padding-left: var(--tree-indent);
}
._tableRowDetailsExpanded_36juy_988 {
  background: var(--surface-accent-soft);
}
._tableRowDetailsExpanded_36juy_988:hover {
  background-color: var(--scss-hoveredBackground, #eaeff7);
}
._rowTitle_36juy_984 {
  font-size: inherit;
  font-weight: 400;
}
._rowTitleExpanded_36juy_1000 {
  font-weight: 600;
}
._caseNameWithCopy_36juy_1004 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}
._caseNameText_36juy_1012 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._caseUuidCopy_36juy_1019 {
  width: 22px;
  height: 22px;
  opacity: 0;
  pointer-events: none;
}
._caseNameWithCopy_36juy_1004:hover ._caseUuidCopy_36juy_1019,
._caseUuidCopy_36juy_1019:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  ._caseUuidCopy_36juy_1019 {
    opacity: 1;
    pointer-events: auto;
  }
}
._datasetGroupBlock_36juy_1038 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
._datasetGroupRow_36juy_1044 {
  background: var(--surface-subtle);
  border-bottom-color: var(--surface-muted);
}
._datasetGroupTitle_36juy_1049 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
._datasetGroupName_36juy_1056 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._datasetCountChip_36juy_1063 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid var(--accent-border-soft);
  background: var(--chip-accent-bg);
  color: var(--accent);
  font-size: 12px;
  font-weight: 600;
}
._datasetChildRow_36juy_971 {
  height: 58px;
  background: var(--surface);
}
._datasetChildTitle_36juy_1083 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
._datasetNameBadge_36juy_1090 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid var(--accent-border-soft);
  background: var(--chip-accent-bg);
  color: var(--accent);
  font-size: 13px;
  font-weight: 600;
}
._datasetResultLabel_36juy_1105 {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
._dataSetHint_36juy_1112 {
  min-width: 220px;
  max-width: 360px;
  color: var(--tooltip-text);
}
._dataSetHintTitle_36juy_1118 {
  margin-bottom: 8px;
  color: var(--tooltip-text);
  font-size: 13px;
  font-weight: 700;
  opacity: 0.98;
}
._dataSetHintRows_36juy_1126 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  overflow: auto;
}
._dataSetHintRow_36juy_1126 {
  display: grid;
  grid-template-columns: minmax(72px, 0.38fr) minmax(120px, 1fr);
  gap: 10px;
  align-items: start;
}
._dataSetHintKey_36juy_1141 {
  min-width: 0;
  overflow: hidden;
  color: var(--tooltip-text);
  font-size: 12px;
  font-weight: 600;
  opacity: 0.72;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._dataSetHintValue_36juy_1152 {
  min-width: 0;
  color: var(--tooltip-text);
  font-size: 12px;
  font-weight: 500;
  opacity: 0.98;
  overflow-wrap: anywhere;
}
._dataSetHintEmpty_36juy_1161 {
  color: var(--tooltip-text);
  font-size: 12px;
  font-weight: 500;
  opacity: 0.72;
}
._runCol_36juy_1168 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._runLinkText_36juy_1174 {
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._runNameCell_36juy_1181 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
}
._runNameLink_36juy_1188 {
  display: flex;
  min-width: 0;
  flex: 1;
  color: inherit;
  text-decoration: none;
}
._runNameEditButton_36juy_1196,
._runNameEditorButton_36juy_1197 {
  display: inline-flex;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
._runNameEditButton_36juy_1196 {
  opacity: 0;
  transition: background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}
._runNameCell_36juy_1181:hover ._runNameEditButton_36juy_1196,
._runNameCell_36juy_1181:focus-within ._runNameEditButton_36juy_1196 {
  opacity: 1;
}
._runNameEditButton_36juy_1196:hover,
._runNameEditorButton_36juy_1197:hover {
  background: var(--surface-accent-soft);
  color: var(--accent);
}
._runNameEditButton_36juy_1196:focus-visible,
._runNameEditorButton_36juy_1197:focus-visible {
  outline: 1px solid var(--accent);
  outline-offset: 1px;
}
._runNameEditButton_36juy_1196 svg,
._runNameEditorButton_36juy_1197 svg {
  width: 16px;
  height: 16px;
}
._runNameEditor_36juy_1197 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px 26px;
  min-width: 0;
  align-items: center;
  gap: 4px;
}
._inlineRunNameInput_36juy_1248 {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  outline: none;
  background: var(--surface-table-header);
  color: var(--text);
  font: inherit;
}
._inlineRunNameInput_36juy_1248:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--surface-accent-soft);
}
._runNameEditorButton_36juy_1197:disabled {
  cursor: default;
  opacity: 0.45;
}
._durationCol_36juy_1271 {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
}
._durationCol_36juy_1271 svg {
  width: 14px;
  height: 14px;
  color: var(--text-muted);
}
._progressCol_36juy_623 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
._progressTrack_36juy_632 {
  width: 112px;
  height: 6px;
  border-radius: 999px;
  background: var(--border-strong);
  position: relative;
  overflow: hidden;
}
._progressGreen_36juy_1300,
._progressRed_36juy_1301,
._progressError_36juy_1302,
._progressStopped_36juy_1303,
._progressRest_36juy_1304 {
  position: absolute;
  top: 0;
  height: 100%;
}
._progressGreen_36juy_1300 {
  left: 0;
  width: 32%;
  background: var(--ok);
  border-radius: 999px 0 0 999px;
  transition: width 0.35s ease;
}
._progressRed_36juy_1301 {
  left: 32%;
  width: 28%;
  background: var(--danger);
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}
._progressError_36juy_1302 {
  background: var(--test-runs-status-error);
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}
._progressStopped_36juy_1303 {
  background: var(--test-runs-status-stopped);
  border-radius: 0;
  transition: left 0.35s ease, width 0.35s ease;
}
._progressRest_36juy_1304 {
  left: 60%;
  width: 40%;
  background: var(--border-strong);
  border-radius: 0 999px 999px 0;
  transition: left 0.35s ease, width 0.35s ease;
}
._progressPercent_36juy_1346 {
  color: var(--text-muted);
  font-size: 12px;
}
._progressTooltipTarget_36juy_622 {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
._progressHint_36juy_1357 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 232px;
  max-width: calc(100vw - 64px);
  min-width: 0;
}
._progressHintSummary_36juy_1367 {
  font-size: 13px;
  line-height: 1.3;
  color: var(--on-dark-surface);
  white-space: nowrap;
}
._progressHintLegend_36juy_1374 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  min-width: 0;
}
._progressHintLegendItem_36juy_1383 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
}
._progressHintDot_36juy_1391 {
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  display: inline-block;
}
._progressHintDotPassed_36juy_1399 {
  background: var(--ok);
}
._progressHintDotFailed_36juy_1403 {
  background: var(--danger);
}
._progressHintDotError_36juy_1407 {
  background: var(--test-runs-status-error, #dc6300);
}
._progressHintDotStopped_36juy_1411 {
  background: var(--test-runs-status-stopped, #ffcf7a);
}
._progressHintCount_36juy_1415 {
  color: var(--color-white, #ffffff);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
._progressHintCountFailed_36juy_1422 {
  color: var(--color-white, #ffffff);
}
._progressHintCountError_36juy_1426 {
  color: var(--color-white, #ffffff);
}
._progressHintCountStopped_36juy_1430 {
  color: var(--color-white, #ffffff);
}
._progressHintLabel_36juy_1434 {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1;
}
._stateCol_36juy_1440 {
  display: inline-flex;
}
._statePill_36juy_637 {
  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;
  line-height: 1.35;
}
._testRunsDataTable_36juy_599 ._progressCol_36juy_623,
._testRunsDataTable_36juy_599 ._progressPercent_36juy_1346,
._testRunsDataTable_36juy_599 ._runLinkText_36juy_1174,
._testRunsDataTable_36juy_599 ._startTimeCol_36juy_1463,
._testRunsDataTable_36juy_599 ._durationCol_36juy_1271,
._testRunsDataTable_36juy_599 ._durationCol_36juy_1271 span,
._testRunsDataTable_36juy_599 ._llmCostCol_36juy_1466,
._testRunsDataTable_36juy_599 ._agentCol_36juy_667,
._testRunsDataTable_36juy_599 ._agentLlmCol_36juy_668,
._testRunsDataTable_36juy_599 ._llmCol_36juy_669,
._testRunsDataTable_36juy_599 ._testsCol_36juy_1470,
._testRunsDataTable_36juy_599 ._stateCol_36juy_1440 {
  font-size: var(--fs-table-cell, 13px);
}
._testsCol_36juy_1470 {
  color: var(--text);
  font-weight: 500;
}
._statePillFinished_36juy_1480 {
  color: var(--ok);
  background: var(--chip-ok-bg);
  border-color: var(--chip-ok-border);
}
._statePillRunning_36juy_1486 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
  animation: _runningPulse_36juy_1 1.4s ease-in-out infinite;
}
._runningStateWrap_36juy_1493 {
  display: inline-flex;
}
._statePillQueued_36juy_1497 {
  color: var(--accent);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
}
._statePillStarted_36juy_1503 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
}
._rowAction_36juy_657 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
._runActionTooltipTarget_36juy_1515 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._rowActionButton_36juy_1521 {
  border: 1px solid var(--accent-border-soft);
  background: transparent;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}
._rowActionButton_36juy_1521:hover:not(:disabled) {
  border-color: var(--accent);
  background: var(--surface-accent-soft);
}
._rowActionButton_36juy_1521 svg {
  width: 15px;
  height: 15px;
  color: currentColor;
}
._rowActionButtonStop_36juy_1547 {
  border-color: var(--text-secondary);
  color: var(--text-secondary);
}
._rowActionButtonStop_36juy_1547:hover:not(:disabled) {
  border-color: var(--text);
  color: var(--text);
}
._rowActionButtonRerun_36juy_1557 {
  border-color: var(--accent-border);
  color: var(--text-secondary);
}
._rowActionButtonRerun_36juy_1557:hover:not(:disabled) {
  color: var(--text);
}
._rowActionButton_36juy_1521:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
._tableHeadDetails_36juy_956 {
  display: grid;
  grid-template-columns: var(--details-table-grid);
  column-gap: 12px;
  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: var(--fs-table-header, 10.5px);
  font-weight: 500;
  letter-spacing: var(--tracking-wide-lg, 0.06em);
  text-transform: uppercase;
  padding: 0 12px;
}
._tableHeadDetails_36juy_956 > div {
  font-family: "Roboto", sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: var(--lh-snug, 1.35);
  letter-spacing: inherit;
}
._detailsExpandBtn_36juy_979 {
  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;
}
._detailsExpandBtn_36juy_979:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: 0.3;
}
._detailsExpandBtn_36juy_979:disabled ._detailsExpandIcon_36juy_1612 {
  transition: none;
}
._detailsExpandIcon_36juy_1612 {
  font-size: 20px !important;
  transition: transform 0.22s ease;
  transform-origin: center;
  transform: rotate(0deg);
}
._detailsExpandIconOpen_36juy_1623 {
  transform: rotate(90deg);
}
._detailsExpandedWrap_36juy_1627 {
  overflow: hidden;
  transition: max-height 0.24s ease, opacity 0.2s ease;
}
._detailsExpandedWrapOpen_36juy_1632 {
  max-height: 640px;
  opacity: 1;
}
._detailsExpandedWrapClosed_36juy_1637 {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
._priorityPill_36juy_1643 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 22px;
  padding: 4px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}
._tableRowDetails_36juy_807 ._statePill_36juy_637 {
  font-size: 12px;
}
._tableRowDetails_36juy_807 ._stateCol_36juy_1440 {
  font-size: var(--fs-table-cell, 13px);
}
._priorityPillLow_36juy_1665 {
  background: var(--chip-meta-bg);
  color: var(--text-muted);
  border-color: var(--border-strong);
}
._priorityPillHigh_36juy_1671 {
  background: var(--chip-warn-bg);
  color: var(--warning-text);
  border-color: var(--chip-warn-border);
}
._priorityPillCritical_36juy_1677 {
  background: var(--chip-err-bg);
  color: var(--danger);
  border-color: var(--chip-err-border);
}
._priorityPillNormal_36juy_1683 {
  background: var(--chip-accent-bg);
  color: var(--info);
  border-color: var(--chip-accent-border);
}
._statePillFailed_36juy_1689 {
  color: var(--danger);
  background: var(--chip-err-bg);
  border-color: var(--chip-err-border);
}
._statePillError_36juy_1695 {
  color: var(--test-runs-status-error, var(--warning, #dc6300));
  background: var(--test-runs-status-error-bg, color-mix(in srgb, var(--warning, #dc6300) 16%, transparent));
  border-color: var(--test-runs-status-error-border, color-mix(in srgb, var(--warning, #dc6300) 34%, transparent));
}
._statePillStopped_36juy_1701 {
  color: var(--test-runs-status-stopped, #ffcf7a);
  background: var(--test-runs-status-stopped-bg, color-mix(in srgb, #ffcf7a 16%, transparent));
  border-color: var(--test-runs-status-stopped-border, color-mix(in srgb, #ffcf7a 34%, transparent));
}
._statePillStopping_36juy_1707 {
  color: var(--info);
  background: var(--chip-accent-bg);
  border-color: var(--chip-accent-border);
  animation: _runningPulse_36juy_1 1.4s ease-in-out infinite;
}
._statePillUnknown_36juy_1714 {
  color: var(--text-muted);
  background: var(--chip-meta-bg);
  border-color: var(--border-strong);
}
._detailsExpanded_36juy_1627 {
  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_36juy_1729 {
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._acceptanceCriteria_36juy_1737 {
  background: transparent;
  padding: 0;
  max-height: 420px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
._quickActionsList_36juy_1747 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._expandedBlockTitle_36juy_1753 {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0;
}
._quickActionBtn_36juy_1762 {
  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_36juy_1781 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
._quickActionIconWrap_36juy_1788 {
  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_36juy_1788 {
  width: 15px;
  height: 15px;
  display: block;
}
._quickActionTextBlock_36juy_1807 {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
._quickActionTitle_36juy_1814 {
  color: var(--text);
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}
._quickActionSubtitle_36juy_1821 {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
}
._quickActionExternalIcon_36juy_1828 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.9;
}
._testNoteCard_36juy_1835 {
  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_36juy_1844 {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
}
._acceptanceHead_36juy_1851 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
._resultTabs_36juy_1858 {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  min-height: 28px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
}
._resultTab_36juy_1858 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  padding: 0 0 9px;
  font: inherit;
  font-size: 11px;
  line-height: 14px;
  cursor: pointer;
  transition: color 0.18s ease;
}
._resultTabBadge_36juy_1883 {
  box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  font-size: 10px;
}
._resultTab_36juy_1858:hover {
  color: var(--text);
}
._resultTabActive_36juy_1895 {
  color: var(--accent);
}
._resultTabActive_36juy_1895::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--accent);
}
._latencyResults_36juy_1910 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}
._latencyTable_36juy_1918 {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  border: 1px solid var(--scss-purple-border-color, var(--accent-border-soft));
  border-radius: 8px;
  box-shadow: var(--shadow-card);
}
._latencyTableHead_36juy_1928,
._latencyTableRow_36juy_1929 {
  display: grid;
  min-width: 680px;
  align-items: center;
}
._latencyTableBoth_36juy_1935 {
  grid-template-columns: minmax(340px, 1fr) 150px 150px 110px;
}
._latencyTableSingle_36juy_1939 {
  grid-template-columns: minmax(340px, 1fr) 150px 110px;
}
._latencyTableHead_36juy_1928 > div {
  white-space: nowrap;
}
._latencyTableHead_36juy_1928 > div,
._latencyTableRow_36juy_1929 > * {
  min-width: 0;
}
._latencyHeaderLimit_36juy_1952 {
  color: #8a8a8a;
  font-weight: 400;
  text-transform: none;
  font-variant-numeric: tabular-nums;
}
._latencyResponseCell_36juy_1959 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-right: 14px;
  overflow-wrap: anywhere;
}
._latencyResponseIndex_36juy_1967 {
  flex-shrink: 0;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
._latencyMetricLine_36juy_1973 {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
._latencyMetricExceeded_36juy_1981 {
  color: var(--danger);
  font-weight: 700;
}
._latencyMetricOver_36juy_1986,
._latencyMetricMuted_36juy_1987 {
  color: var(--text-muted);
  font-size: inherit;
}
._latencyEmpty_36juy_1992 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 24px;
  color: var(--text-muted);
  font-size: 13px;
  text-align: center;
}
._acceptanceStats_36juy_2003 {
  display: inline-flex;
  gap: 8px;
  font-size: 12px;
}
._criteriaTable_36juy_2009 {
  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_36juy_2021 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
}
._criteriaHead_36juy_2028 {
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
}
._criteriaHead_36juy_2028,
._latencyTableHead_36juy_1928 {
  display: grid;
  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_36juy_2028 > div,
._latencyTableHead_36juy_1928 > div {
  color: var(--text-secondary);
  font-size: 10px;
}
._rubricHead_36juy_2053 {
  grid-template-columns: 220px 260px 240px 130px 1fr;
  min-width: 1200px;
  padding: 0;
}
._criteriaRow_36juy_2059 {
  grid-template-columns: 1.5fr 0.6fr 1.2fr;
}
._criteriaRow_36juy_2059,
._latencyTableRow_36juy_1929 {
  display: grid;
  padding: 14px;
  min-height: 51px;
  border-top: 1px solid var(--surface-muted);
  font-size: 13px;
  color: var(--text);
  align-items: center;
}
._rubricRow_36juy_2074 {
  grid-template-columns: 220px 260px 240px 130px 1fr;
  align-items: start;
  min-width: 1200px;
  width: max-content;
  padding: 0;
}
._rubricHead_36juy_2053 > div,
._rubricRow_36juy_2074 > div {
  padding: 14px;
  box-sizing: border-box;
}
._rubricQuestionCell_36juy_2088 {
  font-size: 14px;
  color: var(--text);
}
._rubricRubricCell_36juy_2093 {
  font-size: 14px;
  color: var(--text-secondary);
}
._rubricAnswerCell_36juy_2098 {
  font-size: 14px;
  color: var(--text);
}
._rubricReasoningCell_36juy_2103 {
  font-size: 14px;
  color: var(--text-secondary);
  white-space: normal;
  word-break: break-word;
}
._rubricStatusCell_36juy_2110 {
  display: flex;
  align-items: center;
}
._criteriaFail_36juy_2115,
._latencyTableRowFailed_36juy_2116 {
  background: var(--chip-err-bg);
}
._detailsDurationCell_36juy_2120 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  font-size: var(--fs-table-cell, 13px);
}
._detailsOwnerCell_36juy_2128 {
  min-width: 0;
  justify-self: stretch;
  text-align: center;
  color: var(--text-secondary);
  font-size: var(--fs-table-cell, 13px);
}
._detailsDurationCell_36juy_2120 span {
  font-size: inherit;
  line-height: 1;
}
._detailsCostCell_36juy_2141 {
  font-size: var(--fs-table-cell, 13px);
}
._detailsDurationCell_36juy_2120 svg {
  width: 13px;
  height: 13px;
  color: var(--text-muted);
}
._tableEmpty_36juy_2151 {
  flex: 1;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}
._tableBottomBar_36juy_2162 {
  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_36juy_2173 {
  color: var(--text-muted);
  font-size: var(--fs-table-cell, 13px);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
}
@keyframes _shimmer_36juy_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _runningPulse_36juy_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_36juy_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._emptyIcon_36juy_2208 {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  background: var(--surface-accent-soft);
}
._emptyArchiveIcon_36juy_2218 {
  width: 28px;
  height: 28px;
}
._emptyTitle_36juy_2223 {
  margin: 0;
  color: var(--text);
  font-size: 24px;
  font-weight: 600;
}
._emptyText_36juy_2230 {
  margin: 0;
  color: var(--text-muted);
  max-width: 560px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
._emptyButton_36juy_2239 {
  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_36juy_2252 {
  width: 715px;
  height: 780px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  border-radius: 14px !important;
  overflow: hidden;
}
._runDetailsModal_36juy_2261 {
  padding: 20px 24px 24px;
}
._runDetailsHeader_36juy_2265 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._runDetailsTitle_36juy_2271 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--text);
}
._runDetailsLoading_36juy_2278 {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._runDetailsContent_36juy_2285 {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 60vh;
  overflow: auto;
}
._runDetailsSuite_36juy_2294 {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  background: var(--surface-subtle);
}
._runDetailsSuiteTitle_36juy_2301 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 8px;
}
._runDetailsCases_36juy_2308 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._runDetailsCase_36juy_2308 {
  font-size: 13px;
  color: var(--text-secondary);
}
._runDetailsEmpty_36juy_2319 {
  color: var(--text-muted);
  font-size: 14px;
  padding: 18px 0;
}
._runModalContent_36juy_2325 {
  padding: 28px !important;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
._runModalHeader_36juy_2333 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
._runModalTitle_36juy_2340 {
  margin: 0;
  color: var(--text);
  font-size: var(--fs-page-title, 20px);
  line-height: var(--lh-heading, 1.2);
  font-weight: 600;
}
._runModalSubtitle_36juy_2348 {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
  line-height: var(--lh-relaxed, 1.55);
  font-weight: 400;
}
._runModalFields_36juy_2356 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._runModalFields_36juy_2356 .MuiOutlinedInput-root,
._runModalFields_36juy_2356 .MuiInputBase-root {
  box-shadow: none;
}
._runModalFields_36juy_2356 > ._fieldGroup_36juy_2371,
._runModalFields_36juy_2356 > ._rowFields_36juy_2372 {
  flex-shrink: 0;
}
._treeFieldGroup_36juy_2376 {
  flex: 1;
  min-height: 180px;
}
._rowFields_36juy_2372 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._fieldGroup_36juy_2371 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._fieldLabel_36juy_2393 {
  color: var(--text-secondary);
  font-size: var(--fs-sm, 12px);
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
._runNameInput_36juy_2401 {
  height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: none;
  padding: 0 16px;
  font-size: var(--fs-base, 13px);
  color: var(--text);
}
._runNameInput_36juy_2401 input {
  font-size: inherit;
  line-height: var(--lh-snug, 1.35);
}
._runNameInput_36juy_2401 input::placeholder {
  color: var(--text-muted);
}
._chooseTree_36juy_2421 {
  --test-tree-selector-font-size: var(--fs-base, 13px);
  --test-tree-selector-font-weight: 400;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface-subtle);
  box-shadow: none;
  flex: 1;
  min-height: 120px;
  overflow: auto;
  padding: 8px;
}
._chooseTreeSearch_36juy_2434 {
  height: 40px;
  flex-shrink: 0;
}
._testRunsSearchInput_36juy_2439 .MuiInputAdornment-root,
._chooseTreeSearch_36juy_2434 .MuiInputAdornment-root {
  margin-right: 6px !important;
}
._chooseTreeEmpty_36juy_2444 {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: var(--fs-base, 13px);
  line-height: 20px;
  text-align: center;
}
._suiteBlock_36juy_2455 {
  display: flex;
  flex-direction: column;
}
._suiteRow_36juy_2460,
._caseRow_36juy_2461 {
  display: flex;
  align-items: center;
  min-height: 52px;
  gap: 8px;
  border-radius: 8px;
}
._suiteRow_36juy_2460 {
  padding: 0 8px;
  background: transparent;
}
._suiteRowSelected_36juy_2474 {
  background: rgba(216, 219, 223, 0.24);
}
._caseRow_36juy_2461 {
  padding: 0 8px 0 36px;
}
._expandButton_36juy_2482 {
  border: none;
  background: transparent;
  width: 20px;
  min-width: 20px;
  color: var(--text);
  font-size: 16px;
  cursor: pointer;
}
._rowIcon_36juy_2492 {
  width: 24px;
  height: 24px;
}
._suiteName_36juy_2497,
._caseName_36juy_1004 {
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
._caseIndent_36juy_2505 {
  width: 4px;
}
._treeCheckboxIcon_36juy_2509 {
  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_36juy_2521 {
  border: none;
  background: var(--accent-gradient);
  position: relative;
  border-radius: 0;
}
._treeCheckboxCheckedIcon_36juy_2521::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_36juy_2540 {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  flex-shrink: 0;
}
._launchButton_36juy_2547 {
  height: 40px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  border-radius: 999px;
  font-size: var(--fs-base, 13px);
  line-height: 20px;
  font-weight: 600;
  padding: 0 28px;
}
._launchButton_36juy_2547:disabled {
  opacity: 1;
}
@media (max-width: 1280px) {
  ._statsGrid_36juy_219 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._filtersRow_36juy_62 {
    grid-template-columns: repeat(4, minmax(140px, 1fr));
  }
  ._searchWrap_36juy_160 {
    grid-column: span 2;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  ._runButton_36juy_208 {
    justify-self: end;
  }
}
@media (max-width: 860px) {
  ._runModalPaper_36juy_2252 {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
  }
  ._runModalContent_36juy_2325 {
    padding: 20px !important;
  }
  ._statsGrid_36juy_219 {
    grid-template-columns: 1fr;
  }
  ._filtersRow_36juy_62 {
    grid-template-columns: 1fr;
  }
  ._searchWrap_36juy_160 {
    grid-column: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  ._columnsMenuWrap_36juy_166 {
    width: 100%;
  }
  ._columnsMenuWrap_36juy_166 > button {
    width: 100%;
    justify-content: center;
  }
  ._runButton_36juy_208 {
    justify-self: stretch;
  }
  ._rowFields_36juy_2372 {
    grid-template-columns: 1fr;
  }
  ._runModalTitle_36juy_2340 {
    font-size: var(--fs-page-title, 20px);
    line-height: var(--lh-heading, 1.2);
  }
  ._runModalSubtitle_36juy_2348 {
    font-size: var(--fs-base, 13px);
    line-height: 20px;
  }
  ._fieldLabel_36juy_2393 {
    font-size: var(--fs-sm, 12px);
    line-height: 16px;
  }
  ._runNameInput_36juy_2401 {
    font-size: var(--fs-base, 13px);
  }
  ._suiteName_36juy_2497,
  ._caseName_36juy_1004 {
    font-size: 18px;
    line-height: 24px;
  }
  ._launchButton_36juy_2547 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: var(--fs-base, 13px);
    line-height: 20px;
  }
}
@media (max-height: 900px) {
  ._container_36juy_43 {
    height: calc(100vh - 96px);
    height: calc(100dvh - 96px);
    min-height: 0;
    overflow: hidden;
  }
  ._resultsBlock_36juy_583 {
    flex: 1;
    min-height: 0;
  }
  ._tableBody_36juy_792 {
    overflow-y: auto;
  }
  ._tableBody_36juy_792::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
._progressTabs_36juy_2662 {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 8px;
}
._progressTabs_36juy_2662 button {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--text-muted);
  padding: 5px 8px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
._progressTabs_36juy_2662 button[aria-selected=true] {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
._latencyProgressBar_36juy_2684 {
  display: flex;
}
._latencyProgressBar_36juy_2684 span {
  height: 100%;
}
._latencyWithin_36juy_2691 {
  background: #62a8f5;
}
._latencyAbove_36juy_2695 {
  background: #eab35f;
}
._latencyUnavailable_36juy_2699 {
  background: var(--text-muted);
}
._latencyLegendWithin_36juy_2703 {
  color: #62a8f5;
  font-size: 12px;
}
._latencyLegendAbove_36juy_2708 {
  color: #eab35f;
  font-size: 12px;
}
._latencyLegendUnavailable_36juy_2713 {
  color: var(--text-muted);
  font-size: 12px;
}
._progressCard_36juy_2718 ._detailCardHeader_36juy_263 {
  min-height: 18px;
}
._progressCard_36juy_2718 ._progressTabs_36juy_2662 {
  margin-bottom: 4px;
}
._progressCard_36juy_2718 ._detailsProgressValue_36juy_277 {
  font-size: 24px;
  margin-top: 0;
}
._progressCard_36juy_2718 ._detailsProgressRow_36juy_290 {
  margin-top: 0;
}
._progressCard_36juy_2718 ._detailsLegend_36juy_307 {
  flex-wrap: wrap;
}
._latencyResponseHeading_36juy_2735 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px;
  color: var(--text-muted);
}
._latencyResponseHeading_36juy_2735 strong {
  color: var(--text);
}
._latencyLimit_36juy_2748 {
  padding: 3px 6px;
  background: var(--border);
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
}
._latencyProgressFooter_36juy_2756 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
._latencyProgressFooter_36juy_2756 ._detailsLegend_36juy_307 {
  margin-top: 0;
}
._latencyRunStatus_36juy_2768 {
  display: inline-flex;
  margin-left: auto;
  white-space: nowrap;
}
._progressPanel_36juy_2774 {
  height: 84px;
  display: grid;
  grid-template-rows: 32px 7px minmax(0, 1fr);
  row-gap: 9px;
}
._progressPanel_36juy_2774 > ._detailsProgressRow_36juy_290,
._progressPanel_36juy_2774 > ._latencyResponseHeading_36juy_2735 {
  height: 32px;
  margin-top: 0;
  align-items: center;
}
._progressPanel_36juy_2774 > ._detailsProgressBar_36juy_297 {
  margin-top: 0;
}
._progressPanel_36juy_2774 > ._detailsLegend_36juy_307,
._progressPanel_36juy_2774 > ._latencyProgressFooter_36juy_2756 {
  margin-top: 0;
  align-self: start;
  min-height: 26px;
}
@media (max-width: 600px) {
  ._progressPanel_36juy_2774 {
    height: 104px;
  }
}
._resultsBlockWithLatency_36juy_2801 {
  --details-table-grid: 32px minmax(220px, 1fr) 270px 90px 170px 110px 120px 108px 100px 52px;
}
._resultsBlockWithLatency_36juy_2801 > ._table_36juy_648 {
  min-width: 1494px;
}
._latencyPillWithin_36juy_2808 {
  color: #62a8f5;
  background: rgba(98, 168, 245, 0.12);
  border-color: rgba(98, 168, 245, 0.4);
}
._latencyPillAbove_36juy_2814 {
  color: #eab35f;
  background: rgba(234, 179, 95, 0.12);
  border-color: rgba(234, 179, 95, 0.4);
}
._resultsBlockWithLatency_36juy_2801 ._tableHeadDetails_36juy_956 > :last-child {
  width: 100%;
  justify-self: stretch;
  text-align: center;
}
._latencyCell_36juy_2826 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._detailsQueryFilter_36juy_2833 {
  flex-shrink: 0;
}
._detailsQueryFilter_36juy_2833 > div {
  margin-bottom: 0;
}
._resultsEmptyState_36juy_2840 {
  gap: 20px;
  text-align: center;
}
._resultsEmptyIllustration_36juy_2845 {
  width: 184px;
  height: 136px;
  object-fit: contain;
  flex-shrink: 0;
}
._resultsEmptyCopy_36juy_2852 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
._resultsEmptyTitle_36juy_2859 {
  margin: 0;
  color: var(--text);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
._resultsEmptyAction_36juy_2867 {
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid var(--accent-border, var(--accent-border-soft));
  border-radius: 8px;
  background: var(--surface-accent-soft, var(--chip-accent-bg));
  color: var(--accent);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
._resultsEmptyAction_36juy_2867:hover {
  background: var(--accent-hover-bg, var(--surface-muted));
}
._resultsEmptyAction_36juy_2867:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
._runsQueryRow_36juy_2887 {
  position: relative;
  z-index: 40;
  display: flex;
  gap: 12px;
  align-items: center;
}
._runsQueryInput_36juy_2895 {
  flex: 1;
  min-width: 0;
}
._runsQueryInput_36juy_2895 > div {
  margin-bottom: 0;
}
._runsQueryRow_36juy_2887 ._columnsMenuWrap_36juy_166 {
  width: auto;
  flex: 0 0 auto;
}
._runsTableActions_36juy_2908 {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: flex-end;
}
._runsTableActions_36juy_2908 + ._resultsBlock_36juy_583 {
  margin-top: 0;
}
._resultsBlockDetails_36juy_689 ._suiteName_36juy_2497,
._resultsBlockDetails_36juy_689 ._caseName_36juy_1004,
._resultsBlockDetails_36juy_689 ._structureName_36juy_861,
._resultsBlockDetails_36juy_689 ._datasetGroupName_36juy_1056 {
  font-size: var(--fs-table-cell, 13px);
}
._tableRowDetails_36juy_807 ._priorityPill_36juy_1643 {
  font-size: 12px;
}
._latencyLegendEntry_36juy_2930 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._latencyTooltipTarget_36juy_2936 {
  display: block;
  width: 100%;
  min-width: 0;
}
._latencyTooltipTarget_36juy_2936 > ._detailsProgressBar_36juy_297 {
  margin-top: 0;
}
._latencyProgressHint_36juy_2945 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 220px;
  font-size: 12px;
}
._latencyHintRow_36juy_2953 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
._latencyHintRow_36juy_2953 > strong {
  font-variant-numeric: tabular-nums;
}
._caseRerunCell_36juy_2962 {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}._anchor_1o7en_1 {
  display: inline-flex;
}

._standaloneAnchor_1o7en_5 {
  margin-left: auto;
}

._popover_1o7en_9 {
  width: 360px;
  max-width: calc(100vw - 24px);
  border-radius: 14px;
}

._form_1o7en_15 {
  padding: 18px;
  overflow: auto;
  color: var(--text);
}

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

._close_1o7en_31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 6px;
}
._close_1o7en_31:hover {
  background: var(--surface-muted);
  color: var(--text);
}
._close_1o7en_31 svg {
  width: 18px;
  height: 18px;
  background: transparent !important;
}
._close_1o7en_31 svg path {
  fill: currentColor !important;
}

._label_1o7en_27 {
  display: block;
  color: var(--text-muted);
  font-family: Roboto, sans-serif;
  font-size: var(--fs-table-header, 10.5px);
  font-weight: 500;
  line-height: var(--lh-snug, 1.35);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide-lg, 0.06em);
  margin-bottom: 8px;
}

._input_1o7en_69 .MuiOutlinedInput-root {
  border-radius: 10px;
}
._input_1o7en_69 input {
  font-size: 13px;
}

._scope_1o7en_76 {
  padding: 0;
  margin: 18px 0 0;
  border: 0;
  min-width: 0;
  width: 100%;
}

._options_1o7en_84 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 3px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background: var(--surface);
}

._option_1o7en_84 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 7px;
  color: var(--text);
  cursor: pointer;
  font-size: var(--fs-table-cell, 13px);
  font-weight: 500;
  line-height: 1.35;
  transition: background-color 120ms ease, color 120ms ease;
}
._option_1o7en_84:hover:not(._optionDisabled_1o7en_109):not(._selected_1o7en_109) {
  background: var(--surface-muted);
}
._option_1o7en_84 input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
._option_1o7en_84:has(input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

._selected_1o7en_109 {
  background: var(--btn-dark);
  color: var(--on-dark-surface);
  font-weight: 600;
}

._scope_1o7en_76:disabled ._option_1o7en_84 {
  cursor: not-allowed;
  opacity: 0.4;
}

._footer_1o7en_134 {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

._buttonLabel_1o7en_140 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}
._buttonLabel_1o7en_140 svg {
  color: inherit !important;
  flex-shrink: 0;
}
._buttonLabel_1o7en_140 svg path {
  fill: currentColor !important;
}

._error_1o7en_154 {
  margin: 12px 0 0;
  color: var(--danger);
  font-size: 12px;
  line-height: 18px;
}

._optionDisabled_1o7en_109 {
  opacity: 0.4;
  cursor: not-allowed;
}

._scopeLabel_1o7en_166 {
  font: inherit;
  letter-spacing: inherit;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}._content_96b4l_1 {
  flex: 1;
  min-height: 0;
  padding: 28px 24px;
  overflow: auto;
}

._panelHeading_96b4l_8 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

._panelHeading_96b4l_8 h1,
._panelHeading_96b4l_8 p,
._formIntro_96b4l_18 h3,
._formIntro_96b4l_18 p,
._authSectionHeading_96b4l_20 h3,
._authSectionHeading_96b4l_20 p {
  margin: 0;
}

._panelHeading_96b4l_8 h1 {
  color: var(--text);
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

._panelHeading_96b4l_8 p {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 20px;
}

._addButtonLabel_96b4l_39 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

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

._tableSection_96b4l_51 {
  min-height: 180px;
  overflow: hidden;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background: var(--surface);
}

._tableSection_96b4l_51 > div {
  min-height: 180px;
  border: 0;
  border-radius: 0;
}

._connectionLink_96b4l_65 {
  padding: 0;
  color: var(--text);
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

._connectionLink_96b4l_65:hover {
  color: var(--accent);
}

._avatarStack_96b4l_79 {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding-left: 6px;
}

._authAvatar_96b4l_86 {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-left: -6px;
  color: var(--text);
  border: 2px solid var(--surface);
  border-radius: 50%;
  background: var(--accent-tint);
  box-shadow: var(--shadow-sm);
  font-size: 12px;
  font-weight: 600;
  cursor: default;
}

._authAvatar_96b4l_86:nth-child(3n+2) {
  background: var(--chip-info-bg, var(--surface-muted));
}

._authAvatar_96b4l_86:nth-child(3n+3) {
  background: var(--surface-muted);
}

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

._tooltipLine_96b4l_114 {
  display: block;
}

._noAuth_96b4l_118 {
  color: var(--text-muted);
  font-size: 12px;
}

._infoNote_96b4l_123 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 13px 14px;
  color: var(--chip-info-text, var(--accent));
  border: 1px solid var(--border-field);
  border-radius: 9px;
  background: var(--chip-info-bg, var(--accent-tint));
  font-size: 12px;
  line-height: 18px;
}

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

._sidePanelLayout_96b4l_142 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

._sidePanelForm_96b4l_149 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}

._formIntro_96b4l_18 h3,
._authSectionHeading_96b4l_20 h3 {
  color: var(--text);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

._formIntro_96b4l_18 p,
._authSectionHeading_96b4l_20 p {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 20px;
}

._connectionCard_96b4l_172 {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #b9a3ee;
  border-radius: 10px;
  background: var(--surface);
}

._connectionCardHeader_96b4l_180 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 4px;
}

._connectionCardHeader_96b4l_180 img {
  width: 32px;
  height: 32px;
}

._connectionCardHeader_96b4l_180 strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._authSectionHeading_96b4l_20 {
  margin-top: 24px;
}

._field_96b4l_207 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 16px;
}

._field_96b4l_207 > span {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

._field_96b4l_207 .MuiOutlinedInput-root {
  color: var(--text);
  background: var(--surface);
}

._field_96b4l_207 .MuiOutlinedInput-notchedOutline {
  border-color: var(--border-field);
}

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

._field_96b4l_207 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--accent);
}

._field_96b4l_207 .MuiFormHelperText-root {
  min-height: 17px;
  margin: 5px 0 0;
  color: var(--text-muted);
  font-size: 11px;
}

._field_96b4l_207 .MuiFormHelperText-root.Mui-error {
  color: var(--danger);
}

._field_96b4l_207 .MuiIconButton-root {
  color: var(--text-secondary);
}

._authList_96b4l_253 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

._authCard_96b4l_260 {
  position: relative;
  padding: 14px;
  border: 1px solid var(--border-field);
  border-radius: 10px;
  background: var(--surface);
}

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

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

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

._authFields_96b4l_284 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px;
  gap: 12px;
}

._testConnectionButtonWrap_96b4l_290 {
  display: inline-flex;
  align-self: start;
  margin-top: 41px;
}

._testConnectionButton_96b4l_290 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--text-secondary);
  border: 1px solid var(--border-field);
  border-radius: 50%;
  background: var(--surface);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, opacity 120ms ease;
}

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

._testConnectionButton_96b4l_290:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

._testConnectionButton_96b4l_290 img {
  width: 16px;
  height: 16px;
}

._testConnectionButton_96b4l_290 .MuiCircularProgress-root {
  color: var(--accent);
}

._authEmpty_96b4l_330 {
  margin-top: 16px;
  padding: 18px;
  color: var(--text-secondary);
  border: 1px dashed var(--border-field);
  border-radius: 9px;
  text-align: center;
  font-size: 12px;
}

._authEmptyError_96b4l_340 {
  color: var(--danger);
  border-color: var(--danger);
}

._addAuthorizationAction_96b4l_345 {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

._addAuthorizationAction_96b4l_345 button {
  min-width: 199px;
  height: 40px;
}

._sidePanelFooter_96b4l_356 {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--border-field);
  background: var(--surface);
}

._sidePanelFooter_96b4l_356 button {
  min-width: 126px;
  height: 44px;
}

._actionsMenu_96b4l_371 {
  min-width: 148px;
  overflow: visible !important;
  border: 1px solid var(--border-field);
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow-panel) !important;
}

._actionsMenu_96b4l_371 .MuiMenuItem-root {
  display: flex;
  gap: 10px;
  color: var(--text);
  font-size: 13px;
}

@media (max-width: 720px) {
  ._content_96b4l_1 {
    padding: 20px 16px;
  }
  ._panelHeading_96b4l_8 {
    align-items: stretch;
    flex-direction: column;
  }
  ._authFields_96b4l_284 {
    grid-template-columns: 1fr;
  }
  ._testConnectionButtonWrap_96b4l_290 {
    margin-top: 0;
  }
}._page_150cw_1 {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

._settingsTabs_150cw_8 {
  flex: 0 0 auto;
  padding-left: 24px;
}

._content_150cw_13 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow: auto;
}

._settingsCard_150cw_22 {
  width: 100%;
  border: 1px solid var(--border-field);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-card);
  box-sizing: border-box;
}

._cardHeader_150cw_31 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  border-bottom: 1px solid var(--border-field);
}

._headerIcon_150cw_39 {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  color: var(--accent);
  border-radius: 8px;
  background: var(--accent-tint);
}

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

._cardHeader_150cw_31 h1,
._cardHeader_150cw_31 p,
._measurement_150cw_57 h2,
._metricName_150cw_58 h3,
._metricDescription_150cw_59,
._infoNote_150cw_60 p {
  margin: 0;
}

._cardHeader_150cw_31 h1 {
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

._cardHeader_150cw_31 p {
  margin-top: 1px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

._cardBody_150cw_79 {
  padding: 16px;
}

._measurement_150cw_57 {
  padding: 16px 18px;
  border: 1px solid var(--border-field);
  border-radius: 12px;
  background: var(--surface-muted);
}

._measurement_150cw_57 h2 {
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

._timeline_150cw_97 {
  --first-token-position: 32%;
  position: relative;
  min-height: 124px;
  margin-top: 14px;
}

._timelinePoint_150cw_104 {
  position: absolute;
  z-index: 2;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}

._middlePoint_150cw_119 {
  left: var(--first-token-position);
  align-items: center;
  transform: translateX(-50%);
}

._endPoint_150cw_125 {
  right: 0;
  align-items: flex-end;
}

._timelinePoint_150cw_104 i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--text-muted);
  box-shadow: 0 0 0 3px var(--surface-muted);
}

._timelineLine_150cw_138 {
  position: absolute;
  top: 35px;
  left: 6px;
  right: 6px;
  border-top: 1px dashed var(--text-muted);
}

._timelineGuide_150cw_146 {
  position: absolute;
  z-index: 1;
  top: 35px;
  width: 1px;
  height: 66px;
  background: repeating-linear-gradient(to bottom, var(--text-muted) 0, var(--text-muted) 4px, transparent 4px, transparent 8px);
}

._startGuide_150cw_155 {
  left: 6px;
}

._middleGuide_150cw_159 {
  left: var(--first-token-position);
  height: 27px;
}

._endGuide_150cw_164 {
  right: 6px;
}

._firstTokenRange_150cw_168,
._responseRange_150cw_169 {
  position: absolute;
  z-index: 2;
  left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-top: 2px solid currentColor;
  color: var(--info);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

._firstTokenRange_150cw_168::before,
._responseRange_150cw_169::before,
._firstTokenRange_150cw_168::after,
._responseRange_150cw_169::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

._firstTokenRange_150cw_168::before,
._responseRange_150cw_169::before {
  left: -1px;
  border-right: 6px solid currentColor;
}

._firstTokenRange_150cw_168::after,
._responseRange_150cw_169::after {
  right: -1px;
  border-left: 6px solid currentColor;
}

._firstTokenRange_150cw_168 {
  top: 61px;
  width: calc(var(--first-token-position) - 6px);
}

._responseRange_150cw_169 {
  top: 100px;
  width: calc(100% - 12px);
  color: var(--accent);
}

._firstTokenRange_150cw_168,
._responseRange_150cw_169 {
  background: linear-gradient(to bottom, transparent 0 8px, var(--surface-muted) 8px 100%);
}

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

._metrics_150cw_229 {
  --metric-columns: minmax(220px, 0.8fr) minmax(340px, 1.35fr) minmax(300px, 0.85fr);
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid var(--border-field);
  border-radius: 10px;
}

._metricsHeader_150cw_237,
._metricRow_150cw_238 {
  display: grid;
  grid-template-columns: var(--metric-columns);
  align-items: center;
  column-gap: 20px;
  padding: 12px 14px;
}

._metricsHeader_150cw_237 {
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-field);
  background: var(--surface-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

._metricsHeader_150cw_237 span:last-child {
  justify-self: end;
  width: 292px;
}

._metricsHeader_150cw_237 span:first-child {
  padding-left: 48px;
}

._metricRow_150cw_238 {
  min-height: 64px;
}

._metricRow_150cw_238 + ._metricRow_150cw_238 {
  border-top: 1px solid var(--border-field);
}

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

._metricName_150cw_58 h3 {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

._metricDescription_150cw_59 {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

._limitControl_150cw_295 {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 10px;
}

._limitLabel_150cw_302 {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

._limitInput_150cw_309 {
  flex: 0 0 182px;
}

._limitInput_150cw_309.MuiOutlinedInput-root {
  width: 182px;
  min-width: 182px;
}

._limitInput_150cw_309.MuiOutlinedInput-root.MuiInputBase-adornedEnd {
  padding-right: 0;
}

._limitInput_150cw_309.MuiOutlinedInput-root.Mui-disabled {
  background: var(--surface-muted);
}

._limitInput_150cw_309 .MuiInputBase-input.Mui-disabled {
  color: var(--text-muted);
  -webkit-text-fill-color: var(--text-muted);
}

._unit_150cw_331 {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  min-width: 68px;
  margin: 0;
  padding: 0 10px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  border-left: 1px solid var(--border-field);
  border-radius: 0 10px 10px 0;
  background: var(--surface-muted);
}

._metricRowDisabled_150cw_347 ._limitControl_150cw_295 {
  opacity: 0.55;
}

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

._infoNote_150cw_60 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 14px;
  color: var(--chip-info-text, var(--accent));
  border-radius: 10px;
  background: var(--chip-info-bg, var(--accent-tint));
}

._infoNote_150cw_60 svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

._infoNote_150cw_60 p {
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

._loadingState_150cw_379,
._emptyState_150cw_380 {
  min-height: 260px;
  display: grid;
  place-items: center;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

._actions_150cw_390 {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
}

._actions_150cw_390 button {
  min-width: 138px;
}

@media (max-width: 960px) {
  ._content_150cw_13 {
    padding: 16px;
  }
  ._metricsHeader_150cw_237 {
    display: none;
  }
  ._metricRow_150cw_238 {
    grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1.2fr);
    row-gap: 12px;
  }
  ._limitControl_150cw_295 {
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media (max-width: 600px) {
  ._cardBody_150cw_79,
  ._cardHeader_150cw_31 {
    padding: 14px;
  }
  ._measurement_150cw_57 {
    padding: 14px;
  }
  ._timeline_150cw_97 {
    --first-token-position: 38%;
  }
  ._timelinePoint_150cw_104 {
    font-size: 10px;
  }
  ._metricRow_150cw_238 {
    grid-template-columns: 1fr;
    align-items: start;
  }
  ._metricDescription_150cw_59,
  ._limitControl_150cw_295 {
    grid-column: 1;
  }
  ._limitControl_150cw_295 {
    flex-wrap: wrap;
  }
  ._limitInput_150cw_309,
  ._limitInput_150cw_309.MuiOutlinedInput-root {
    width: 182px;
  }
}@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  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_1sib6_57 {
  width: 287px;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-right: 1px solid var(--border-field);
  height: 100%;
}
._tenantSection_1sib6_66 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--border-field);
  padding: 16px 20px 16px 20px;
}
._tenantLabel_1sib6_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_1sib6_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin-top: 8px;
}
._tenantSelectWrapper_1sib6_92 {
  flex: 1;
  min-width: 0;
}
._addButton_1sib6_97,
._editButton_1sib6_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_1sib6_97:hover,
._editButton_1sib6_98:hover {
  background-color: var(--surface-muted);
  border-color: var(--border-strong);
}
._addButton_1sib6_97:active,
._editButton_1sib6_98:active {
  transform: scale(0.95);
}
._addButton_1sib6_97 img,
._editButton_1sib6_98 img {
  width: 20px;
  height: 20px;
  filter: var(--icon-mono-filter);
}
._addButton_1sib6_97 {
  background-color: var(--btn-dark);
}
._addButton_1sib6_97 img {
  filter: var(--btn-dark-icon-filter);
}
._addButton_1sib6_97:hover {
  background-color: var(--btn-dark-hover);
}
._editButton_1sib6_98:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._editButton_1sib6_98:disabled:hover {
  background-color: transparent;
  border-color: var(--border-field);
  transform: none;
}
._searchSection_1sib6_148 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 12px;
  overflow-y: auto;
}
._searchContainer_1sib6_156 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
._searchIcon_1sib6_163 {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  color: var(--text-muted);
}
._searchInput_1sib6_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_1sib6_172::placeholder {
  color: var(--text-muted);
}
._searchInput_1sib6_172:focus {
  border-color: var(--accent);
}
._menuSection_1sib6_193 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
._menuGroup_1sib6_201 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._sectionTitle_1sib6_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_1sib6_218 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 12px;
}
._menuItem_1sib6_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;
  text-decoration: none;
}
._menuItem_1sib6_218:hover {
  background-color: var(--surface-muted);
}
._menuItem_1sib6_218:active {
  transform: scale(0.98);
}
._menuItemActive_1sib6_250 {
  background: var(--nav-gradient-active);
  color: var(--text);
  font-weight: 500;
}
._menuItemActive_1sib6_250:hover {
  background: var(--nav-gradient-active);
}
._menuItemIcon_1sib6_259 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  filter: var(--icon-mono-filter);
}
._menuItemLabel_1sib6_266 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._sectionDivider_1sib6_273 {
  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_1qvh6_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._loaderContainer_1qvh6_63 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 200px);
  width: 100%;
}
._groupSection_1qvh6_71 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._groupTitle_1qvh6_77 {
  font-family: "Roboto";
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: var(--text);
}
._groupSeparator_1qvh6_85 {
  border-top: 1px solid var(--border-field);
}
._sectionTitle_1qvh6_89 {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--text);
}
._description_1qvh6_97 {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: var(--text-secondary);
  margin: 4px 0 0;
}
._tableWrapper_1qvh6_105 {
  border-radius: 8px;
  border: 1px solid var(--border-field);
  overflow: hidden;
}
._table_1qvh6_105 {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto";
  font-size: 13px;
  color: var(--text);
}
._thead_1qvh6_119 {
  background-color: var(--surface-muted);
}
._th_1qvh6_119,
._td_1qvh6_124 {
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  line-height: 18px;
}
._th_1qvh6_119 {
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
}
._roleName_1qvh6_137 {
  font-weight: 500;
}
._checkboxCell_1qvh6_141 {
  text-align: center;
  width: 64px;
}
._checkboxCell_1qvh6_141 .MuiCheckbox-root {
  padding: 2px;
}
._advancedList_1qvh6_149 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
}
._advancedItem_1qvh6_155 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
}
._advancedItem_1qvh6_155 .MuiCheckbox-root {
  padding: 0;
}
._advancedItemTitle_1qvh6_168 {
  display: block;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: var(--text);
}
._advancedItemDescription_1qvh6_177 {
  display: block;
  margin-top: 2px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary);
}
._toggleGroup_1qvh6_186 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._toggleRow_1qvh6_192 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._toggleLabel_1qvh6_198 {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text);
}
._error_1qvh6_204 {
  margin-top: 8px;
  font-size: 12px;
  color: var(--danger);
}
._retentionField_1qvh6_210 {
  width: 100%;
  max-width: 400px;
}
._actions_1qvh6_215 {
  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_ac10d_29 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
._section_ac10d_36 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 960px;
}
._sectionTitle_ac10d_43 {
  margin: 0;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
}
._sectionDescription_ac10d_51 {
  margin: 0;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-secondary);
}
._card_ac10d_59 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 16px;
  background: var(--surface);
}
._themeBadge_ac10d_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_ac10d_83,
._swatchesTitle_ac10d_84 {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
._swatchesHeader_ac10d_92 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
._customizedCount_ac10d_99 {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--surface-accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent-active-text);
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
}
._swatchGroups_ac10d_112 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._swatchGroup_ac10d_112 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._swatchGroupTitle_ac10d_124 {
  margin: 0;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
._presetsBlock_ac10d_134 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._presetsGrid_ac10d_140 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
._presetCard_ac10d_146 {
  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_ac10d_146:hover:not(:disabled) {
  border-color: var(--accent-border);
  background: var(--surface-subtle);
  box-shadow: var(--shadow-sm);
}
._presetCard_ac10d_146:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._presetCardActive_ac10d_168 {
  border-color: var(--accent-border);
  background: var(--surface-subtle);
  box-shadow: 0 0 0 3px var(--accent-tint), var(--shadow-sm);
}
._presetCardWrap_ac10d_174 {
  position: relative;
  min-width: 0;
}
._presetCardWrap_ac10d_174 ._presetCard_ac10d_146 {
  width: 100%;
  height: 100%;
  padding-right: 28px;
}
._presetDelete_ac10d_184 {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}
._presetDelete_ac10d_184:hover:not(:disabled) {
  border-color: var(--accent-border);
  color: var(--accent-active-text);
}
._presetDelete_ac10d_184:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._presetAddCard_ac10d_213 {
  border-style: dashed;
}
._presetAddCard_ac10d_213:hover:not(:disabled) {
  border-style: dashed;
}
._presetAddIcon_ac10d_220 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px dashed var(--border-strong);
  color: var(--text-muted);
}
._presetSwatch_ac10d_232 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--border);
}
._presetMeta_ac10d_240 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
._presetLabel_ac10d_249 {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
  min-width: 0;
  max-width: 100%;
}
._presetDescription_ac10d_258 {
  font-family: "Roboto";
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
._colorGrid_ac10d_266 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 720px) {
  ._colorGrid_ac10d_266 {
    grid-template-columns: 1fr;
  }
}
._inputLabel_ac10d_277 {
  display: block;
  margin-bottom: 8px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}
._hint_ac10d_286 {
  margin: 0;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 1.45;
  color: var(--text-muted);
}
._previewRow_ac10d_294 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
._previewPill_ac10d_301 {
  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_ac10d_314 {
  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_ac10d_328 {
  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_ac10d_343 {
  color: var(--text-muted);
}
._previewGradient_ac10d_347 {
  height: 10px;
  flex: 1 1 160px;
  min-width: 160px;
  border-radius: 999px;
  background: var(--accent-gradient);
}
._swatchGrid_ac10d_355 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
._swatchItem_ac10d_361 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}
._swatchItemCustom_ac10d_371 {
  border-color: var(--accent-border);
  background: var(--surface-accent-soft);
}
._swatchItemEditing_ac10d_376 {
  border-color: var(--accent);
}
._swatchTop_ac10d_380 {
  position: relative;
}
._swatch_ac10d_84 {
  width: 100%;
  height: 36px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  background-clip: padding-box;
}
._swatch_ac10d_84:hover:not(:disabled) {
  border-color: var(--accent-border);
}
._swatch_ac10d_84:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
._swatchLabel_ac10d_402 {
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.3;
}
._swatchFooter_ac10d_410 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
._customBadge_ac10d_417 {
  flex-shrink: 0;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent-active-text);
  font-family: "Roboto";
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
._revertBtn_ac10d_431 {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}
._revertBtn_ac10d_431:hover:not(:disabled) {
  border-color: var(--accent-border);
  color: var(--accent-active-text);
}
._revertBtn_ac10d_431:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._swatchValue_ac10d_460 {
  font-family: "Roboto";
  font-size: 10px;
  color: var(--text-muted);
  word-break: break-all;
  min-width: 0;
  flex: 1 1 auto;
}
._swatchPicker_ac10d_469 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._swatchPicker_ac10d_469 .MuiTextField-root {
  width: 100%;
}
._revertLink_ac10d_478 {
  align-self: flex-start;
  padding: 0;
  border: none;
  background: none;
  color: var(--accent-link);
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
._revertLink_ac10d_478:hover:not(:disabled) {
  text-decoration: underline;
}
._revertLink_ac10d_478:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._actions_ac10d_497 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 8px;
}._mapping_1t609_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-subtle);
}

._mappingHead_1t609_11,
._mappingRow_1t609_12 {
  display: grid;
  grid-template-columns: minmax(120px, 0.9fr) minmax(160px, 1.2fr) minmax(120px, 0.7fr) minmax(120px, 0.7fr);
  gap: 8px;
  align-items: center;
}

._mappingHeadSortable_1t609_19,
._mappingRowSortable_1t609_20 {
  grid-template-columns: 28px minmax(120px, 0.9fr) minmax(160px, 1.2fr) minmax(120px, 0.7fr) minmax(120px, 0.7fr);
}

._mappingHead_1t609_11 > *,
._mappingRow_1t609_12 > * {
  min-width: 0;
}

._mappingRowSortable_1t609_20 {
  position: relative;
}

._dragHandle_1t609_33 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--text-muted);
  cursor: grab;
  touch-action: none;
  min-width: 28px;
  user-select: none;
}
._dragHandle_1t609_33:hover, ._dragHandle_1t609_33:focus-visible {
  background: var(--surface-muted);
  color: var(--text);
}
._dragHandle_1t609_33:active {
  cursor: grabbing;
}

._dragHandleLocked_1t609_57 {
  cursor: default;
  visibility: hidden;
  pointer-events: none;
}

._mappingHead_1t609_11 {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

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

._mappingColor_1t609_81 .MuiTextField-root {
  width: 100%;
}

._mappingEmpty_1t609_85 {
  padding: 16px;
  border: 1px dashed var(--border);
  border-radius: 10px;
  color: var(--text-muted);
  font-size: 13px;
}

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

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

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

._hint_1t609_113 {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  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;
}
._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_1dzyj_29 {
  padding: 14px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: calc(100% - (var(--page-header)) / 2);
  width: 100%;
}
._tabs_1dzyj_38 {
  display: flex;
  gap: 24px;
}
._tab_1dzyj_38 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: var(--text);
  cursor: pointer;
}
._active_1dzyj_53 {
  font-weight: bold;
  border-bottom: 2px solid var(--text);
}
._balance_1dzyj_58 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
._balance_1dzyj_58 h5 {
  font-family: inherit;
  white-space: nowrap;
  color: var(--text-secondary);
}
._balance_1dzyj_58 span {
  font-family: sans-serif;
  font-weight: bold;
  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;
}
._title_nz9b1_29 {
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  margin-top: 32px;
}
._tableCell_nz9b1_40 {
  margin: 7px;
}
._placeholderContainer_nz9b1_44 {
  padding-top: 9.7%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._headerCell_nz9b1_53 {
  max-height: 47px;
  line-height: 17px;
  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_nz9b1_53._first_nz9b1_63 {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid var(--border);
}
._headerCell_nz9b1_53._last_nz9b1_67 {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid var(--border);
}
._tableLabel_nz9b1_72 {
  font-family: "Roboto";
  font-size: 13px;
  width: 100%;
}
._buttonContainer_nz9b1_78 {
  min-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 0;
}
._buttonContainer_nz9b1_78 ._title_nz9b1_29 {
  font-family: "Roboto";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  color: var(--scss-text-color, #1f1f1f);
}
._expandTable_nz9b1_95 td {
  color: var(--scss-text-color, #1f1f1f);
}
._cell_nz9b1_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_nz9b1_98 ._cellWrapper_nz9b1_108 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108._cellWrapperRoundLast_nz9b1_116 {
  border-radius: 0 5px 5px 0;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108._cellWrapperRoundFirst_nz9b1_119 {
  border-radius: 5px 0 0 5px;
}
._cell_nz9b1_98 ._cellWrapper_nz9b1_108 div {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
._cell__status_nz9b1_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_nz9b1_137 {
  background-color: var(--chip-warn-bg, rgba(255, 246, 200, 0.8));
}
._cell__status__finished_nz9b1_140 {
  background-color: var(--chip-ok-bg, rgba(221, 255, 200, 0.8));
}
._cell__status__error_nz9b1_143 {
  background-color: var(--chip-err-bg, rgb(255, 188, 188));
}
._row_nz9b1_147 {
  height: 60px !important;
  max-height: 60px;
}
._pmInfo_nz9b1_152 {
  display: flex;
  gap: 10px;
}
._pmInfo_nz9b1_152 > div {
  text-transform: uppercase;
}
._tooltipIcon_nz9b1_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_ugdnl_57 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(100vh - 50px);
  padding-top: 24px;
}
@media screen and (max-width: 834px) {
  ._templatesContainer_ugdnl_57 {
    height: calc(100vh - 50px);
  }
}
._templatesContainer_ugdnl_57 ._filterHolder_ugdnl_70 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._templatesContainer_ugdnl_57 ._placeHolderContainer_ugdnl_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._templatesContainer_ugdnl_57 ._placeHolderContainer_ugdnl_76 ._placeHolder_ugdnl_76 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._flexContainer_ugdnl_88 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
._previewContainer_ugdnl_95 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  position: relative;
}
._mainContainer_ugdnl_103 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 14px;
}
._buttonsHolder_ugdnl_111 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
._saveButtonContainer_ugdnl_118 {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
}
._otherButtonsContainer_ugdnl_126 {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
}
._preview_ugdnl_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_ugdnl_88 > * {
  flex: 0 0 calc(50% - 8px);
  box-sizing: border-box;
}
._container_ugdnl_150 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: calc(100vh - 50px);
}
@media screen and (max-width: 834px) {
  ._container_ugdnl_150 {
    height: calc(100vh - 50px);
  }
}
._container_ugdnl_150 ._filterHolder_ugdnl_70 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  height: 52px;
}
._container_ugdnl_150 ._placeHolderContainer_ugdnl_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
._container_ugdnl_150 ._placeHolderContainer_ugdnl_76 ._placeHolder_ugdnl_76 {
  color: var(--scss-text-color, #1f1f1f);
  font-size: 36px;
  font-family: "Roboto";
}
._title_ugdnl_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_ugdnl_190 {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
._content_ugdnl_190 ._buttonsHolder_ugdnl_111 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
._list_ugdnl_202 {
  width: 100%;
  height: 100%;
}
._infoHolder_ugdnl_207 {
  width: 100%;
  height: fit-content;
  display: inline-flex;
  gap: 24px;
}
._infoHolder_ugdnl_207 ._infoCard_ugdnl_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_ugdnl_207 ._infoCard_ugdnl_213 ._memberLabel_ugdnl_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_ugdnl_207 ._infoCard_ugdnl_213 ._cardContent_ugdnl_233 {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
}
._infoHolder_ugdnl_207 ._infoCard_ugdnl_213 ._cardContent_ugdnl_233 ._typeLabelHolder_ugdnl_239 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
._infoHolder_ugdnl_207 ._infoCard_ugdnl_213 ._cardContent_ugdnl_233 ._typeLabelHolder_ugdnl_239 ._typeLabel_ugdnl_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_ugdnl_207 ._infoCard_ugdnl_213 ._cardContent_ugdnl_233 ._memberIconsHolder_ugdnl_255 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
._membersHolder_ugdnl_262 {
  position: relative;
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
}
._avatar_ugdnl_273 {
  margin-left: -15px;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid white;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
._avatar_ugdnl_273 + ._avatar_ugdnl_273 {
  margin-left: -15px;
  z-index: 2;
}
._dots_ugdnl_288 {
  font-size: 18px;
  font-weight: 600;
}
._placeHolder_ugdnl_76 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 64px;
}
._confirmModal__content_ugdnl_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_9398b_57 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border-radius: var(--radius, 12px);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(16, 28, 64, 0.03);
  overflow: visible;
  background: var(--surface);
}
._fieldsWrapper__header_9398b_69 {
  border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
  border: none;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  padding: var(--pad-md, 12px) var(--pad-lg, 16px);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--pad-sm, 8px);
  align-self: stretch;
  box-sizing: border-box;
  min-height: calc(var(--pad-md, 12px) * 2 + 30px);
}
._fieldsWrapper__header_9398b_69 span {
  color: var(--text);
  text-align: left;
  font-family: "Roboto";
  font-size: var(--fs-base, 13px);
  font-style: normal;
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
}
._fieldsWrapper__content_9398b_93 {
  display: flex;
  padding: var(--pad-md-plus, 14px) var(--pad-lg, 16px) var(--pad-lg, 16px);
  gap: var(--pad-md-plus, 14px);
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  border: none;
  background: var(--surface);
  box-sizing: border-box;
}
._fieldContainer_9398b_107 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  gap: var(--pad-xs, 6px);
  font-family: "Roboto";
  color: var(--scss-text-color, #1f1f1f);
}
._fieldContainer_9398b_107 ._flexContainer_9398b_116 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._fieldContainer_9398b_107 ._hader_9398b_121 {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 0;
  gap: var(--pad-xs, 6px);
}
._fieldContainer_9398b_107 ._hader_9398b_121 ._textHolder_9398b_129 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
  color: var(--text-secondary);
}
._fieldContainer_9398b_107 ._subhader_9398b_135 {
  height: auto;
  text-wrap: wrap;
  line-height: 1.3;
  overflow: hidden;
  font-size: var(--fs-sm, 12px);
  display: flex;
  align-items: center;
  font-weight: var(--fw-medium, 500);
  color: var(--text-muted);
}
._fieldContainer_9398b_107 ._field_9398b_57 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-family: "Roboto";
}
._fieldContainer_9398b_107 ._checkboxContainer_9398b_154 {
  display: flex;
  align-items: flex-start;
}
._textWithTooltip_9398b_159 {
  display: inline-flex;
  align-items: center;
  gap: var(--pad-xs, 6px);
}
._tooltipIcon_9398b_165 {
  align-self: flex-start;
}
._holderContainer_9398b_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._textFlex_9398b_176 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._textFlex_9398b_176:is(img) {
  width: var(--icon-ui, 20px);
  height: var(--icon-ui, 20px);
  flex-shrink: 0;
  filter: var(--icon-mono-filter);
}
._subwrapper_9398b_188 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--pad-md, 12px);
  align-items: stretch;
  width: 100%;
  height: fit-content;
}
._subwrapper_9398b_188 ._fieldsWrapper_9398b_57 {
  min-width: 0;
  max-width: none;
  flex: none;
}
@media (max-width: 1280px) {
  ._subwrapper_9398b_188 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  ._subwrapper_9398b_188 {
    grid-template-columns: 1fr;
  }
}
._fieldsWrapper_9398b_57 ._hader_9398b_121 ._textHolder_9398b_129,
._fieldContainer_9398b_107 ._hader_9398b_121 ._textHolder_9398b_129 {
  font-size: var(--fs-sm, 12px);
  font-weight: var(--fw-semi, 600);
  line-height: 1.3;
}/* 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;
  --secondary-sidebar: #ffffff;
  --header-bg: #ffffff;
  --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-item-bg: #eef0f6;
  --call-queue-item-active-bg: #e2e6f0;
  --call-queue-item-hover-border: #c5cad8;
  --call-queue-count-bg: #e2e6f0;
  --call-queue-count-text: #525a73;
  --call-queue-label-live: #1aa37a;
  --call-queue-label-neutral: #8b93aa;
  --call-queue-dot-live: #1aa37a;
  --call-queue-summary-bg: var(--surface-accent-soft);
  --call-queue-caller-info-bg: var(--surface-accent-soft);
  --transcript-bg: var(--surface);
  --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;
  --user-message-bubble-bg: var(--user-message-bubble-bg-default);
  --agent-message-bubble-bg: var(--agent-message-bubble-bg-default);
  --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-fail-hover-bg-default: linear-gradient(135deg, #fee2e2 0%, #fecaca 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-sm: 10.5px;
  --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);
  --fs-table-header: var(--fs-caption-sm);
  --fs-table-cell: 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-xl: 16px;
  --radius-pill: 999px;
  --radius: 12px;
  --control-height-sm: 36px;
  --control-height-md: 42px;
  --control-height-lg: 48px;
  --control-height-input: 44px;

  /* 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-lg: 20px;
  --icon-ui: var(--icon-lg);
  --icon-inline: 16px;
  --icon-action: 24px;
  --brand-logo-width: 120px;
  --brand-logo-max-height: 32px;
  --pad-toolbar-block-start: var(--gap-lg);
  --pad-toolbar-block-end: var(--gap-md);
  --table-row-height: 48px;
  --table-header-height: 44px;
  --table-cell-padding-y: var(--gap-sm);
  --table-cell-padding-x: var(--gap-lg);
  --table-action-width: 36px;
  --table-action-height: 32px;
  --table-action-radius: var(--radius-md);

  /* 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);
  --menu-item-selected-bg: var(--surface-accent-faint);
  --menu-item-selected-hover-bg: var(--surface-subtle);

  --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;
  --tooltip-muted: rgba(238, 238, 238, 0.72);

  /* 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);

  --call-queue-player-bg: var(--surface);
  --player-label-text: var(--text-secondary);
  --waveform-bar: #4a5568;
  --waveform-bar-played: #2a3140;
  --waveform-glow: color-mix(in srgb, var(--text) 8%, transparent);
  --waveform-track-bg: var(--surface-subtle);
  --waveform-track-played: var(--surface-muted);
  --sentiment-pos: var(--ok);
  --sentiment-neu: var(--warning);
  --sentiment-neg: var(--danger);
  --sentiment-fill-pos: rgba(37, 167, 102, 0.18);
  --sentiment-fill-neg: rgba(239, 68, 68, 0.15);
  --emotion-happy: #12a15a;
  --emotion-happy-band: rgba(18, 161, 90, 0.12);
  --emotion-happy-frame-muted: #12a15a;
  --emotion-happy-dim: #5ec4ab;
  --emotion-angry: #d6416e;
  --emotion-angry-band: rgba(214, 65, 110, 0.1);
  --emotion-angry-frame-muted: #d6416e;
  --emotion-angry-dim: #e68da8;
  --emotion-sad: #1b6fd4;
  --emotion-sad-band: rgba(27, 111, 212, 0.12);
  --emotion-sad-frame-muted: #1b6fd4;
  --emotion-sad-dim: #8aa0e8;
  --emotion-fearful: #5a48d4;
  --emotion-fearful-band: rgba(90, 72, 212, 0.1);
  --emotion-fearful-frame-muted: #5a48d4;
  --emotion-fearful-dim: #8b82d8;
  --emotion-disgusted: #8a5a28;
  --emotion-disgusted-band: rgba(138, 90, 40, 0.1);
  --emotion-disgusted-frame-muted: #8a5a28;
  --emotion-disgusted-dim: #c4a078;
  --emotion-surprised: #9a3dc0;
  --emotion-surprised-band: rgba(154, 61, 192, 0.1);
  --emotion-surprised-frame-muted: #9a3dc0;
  --emotion-surprised-dim: #c98ad8;
  --emotion-neutral: #5c6370;
  --emotion-neutral-band: rgba(92, 99, 112, 0.1);
  --emotion-neutral-frame-muted: #5c6370;
  --emotion-neutral-dim: #9aa3b8;
  --emotion-overlay-bg: transparent;
  --emotion-fill-mix: 100%;
  --emotion-bar-chroma: 34%;
  --emotion-scrub-fill: color-mix(in srgb, var(--text-muted) 6%, transparent);
  --sound-chip-bg: rgba(255, 255, 255, 0.92);
  --sound-marker: var(--text-secondary);
  --sound-marker-alert: var(--danger);
  --emergency-normal: var(--text-muted);
  --emergency-watch: var(--warning);
  --emergency-recovery: var(--info);
  --emergency-emergency: var(--danger);
  --emergency-zone-label-emergency: #c22b2b;
  --emergency-zone-label-recovery: #3358d6;
}

: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;
  --secondary-sidebar: #1a1b25;
  --header-bg: #1a1b25;
  --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);
  --open-cost-btn-hover-bg: var(--btn-primary-hover-bg, var(--btn-dark-hover));
  --open-cost-btn-hover-color: var(--btn-primary-hover-text, 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-item-bg: #293040;
  --call-queue-item-active-bg: #323a4d;
  --call-queue-item-hover-border: #5a6480;
  --call-queue-count-bg: #323a4d;
  --call-queue-count-text: #cdd4e1;
  --call-queue-label-live: #6de0bb;
  --call-queue-label-neutral: #a8b0c4;
  --call-queue-dot-live: #6de0bb;
  --call-queue-summary-bg: var(--surface-subtle);
  --call-queue-caller-info-bg: var(--surface-subtle);
  --transcript-bg: var(--surface);
  --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);
  --user-message-bubble-bg: var(--user-message-bubble-bg-default);
  --agent-message-bubble-bg: var(--agent-message-bubble-bg-default);
  --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-fail-hover-bg-default: rgba(239, 68, 68, 0.14);
  --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);
  --menu-item-selected-bg: var(--surface-accent-faint);
  --menu-item-selected-hover-bg: var(--surface-muted);

  --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;
  --tooltip-muted: rgba(232, 233, 242, 0.72);

  /* 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);

  --call-queue-player-bg: var(--surface-subtle);
  --player-label-text: var(--text-muted);
  --waveform-bar: #d0d6e6;
  --waveform-bar-played: #7a8198;
  --waveform-glow: rgba(0, 0, 0, 0.45);
  --waveform-track-bg: color-mix(in srgb, var(--text-secondary) 8%, transparent);
  --waveform-track-played: color-mix(in srgb, #000 7%, var(--surface));
  --sentiment-pos: var(--ok);
  --sentiment-neu: var(--warning);
  --sentiment-neg: var(--danger);
  --sentiment-fill-pos: rgba(47, 193, 120, 0.26);
  --sentiment-fill-neg: rgba(244, 96, 95, 0.22);
  --emotion-happy: #2dd4bf;
  --emotion-happy-band: rgba(45, 212, 191, 0.22);
  --emotion-happy-frame-muted: rgba(45, 212, 191, 0.38);
  --emotion-happy-dim: #2a8f84;
  --emotion-angry: #e2708f;
  --emotion-angry-band: rgba(226, 112, 143, 0.24);
  --emotion-angry-frame-muted: rgba(226, 112, 143, 0.38);
  --emotion-angry-dim: #a35167;
  --emotion-sad: #6ea1ff;
  --emotion-sad-band: rgba(110, 161, 255, 0.22);
  --emotion-sad-frame-muted: rgba(110, 161, 255, 0.38);
  --emotion-sad-dim: #4a6fad;
  --emotion-fearful: #a78bfa;
  --emotion-fearful-band: rgba(167, 139, 250, 0.24);
  --emotion-fearful-frame-muted: rgba(167, 139, 250, 0.38);
  --emotion-fearful-dim: #6a5fb0;
  --emotion-disgusted: #d4a574;
  --emotion-disgusted-band: rgba(212, 165, 116, 0.22);
  --emotion-disgusted-frame-muted: rgba(212, 165, 116, 0.38);
  --emotion-disgusted-dim: #9a7355;
  --emotion-surprised: #e879f9;
  --emotion-surprised-band: rgba(232, 121, 249, 0.22);
  --emotion-surprised-frame-muted: rgba(232, 121, 249, 0.38);
  --emotion-surprised-dim: #9a5aaa;
  --emotion-neutral: #b4bcd0;
  --emotion-neutral-band: rgba(180, 188, 208, 0.14);
  --emotion-neutral-frame-muted: rgba(180, 188, 208, 0.38);
  --emotion-neutral-dim: #6a7388;
  --emotion-overlay-bg: rgba(0, 0, 0, 0.22);
  --emotion-fill-mix: 0%;
  --emotion-bar-chroma: 100%;
  --emotion-scrub-fill: rgba(255, 255, 255, 0.08);
  --sound-chip-bg: rgba(12, 16, 28, 0.88);
  --sound-marker: var(--text-secondary);
  --sound-marker-alert: var(--danger);
  --emergency-normal: var(--text-muted);
  --emergency-watch: var(--warning);
  --emergency-recovery: var(--info);
  --emergency-emergency: var(--danger);
  --emergency-zone-label-emergency: var(--danger);
  --emergency-zone-label-recovery: var(--info);
}

/* 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: var(--fs-base);
  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: var(--fs-base);
  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);
  }
}