/* resources/ts/components/CodeEditor.module.css */
.CodeEditor_codeEditor {
  display: grid;
  .cm-gutters {
    column-gap: 4px;
    padding: 0 4px;
  }
  .cm-lineNumbers .cm-gutterElement {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .cm-foldGutter .cm-gutterElement {
    padding: 0 var(--spacing-half);
  }
  .cm-line {
    padding: 2px var(--spacing-half);
  }
}

/* resources/ts/components/ModalWindow.module.css */
body:has(.ModalWindow_modalWindowBackdrop) {
  overflow: hidden;
  padding-right: var(--width-scrollbar);
}
.ModalWindow_modalWindowBackdrop {
  --color-modal-window-background: var(--color-body-background);
  --height-modal-window-titlebar: 42px;
  --max-height-modal-window: calc(100dvh - var(--spacing-2x));
  align-items: center;
  bottom: 0;
  display: grid;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: var(--spacing-base);
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: var(--z-index-modal);
  @media screen and (min-width: 1032px) {
    --max-width-modal-window: 1000px;
  }
  @media screen and (max-width: 1032px) {
    --max-width-modal-window: calc(100dvw - var(--spacing-2x));
  }
}
.ModalWindow_modalWindow {
  border: 2px solid var(--color-border);
  box-shadow: var(--spacing-half) var(--spacing-half) 0 #00000055;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  left: 50%;
  max-height: var(--max-height-modal-window);
  max-width: var(--max-width-modal-window);
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}
.ModalWindow_modalWindow__closeButton {
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  display: flex;
  height: 100%;
  justify-content: center;
  width: var(--height-modal-window-titlebar);
  img {
    height: 24px;
    width: 24px;
  }
}
.ModalWindow_modalWindow__content {
  background-color: var(--color-modal-window-background);
  overflow-y: auto;
}
.ModalWindow_modalWindow__titleBar {
  align-items: center;
  background-color: var(--color-highlight-2);
  border-bottom: 2px solid var(--color-border);
  display: grid;
  grid-template-columns: 1fr auto;
  height: var(--height-modal-window-titlebar);
}
.ModalWindow_modalWindow__titleBar__title {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: 100%;
  padding: 0 var(--spacing-base);
}

/* resources/ts/components/ChatTemplateEditButton.module.css */
.ChatTemplateEditButton_chatTemplateEditButton {
  align-self: flex-start;
  appearance: none;
  background-color: #c3c3e4;
  border-radius: 20px 30%;
  border: none;
  padding: var(--spacing-half) var(--spacing-base);
  transition-duration: var(--duration-transition-hover);
  transition-property:
    background-color,
    border-radius,
    color;
  &:disabled {
    background-color: #dfdff4;
    color: #aaa;
    filter: none;
  }
  &:not(:disabled):hover {
    border-radius: 30% 20px;
  }
}
.ChatTemplateEditButton_chatTemplateEditButton__modal,
.ChatTemplateEditButton_chatTemplateEditButton__modal__content {
  display: grid;
  height: 100%;
}
.ChatTemplateEditButton_chatTemplateEditButton__modal {
  grid-template-rows: auto 1fr;
}
.ChatTemplateEditButton_chatTemplateEditButton__modal__toolbar {
  background-color: var(--color-modal-window-background);
  border-bottom: 2px solid var(--color-border);
  padding: var(--spacing-half);
  position: sticky;
  top: 0;
}
.ChatTemplateEditButton_chatTemplateEditButton__modal__toolbarButton {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: none;
  column-gap: var(--spacing-base);
  display: flex;
  flex-direction: row;
  padding: var(--spacing-half);
  text-decoration: underline;
  img {
    height: 1em;
    width: 1em;
  }
}

/* resources/ts/components/ChatTemplateBehavior.module.css */
.ChatTemplateBehavior_chatTemplateBehavior {
  --spacing-with-radio-offset: calc(2 * var(--spacing-base) + 14px);
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-base);
  row-gap: var(--spacing-half);
  > p {
    padding: 0 var(--spacing-base) 0 var(--spacing-with-radio-offset);
  }
  input[type=radio] {
    background-color: white;
    border-radius: 50%;
    border: 2px solid black;
    height: 12px;
    width: 12px;
    &:checked {
      background-image:
        radial-gradient(
          circle,
          black 50%,
          transparent 50%);
    }
  }
  select {
    appearance: none;
    background-color: white;
    background-image: url("/static/arrow_drop_down_oUHPqPPGqmvkMRSApbhRz.svg");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    border-color: var(--color-border);
    border-style: solid;
    border-width: 2px;
    padding: var(--spacing-quarter) var(--spacing-half) var(--spacing-quarter) 24px;
    &:focus {
      outline: none;
    }
  }
}
.ChatTemplateBehavior_chatTemplateBehavior__description {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) 0;
  row-gap: var(--spacing-half);
}
.ChatTemplateBehavior_chatTemplateBehavior__option {
  background-color: lavender;
  border: 2px solid #c3c3e4;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
}
.ChatTemplateBehavior_chatTemplateBehavior__optionList {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-half) 0;
  row-gap: var(--spacing-half);
}
.ChatTemplateBehavior_chatTemplateBehavior__radio {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 var(--spacing-base);
}

