@keyframes _mvxq7yi-3-12-1 {
  0% {
    background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  }
  40% {
    background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  }
  100% {
    background-color: transparent;
  }
}
._mvxq7yj-3-12-1 {
  --_mvxq7y0-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7y1-3-12-1: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
  --_mvxq7y2-3-12-1: var(--dt-colors-border-neutral-default-active, #c6c7d5);
  --_mvxq7y7-3-12-1: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
  --_mvxq7y8-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7ye-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7yf-3-12-1: var(--dt-colors-border-neutral-accent, #595a7d);
  --_mvxq7yg-3-12-1: var(--dt-colors-border-neutral-default, #dadbe4);
  --_mvxq7yh-3-12-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
  width: 100%;
  background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
}
._mvxq7yl-3-12-1 {
  --_mvxq7y3-3-12-1: 100%;
  display: flex;
  max-height: 100%;
  min-height: 100%;
  flex-grow: 1;
}
._mvxq7ym-3-12-1 {
  --_mvxq7y7-3-12-1: var(--dt-colors-background-container-critical-default, #f9f1f2);
  --_mvxq7y8-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7ye-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7yf-3-12-1: var(--dt-colors-border-critical-accent, #bb0731);
  --_mvxq7yg-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7yh-3-12-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
}
._mvxq7yn-3-12-1 {
  --_mvxq7yd-3-12-1: var(--dt-spacings-size-2, 2px);
}
._mvxq7yq-3-12-1 {
  --_mvxq7y4-3-12-1: var(--dt-typography-code-base-default-size, 14px);
  --_mvxq7y5-3-12-1: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
  --_mvxq7y9-3-12-1: 17px;
  --_mvxq7yb-3-12-1: 0 var(--dt-spacings-size-2, 2px);
  --_mvxq7yc-3-12-1: var(--dt-spacings-size-16, 16px);
  --_mvxq7yd-3-12-1: var(--dt-spacings-size-12, 12px);
  --_mvxq7y6-3-12-1: var(--dt-typography-code-base-default-line-height, 1.4285714286);
  --_mvxq7ya-3-12-1: var(--dt-spacings-size-16, 16px);
}
._mvxq7yr-3-12-1 {
  --_mvxq7y4-3-12-1: var(--dt-typography-code-small-default-size, 12px);
  --_mvxq7y5-3-12-1: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
  --_mvxq7y9-3-12-1: 15px;
  --_mvxq7yc-3-12-1: var(--dt-spacings-size-12, 12px);
  --_mvxq7yd-3-12-1: var(--dt-spacings-size-6, 6px);
  --_mvxq7y6-3-12-1: var(--dt-typography-code-small-default-line-height, 1.333333333);
  --_mvxq7ya-3-12-1: var(--dt-spacings-size-12, 12px);
}
._mvxq7ys-3-12-1 {
  --_mvxq7y0-3-12-1: var(--dt-colors-border-critical-default, #f6d6d5);
  --_mvxq7y1-3-12-1: var(--dt-colors-border-critical-default-hover, #f5cac9);
  --_mvxq7y2-3-12-1: var(--dt-colors-border-critical-default-active, #f3bebd);
}
._mvxq7yt-3-12-1 {
  --_mvxq7yd-3-12-1: var(--dt-spacings-size-2, 2px);
}
._mvxq7yu-3-12-1 {
  --_mvxq7yd-3-12-1: var(--dt-spacings-size-2, 2px);
}
._mvxq7yk-3-12-1 > div {
  position: relative;
  overflow: visible;
}
._mvxq7yk-3-12-1 > 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(--_mvxq7yf-3-12-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yg-3-12-1);
}
._mvxq7yj-3-12-1 .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-12-1);
  width: var(--_mvxq7y3-3-12-1);
}
._1jgl8s50-3-12-1 ._mvxq7yj-3-12-1 .cm-editor {
  border-width: var(--dt-borders-width-default, 1px);
}
._mvxq7yj-3-12-1 .cm-editor:hover {
  border-color: var(--_mvxq7y1-3-12-1);
}
._mvxq7yj-3-12-1 .cm-editor.cm-focused {
  border-color: var(--_mvxq7yf-3-12-1);
}
._1jgl8s50-3-12-1 ._mvxq7yj-3-12-1 .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(--_mvxq7yf-3-12-1);
}
._mvxq7yj-3-12-1 .cm-editor:focus-visible {
  outline: none;
}
._mvxq7yj-3-12-1 .cm-editor:active {
  border-color: var(--_mvxq7y2-3-12-1);
}
._mvxq7yj-3-12-1 .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);
}
._mvxq7yj-3-12-1 .cm-scroller:focus-visible {
  outline: none;
}
._mvxq7yj-3-12-1 .cm-highlight {
  animation: _mvxq7yi-3-12-1 var(--dt-timings-slow-moderate, 600ms) var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
  animation-iteration-count: 1;
  border-radius: var(--dt-spacings-size-2, 2px);
}
._mvxq7yj-3-12-1 .cm-content, ._mvxq7yj-3-12-1 .cm-gutters {
  font-size: var(--_mvxq7y4-3-12-1);
  font-family: var(--_mvxq7y5-3-12-1);
}
._mvxq7yj-3-12-1 .cm-content {
  color: var(--dt-colors-text-neutral-default, #2f2f4f);
  caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
  padding-block: var(--_mvxq7yd-3-12-1);
  position: relative;
}
._mvxq7yj-3-12-1 .cm-content[data-placeholder]::after {
  content: attr(data-placeholder);
  position: absolute;
  top: var(--_mvxq7yd-3-12-1);
  left: var(--_mvxq7ya-3-12-1);
  right: var(--_mvxq7ya-3-12-1);
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
  line-height: var(--_mvxq7y6-3-12-1);
  pointer-events: none;
  user-select: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
._mvxq7yj-3-12-1 .cm-scroller[data-placeholder-reserved] .cm-line {
  min-height: var(--dt-editor-placeholder-height);
}
._mvxq7yj-3-12-1 .cm-scroller[data-placeholder-reserved] {
  align-items: stretch;
}
._mvxq7yj-3-12-1 .cm-gutters {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
  background-color: var(--_mvxq7y7-3-12-1);
  border-color: var(--_mvxq7y8-3-12-1);
  border-right-width: var(--dt-borders-width-emphasized, 2px);
  border-right-style: var(--dt-borders-style-default, solid);
  text-align: right;
}
._1jgl8s50-3-12-1 ._mvxq7yj-3-12-1 .cm-gutters {
  border-right-width: var(--dt-borders-width-default, 1px);
}
._mvxq7yj-3-12-1 .cm-focused {
  outline: 0 !important;
}
._mvxq7yj-3-12-1 .cm-line {
  padding-inline: var(--_mvxq7ya-3-12-1);
  line-height: var(--_mvxq7y6-3-12-1);
  color: var(--dt-colors-text-neutral-default, #2f2f4f);
}
._mvxq7yj-3-12-1:not(._mvxq7yp-3-12-1):not(._mvxq7yn-3-12-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);
}
._mvxq7yj-3-12-1:not(._mvxq7yp-3-12-1):not(._mvxq7yn-3-12-1) .cm-activeLineGutter {
  box-shadow: 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 var(--_mvxq7ye-3-12-1), 0 var(--dt-borders-width-default, 1px) 0 var(--_mvxq7ye-3-12-1);
}
._mvxq7yj-3-12-1 .cm-activeLine, ._mvxq7yj-3-12-1  .cm-activeLineGutter {
  background-color: transparent;
}
._mvxq7yj-3-12-1 .tok-keyword, ._mvxq7yj-3-12-1 .tok-heading {
  color: var(--dt-colors-syntax-operators, #8136a9);
}
._mvxq7yj-3-12-1 .tok-string {
  color: var(--dt-colors-syntax-string, #086467);
}
._mvxq7yj-3-12-1 .tok-number {
  color: var(--dt-colors-syntax-number, #aa0081);
}
._mvxq7yj-3-12-1 .tok-typeName {
  color: var(--dt-colors-syntax-classname, #2c2d4d);
}
._mvxq7yj-3-12-1 .tok-inserted {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._mvxq7yj-3-12-1 .tok-meta {
  color: var(--dt-colors-text-primary-default, #464cce);
}
._mvxq7yj-3-12-1 .tok-comment {
  color: var(--dt-colors-syntax-comment, #545586);
  font-style: italic;
}
._mvxq7yj-3-12-1 .tok-propertyName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yj-3-12-1 .tok-variableName {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yj-3-12-1 .tok-link {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yj-3-12-1 .tok-atom {
  color: var(--dt-colors-syntax-variable, #2754b5);
}
._mvxq7yj-3-12-1 .tok-bool {
  color: var(--dt-colors-syntax-boolean, #973f00);
}
._mvxq7yj-3-12-1 .cm-diagnostics {
  padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
}
._mvxq7yj-3-12-1 .cm-diagnosticAction {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
._mvxq7yj-3-12-1 .cm-lintRange {
  background-repeat: repeat-x;
  background-size: 8px 2px;
  background-position: 0 95%;
}
._mvxq7yj-3-12-1 .cm-lintPoint-error:after {
  border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
}
._mvxq7yj-3-12-1 .cm-diagnostic-error {
  border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
}
._mvxq7yj-3-12-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%
 );
}
._mvxq7yj-3-12-1 .cm-lintPoint-warning:after {
  border-bottom-color: var(--dt-colors-text-warning-default, #855400);
}
._mvxq7yj-3-12-1 .cm-diagnostic-warning {
  border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
}
._mvxq7yj-3-12-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%
 );
}
._mvxq7yj-3-12-1 .cm-lintPoint-info:after {
  border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
}
._mvxq7yj-3-12-1 .cm-diagnostic-info {
  border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
}
._mvxq7yj-3-12-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%
 );
}
.strato-editor-diagnostic-wrapper {
  font-weight: var(--dt-typography-text-small-default-weight, 400);
  font-size: var(--dt-typography-text-small-default-size, 12px);
  line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
}
._mvxq7yj-3-12-1 .cmt-keyword {
  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
}
._mvxq7yj-3-12-1 .cm-lineNumbers > .cm-gutterElement {
  padding: 0;
  min-width: var(--_mvxq7y9-3-12-1);
}
._mvxq7ym-3-12-1 .cm-gutterElement.cm-gutterElement-critical {
  color: var(--dt-colors-text-critical-default, #bb0731);
}
._mvxq7yj-3-12-1 .cm-gutter-lint-indicators {
  min-width: var(--_mvxq7yc-3-12-1);
}
._mvxq7yj-3-12-1 .cm-gutter-lint-indicators > .cm-gutterElement {
  padding: var(--_mvxq7yb-3-12-1);
  min-width: var(--_mvxq7yc-3-12-1);
}
._mvxq7yj-3-12-1 .cm-gutterElement {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
}
._mvxq7yj-3-12-1:not(._mvxq7yp-3-12-1):not(._mvxq7ym-3-12-1) .cm-gutterElement:hover {
  color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
}
._mvxq7yj-3-12-1:not(._mvxq7yp-3-12-1):not(._mvxq7ym-3-12-1) .cm-gutterElement:active {
  color: var(--dt-colors-icon-neutral-default, #2f2f4f);
}
._mvxq7yv-3-12-1 {
  color: var(--dt-colors-text-neutral-subdued, #595a7d);
  text-align: right;
  vertical-align: middle;
}
._mvxq7yv-3-12-1 span {
  max-width: calc(500px - var(--dt-spacings-size-32, 32px));
}