@keyframes _mvxq7yj-3-5-0 {
  to {
    background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
    color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
  }
}
@keyframes _mvxq7yk-3-5-0 {
  from {
    background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
    color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
  }
}
._mvxq7yl-3-5-0 {
  --_mvxq7y0-3-5-0: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7y1-3-5-0: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
  --_mvxq7y2-3-5-0: var(--dt-colors-border-neutral-default-active, #c6c7d5);
  --_mvxq7y7-3-5-0: var(--dt-colors-text-neutral-subdued, #595a7d);
  --_mvxq7y8-3-5-0: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
  --_mvxq7y9-3-5-0: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7yb-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
  --_mvxq7yf-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
  --_mvxq7yg-3-5-0: var(--dt-colors-border-neutral-accent, #595a7d);
  --_mvxq7yh-3-5-0: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7yi-3-5-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  width: 100%;
  background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
}
._mvxq7yn-3-5-0 {
  --_mvxq7y3-3-5-0: 100%;
  display: flex;
  max-height: 100%;
  min-height: 100%;
  flex-grow: 1;
}
._mvxq7yo-3-5-0 {
  --_mvxq7y7-3-5-0: var(--dt-colors-text-critical-default, #bb0731);
  --_mvxq7y8-3-5-0: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
  --_mvxq7y9-3-5-0: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7yb-3-5-0: var(--dt-colors-text-critical-default, #bb0731);
  --_mvxq7yf-3-5-0: var(--dt-colors-text-critical-default, #bb0731);
  --_mvxq7yg-3-5-0: var(--dt-colors-border-critical-accent, #bb0731);
  --_mvxq7yh-3-5-0: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7yi-3-5-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
}
._mvxq7yp-3-5-0 {
  --_mvxq7ye-3-5-0: var(--dt-spacings-size-2, 2px);
}
._mvxq7ys-3-5-0 {
  --_mvxq7y4-3-5-0: var(--dt-typography-code-base-default-size, 14px);
  --_mvxq7y5-3-5-0: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
  --_mvxq7ya-3-5-0: 33px;
  --_mvxq7yd-3-5-0: 0 0 0 var(--dt-spacings-size-16, 16px);
  --_mvxq7ye-3-5-0: var(--dt-spacings-size-12, 12px);
  --_mvxq7y6-3-5-0: var(--dt-typography-code-base-default-line-height, 1.4285714286);
  --_mvxq7yc-3-5-0: var(--dt-spacings-size-16, 16px);
}
._mvxq7yt-3-5-0 {
  --_mvxq7y4-3-5-0: var(--dt-typography-code-small-default-size, 12px);
  --_mvxq7y5-3-5-0: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
  --_mvxq7ya-3-5-0: 27px;
  --_mvxq7yd-3-5-0: 0 0 0 var(--dt-spacings-size-12, 12px);
  --_mvxq7ye-3-5-0: var(--dt-spacings-size-6, 6px);
  --_mvxq7y6-3-5-0: var(--dt-typography-code-small-default-line-height, 1.333333333);
  --_mvxq7yc-3-5-0: var(--dt-spacings-size-12, 12px);
}
._mvxq7yu-3-5-0 {
  --_mvxq7y0-3-5-0: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7y1-3-5-0: var(--dt-colors-border-critical-default-hover, #f5cac9);
  --_mvxq7y2-3-5-0: var(--dt-colors-border-critical-default-active, #f3bebd);
}
._mvxq7yv-3-5-0 {
  --_mvxq7ye-3-5-0: var(--dt-spacings-size-2, 2px);
}
._mvxq7yw-3-5-0 {
  --_mvxq7ye-3-5-0: var(--dt-spacings-size-2, 2px);
}
._mvxq7ym-3-5-0 > div {
  position: relative;
  overflow: visible;
}
._mvxq7ym-3-5-0 > div::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: 1;
  border-radius: var(--dt-borders-radius-container-subdued, 6px);
  pointer-events: none;
  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-5-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-5-0);
}
._mvxq7yl-3-5-0 .cm-editor {
  background-color: var(--dt-colors-background-surface-default, #fff);
  border-radius: var(--dt-borders-radius-container-subdued, 6px);
  border-width: var(--dt-borders-width-emphasized, 2px);
  border-style: var(--dt-borders-style-default, solid);
  border-color: var(--_mvxq7y0-3-5-0);
  width: var(--_mvxq7y3-3-5-0);
}
._1jgl8s50-3-5-0 ._mvxq7yl-3-5-0 .cm-editor {
  border-width: var(--dt-borders-width-default, 1px);
}
._mvxq7yl-3-5-0 .cm-editor:hover {
  border-color: var(--_mvxq7y1-3-5-0);
}
._mvxq7yl-3-5-0 .cm-editor.cm-focused {
  border-color: var(--_mvxq7yg-3-5-0);
}
._1jgl8s50-3-5-0 ._mvxq7yl-3-5-0 .cm-editor.cm-focused::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: 1;
  border-radius: var(--dt-borders-radius-container-subdued, 6px);
  pointer-events: none;
  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-5-0);
}
._mvxq7yl-3-5-0 .cm-editor:focus-visible {
  outline: none;
}
._mvxq7yl-3-5-0 .cm-editor:active {
  border-color: var(--_mvxq7y2-3-5-0);
}
._mvxq7yl-3-5-0 .cm-scroller {
  border-top-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
  border-bottom-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
}
._mvxq7yl-3-5-0 .cm-scroller:focus-visible {
  outline: none;
}
._mvxq7yl-3-5-0 .cm-highlight {
  animation: _mvxq7yj-3-5-0 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
  _mvxq7yk-3-5-0 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);
}
._mvxq7yl-3-5-0 .cm-content, ._mvxq7yl-3-5-0 .cm-gutters {
  font-size: var(--_mvxq7y4-3-5-0);
  font-family: var(--_mvxq7y5-3-5-0);
}
._mvxq7yl-3-5-0 .cm-content {
  color: var(--dt-colors-text-neutral-default, #2f2f4f);
  caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
  padding-block: var(--_mvxq7ye-3-5-0);
}
._mvxq7yl-3-5-0 .cm-gutters {
  color: var(--_mvxq7y7-3-5-0);
  background-color: var(--_mvxq7y8-3-5-0);
  border-color: var(--_mvxq7y9-3-5-0);
  border-right-width: var(--dt-borders-width-emphasized, 2px);
  border-right-style: var(--dt-borders-style-default, solid);
  text-align: right;
}
._1jgl8s50-3-5-0 ._mvxq7yl-3-5-0 .cm-gutters {
  border-right-width: var(--dt-borders-width-default, 1px);
}
._mvxq7yl-3-5-0 .cm-lineNumbers {
  min-width: var(--_mvxq7ya-3-5-0);
}
._mvxq7yl-3-5-0 .cm-placeholder {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
}
._mvxq7yl-3-5-0 .cm-focused {
  outline: 0 !important;
}
._mvxq7yl-3-5-0 .cm-line {
  padding-inline: var(--_mvxq7yc-3-5-0);
  line-height: var(--_mvxq7y6-3-5-0);
  color: var(--_mvxq7yb-3-5-0);
}
._mvxq7yl-3-5-0:not(._mvxq7yr-3-5-0):not(._mvxq7yp-3-5-0) .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);
}
._mvxq7yl-3-5-0:not(._mvxq7yr-3-5-0):not(._mvxq7yp-3-5-0) .cm-activeLineGutter {
  border-block-color: var(--dt-colors-border-neutral-default, #dadbe4);
  color: var(--_mvxq7yf-3-5-0);
}
._mvxq7yl-3-5-0 .cm-activeLine, ._mvxq7yl-3-5-0  .cm-activeLineGutter {
  background-color: transparent;
}
._mvxq7yl-3-5-0 .tok-keyword, ._mvxq7yl-3-5-0 .tok-heading {
  color: var(--dt-colors-syntax-operators, #8136a9);
}
._mvxq7yl-3-5-0 .tok-string {
  color: var(--dt-colors-syntax-string, #086467);
}
._mvxq7yl-3-5-0 .tok-number {
  color: var(--dt-colors-syntax-number, #aa0081);
}
._mvxq7yl-3-5-0 .tok-typeName {
  color: var(--dt-colors-syntax-classname, #2c2d4d);
}
._mvxq7yl-3-5-0 .tok-inserted {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._mvxq7yl-3-5-0 .tok-meta {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._mvxq7yl-3-5-0 .tok-comment {
  color: var(--dt-colors-syntax-comment, #545586);
  font-style: italic;
}
._mvxq7yl-3-5-0 .tok-propertyName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yl-3-5-0 .tok-variableName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yl-3-5-0 .tok-link {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yl-3-5-0 .tok-atom {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yl-3-5-0 .tok-bool {
  color: var(--dt-colors-syntax-boolean, #973f00);
}
._mvxq7yl-3-5-0 .cm-diagnostics {
  padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
}
._mvxq7yl-3-5-0 .cm-diagnosticAction {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
._mvxq7yl-3-5-0 .cm-lintRange {
  background-repeat: repeat-x;
  background-size: 8px 2px;
  background-position: 0 95%;
}
._mvxq7yl-3-5-0 .cm-lintPoint-error:after {
  border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
}
._mvxq7yl-3-5-0 .cm-diagnostic-error {
  border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
}
._mvxq7yl-3-5-0 .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%
);
}
._mvxq7yl-3-5-0 .cm-lintPoint-warning:after {
  border-bottom-color: var(--dt-colors-text-warning-default, #855400);
}
._mvxq7yl-3-5-0 .cm-diagnostic-warning {
  border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
}
._mvxq7yl-3-5-0 .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%
);
}
._mvxq7yl-3-5-0 .cm-lintPoint-info:after {
  border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
}
._mvxq7yl-3-5-0 .cm-diagnostic-info {
  border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
}
._mvxq7yl-3-5-0 .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%
);
}
._mvxq7yl-3-5-0 .cmt-keyword {
  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
}
._mvxq7yl-3-5-0 .cm-lineNumbers > .cm-gutterElement {
  padding: var(--_mvxq7yd-3-5-0);
}
._mvxq7yl-3-5-0 .cm-gutterElement {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
}
._mvxq7yl-3-5-0:not(._mvxq7yr-3-5-0):not(._mvxq7yo-3-5-0) .cm-gutterElement:hover {
  color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
}
._mvxq7yl-3-5-0:not(._mvxq7yr-3-5-0):not(._mvxq7yo-3-5-0) .cm-gutterElement:active {
  color: var(--dt-colors-icon-neutral-default, #2f2f4f);
}
._mvxq7yx-3-5-0 {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
  text-align: right;
}
._mvxq7yx-3-5-0 span {
  max-width: calc(500px - var(--dt-spacings-size-32, 32px));
}