/* resources/ts/components/inferenceParameterInput.module.css */
.inferenceParameterInput_inferenceParameterInput {
  --height-input: 35px;
  --width-input-border: 1px;
  align-items: center;
  column-gap: var(--spacing-base);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.inferenceParameterInput_inferenceParameterInput__checkbox {
  align-items: center;
  display: flex;
  height: var(--height-input);
  padding: var(--spacing-half) 2px var(--spacing-quarter) 2px;
  input[type=checkbox] {
    appearance: none;
    background-color: white;
    border: 2px solid white;
    height: 1em;
    outline: 2px solid var(--color-border);
    position: relative;
    width: 1em;
    &:checked:after {
      clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
      background-color: var(--color-border);
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform-origin: bottom left;
      width: 100%;
    }
  }
}
.inferenceParameterInput_inferenceParameterInput__input {
  appearance: none;
  border-color: var(--color-border);
  border-style: solid;
  border-width: var(--width-input-border) var(--width-input-border) 0 var(--width-input-border);
  box-shadow: 1px 1px 0 var(--color-border);
  height: var(--height-input);
  padding: var(--spacing-half);
  &:focus {
    outline: none;
  }
}
.inferenceParameterInput_inferenceParameterInput:last-of-type .inferenceParameterInput_inferenceParameterInput__input {
  border-bottom-width: var(--width-input-border);
}
.inferenceParameterInput_inferenceParameterInput__label {
  font-weight: bold;
  text-align: right;
}
.inferenceParameterInput_inferenceParameterInput__select {
  column-gap: var(--spacing-half);
  display: flex;
  flex-direction: row;
  height: var(--height-input);
  margin: var(--spacing-quarter) 0;
  select {
    appearance: none;
    background-color: white;
    background-image: url("/static/arrow_drop_down_oUHPqPPGqmvkMRSApbhRz.svg");
    background-position: var(--spacing-half) center;
    background-repeat: no-repeat;
    background-size: 1em;
    border: 1px solid var(--color-border);
    box-shadow: 1px 1px 1px var(--color-border);
    color: black;
    padding: var(--spacing-half) var(--spacing-base) var(--spacing-half) calc(var(--spacing-base) + 1em);
    &:disabled {
      opacity: 0.3;
    }
    &:open {
      background-image: url("/static/arrow_drop_up_oUHPqPPGqmvkMRSApbhRz.svg");
    }
  }
}
.inferenceParameterInput_inferenceParameterInput__disabledHint {
  position: relative;
}
.inferenceParameterInput_inferenceParameterInput__disabledHint__content {
  --icon-size: calc(var(--font-size-small) * 1.6);
  background-image: url("/static/arrow_back_oUHPqPPGqmvkMRSApbhRz.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: var(--icon-size);
  font-size: var(--font-size-small);
  font-style: italic;
  left: 0;
  padding-left: calc(var(--icon-size) + var(--spacing-half));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  width: auto;
}

/* resources/ts/components/ChangeModelForm.module.css */
@keyframes ChangeModelForm_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ChangeModelForm_changeModelForm {
  align-items: flex-start;
  animation: ChangeModelForm_fadeIn 200ms ease-in-out;
  column-gap: var(--spacing-base);
  display: grid;
  grid-template-areas: "main aside";
  grid-template-columns: 3fr minmax(300px, 2fr);
  max-width: var(--max-width-workbench-content);
  padding: var(--spacing-base) 0;
  width: 100%;
}
.ChangeModelForm_changeModelForm__asideInfo {
  background-color: var(--color-note-background);
  border: 2px dashed var(--color-border);
  display: flex;
  flex-direction: column;
  grid-area: aside;
  margin-right: var(--spacing-base);
  padding: var(--spacing-2x);
  row-gap: var(--spacing-base);
  dl {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-half);
  }
  dd {
    display: flex;
    flex-direction: column;
    margin-left: var(--spacing-base);
    row-gap: var(--spacing-half);
  }
  dt {
    font-weight: bold;
    margin-top: var(--spacing-base);
  }
}
.ChangeModelForm_changeModelForm__chatTemplate,
.ChangeModelForm_changeModelForm__parameters {
  appearance: none;
  border: none;
  display: flex;
  flex-direction: column;
  legend {
    appearance: none;
    font-weight: bold;
  }
}
.ChangeModelForm_changeModelForm__chatTemplate {
  legend {
    padding: 0 var(--spacing-base) 0 calc(2 * var(--spacing-base) + 14px);
  }
}
.ChangeModelForm_changeModelForm__details {
  background-color: var(--color-note-background);
  border: 2px dashed var(--color-border);
  margin: var(--spacing-base) 0;
  p {
    margin-bottom: var(--spacing-base);
  }
  > summary {
    align-items: center;
    column-gap: var(--spacing-half);
    cursor: pointer;
    display: flex;
    padding: var(--spacing-base);
    &::before {
      background-image: url("/static/arrow_right_oUHPqPPGqmvkMRSApbhRz.svg");
      content: "";
      display: inline-block;
      height: 1em;
      transition: transform 0.2s ease;
      width: 1em;
    }
  }
  &[open] > summary::before {
    transform: rotate(90deg);
  }
}
.ChangeModelForm_changeModelForm__form {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-2x);
}
.ChangeModelForm_changeModelForm__formControls {
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  padding: 0 var(--spacing-base);
}
.ChangeModelForm_changeModelForm__formLabel {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-half);
}
.ChangeModelForm_changeModelForm__formLabel__title {
  font-weight: bold;
  padding: 0 var(--spacing-base);
}
.ChangeModelForm_changeModelForm__input {
  appearance: none;
  background-color: var(--color-body-background);
  border: 2px solid var(--color-border);
  box-shadow: 4px 4px 0 var(--color-border);
  padding: var(--spacing-base);
  &:focus {
    outline: 4px solid var(--color-highlight-1);
  }
}
.ChangeModelForm_changeModelForm__main {
  grid-area: main;
  padding: var(--spacing-2x) var(--spacing-base) var(--spacing-base) var(--spacing-base);
}
.ChangeModelForm_changeModelForm__parameters {
  position: relative;
  z-index: 1;
  legend,
  p {
    padding: 0 var(--spacing-base);
  }
  &::after {
    --spacing-overflow: calc(-1 * var(--spacing-base));
    background-color: #eeffee;
    border-radius: 40% 60% 30% 70%;
    bottom: var(--spacing-overflow);
    content: "";
    left: var(--spacing-base);
    pointer-events: none;
    position: absolute;
    right: var(--spacing-overflow);
    top: var(--spacing-overflow);
    user-select: none;
    z-index: -1;
  }
}
.ChangeModelForm_changeModelForm__submitButton {
  appearance: none;
  background-color: black;
  border-radius: 20px 30%;
  border: none;
  color: white;
  padding: var(--spacing-half) var(--spacing-base);
  transition: border-radius var(--duration-transition-hover) ease-in-out;
  &:hover {
    border-radius: 30% 20px;
  }
}

