.parts-EventButtonWrapper-_wHJn {
  text-align: start;
  padding: var(--unit-space-75) var(--unit-space-100);
  border-block-start: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-default-base);
  margin-block-start: auto;
}

.parts-EmptyEventMessage-uRoLS {
  padding: var(--unit-space-75) var(--unit-space-100);
}

.parts-EmptyEventMessageText-BQPGZ {
  color: var(--color-typography-secondary-base);
  padding-block-end: var(--unit-space-50);
  display: block;
}

.rte-editorContentArea-RUh_z {
  flex-grow: 1;
  overflow-x: auto;
  display: flex;
  align-items: center;
  padding: var(--unit-space-0) var(--unit-space-50);
  gap: var(--unit-space-25);

  /* Base border styles */
  border-radius: var(--unit-border-radius-md);
  --border-color: var(--color-border-input-base);
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--border-color);
}

/* General styles */
.rte-editorContentArea-RUh_z .tiptap {
  border-radius: var(--unit-border-radius-md);
  outline: none;
}

.rte-defaultTextStyles-pW7dt .tiptap h1 {
  font-family: var(--tiptap-theme-h1-font-family);
  font-size: var(--tiptap-theme-h1-font-size);
  font-weight: var(--tiptap-theme-h1-font-weight);
  line-height: var(--tiptap-theme-h1-line-height);
  color: var(--tiptap-theme-h1-color);
  letter-spacing: var(--tiptap-theme-h1-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h1-text-decoration);
          text-decoration: var(--tiptap-theme-h1-text-decoration);
  text-align: var(--tiptap-theme-h1-text-alignment);
  font-style: var(--tiptap-theme-h1-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap h2 {
  font-family: var(--tiptap-theme-h2-font-family);
  font-size: var(--tiptap-theme-h2-font-size);
  font-weight: var(--tiptap-theme-h2-font-weight);
  line-height: var(--tiptap-theme-h2-line-height);
  color: var(--tiptap-theme-h2-color);
  letter-spacing: var(--tiptap-theme-h2-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h2-text-decoration);
          text-decoration: var(--tiptap-theme-h2-text-decoration);
  text-align: var(--tiptap-theme-h2-text-alignment);
  font-style: var(--tiptap-theme-h2-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap h3 {
  font-family: var(--tiptap-theme-h3-font-family);
  font-size: var(--tiptap-theme-h3-font-size);
  font-weight: var(--tiptap-theme-h3-font-weight);
  line-height: var(--tiptap-theme-h3-line-height);
  color: var(--tiptap-theme-h3-color);
  letter-spacing: var(--tiptap-theme-h3-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h3-text-decoration);
          text-decoration: var(--tiptap-theme-h3-text-decoration);
  text-align: var(--tiptap-theme-h3-text-alignment);
  font-style: var(--tiptap-theme-h3-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap h4 {
  font-family: var(--tiptap-theme-h4-font-family);
  font-size: var(--tiptap-theme-h4-font-size);
  font-weight: var(--tiptap-theme-h4-font-weight);
  line-height: var(--tiptap-theme-h4-line-height);
  color: var(--tiptap-theme-h4-color);
  letter-spacing: var(--tiptap-theme-h4-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h4-text-decoration);
          text-decoration: var(--tiptap-theme-h4-text-decoration);
  text-align: var(--tiptap-theme-h4-text-alignment);
  font-style: var(--tiptap-theme-h4-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap h5 {
  font-family: var(--tiptap-theme-h5-font-family);
  font-size: var(--tiptap-theme-h5-font-size);
  font-weight: var(--tiptap-theme-h5-font-weight);
  line-height: var(--tiptap-theme-h5-line-height);
  color: var(--tiptap-theme-h5-color);
  letter-spacing: var(--tiptap-theme-h5-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h5-text-decoration);
          text-decoration: var(--tiptap-theme-h5-text-decoration);
  text-align: var(--tiptap-theme-h5-text-alignment);
  font-style: var(--tiptap-theme-h5-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap h6 {
  font-family: var(--tiptap-theme-h6-font-family);
  font-size: var(--tiptap-theme-h6-font-size);
  font-weight: var(--tiptap-theme-h6-font-weight);
  line-height: var(--tiptap-theme-h6-line-height);
  color: var(--tiptap-theme-h6-color);
  letter-spacing: var(--tiptap-theme-h6-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-h6-text-decoration);
          text-decoration: var(--tiptap-theme-h6-text-decoration);
  text-align: var(--tiptap-theme-h6-text-alignment);
  font-style: var(--tiptap-theme-h6-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap p {
  font-family: var(--tiptap-theme-paragraph-font-family);
  font-size: var(--tiptap-theme-paragraph-font-size);
  font-weight: var(--tiptap-theme-paragraph-font-weight);
  line-height: var(--tiptap-theme-paragraph-line-height);
  color: var(--tiptap-theme-paragraph-color);
  letter-spacing: var(--tiptap-theme-paragraph-letter-spacing);
  -webkit-text-decoration: var(--tiptap-theme-paragraph-text-decoration);
          text-decoration: var(--tiptap-theme-paragraph-text-decoration);
  text-align: var(--tiptap-theme-paragraph-text-alignment);
  font-style: var(--tiptap-theme-paragraph-font-style);
}

.rte-defaultTextStyles-pW7dt .tiptap code {
  font-family: var(--tiptap-theme-inline-font-family);
  font-size: var(--tiptap-theme-inline-font-size);
  line-height: var(--tiptap-theme-inline-line-height);
  color: var(--tiptap-theme-inline-color);
}

.rte-defaultTextStyles-pW7dt .tiptap pre > code {
  color: var(--tiptap-theme-formatted-color);
  font-family: var(--tiptap-theme-formatted-font-family);
  font-size: var(--tiptap-theme-formatted-font-size);
  line-height: var(--tiptap-theme-formatted-line-height);
  background: none;
  border: none;
}

.rte-defaultTextStyles-pW7dt .tiptap a {
  color: var(--tiptap-theme-a-link-color);
  -webkit-text-decoration: var(--tiptap-theme-a-text-decoration);
          text-decoration: var(--tiptap-theme-a-text-decoration);
  font-weight: var(--tiptap-theme-a-font-weight);
  font-style: var(--tiptap-theme-a-font-style);
  border-bottom: none;
}

.rte-defaultTextStyles-pW7dt .tiptap a:hover {
  color: var(--tiptap-theme-a-hover-color);
  -webkit-text-decoration: var(--tiptap-theme-a-hover-text-decoration);
          text-decoration: var(--tiptap-theme-a-hover-text-decoration);
  font-weight: var(--tiptap-theme-a-font-weight);
  font-style: var(--tiptap-theme-a-font-style);
  border-bottom: none;
}

/* Placeholder text styles */
.rte-editorContentArea-RUh_z .tiptap .is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: var(--color-typography-placeholder-base);
  float: left;
  height: 0;
  pointer-events: none;
}

/* Readonly styles */
.rte-editorContentArea-RUh_z:has([readonly]) {
  background: var(--color-background-input-readonly) !important;
  border-color: var(--color-border-input-readonly) !important;
  color: var(--color-typography-readonly-base) !important;
  cursor: auto;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.rte-editorContentArea-RUh_z:hover {
  border-color: var(--color-border-input-hovered);
  background: var(--color-background-input-hovered);
}

.rte-editorContentArea-RUh_z:focus,
.rte-editorContentArea-RUh_z:focus-within {
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-input-focused);
  outline-width: var(--unit-outline-width-sm);
  outline-style: var(--unit-outline-style-solid);
  outline-color: var(--color-outline-input-focused);
}

/* Warning border styles */
.rte-editorContentArea-RUh_z:has([data-has-warning='true']) {
  --border-color: var(--color-foreground-caution-subtle-base);
}

.rte-editorContentArea-RUh_z:has([data-has-warning='true']):hover {
  border-color: var(--color-border-caution-subtle-hovered);
}

.rte-editorContentArea-RUh_z:has([data-has-warning='true']):focus,
.rte-editorContentArea-RUh_z:has([data-has-warning='true']):focus-within {
  border-color: var(--color-foreground-caution-subtle-focused);
  box-shadow: 0 0 0 var(--unit-outline-width-lg)
    var(--color-outline-caution-focused);
}

/* Error border styles */
.rte-editorContentArea-RUh_z:has([data-has-error='true']) {
  --border-color: var(--color-border-negative-state-base);
}

.rte-editorContentArea-RUh_z:has([data-has-error='true']):hover {
  border-color: var(--color-border-negative-subtle-hovered);
}

.rte-editorContentArea-RUh_z:has([data-has-error='true']):focus,
.rte-editorContentArea-RUh_z:has([data-has-error='true']):focus-within {
  border-color: var(--border-color);
  box-shadow: 0 0 0 var(--unit-outline-width-lg)
    var(--color-outline-negative-focused);
}

.rte-editorContentArea-RUh_z img.ProseMirror-selectednode {
  outline: 1px solid var(--color-border-input-focused);
}

.rte-editorContentArea-RUh_z .tiptap .selection {
  background: rgba(0, 0, 0, 0.15);
}

:root {
  --tiptap-theme-default-text-alignment: left;
  --tiptap-theme-default-font-style: normal;
  --tiptap-theme-default-text-decoration: none;
  --tiptap-theme-default-letter-spacing: 0px;

  --tiptap-theme-h1-color: var(--color-typography-primary-base);
  --tiptap-theme-h1-font-family: var(--typography-heading1-font-family);
  --tiptap-theme-h1-font-size: var(--typography-heading1-font-size);
  --tiptap-theme-h1-line-height: var(--typography-heading1-line-height);
  --tiptap-theme-h1-font-weight: var(--typography-heading1-font-weight);
  --tiptap-theme-h1-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h1-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h1-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h1-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-h2-color: var(--color-typography-primary-base);
  --tiptap-theme-h2-font-family: var(--typography-heading2-font-family);
  --tiptap-theme-h2-font-size: var(--typography-heading2-font-size);
  --tiptap-theme-h2-line-height: var(--typography-heading2-line-height);
  --tiptap-theme-h2-font-weight: var(--typography-heading2-font-weight);
  --tiptap-theme-h2-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h2-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h2-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h2-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-h3-color: var(--color-typography-primary-base);
  --tiptap-theme-h3-font-family: var(--typography-heading3-font-family);
  --tiptap-theme-h3-font-size: var(--typography-heading3-font-size);
  --tiptap-theme-h3-line-height: var(--typography-heading3-line-height);
  --tiptap-theme-h3-font-weight: var(--typography-heading3-font-weight);
  --tiptap-theme-h3-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h3-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h3-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h3-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-h4-color: var(--color-typography-primary-base);
  --tiptap-theme-h4-font-family: var(--typography-heading4-font-family);
  --tiptap-theme-h4-font-size: var(--typography-heading4-font-size);
  --tiptap-theme-h4-line-height: var(--typography-heading4-line-height);
  --tiptap-theme-h4-font-weight: var(--typography-heading4-font-weight);
  --tiptap-theme-h4-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h4-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h4-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h4-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-h5-color: var(--color-typography-primary-base);
  --tiptap-theme-h5-font-family: var(--typography-heading5-font-family);
  --tiptap-theme-h5-font-size: var(--typography-heading5-font-size);
  --tiptap-theme-h5-line-height: var(--typography-heading5-line-height);
  --tiptap-theme-h5-font-weight: var(--typography-heading5-font-weight);
  --tiptap-theme-h5-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h5-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h5-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h5-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-h6-color: var(--color-typography-primary-base);
  --tiptap-theme-h6-font-family: var(--typography-heading6-font-family);
  --tiptap-theme-h6-font-size: var(--typography-heading6-font-size);
  --tiptap-theme-h6-line-height: var(--typography-heading6-line-height);
  --tiptap-theme-h6-font-weight: var(--typography-heading6-font-weight);
  --tiptap-theme-h6-text-alignment: var(--tiptap-theme-default-text-alignment);
  --tiptap-theme-h6-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-h6-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-h6-letter-spacing: var(--tiptap-theme-default-letter-spacing);

  --tiptap-theme-paragraph-color: var(--color-typography-primary-base);
  --tiptap-theme-paragraph-font-family: var(--typography-UI2-font-family);
  --tiptap-theme-paragraph-font-size: var(--typography-UI2-font-size);
  --tiptap-theme-paragraph-line-height: var(--typography-UI2-line-height);
  --tiptap-theme-paragraph-font-weight: var(--typography-UI2-font-weight);
  --tiptap-theme-paragraph-text-alignment: var(
    --tiptap-theme-default-text-alignment
  );
  --tiptap-theme-paragraph-font-style: var(--tiptap-theme-default-font-style);
  --tiptap-theme-paragraph-text-decoration: var(
    --tiptap-theme-default-text-decoration
  );
  --tiptap-theme-paragraph-letter-spacing: var(
    --tiptap-theme-default-letter-spacing
  );

  --tiptap-theme-inline-color: var(--color-typography-primary-base);
  --tiptap-theme-inline-font-family: var(--typography-UI2-mono-font-family);
  --tiptap-theme-inline-font-size: var(--typography-UI2-font-size);
  --tiptap-theme-inline-line-height: var(--typography-UI2-line-height);

  --tiptap-theme-formatted-color: var(--color-typography-primary-base);
  --tiptap-theme-formatted-font-family: var(--typography-UI2-mono-font-family);
  --tiptap-theme-formatted-font-size: var(--typography-UI2-font-size);
  --tiptap-theme-formatted-line-height: var(--typography-UI2-line-height);

  --tiptap-theme-a-link-color: var(--color-typography-link-base-base);
  --tiptap-theme-a-hover-color: var(--color-typography-link-hovered-base);
  --tiptap-theme-a-text-decoration: underline;
  --tiptap-theme-a-hover-text-decoration: underline;
  --tiptap-theme-a-font-weight: normal;
  --tiptap-theme-a-font-style: normal;
}

.DjangoVar-boxGap-TsIlW {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.DjangoVar-monospaceTextArea-dOarj {
  font-family: var(--typography-UI2-mono-font-family) !important;
}

.composer-wrapper-Qlz_a {
  position: relative;
  display: inline-block;
  width: 492px;
}

.composer-container-jXCnN {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;

  background: var(--color-background-input-base);
  box-shadow: var(--elevation-shadow-200);

  outline: 1px solid #c2c9d1;
  border-radius: 14px;
}

.composer-mainSection-XMMDd {
  display: flex;
  flex-direction: column;
  padding: var(--unit-space-75);
  gap: var(--unit-space-75);
}

.composer-composer-ih_sS:focus-within {
    outline: 1px solid #008eff;
  }

.composer-composer-ih_sS textarea {
    outline: none;
  }

.composer-composer-ih_sS .composer-header-ucTak {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

.composer-composer-ih_sS .composer-successLabel-N10LB {
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    align-items: center;
    gap: 6px;
  }

.composer-composer-ih_sS .composer-successLabel-N10LB .composer-icon-IDByU {
      color: #2ecc75;
    }

.composer-footer-BYPWZ {
  display: flex;
  align-items: center;

  gap: var(--unit-space-75);
}

.composer-footer-BYPWZ .composer-actionGroup-SLT7h {
    display: flex;
    align-items: center;
    gap: var(--unit-space-50);
  }

.composer-footer-BYPWZ .composer-actionGroup-SLT7h .composer-buttonIcon-UQ6Mc {
      color: var(--color-foreground-neutral-subtle-base);
    }

.composer-footer-BYPWZ .composer-separator-s7nes {
    display: inline-flex;
    width: 1px;
    height: 16px;
    background: #d9d9d9;
  }

.composer-actionButton-_SfcY {
  border-radius: 25%/50%;
  padding: 4px 12px;
  border: 1px solid #d9d9d9;
  background: var(--color-background-input-base);

  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--color-foreground-secondary-base);
  font-family: 'Inter', sans-serif;
}

.composer-actionButton-_SfcY:hover {
    background: #f5f5f5;
  }

.composer-errorBanner-hZNh0 {
  /* Position behind the composer, moved up so exactly 5px peeks out */
  position: absolute;
  z-index: 1;
  transform: translateY(calc(-100% + 12px));
}

.DjangoVar-nodeViewWrapper-GwbL2 .Popover,
  .DjangoVar-nodeViewWrapper-GwbL2 .DjangoVar-actionMenu-DxtzQ {
    max-width: 100%;
  }

.DjangoVar-nodeViewWrapper-GwbL2.DjangoVar-noWrap-hZwyt {
  white-space: nowrap !important;
}

.DjangoVar-variable-pill-JWzE1 {
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-flex;
  max-width: 100%;
  padding: var(--unit-space-12) var(--unit-space-50);
  margin: 0 var(--unit-space-12);
  align-items: center;
  gap: var(--unit-space-25);
  border-radius: var(--unit-border-radius-pill);
  border: var(--unit-outline-width-sm) solid var(--color-border-subtle-base);
  background: var(--color-background-general-base);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.DjangoVar-variable-pill-JWzE1:not([aria-disabled='true']):hover {
  background: var(--color-background-secondary-hovered);
}

.DjangoVar-variable-pill-JWzE1:not([aria-disabled='true']):active {
  box-shadow: unset;
  border: var(--unit-outline-width-sm) solid var(--color-border-default-base);
  background: var(--color-background-secondary-pressed);
}

.DjangoVar-variable-pill-JWzE1.DjangoVar-selected-vWwlW {
  color: var(--color-typography-highlighted-primary-subtle-base);
  border: var(--unit-outline-width-sm) solid
    var(--color-border-highlighted-subtle-base);
  background: var(--color-background-highlighted-subtle-base);
}

.DjangoVar-variable-pill-JWzE1[aria-disabled='true'] {
  border: var(--unit-outline-width-sm) solid
    var(--color-border-secondary-disabled);
}

.composer-textarea-qHH0l {
  /* Layout & sizing */
  width: 100%;
  min-height: 30px;
  field-sizing: content;
  padding: 0;
  border: none;
  resize: vertical;

  /* Typography */
  font-family: var(--typography-paragraph-font-family);
  font-size: var(--typography-paragraph-font-size);
  font-weight: var(--typography-paragraph-font-weight);
  line-height: var(--typography-paragraph-line-height);
}

.LogicVisualizer-container-FNUeL {
  display: flex;
  align-items: center;
  padding: var(--unit-space-25);
  border: 1px solid var(--color-border-secondary-base);
  border-radius: var(--unit-border-radius-sm);
  background-color: var(--color-background-secondary-base);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  min-height: var(--unit-space-150);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.LogicVisualizer-container-FNUeL[data-hovered='true']:not([data-highlighted='true']) {
  border: 1px solid var(--color-border-primary-hovered);
  background: var(--color-background-secondary-hovered);
}

.LogicVisualizer-container-FNUeL[data-highlighted='true'] {
  border: 1px solid var(--color-border-highlighted-subtle-base);
  background: var(--color-background-highlighted-subtle-base);
}

.LogicVisualizer-container-FNUeL[data-highlighted='true'],
.LogicVisualizer-container-FNUeL[data-highlighted='true'] * {
  color: var(--color-typography-highlighted-primary-subtle-selected);
}

.LogicVisualizer-container-FNUeL[data-inline='true'] {
  display: inline-flex;
  vertical-align: middle;
  margin: 0 var(--unit-space-12);
}

.composer-characterCounter-rzKpu {
  display: flex;
  flex-direction: row;
  flex-grow: 1;

  font-family: var(--typography-UI3-font-family);
  font-size: var(--typography-UI3-font-size);
  line-height: var(--typography-UI3-line-height);
  font-weight: var(--typography-UI3-font-weight);

  color: var(--color-typography-tertiary-base);
}

  .composer-characterCounter-rzKpu .composer-message-rkgcy {
    flex: 1 0;
  }

  .composer-characterCounter-rzKpu.composer-exceeded-RoQ3a {
    color: var(--color-typography-negative-base);
  }

.LogicVisualizer-container-NRd56 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 1em;
  flex-shrink: 0;
}

.LogicVisualizer-pipe-G9bE1 {
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--color-border-secondary-base);
  border-radius: 1px;
}

.LogicVisualizer-connector-fHZ6n {
  display: inline-block;
  width: 6px;
  height: 1px;
  margin-left: -3px;
  background-color: var(--color-border-secondary-base);
  border-radius: 1px;
}

.LogicVisualizer-container-NRd56[data-hovered='true'] .LogicVisualizer-pipe-G9bE1,
.LogicVisualizer-container-NRd56[data-hovered='true'] .LogicVisualizer-connector-fHZ6n {
  background-color: var(--color-border-primary-hovered);
}

.composer-inprogress-CYrJb {
  flex-direction: row;
  align-items: center;
  padding: var(--unit-space-50);
  gap: var(--unit-space-75);
  width: 220px;
}

  .composer-inprogress-CYrJb .composer-spinner-v2LmE {
    display: flex;
  }

.LogicVisualizer-wrapper-xkOpc[data-hovered='true']:not([data-highlighted='true']) {
  background: var(--color-background-highlighted-subtle-base);
}

.LogicVisualizer-collapsibleWrapper-zM74K {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.2s ease-out;
}

.LogicVisualizer-collapsibleWrapper-zM74K[data-collapsed='true'] {
  grid-template-rows: 0fr;
}

.LogicVisualizer-collapsibleContent-RvZva {
  overflow: hidden;
}

.composer-container-jZOAd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: var(--unit-space-12);
}

  .composer-container-jZOAd::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }

  .composer-container-jZOAd::-webkit-scrollbar-track,
  .composer-container-jZOAd::-webkit-scrollbar-track:hover,
  .composer-container-jZOAd::-webkit-scrollbar-track:active {
    border-radius: 3px;
    background-color: #ffffff;
  }

  .composer-container-jZOAd::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d1d1d1;
  }

  .composer-container-jZOAd::-webkit-scrollbar-thumb:hover {
    background-color: #c1c1c1;
  }

  .composer-container-jZOAd::-webkit-scrollbar-thumb:active {
    background-color: #a1a1a1;
  }

.composer-thumbnail-GAdH9 {
  position: relative;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: var(--color-background-neutral-subtle-base);
  overflow: hidden;
  cursor: pointer;

  /* Reset button styles */
  padding: 0;
  margin: 0;
  outline: none;
}

.composer-thumbnail-GAdH9:hover {
    border-color: #1c64ad90;
  }

.composer-divider-NB3cj {
  border: 0.5px solid #c2c9d1;
  height: 65px;
}

.composer-thumbnail-GAdH9.composer-selected-w_4oP {
  border-color: var(--color-border-info-emphasis-base);
  box-shadow: 0 0 0 2px var(--color-background-info-subtle-focused);
}

.composer-image-_LCri {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.DjangoTag-inline-UryMK {
  display: inline;
}

.composer-container-PuzXf {
  --size: 52px;

  position: relative;
  display: flex;
  align-items: end;
  justify-content: left;

  width: var(--size);
  height: var(--size);
  background: var(--color-background-input-base);
}

  .composer-container-PuzXf > * {
    box-sizing: border-box;
  }

  .composer-container-PuzXf:hover .composer-removeButton-PrUlv {
    opacity: 1;
  }

.composer-imageWrapper-Qzxbu {
  position: relative;
  width: calc(var(--size) - 4px);
  height: calc(var(--size) - 4px);
}

.composer-image-ujlR0 {
  display: block;
  width: calc(var(--size) - 4px);
  height: calc(var(--size) - 4px);
  -o-object-fit: cover;
     object-fit: cover;

  border-radius: 10px;
  border: 1px solid var(--color-border-default-base);
}

.composer-removeButton-PrUlv {
  opacity: 0;

  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 16px;
  height: 16px;

  border: 2px solid white;
  border-radius: 50%;

  cursor: pointer;
  transition:
    opacity 0.2s ease,
    color 0.2s ease;

  color: #8892a0;

  background: white;
  border: none;
}

.composer-removeButton-PrUlv:hover {
    color: #7a8496;
  }

.composer-removeButton-PrUlv:focus {
    opacity: 1;
    outline: 2px solid #008eff;
    outline-offset: 2px;
  }

.composer-attachmentsContainer-ffb8K {
  display: flex;
  flex-direction: row;
  gap: var(--unit-space-50);
  align-items: center;
}

.Toolbar-SimpleRteToolbarWrapper-ut4pb {
  display: flex;
  flex-direction: column;
}

.Toolbar-SimpleRteToolbarRow-lWrPV {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--unit-space-50) 0;
  gap: var(--unit-space-25);
}

.Toolbar-SimpleRteToolbarDivider-Vs015 {
  background-color: var(--color-border-default-base);
  width: 1px;
  height: 28px;
}

.composer-banner-r6OPy {
  /* Base banner styling */
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--unit-space-50);
  min-height: 42px;
  border-radius: 14px 14px 0 0;
  border: var(--unit-border-width-xs) var(--unit-border-style-solid);
  border-bottom: 0;
  padding-block-start: var(--unit-space-25);
  padding-block-end: var(--unit-space-100);
  padding-inline-start: var(--unit-space-75);
  padding-inline-end: var(--unit-space-75);
  box-sizing: border-box;
  width: 100%;
}

.composer-content-nmTgY {
  display: flex;
  gap: var(--unit-space-100);
  justify-content: space-between;
  align-items: start;
}

.composer-iconAndMessage-xTk2V {
  display: flex;
  gap: var(--unit-space-75);
  align-items: start;
}

.composer-icon-j2ahG {
  margin-block-start: var(--unit-space-50);
}

.composer-message-QyiYE {
  max-width: var(--unit-container-width-lg);
  font-family: var(--typography-UI2-font-family);
  font-size: var(--typography-UI2-font-size);
  line-height: var(--typography-UI2-line-height);
  font-weight: var(--typography-UI2-font-weight);
  padding-block: var(--unit-space-25);
  align-self: center;
}

button.composer-dismissButton-MP0nO {
  margin-block-start: var(--unit-space-12);
  border: 0;
}

/* Variant styles */
.composer-error-Rpy7v {
  --notification-background: var(--color-background-negative-subtle-base);
  --notification-border: var(--color-border-negative-subtle-base);
  --notification-icon-color: var(--color-foreground-negative-subtle-base);
  --notification-content-color: var(--color-typography-negative-subtle-base);

  background-color: var(--notification-background);
  border-color: var(--notification-border);
  color: var(--notification-content-color);
}

.composer-error-Rpy7v .composer-icon-j2ahG {
  color: var(--notification-icon-color);
}

.composer-error-Rpy7v .composer-dismissButton-MP0nO {
  --text-color: var(--color-foreground-negative-subtle-base);
  --background-color: var(--color-background-negative-subtle-base);
  --border-color: var(--color-border-negative-subtle-base);
  --hovered-text-color: var(--color-foreground-negative-subtle-hovered);
  --hovered-background-color: var(--color-background-negative-subtle-hovered);
  --hovered-border-color: var(--color-border-negative-subtle-hovered);
  --focused-text-color: var(--color-foreground-negative-subtle-focused);
  --focused-background-color: var(--color-background-negative-subtle-focused);
  --focused-border-color: var(--color-border-negative-subtle-focused);
  --pressed-text-color: var(--color-foreground-negative-subtle-pressed);
  --pressed-background-color: var(--color-background-negative-subtle-pressed);
  --pressed-border-color: var(--color-border-negative-subtle-pressed);
}

.composer-warning-xG3N1 {
  --notification-background: var(--color-background-caution-subtle-base);
  --notification-border: var(--color-border-caution-subtle-base);
  --notification-icon-color: var(--color-foreground-caution-subtle-base);
  --notification-content-color: var(--color-typography-caution-subtle-base);

  background-color: var(--notification-background);
  border-color: var(--notification-border);
  color: var(--notification-content-color);
}

.composer-warning-xG3N1 .composer-icon-j2ahG {
  color: var(--notification-icon-color);
}

.composer-warning-xG3N1 .composer-dismissButton-MP0nO {
  --text-color: var(--color-foreground-caution-subtle-base);
  --background-color: var(--color-background-caution-subtle-base);
  --border-color: var(--color-border-caution-subtle-base);
  --hovered-text-color: var(--color-foreground-caution-subtle-hovered);
  --hovered-background-color: var(--color-background-caution-subtle-hovered);
  --hovered-border-color: var(--color-border-caution-subtle-hovered);
  --focused-text-color: var(--color-foreground-caution-subtle-focused);
  --focused-background-color: var(--color-background-caution-subtle-focused);
  --focused-border-color: var(--color-border-caution-subtle-focused);
  --pressed-text-color: var(--color-foreground-caution-subtle-pressed);
  --pressed-background-color: var(--color-background-caution-subtle-pressed);
  --pressed-border-color: var(--color-border-caution-subtle-pressed);
}

.composer-info-CSB3U {
  --notification-background: var(--color-background-info-subtle-base);
  --notification-border: var(--color-border-info-subtle-base);
  --notification-icon-color: var(--color-foreground-info-subtle-base);
  --notification-content-color: var(--color-typography-info-subtle-base);

  background-color: var(--notification-background);
  border-color: var(--notification-border);
  color: var(--notification-content-color);
}

.composer-info-CSB3U .composer-icon-j2ahG {
  color: var(--notification-icon-color);
}

.composer-info-CSB3U .composer-dismissButton-MP0nO {
  --text-color: var(--color-foreground-info-subtle-base);
  --background-color: var(--color-background-info-subtle-base);
  --border-color: var(--color-border-info-subtle-base);
  --hovered-text-color: var(--color-foreground-info-subtle-hovered);
  --hovered-background-color: var(--color-background-info-subtle-hovered);
  --hovered-border-color: var(--color-border-info-subtle-hovered);
  --focused-text-color: var(--color-foreground-info-subtle-focused);
  --focused-background-color: var(--color-background-info-subtle-focused);
  --focused-border-color: var(--color-border-info-subtle-focused);
  --pressed-text-color: var(--color-foreground-info-subtle-pressed);
  --pressed-background-color: var(--color-background-info-subtle-pressed);
  --pressed-border-color: var(--color-border-info-subtle-pressed);
}

.modals-PreviewContainer-hP5mP {
  border: var(--unit-border-width-xs) solid var(--color-border-input-base);
  border-radius: var(--unit-border-radius-sm);
  position: relative;
}

.modals-PreviewImage-vvgJP {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

.composer-suggestedPrompts-fChQ1 {
  border-top: 1px solid #c2c9d1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: var(--unit-space-50) var(--unit-space-75);
}

  .composer-suggestedPrompts-fChQ1 .composer-content-_EmyA {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
  }

  .composer-suggestedPrompts-fChQ1 .composer-skeletons-jFHOI {
    display: flex;
    gap: var(--unit-space-50);
    width: 100%;
  }

.SimpleRTE-simpleRTE-OZfqi {
  flex-grow: 1;
  outline: none;
  max-width: 100%;
}

.SimpleRTE-simpleRTE-OZfqi .tiptap {
  min-height: 166px;
  padding: var(--unit-space-50) 0;
}

.Components-jsonContainer-nATMN {
  border-radius: var(--unit-border-radius-md);
  background: var(--color-surface-secondary-base);
  overflow: hidden;
}

.Remix-container-pZuo9 {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  z-index: 100;
  bottom: 25px;
  left: 0;
  right: 0;
}