@keyframes _1axi6lyj-2-0-1 {
  to {
    background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
    color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
  }
}
@keyframes _1axi6lyk-2-0-1 {
  from {
    background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
    color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
  }
}
._1axi6lyl-2-0-1 {
  --_1axi6ly0-2-0-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_1axi6ly1-2-0-1: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
  --_1axi6ly2-2-0-1: var(--dt-colors-border-neutral-default-active, #c6c7d5);
  --_1axi6ly7-2-0-1: var(--dt-colors-text-neutral-subdued, #595a7d);
  --_1axi6ly8-2-0-1: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
  --_1axi6ly9-2-0-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_1axi6lyb-2-0-1: var(--dt-colors-text-neutral-default, #2f2f4f);
  --_1axi6lyf-2-0-1: var(--dt-colors-text-neutral-default, #2f2f4f);
  --_1axi6lyg-2-0-1: var(--dt-colors-border-neutral-accent, #595a7d);
  --_1axi6lyh-2-0-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_1axi6lyi-2-0-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  width: 100%;
  background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
}
._1axi6lyn-2-0-1 {
  --_1axi6ly3-2-0-1: 100%;
  display: flex;
  max-height: 100%;
  min-height: 100%;
  flex-grow: 1;
}
._1axi6lyo-2-0-1 {
  --_1axi6ly7-2-0-1: var(--dt-colors-text-critical-default, #bb0731);
  --_1axi6ly8-2-0-1: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
  --_1axi6ly9-2-0-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_1axi6lyb-2-0-1: var(--dt-colors-text-critical-default, #bb0731);
  --_1axi6lyf-2-0-1: var(--dt-colors-text-critical-default, #bb0731);
  --_1axi6lyg-2-0-1: var(--dt-colors-border-critical-accent, #bb0731);
  --_1axi6lyh-2-0-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_1axi6lyi-2-0-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
}
._1axi6lyp-2-0-1 {
  --_1axi6lye-2-0-1: var(--dt-spacings-size-2, 2px);
}
._1axi6lys-2-0-1 {
  --_1axi6ly4-2-0-1: var(--dt-typography-code-base-default-size, 14px);
  --_1axi6ly5-2-0-1: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
  --_1axi6lya-2-0-1: 33px;
  --_1axi6lyd-2-0-1: 0 0 0 var(--dt-spacings-size-16, 16px);
  --_1axi6lye-2-0-1: var(--dt-spacings-size-12, 12px);
  --_1axi6ly6-2-0-1: var(--dt-typography-code-base-default-line-height, 1.4285714286);
  --_1axi6lyc-2-0-1: var(--dt-spacings-size-16, 16px);
}
._1axi6lyt-2-0-1 {
  --_1axi6ly4-2-0-1: var(--dt-typography-code-small-default-size, 12px);
  --_1axi6ly5-2-0-1: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
  --_1axi6lya-2-0-1: 27px;
  --_1axi6lyd-2-0-1: 0 0 0 var(--dt-spacings-size-12, 12px);
  --_1axi6lye-2-0-1: var(--dt-spacings-size-6, 6px);
  --_1axi6ly6-2-0-1: var(--dt-typography-code-small-default-line-height, 1.333333333);
  --_1axi6lyc-2-0-1: var(--dt-spacings-size-12, 12px);
}
._1axi6lyu-2-0-1 {
  --_1axi6ly0-2-0-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_1axi6ly1-2-0-1: var(--dt-colors-border-critical-default-hover, #f5cac9);
  --_1axi6ly2-2-0-1: var(--dt-colors-border-critical-default-active, #f3bebd);
}
._1axi6lyv-2-0-1 {
  --_1axi6lye-2-0-1: var(--dt-spacings-size-2, 2px);
}
._1axi6lyw-2-0-1 {
  --_1axi6lye-2-0-1: var(--dt-spacings-size-2, 2px);
}
._1axi6lym-2-0-1 > div {
  position: relative;
  overflow: visible;
}
._1axi6lym-2-0-1 > div::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: 1;
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
  pointer-events: none;
  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_1axi6lyg-2-0-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_1axi6lyh-2-0-1);
}
._1axi6lyl-2-0-1 .cm-editor {
  background-color: var(--dt-colors-background-surface-default, #fff);
  border-radius: var(--dt-borders-radius-container-subdued, 8px);
  border-width: var(--dt-borders-width-emphasized, 2px);
  border-style: var(--dt-borders-style-default, solid);
  border-color: var(--_1axi6ly0-2-0-1);
  width: var(--_1axi6ly3-2-0-1);
}
._1axi6lyl-2-0-1 .cm-editor:hover {
  border-color: var(--_1axi6ly1-2-0-1);
}
._1axi6lyl-2-0-1 .cm-editor:focus-visible {
  outline: none;
}
._1axi6lyl-2-0-1 .cm-editor:active {
  border-color: var(--_1axi6ly2-2-0-1);
}
._1axi6lyl-2-0-1 .cm-scroller {
  border-top-left-radius: calc(var(--dt-borders-radius-container-default, 12px)/2);
  border-bottom-left-radius: calc(var(--dt-borders-radius-container-default, 12px)/2);
}
._1axi6lyl-2-0-1 .cm-scroller:focus-visible {
  outline: none;
}
._1axi6lyl-2-0-1 .cm-highlight {
  animation: _1axi6lyj-2-0-1 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
  _1axi6lyk-2-0-1 var(--dt-timings-slow-gentle, 800ms);
  animation-delay: 0s, var(--dt-timings-base-default, 300ms);
  animation-iteration-count: 1;
  border-radius: var(--dt-spacings-size-2, 2px);
}
._1axi6lyl-2-0-1 .cm-content, ._1axi6lyl-2-0-1 .cm-gutters {
  font-size: var(--_1axi6ly4-2-0-1);
  font-family: var(--_1axi6ly5-2-0-1);
}
._1axi6lyl-2-0-1 .cm-content {
  color: var(--dt-colors-text-neutral-default, #2f2f4f);
  caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
  padding-block: var(--_1axi6lye-2-0-1);
}
._1axi6lyl-2-0-1 .cm-gutters {
  color: var(--_1axi6ly7-2-0-1);
  background-color: var(--_1axi6ly8-2-0-1);
  border-color: var(--_1axi6ly9-2-0-1);
  border-right-width: var(--dt-borders-width-emphasized, 2px);
  border-right-style: var(--dt-borders-style-default, solid);
  text-align: right;
}
._1axi6lyl-2-0-1 .cm-lineNumbers {
  min-width: var(--_1axi6lya-2-0-1);
}
._1axi6lyl-2-0-1 .cm-placeholder {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
}
._1axi6lyl-2-0-1 .cm-focused {
  outline: 0 !important;
}
._1axi6lyl-2-0-1 .cm-line {
  padding-inline: var(--_1axi6lyc-2-0-1);
  line-height: var(--_1axi6ly6-2-0-1);
  color: var(--_1axi6lyb-2-0-1);
}
._1axi6lyl-2-0-1:not(._1axi6lyr-2-0-1):not(._1axi6lyp-2-0-1) .cm-activeLine {
  outline: none;
  box-shadow: 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 var(--dt-colors-border-neutral-default, #dadbe4), 0 var(--dt-borders-width-default, 1px) 0 var(--dt-colors-border-neutral-default, #dadbe4);
}
._1axi6lyl-2-0-1:not(._1axi6lyr-2-0-1):not(._1axi6lyp-2-0-1) .cm-activeLineGutter {
  border-block-color: var(--dt-colors-border-neutral-default, #dadbe4);
  color: var(--_1axi6lyf-2-0-1);
}
._1axi6lyl-2-0-1 .cm-activeLine, ._1axi6lyl-2-0-1  .cm-activeLineGutter {
  background-color: transparent;
}
._1axi6lyl-2-0-1 .tok-keyword, ._1axi6lyl-2-0-1 .tok-heading {
  color: var(--dt-colors-syntax-operators, #8136a9);
}
._1axi6lyl-2-0-1 .tok-string {
  color: var(--dt-colors-syntax-string, #086467);
}
._1axi6lyl-2-0-1 .tok-number {
  color: var(--dt-colors-syntax-number, #aa0081);
}
._1axi6lyl-2-0-1 .tok-typeName {
  color: var(--dt-colors-syntax-classname, #2c2d4d);
}
._1axi6lyl-2-0-1 .tok-inserted {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._1axi6lyl-2-0-1 .tok-meta {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._1axi6lyl-2-0-1 .tok-comment {
  color: var(--dt-colors-syntax-comment, #545586);
  font-style: italic;
}
._1axi6lyl-2-0-1 .tok-propertyName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._1axi6lyl-2-0-1 .tok-variableName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._1axi6lyl-2-0-1 .tok-link {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._1axi6lyl-2-0-1 .tok-atom {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._1axi6lyl-2-0-1 .tok-bool {
  color: var(--dt-colors-syntax-boolean, #973f00);
}
._1axi6lyl-2-0-1 .cm-diagnostics {
  padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
}
._1axi6lyl-2-0-1 .cm-diagnosticAction {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
._1axi6lyl-2-0-1 .cm-lintRange {
  background-repeat: repeat-x;
  background-size: 8px 2px;
  background-position: 0 95%;
}
._1axi6lyl-2-0-1 .cm-lintPoint-error:after {
  border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
}
._1axi6lyl-2-0-1 .cm-diagnostic-error {
  border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
}
._1axi6lyl-2-0-1 .cm-lintRange-error {
  background-image: linear-gradient(
  45deg,
  transparent 65%,
  var(--dt-colors-text-critical-default, #bb0731) 80%,
  transparent 90%
),
linear-gradient(
  135deg,
  transparent 5%,
  var(--dt-colors-text-critical-default, #bb0731) 15%,
  transparent 25%
),
linear-gradient(
  135deg,
  transparent 45%,
  var(--dt-colors-text-critical-default, #bb0731) 55%,
  transparent 65%
),
linear-gradient(
  45deg,
  transparent 25%,
  var(--dt-colors-text-critical-default, #bb0731) 35%,
  transparent 50%
);
}
._1axi6lyl-2-0-1 .cm-lintPoint-warning:after {
  border-bottom-color: var(--dt-colors-text-warning-default, #855400);
}
._1axi6lyl-2-0-1 .cm-diagnostic-warning {
  border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
}
._1axi6lyl-2-0-1 .cm-lintRange-warning {
  background-image: linear-gradient(
  45deg,
  transparent 65%,
  var(--dt-colors-text-warning-default, #855400) 80%,
  transparent 90%
),
linear-gradient(
  135deg,
  transparent 5%,
  var(--dt-colors-text-warning-default, #855400) 15%,
  transparent 25%
),
linear-gradient(
  135deg,
  transparent 45%,
  var(--dt-colors-text-warning-default, #855400) 55%,
  transparent 65%
),
linear-gradient(
  45deg,
  transparent 25%,
  var(--dt-colors-text-warning-default, #855400) 35%,
  transparent 50%
);
}
._1axi6lyl-2-0-1 .cm-lintPoint-info:after {
  border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
}
._1axi6lyl-2-0-1 .cm-diagnostic-info {
  border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
}
._1axi6lyl-2-0-1 .cm-lintRange-info {
  background-image: linear-gradient(
  45deg,
  transparent 65%,
  var(--dt-colors-text-neutral-default, #2f2f4f) 80%,
  transparent 90%
),
linear-gradient(
  135deg,
  transparent 5%,
  var(--dt-colors-text-neutral-default, #2f2f4f) 15%,
  transparent 25%
),
linear-gradient(
  135deg,
  transparent 45%,
  var(--dt-colors-text-neutral-default, #2f2f4f) 55%,
  transparent 65%
),
linear-gradient(
  45deg,
  transparent 25%,
  var(--dt-colors-text-neutral-default, #2f2f4f) 35%,
  transparent 50%
);
}
._1axi6lyl-2-0-1 .cmt-keyword {
  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
}
._1axi6lyl-2-0-1 .cm-lineNumbers > .cm-gutterElement {
  padding: var(--_1axi6lyd-2-0-1);
}
._1axi6lyl-2-0-1 .cm-gutterElement {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
}
._1axi6lyl-2-0-1:not(._1axi6lyr-2-0-1):not(._1axi6lyo-2-0-1) .cm-gutterElement:hover {
  color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
}
._1axi6lyl-2-0-1:not(._1axi6lyr-2-0-1):not(._1axi6lyo-2-0-1) .cm-gutterElement:active {
  color: var(--dt-colors-icon-neutral-default, #2f2f4f);
}
._1axi6lyx-2-0-1 {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
  text-align: right;
}
._1axi6lyx-2-0-1 span {
  max-width: calc(500px - var(--dt-spacings-size-32, 32px));
}