/* resources/ts/components/FloatingStatus.module.css */
.FloatingStatus_floatingStatus {
  background-color: var(--color-body-background-o55);
  backdrop-filter: blur(10px);
  bottom: var(--spacing-base);
  padding: var(--spacing-half) var(--spacing-base);
  position: absolute;
  right: var(--spacing-base);
}
.FloatingStatus_floatingStatusOverlay {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  user-select: none;
  width: 100%;
}

/* resources/ts/components/AgentIssues.module.css */
.AgentIssues_agentIssues {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: var(--spacing-base);
  row-gap: var(--spacing-base);
}
.AgentIssues_agentIssues__issue {
  border-left: 2px solid crimson;
  display: flex;
  flex-direction: column;
  padding-bottom: var(--spacing-half);
  padding-left: var(--spacing-base);
  padding-top: var(--spacing-half);
  row-gap: var(--spacing-half);
}

/* resources/ts/components/AgentIssuesPreviewButton.module.css */
.AgentIssuesPreviewButton_agentIssuesPreviewButton {
  --color-button-background: #ffdae1;
}

/* resources/ts/components/NotificationCount.module.css */
.NotificationCount_notificationCount {
  align-items: center;
  background-color: crimson;
  border-radius: 50%;
  color: white;
  display: inline-flex;
  font-size: 11px;
  height: 16px;
  justify-content: center;
  width: 16px;
}

/* resources/ts/components/AgentListAgentStatus.module.css */
.AgentListAgentStatus_agentListAgentStatus__progress {
  align-items: center;
  display: grid;
  gap: var(--spacing-half);
  grid-template-columns: 1fr auto;
  justify-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  progress {
    width: 100%;
  }
}

/* resources/ts/components/modalWindowLoader.module.css */
.modalWindowLoader_modalWindowLoader {
  height: 100%;
}
.modalWindowLoader_modalWindowLoader__spinner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: var(--spacing-2x) var(--spacing-base);
  row-gap: var(--spacing-base);
  img {
    height: 48px;
    width: 48px;
  }
}

/* resources/ts/components/ModelChatTemplateOverridePreviewButton.module.css */
.ModelChatTemplateOverridePreviewButton_modelChatTemplateOverridePreviewButton {
  --color-button-background: lavender;
}

/* resources/ts/components/ModelChatTemplatePreviewButton.module.css */
.ModelChatTemplatePreviewButton_modelChatTemplatePreviewButton {
}

/* resources/ts/components/ModelMetadataFocusedParameter.module.css */
.ModelMetadataFocusedParameter_modelMetadataFocusedParameter,
.ModelMetadataFocusedParameter_modelMetadataFocusedParameter__content {
  display: grid;
  height: 100%;
}
.ModelMetadataFocusedParameter_modelMetadataFocusedParameter {
  grid-template-rows: auto 1fr;
}
.ModelMetadataFocusedParameter_modelMetadataFocusedParameter__backButton {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: none;
  column-gap: var(--spacing-base);
  display: flex;
  flex-direction: row;
  padding: var(--spacing-half);
  text-decoration: underline;
  img {
    height: 1em;
    width: 1em;
  }
}
.ModelMetadataFocusedParameter_modelMetadataFocusedParameter__backPanel {
  background-color: var(--color-modal-window-background);
  border-bottom: 2px solid var(--color-border);
  padding: var(--spacing-half);
  position: sticky;
  top: 0;
}

/* resources/ts/components/ModelMetadata.module.css */
@keyframes ModelMetadata_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ModelMetadata_modelMetadata {
  animation: ModelMetadata_fadeIn 200ms ease-in-out;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2x) var(--spacing-base);
  @media screen and (max-width: 700px) {
    row-gap: var(--spacing-base);
  }
  @media screen and (min-width: 701px) {
    row-gap: var(--spacing-half);
  }
}
.ModelMetadata_modelMetadata__parameter {
  display: grid;
  @media screen and (max-width: 700px) {
    grid-template-columns: 1fr;
    row-gap: var(--spacing-half);
  }
  @media screen and (min-width: 701px) {
    column-gap: var(--spacing-base);
    grid-template-columns: 1fr 1fr;
  }
}
.ModelMetadata_modelMetadata__parameter__title,
.ModelMetadata_modelMetadata__parameter__value {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-half);
}
.ModelMetadata_modelMetadata__parameter__title {
  font-weight: bold;
  @media screen and (min-width: 701px) {
    justify-content: flex-start;
    text-align: right;
  }
}
.ModelMetadata_modelMetadata__parameter__value {
  align-items: flex-start;
  overflow-wrap: anywhere;
}
.ModelMetadata_modelMetadata__templateOverrideNote {
  background-color: lavender;
  font-size: var(--font-size-small);
}

/* resources/ts/components/modelDetailsPreviewButton.module.css */
.modelDetailsPreviewButton_modelDetailsPreviewButton {
  align-items: center;
  appearance: none;
  background-color: var(--color-button-background, var(--color-highlight-2));
  border: 1px solid var(--color-border);
  color: var(--color-button-text, var(--color-body-font));
  column-gap: var(--spacing-half);
  display: inline-flex;
  font-size: var(--font-size-small);
  border-radius: 10px 20% 10px 30%;
  padding: 4px 8px;
  img {
    height: 14px;
    width: 14px;
  }
}

/* resources/ts/components/ModelMetadataPreviewButton.module.css */
.ModelMetadataPreviewButton_modelMetadataPreviewButton {
}

/* resources/ts/components/AgentList.module.css */
@keyframes AgentList_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.AgentList_agentList {
  animation: AgentList_fadeIn 200ms ease-in-out;
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: var(--spacing-base);
  &::before {
    background-color: var(--color-arrow);
    content: "";
    height: calc(var(--width-border-dashboard-box) + 100% - var(--height-agent) - calc(0.5 * var(--thickness-arrow)));
    left: calc(-1 * var(--spacing-base));
    pointer-events: none;
    position: absolute;
    top: calc(var(--width-border-dashboard-box) + 0.5 * var(--height-agent));
    transform: translate3d(-100%, 0, 0);
    width: var(--thickness-arrow);
  }
}
.AgentList_agentList__agent {
  align-items: center;
  background-color: linen;
  border: 2px solid var(--color-border);
  column-gap: var(--spacing-base);
  display: grid;
  grid-template-areas: "issues model status" "issues metadata metadata";
  grid-template-columns: 2fr 3fr 3fr;
  height: var(--height-agent);
  padding: 0 var(--spacing-base);
  position: relative;
  row-gap: var(--spacing-base);
  &::after,
  &::before {
    content: "";
    pointer-events: none;
  }
  &::before {
    background-color: var(--color-arrow);
    height: var(--thickness-arrow);
    left: -6px;
    position: absolute;
    top: calc(0.5 * var(--height-agent));
    transform: translate3d(-100%, -50%, 0);
    width: calc(var(--spacing-base) - 4px);
  }
  &:first-of-type::before {
    width: calc(var(--spacing-2x) - 4px);
  }
  &::after {
    border-color: transparent transparent transparent var(--color-arrow);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    height: 0px;
    left: -2px;
    position: absolute;
    top: calc(0.5 * var(--height-agent));
    transform: translate3d(-100%, -50%, 0);
    width: 0px;
  }
}
.AgentList_agentList__agent.AgentList_agentList__agentHasIssues {
  border-color: crimson;
}
.AgentList_agentList__agent__download {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-half);
  grid-area: model;
  img {
    height: 1em;
    width: 1em;
  }
  progress {
    width: 100%;
  }
}
.AgentList_agentList__agent__issues {
  display: grid;
  grid-area: issues;
  grid-template-rows: repeat(2, 24px);
  justify-items: flex-start;
  row-gap: var(--spacing-base);
}
.AgentList_agentList__agent__issues__list {
  align-self: flex-start;
}
.AgentList_agentList__agent__metadata {
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-half);
  grid-area: metadata;
}
.AgentList_agentList__agent__model {
  align-items: center;
  align-self: flex-end;
  display: grid;
  grid-area: model;
  justify-items: flex-start;
}
.AgentList_agentList__agent__model__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AgentList_agentList__agent__name {
  align-self: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.AgentList_agentList__agent__status {
  align-self: flex-end;
  grid-area: status;
  width: 100%;
}

/* resources/ts/components/AgentListStream.module.css */
.AgentListStream_agentListStream__placeholder {
  border: 2px solid var(--color-border);
  padding: var(--spacing-base);
}

/* resources/ts/components/dashboardSectionStreamLoader.module.css */
@keyframes dashboardSectionStreamLoader_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dashboardSectionStreamLoader_dashboardSectionStreamLoader {
  --size-background: 48px;
  animation: dashboardSectionStreamLoader_fadeIn 200ms ease-in-out;
  animation-delay: 200ms;
  animation-fill-mode: forwards;
  background-image: url("/static/hourglass_oUHPqPPGqmvkMRSApbhRz.svg");
  background-position: center var(--spacing-base);
  background-size: var(--size-background);
  background-repeat: no-repeat;
  border: 2px solid var(--color-border);
  opacity: 0;
  padding: calc(var(--spacing-2x) + var(--size-background)) var(--spacing-base) var(--spacing-base) var(--spacing-base);
}

/* resources/ts/components/BufferedRequests.module.css */
.BufferedRequests_bufferedRequests {
  border: 2px solid var(--color-border);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-base);
  row-gap: var(--spacing-half);
  progress {
    width: 100%;
  }
}

/* resources/ts/components/DashboardPageAddAgent.module.css */
@keyframes DashboardPageAddAgent_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.DashboardPageAddAgent_dashboardPageAddAgent {
  display: flex;
  padding-top: var(--spacing-base);
}
.DashboardPageAddAgent_dashboardPageAddAgent__button {
  animation: DashboardPageAddAgent_fadeIn 200ms ease-in-out;
  animation-fill-mode: forwards;
  appearance: none;
  background-color: transparent;
  background-image: url("/static/help_oUHPqPPGqmvkMRSApbhRz.svg");
  background-position: var(--spacing-base) center;
  background-repeat: no-repeat;
  background-size: 24px;
  border: none;
  display: flex;
  flex-direction: row;
  opacity: 0;
  padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) calc(var(--spacing-base) + var(--spacing-half) + 24px);
  text-decoration: underline;
}
.DashboardPageAddAgent_dashboardPageAddAgent__instructions {
  display: flex;
  flex-direction: column;
  padding-top: var(--spacing-half);
  p {
    padding: var(--spacing-half) var(--spacing-base);
  }
}

/* resources/ts/components/DashboardPage.module.css */
.DashboardPage_dashboardPage {
  --color-arrow: var(--color-border);
  --height-agent: 92px;
  --thickness-arrow: 2px;
  --width-border-dashboard-box: 2px;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2x) var(--spacing-base);
  row-gap: var(--spacing-2x);
  width: 100%;
}
.DashboardPage_dashboardPage__addrOverview {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-base);
}
.DashboardPage_dashboardPage__blocks {
  align-items: flex-start;
  column-gap: var(--spacing-2x);
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr)) 2fr;
  max-width: 1280px;
  width: 100%;
}
.DashboardPage_dashboardPage__genericAddr {
  border: var(--width-border-dashboard-box) solid var(--color-border);
}
.DashboardPage_dashboardPage__genericAddr.DashboardPage_dashboardPage__inferenceAddr {
  align-content: center;
  display: grid;
  grid-template-rows: repeat(2, auto);
  height: var(--height-agent);
  padding: 0 var(--spacing-base);
  position: relative;
  row-gap: var(--spacing-half);
}
.DashboardPage_dashboardPage__genericAddr.DashboardPage_dashboardPage__inferenceServiceAddr {
  &::after,
  &::before {
    content: "";
    position: absolute;
  }
  &::before {
    background-color: var(--color-border);
    height: 2px;
    right: 0;
    top: calc(0.5 * var(--height-agent));
    transform: translate3d(var(--spacing-2x), -50%, 0);
    width: var(--spacing-2x);
  }
  &::after {
    border-color: transparent transparent transparent var(--color-arrow);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    height: 0px;
    right: 0;
    position: absolute;
    top: calc(0.5 * var(--height-agent));
    transform: translate3d(calc(var(--spacing-2x) + 1px), -50%, 0);
    width: 0px;
  }
}
.DashboardPage_dashboardPage__genericAddr.DashboardPage_dashboardPage__compatibilityServiceAddr {
  position: relative;
  &::after {
    background-color: var(--color-arrow);
    content: "";
    height: var(--thickness-arrow);
    position: absolute;
    top: calc(0.5 * var(--height-agent));
    right: -1px;
    transform: translate3d(100%, -50%, 0);
    width: calc(var(--spacing-base) - 1px);
  }
}
.DashboardPage_dashboardPage__genericAddr.DashboardPage_dashboardPage__managementAddr,
.DashboardPage_dashboardPage__genericAddr.DashboardPage_dashboardPage__statsdAddr {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-base);
  row-gap: var(--spacing-half);
}
.DashboardPage_dashboardPage__inferenceAddrList {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: var(--spacing-base);
  &::after {
    background-color: var(--color-arrow);
    content: "";
    height: calc(var(--width-border-dashboard-box) + 100% - var(--height-agent) - calc(0.5 * var(--thickness-arrow)) - 1px);
    right: calc(-1 * var(--spacing-base));
    pointer-events: none;
    position: absolute;
    top: calc(var(--width-border-dashboard-box) + 0.5 * var(--height-agent));
    transform: translate3d(-50%, 0, 0);
    width: var(--thickness-arrow);
  }
}
.DashboardPage_dashboardPage__serviceBlock {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* resources/ts/components/ConversationMessage.module.css */
.ConversationMessage_conversationMessage {
  background-color: white;
  column-gap: var(--spacing-base);
  display: grid;
  grid-template-areas: "nothing author" "thoughts response";
  grid-template-columns: 1fr 2fr;
  padding: var(--spacing-base);
  row-gap: var(--spacing-half);
}
.ConversationMessage_conversationMessage__author {
  display: flex;
  grid-area: author;
  padding-right: var(--spacing-half);
}
.ConversationMessage_conversationMessage__error {
  background-color: lightcoral;
}
.ConversationMessage_conversationMessage__response {
  display: flex;
  flex-direction: column;
  grid-area: response;
  row-gap: var(--spacing-half);
  blockquote {
    border-left: 2px solid var(--color-border);
    border-style: dashed;
    margin: var(--spacing-base) 0;
    padding: var(--spacing-base);
  }
  h1,
  h2,
  h3 {
    margin-bottom: 0.25em;
  }
  p {
    margin-bottom: var(--spacing-half);
  }
  ol,
  ul {
    margin-left: var(--spacing-2x);
    li {
      margin-bottom: var(--spacing-half);
    }
  }
}
.ConversationMessage_conversationMessage__thoughts {
  font-size: var(--font-size-small);
  font-style: italic;
  grid-area: thoughts;
  padding-right: var(--spacing-base);
  text-align: right;
}

/* resources/ts/components/ConversationPromptInput.module.css */
.ConversationPromptInput_conversationPromptInput {
  background-color: var(--color-body-background);
  border: 2px solid var(--color-border);
  box-shadow: 4px 4px 0 var(--color-border);
  display: flex;
  flex-direction: column;
}
.ConversationPromptInput_conversationPromptInput__button {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: none;
  display: flex;
  justify-content: center;
  padding: var(--spacing-half);
  img {
    height: 16px;
    width: 16px;
  }
}
.ConversationPromptInput_conversationPromptInput__attachments {
  padding: var(--spacing-base-plus-half) var(--spacing-base-plus-half) 0 var(--spacing-base-plus-half);
}
.ConversationPromptInput_conversationPromptInput__controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--spacing-base) var(--spacing-base) var(--spacing-base);
}
.ConversationPromptInput_conversationPromptInput__controls__track {
  column-gap: var(--spacing-half);
  display: flex;
  flex-direction: row;
}
.ConversationPromptInput_conversationPromptInput__textarea {
  appearance: none;
  border: none;
  field-sizing: content;
  max-height: 200px;
  padding: var(--spacing-base-plus-half);
  resize: none;
  &:focus {
    outline: none;
  }
}

/* resources/ts/components/ConversationPromptInputImageButton.module.css */
.ConversationPromptInputImageButton_conversationPromptInputImageButton__fileInput {
  display: none;
}

/* resources/ts/components/ConversationPromptInputImagePreview.module.css */
.ConversationPromptInputImagePreview_conversationPromptInputImagePreview {
  display: inline-flex;
  position: relative;
  width: fit-content;
}
.ConversationPromptInputImagePreview_conversationPromptInputImagePreview__image {
  border-radius: 4px;
  height: 64px;
  object-fit: cover;
  width: 64px;
}
.ConversationPromptInputImagePreview_conversationPromptInputImagePreview__remove {
  align-items: center;
  appearance: none;
  background-color: var(--color-body-background);
  border-radius: 50%;
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 20px;
}

/* resources/ts/components/ConversationPromptInputThinkingToggle.module.css */
.ConversationPromptInputThinkingToggle_conversationPromptInputThinkingToggleActive {
  background-color: yellow;
  border-radius: 10px 10%;
}

/* resources/ts/components/TokenGenerationDisabledNotice.module.css */
.TokenGenerationDisabledNotice_tokenGenerationDisabledNotice {
  background-color: var(--color-highlight-1);
  border: 2px solid var(--color-border);
  border-bottom: none;
  box-shadow: 4px 4px 0 var(--color-border);
  margin: 0 var(--spacing-half);
  padding: var(--spacing-half) var(--spacing-base);
}

/* resources/ts/components/PromptPage.module.css */
@keyframes PromptPage_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PromptPage_promptPage {
  animation: PromptPage_fadeIn 200ms ease-in-out;
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  max-width: var(--max-width-workbench-content);
  width: 100%;
}
.PromptPage_promptPage__promptForm {
  background-image:
    linear-gradient(
      to bottom,
      transparent 20%,
      var(--color-body-background) 20%);
  bottom: 0;
  left: 0;
  padding: 0 var(--spacing-base) var(--spacing-base) var(--spacing-base);
  position: sticky;
}
.PromptPage_promptPage__messages {
  padding: var(--spacing-base);
}

/* resources/ts/components/WorkbenchLayout.module.css */
.WorkbenchLayout_workbench {
  display: grid;
  grid-template-rows: var(--height-workbench-header) 1fr;
  min-height: 100dvh;
}
.WorkbenchLayout_workbench__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  z-index: var(--z-index-workbench-content);
  code {
    --size-outline: -12px;
    display: inline-flex;
    margin: var(--spacing-base) 0;
    position: relative;
    word-break: break-all;
    z-index: 1;
    &:after {
      background-color: #eeeeeeaa;
      border-radius: 20px 20%;
      bottom: var(--size-outline);
      content: "";
      left: var(--size-outline);
      position: absolute;
      right: var(--size-outline);
      top: var(--size-outline);
      z-index: -1;
    }
  }
  pre {
    display: inline-flex;
  }
}
.WorkbenchLayout_workbench__header {
  align-items: center;
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  left: 0;
  padding: 0 var(--spacing-base);
  position: sticky;
  top: 0;
  z-index: var(--z-index-workbench-header);
}
.WorkbenchLayout_workbench__header__link {
  padding: var(--spacing-base);
  text-decoration: none;
}
.WorkbenchLayout_workbench__header__link.WorkbenchLayout_workbench__header__linkActive {
  background-color: var(--color-highlight-1);
  border-radius: 20px 30% 20px 20px;
}
.WorkbenchLayout_workbench__header__track {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-base);
}
/*# sourceMappingURL=/static/controller_dashboard_oUHPqPPGqmvkMRSApbhRz.css.map */