.wr7gr51 {
  background-color: var(--cpagpjl);
  transform-origin: var(--transform-origin);
  outline: 1px solid var(--cpagpjq);
}
.wr7gr52::before {
  content: "";
  position: absolute;
  min-height: var(--wejsdlc);
  min-width: var(--wejsdlc);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
}
._12fx1wz1 {
  --cpagpj7: var(--cpagpjd);
  background-color: var(--cpagpjn);
  outline: 1px solid var(--cpagpjs);
  outline-offset: -1px;
}
.fd6r6f3 {
  background: transparent;
  outline: none;
  height: var(--fd6r6f0) !important;
  width: var(--fd6r6f0) !important;
}
.fd6r6f6 {
  padding: var(--fd6r6f4);
  border-radius: inherit;
  background: transparent;
  outline: none;
  color: var(--fd6r6f1);
  isolation: isolate;
}
.fd6r6f3[data-pressed] .fd6r6f6, .fd6r6f3:active .fd6r6f6 {
  transform: scale(.95);
}
.fd6r6f3:focus-visible .fd6r6f6 {
  outline: 2px solid var(--cpagpjt);
}
.fd6r6f3[aria-disabled="true"] .fd6r6f6 {
  --fd6r6f1: var(--cpagpj9);
}
.fd6r6f7 {
  --fd6r6f0: var(--wejsdlq);
  --fd6r6f4: 6px;
}
.fd6r6f8 {
  --fd6r6f0: var(--wejsdlr);
  --fd6r6f4: var(--wejsdlj);
}
.fd6r6f9 {
  --fd6r6f0: var(--wejsdls);
  --fd6r6f4: var(--wejsdlj);
}
.fd6r6fa {
  --fd6r6f1: var(--cpagpj7);
}
.fd6r6fb {
  --fd6r6f1: var(--cpagpjb);
}
.fd6r6fc {
  --fd6r6f1: var(--cpagpjc);
}
.fd6r6fd {
  background-color: var(--cpagpjk);
  outline: 1px solid var(--cpagpjq);
  outline-offset: -1px;
}
.fd6r6f3:not([aria-disabled="true"]):hover > .fd6r6fd, .fd6r6f3:not([aria-disabled="true"])[data-popup-open] > .fd6r6fd {
  background-color: var(--cpagpjm);
}
.fd6r6fe {
  --fd6r6f1: var(--cpagpj8);
  background-color: var(--cpagpjf);
}
.fd6r6f3:not([aria-disabled="true"]):hover > .fd6r6fe, .fd6r6f3:not([aria-disabled="true"])[data-popup-open] > .fd6r6fe {
  background-color: var(--cpagpjg);
}
.fd6r6f3:not([aria-disabled="true"]):hover > .fd6r6ff, .fd6r6f3:not([aria-disabled="true"])[data-popup-open] > .fd6r6ff {
  background-color: var(--cpagpjm);
}
.fd6r6fg {
  margin: calc((var(--fd6r6f4) + 2px) * -1);
}
.fd6r6f6 > svg {
  display: block;
  height: 100%;
  width: 100%;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

/* neo theme for codemirror */

/* Color scheme */

.cm-s-neo.CodeMirror {
  background-color:#ffffff;
  color:#2e383c;
  line-height:1.4375;
}
.cm-s-neo .cm-comment { color:#75787b; }
.cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }
.cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }
.cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }
.cm-s-neo .cm-string { color:#b35e14; }
.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }


/* Editor styling */

.cm-s-neo pre {
  padding:0;
}

.cm-s-neo .CodeMirror-gutters {
  border:none;
  border-right:10px solid transparent;
  background-color:transparent;
}

.cm-s-neo .CodeMirror-linenumber {
  padding:0;
  color:#e0e2e5;
}

.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }

.cm-s-neo .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: rgba(155,157,162,0.37);
  z-index: 1;
}

.qla1ub0{align-self:stretch}@media screen and (min-width:740px){.qla1ub0{align-self:auto}.qla1ub0>*{flex-basis:auto;min-width:0;width:auto}}
._1xcxb5b0{height:1px;width:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}
._7mfsh41::placeholder{color:var(--_2malj21q)}._7mfsh42{padding-right:var(--_2malj29)}._7mfsh43{padding-left:calc(var(--_2malj29) - 2px)}html:not(.yude810) ._7mfsh44{opacity:0}._7mfsh40:focus~._7mfsh45,._7mfsh40:hover:not(:disabled)~._7mfsh45{opacity:1}._7mfsh46{background:var(--_2malj2l);opacity:.4;width:var(--_2malj2y)}
._19799tg0{background:#000;height:100vh;width:100vw}._19799tg1{opacity:.4}._19799tg2{max-height:calc((var(--_2malj29) * 6) + var(--_2malj21));overflow-y:auto}@media screen and (min-width:740px){._19799tg2{max-height:calc((var(--_2malj29) * 8) + var(--_2malj21))}}
.yfupxx0{margin:0 auto}
._34zfzh0{height:var(--_2malj2y)}._34zfzh3{background:var(--_34zfzh1)}._34zfzh4{background:var(--_34zfzh2)}html:not(.yude810) ._34zfzh5{--_34zfzh1:var(--_2malj2t);--_34zfzh2:var(--_2malj2r)}html:not(.yude810) ._34zfzh6{--_34zfzh1:var(--_2malj2r);--_34zfzh2:var(--_2malj2t)}html.yude810 ._34zfzh7{--_34zfzh1:var(--_2malj2t);--_34zfzh2:var(--_2malj2r)}html.yude810 ._34zfzh8{--_34zfzh1:var(--_2malj2r);--_34zfzh2:var(--_2malj2t)}
@media print{._30ji5g0{display:none!important}}
@keyframes _1knosal9{33%{transform:translateY(-1.4em)}66%{transform:translateY(1.4em)}}@keyframes _1knosald{0%{opacity:0}to{opacity:1}}._1knosal0{height:var(--_2malj233)}._1knosal1{height:var(--_2malj23d)}._1knosal2{height:var(--_2malj23n)}._1knosal3{height:var(--_2malj23x)}._1knosal4{height:var(--_2malj231)}._1knosal5{height:var(--_2malj23b)}._1knosal6{height:var(--_2malj23l)}._1knosal7{height:var(--_2malj23v)}._1knosal8{fill:currentcolor}._1knosala{animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:_1knosal9;animation-timing-function:ease-in-out}._1knosalb{transform:translateY(1.4em)}._1knosalb:first-child{animation-delay:.14s}._1knosalb:nth-child(2){animation-delay:70ms}._1knosale{animation-delay:.8s;animation-duration:.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:_1knosald;animation-timing-function:ease-in;opacity:0}@media screen and (min-width:740px){._1knosal0{height:var(--_2malj238)}._1knosal1{height:var(--_2malj23i)}._1knosal2{height:var(--_2malj23s)}._1knosal3{height:var(--_2malj242)}._1knosal4{height:var(--_2malj236)}._1knosal5{height:var(--_2malj23g)}._1knosal6{height:var(--_2malj23q)}._1knosal7{height:var(--_2malj240)}}
.ikpncb0{-webkit-overflow-scrolling:touch;-webkit-mask-composite:destination-in;mask-composite:intersect}.ikpncb1{scrollbar-width:none;-ms-overflow-style:none}.ikpncb1::-webkit-scrollbar{height:0;width:0}.ikpncb3{--ikpncb2:40px}.ikpncb4{--ikpncb2:60px}.ikpncb5{--ikpncb2:80px}.ikpncb6{min-height:-moz-fit-content;min-height:fit-content;overflow-x:auto;overflow-y:hidden}.ikpncb7{overflow-x:hidden;overflow-y:auto}.ikpncb8{overflow:auto}.ikpncbd{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ikpncbb,0)),linear-gradient(to right,transparent 0,#000 var(--ikpncb9,0)),linear-gradient(to left,transparent 0,#000 var(--ikpncba,0)),linear-gradient(to top,transparent 0,#000 var(--ikpncbc,0));mask-image:linear-gradient(to bottom,transparent 0,#000 var(--ikpncbb,0)),linear-gradient(to right,transparent 0,#000 var(--ikpncb9,0)),linear-gradient(to left,transparent 0,#000 var(--ikpncba,0)),linear-gradient(to top,transparent 0,#000 var(--ikpncbc,0))}.ikpncbe{--ikpncb9:var(--ikpncb2)}.ikpncbf{--ikpncba:var(--ikpncb2)}.ikpncbg{--ikpncbb:var(--ikpncb2)}.ikpncbh{--ikpncbc:var(--ikpncb2)}
.rrbfy71{height:100vh;width:100vw}.rrbfy76{bottom:var(--rrbfy72);left:var(--rrbfy73);right:var(--rrbfy75);top:var(--rrbfy74)}.rrbfy78{width:calc(var(--rrbfy77) / 4)}.rrbfy79{--rrbfy77:var(--_2malj212)}.rrbfy7a{--rrbfy77:var(--_2malj213)}.rrbfy7b{--rrbfy77:var(--_2malj214)}.rrbfy7c{max-height:calc((var(--_2malj29) * 9.5) + (var(--rrbfy70) * 2))}
._15h62rq0{margin:-1px -6px}
._1fqga9y1{min-height:var(--_1fqga9y0,100vh)}
._1ya15ka2{--_1ya15ka0:var(--_2malj25f);--_1ya15ka1:var(--_2malj23n)}._1ya15ka3{--_1ya15ka0:var(--_2malj25g);--_1ya15ka1:var(--_2malj23d)}._1ya15ka4{height:44px;left:calc(((44px - var(--_1ya15ka0)) / 2) * -1);top:calc(((44px - var(--_1ya15ka0)) / 2) * -1);width:44px}[data-braid-debug] ._1ya15ka4{background:red;opacity:.2}._1ya15ka5{height:var(--_1ya15ka0);outline:var(--_2malj210) solid transparent;transition:outline-color .125s ease;width:var(--_1ya15ka0)}._1ya15ka4[type=checkbox]:checked~._1ya15ka5{background:transparent}._1ya15ka4:focus-visible~._1ya15ka5{outline-color:var(--_2malj2m)}._1ya15ka6{padding-top:calc((var(--_1ya15ka0) - var(--_1ya15ka1)) / 2)}._1ya15ka4._1ya15ka7~* ._1ya15ka8,._1ya15ka4:checked~* ._1ya15ka8{display:block;z-index:1}._1ya15ka4._1ya15ka7+._1ya15ka5>._1ya15ka9,._1ya15ka4:checked+._1ya15ka5>._1ya15ka9{opacity:1}html:not(.yude810) ._1ya15kaa{opacity:0}._1ya15ka4:focus:not(._1ya15ka7)+._1ya15ka5>._1ya15kab,._1ya15ka4:hover:not(:checked):not(._1ya15ka7):not(:disabled)+._1ya15ka5>._1ya15kab{opacity:1}._1ya15kab>._1ya15kac{opacity:.2}._1ya15kad{opacity:.3}html:not(.yude810) ._1ya15kad{background-color:var(--_2malj21q)}html.yude810 ._1ya15kad{background-color:var(--_2malj21r)}._1ya15kae{transform:scale(.85)}._1ya15ka4:active+._1ya15ka5>*>._1ya15kae{transform:scale(.75)}._1ya15kaf{transform:scale(.6)}._1ya15ka4:active+._1ya15ka5>*>._1ya15kaf{transform:scale(.5)}@media screen and (min-width:740px){._1ya15ka2{--_1ya15ka1:var(--_2malj23s)}._1ya15ka3{--_1ya15ka1:var(--_2malj23i)}}
html:not(.yude810) .j2unjb2{--j2unjb1:var(--_2malj2n)}html.yude810 .j2unjb2{--j2unjb1:var(--_2malj2o)}html:not(.yude810) .j2unjb3{--j2unjb1:var(--_2malj2r)}html.yude810 .j2unjb3{--j2unjb1:var(--_2malj2t)}.j2unjb4{outline:none;text-align:left}html:not(.yude810) .j2unjb4{--j2unjb0:var(--_2malj2t)}html.yude810 .j2unjb4{--j2unjb0:var(--_2malj2r)}.j2unjb6{color:var(--j2unjb0);height:var(--_2malj25g);width:var(--_2malj25g)}.j2unjb7{flex:1}.j2unjb9{color:var(--j2unjb1)}.j2unjbd{fill:currentcolor;transform:scale(0);transform-origin:50% 50%}.j2unjbb>.j2unjbd{opacity:1;transform:scale(1)}.j2unjba>.j2unjbd{opacity:1;transform:scale(2.1)}.j2unjbf{transform-origin:50% 50%;transition-delay:.1s}:not(.j2unjba)>.j2unjbf{opacity:0;transform:scale(.5) rotate(50deg);transition-delay:0s}html:not(.yude810) .j2unjbf{fill:var(--_2malj21l)}html.yude810 .j2unjbf{fill:var(--_2malj21k)}.j2unjbg{background:repeating-linear-gradient(90deg,var(--j2unjb0),var(--j2unjb0) 2px,transparent 2px,transparent 4px);height:var(--_2malj2z);left:calc(var(--_2malj25g) + var(--_2malj21));top:calc((var(--_2malj25g) - var(--_2malj2z)) / 2);width:calc((100% - var(--_2malj25g)) - (var(--_2malj21) * 2))}.j2unjbi{background:var(--j2unjb1);transition:transform .2s ease}.j2unjbj{transform:translateX(-101%)}.j2unjbk{outline:var(--_2malj210) solid transparent;transition:var(--_2malj25h),outline-color .125s ease;width:var(--_2malj25g)}.j2unjb4:focus-visible .j2unjbk{outline-color:var(--_2malj2m);transform:scale(1.2)}.j2unjb4:active .j2unjbk{transform:var(--_2malj25j)}@media screen and (min-width:740px){.j2unjb8{flex:1}.j2unjbh{left:calc((50% + (var(--_2malj25g) / 2)) + var(--_2malj21))}}
._18filuq1{border:var(--_2malj2y) solid var(--_18filuq0);border-collapse:separate;font-variant-numeric:tabular-nums;word-break:break-word}html:not(.yude810) ._18filuq1{--_18filuq0:var(--_2malj2t)}html.yude810 ._18filuq1{--_18filuq0:var(--_2malj2r)}._18filuq4:not(:last-child)>._18filuq5{border-bottom:1px solid var(--_18filuq0)}._18filuq3:not(._18filuq2)>._18filuq4>._18filuq6:not(:first-child){border-left:1px solid var(--_18filuq0)}._18filuq3:not(._18filuq2)>._18filuq4>._18filuq6:not(:last-child){border-right:1px solid var(--_18filuq0)}._18filuq3:not(:first-child)>._18filuq4:first-child>._18filuq5{border-top:var(--_2malj2y) solid var(--_18filuq0)}._18filuq7{vertical-align:middle}._18filuq8{vertical-align:top}._18filuq9{white-space:nowrap}._18filuqb{width:var(--_18filuqa)}._18filuqd{min-width:var(--_18filuqc)}._18filuqf{max-width:var(--_18filuqe)}@media screen and (min-width:740px){._18filuqg{display:table-cell}}@media screen and (min-width:992px){._18filuqh{display:table-cell}}@media screen and (min-width:1200px){._18filuqi{display:table-cell}}
._10kdc420::-moz-focus-inner{border:0}._10kdc420:hover ._10kdc421{opacity:1}._10kdc422{white-space:nowrap}._10kdc423{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}._10kdc423::-webkit-scrollbar{height:0;width:0}._10kdc424{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 80px),transparent)}._10kdc425{margin-left:auto;margin-right:auto}._10kdc426{outline-offset:calc(var(--_2malj210) * -1)}._10kdc42b{--_10kdc429:calc(var(--_2malj2b) / var(--_10kdc42a));--_10kdc42a:calc(var(--_10kdc428) / 100);border-top-left-radius:var(--_10kdc429);border-top-right-radius:var(--_10kdc429);height:var(--_2malj2z);transform:translateZ(0) translateX(calc(var(--_10kdc427) * 1px)) scaleX(var(--_10kdc42a));transform-origin:0 0;transition:transform .3s ease;width:100px}html.yude810 ._10kdc42c{background:var(--_2malj2o)}._10kdc42e{height:var(--_2malj2y)}
.tgd14x0{transform-origin:50% 50%;transition:transform .3s ease}.tgd14x1{transform:rotateX(180deg)}.tgd14x3{transform:scaleX(var(--tgd14x2,1)) rotate(90deg)}.tgd14x4{--tgd14x2:-1}
.mf2kfn0{transform-origin:50% 50%;transition:transform .3s ease}.mf2kfn1{transform:rotate(90deg)}.mf2kfn2{transform:rotate(180deg)}.mf2kfn3{transform:rotate(270deg)}
._9ev7970{transform-origin:50% 50%;transition:transform .3s ease}._9ev7971{transform:rotate(180deg)}
.yul1sr0>*{flex-basis:auto;width:auto}.yul1sr1>*{max-width:100%}
._109x6gv2{outline-offset:var(--_2malj21)}
.bsxm880:focus .bsxm881,.bsxm880:hover .bsxm881{opacity:1}
._11w27il0{padding-bottom:calc((var(--_2malj23m) - var(--_2malj23n)) / 2);padding-top:calc((var(--_2malj23m) - var(--_2malj23n)) / 2)}@media screen and (min-width:740px){._11w27il0{padding-bottom:calc((var(--_2malj23r) - var(--_2malj23s)) / 2);padding-top:calc((var(--_2malj23r) - var(--_2malj23s)) / 2)}}
.hcj0nf0{display:inline-flex;margin-bottom:calc(var(--_2malj21) * -1);margin-top:calc((var(--_2malj21) + .2em) * -1);vertical-align:middle}
._11rhppx6{background:var(--_11rhppx0)}._11rhppx7{background:var(--_11rhppx1)}._11rhppx8{background:var(--_11rhppx2)}._11rhppx9{background:var(--_11rhppx3)}._11rhppxa{background:var(--_11rhppx4)}._11rhppxb{background:var(--_11rhppx5)}html:not(.yude810) ._11rhppxc{--_11rhppx0:var(--_2malj2w);--_11rhppx1:var(--_2malj2p);--_11rhppx2:var(--_2malj2u);--_11rhppx3:var(--_2malj2h);--_11rhppx4:var(--_2malj2j);--_11rhppx5:var(--_2malj2n)}html:not(.yude810) ._11rhppxd{--_11rhppx0:var(--_2malj2x);--_11rhppx1:var(--_2malj2q);--_11rhppx2:var(--_2malj2v);--_11rhppx3:var(--_2malj2i);--_11rhppx4:var(--_2malj2k);--_11rhppx5:var(--_2malj2o)}html.yude810 ._11rhppxe{--_11rhppx0:var(--_2malj2w);--_11rhppx1:var(--_2malj2p);--_11rhppx2:var(--_2malj2u);--_11rhppx3:var(--_2malj2h);--_11rhppx4:var(--_2malj2j);--_11rhppx5:var(--_2malj2n)}html.yude810 ._11rhppxf{--_11rhppx0:var(--_2malj2x);--_11rhppx1:var(--_2malj2q);--_11rhppx2:var(--_2malj2v);--_11rhppx3:var(--_2malj2i);--_11rhppx4:var(--_2malj2k);--_11rhppx5:var(--_2malj2o)}._11rhppxg{border-bottom-right-radius:0!important;border-top-right-radius:0!important}._11rhppxh{width:var(--_2malj2e)}._11rhppxi{width:var(--_2malj2a)}
html:not(.yude810) ._1ygeji22{background:rgba(0,0,0,.4)}html.yude810 ._1ygeji22{background:rgba(0,0,0,.6)}._1ygeji24{opacity:1;transform:translateX(110%)}._1ygeji25{opacity:1;transform:translateX(-110%)}._1ygeji26{transform:scale(.8)}._1ygeji27{transition:transform .3s cubic-bezier(.4,0,0,1),opacity .3s cubic-bezier(.4,0,0,1)}._1ygeji29{pointer-events:all}._1ygeji2d{max-height:var(--_1ygeji2b)}._1ygeji2e{--_1ygeji2a:var(--_2malj22);max-height:calc(var(--_1ygeji2b) - (var(--_1ygeji2a) * 2));max-width:calc(var(--_1ygeji2c) - (var(--_1ygeji2a) * 2))}._1ygeji2f{--_1ygeji2b:100vh;--_1ygeji2c:100vw;max-height:var(--_1ygeji2b);max-width:var(--_1ygeji2c)}._1ygeji2g{overflow-wrap:break-word}._1ygeji2h{right:-5px;top:-5px}@media screen and (prefers-reduced-motion){._1ygeji23{transform:none!important}}@media screen and (min-width:740px){._1ygeji24{opacity:0;transform:translateX(40px)}._1ygeji25{opacity:0;transform:translateX(-40px)}._1ygeji27{transition:transform .175s cubic-bezier(.4,0,0,1),opacity .175s cubic-bezier(.4,0,0,1)}._1ygeji2e{--_1ygeji2a:var(--_2malj20)}}@media screen and (min-width:992px){._1ygeji2e{--_1ygeji2a:var(--_2malj26)}}@supports (height:1dvh){._1ygeji2f{--_1ygeji2b:100dvh;--_1ygeji2c:100dvw}}
.urg2mw0{padding-right:var(--_2malj29)}
._19iijbv0{background:currentColor}._19iijbv1{height:5px;width:5px}._19iijbv2{height:4px;width:4px}._19iijbv3{height:3px;width:3px}._19iijbv4{min-width:1.4ch}._19iijbv5{min-width:2.4ch}._19iijbv6{margin-right:-.4ch}
.txgst30::-webkit-calendar-picker-indicator,.txgst30::-webkit-clear-button,.txgst30::-webkit-inner-spin-button{-webkit-appearance:none;display:none}
.hvwchs0{outline:none}.hvwchs0::-moz-focus-inner{border:0}.hvwchs1{height:0}
._1jl1cmz2{--_1jl1cmz0:var(--_2malj23n);--_1jl1cmz1:calc(((var(--_2malj25g) - var(--_1jl1cmz0)) / 2) * -1);height:var(--_2malj25g);margin-bottom:var(--_1jl1cmz1);margin-top:var(--_1jl1cmz1);width:var(--_2malj25g)}@media screen and (min-width:740px){._1jl1cmz2{--_1jl1cmz0:var(--_2malj23s)}}
.ulq6vo1{outline-offset:0}html.yude810 .ulq6vo4,html:not(.yude810) .ulq6vo3{opacity:.3}.ulq6vo5{opacity:.075}.ulq6vo2:hover .ulq6vo6:not(.ulq6vo5){opacity:.5}
._1cuwh1t0{display:inline-flex;gap:1px}
._1ikuh940{padding-left:1px}
.icqdfh1{margin:0 -2px;padding:0 2px;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:2px}html:not(.yude810) .icqdfh2{background:var(--_2malj226);text-decoration-color:var(--_2malj2j)}html.yude810 .icqdfh2{text-decoration-color:var(--_2malj2k)}.icqdfh3{text-decoration-color:var(--_2malj2h)}html:not(.yude810) .icqdfh3{background:var(--_2malj222)}
.qg3zj50{background:transparent;min-height:calc(var(--_2malj2a) * 15);resize:vertical}.qg3zj51{color:transparent!important;white-space:pre-wrap;word-break:break-word}.qg3zj51:after{content:"\A"}
._1szbvt00{height:100%;left:50%;min-height:44px;min-width:44px;top:50%;transform:translate(-50%,-50%);width:100%}[data-braid-debug] ._1szbvt00{background:red;opacity:.2}._1szbvt02{outline:var(--_2malj210) solid transparent;outline-offset:var(--_2malj21);transition:outline-color .125s ease}._1szbvt00:focus-visible~._1szbvt02{outline-color:var(--_2malj2m)}
._3trpbp5{--_3trpbp0:var(--_3trpbp1);display:grid;grid-template-columns:repeat(var(--_3trpbp0),1fr)}._3trpbp5>*{min-width:0}@media screen and (min-width:740px){._3trpbp5{--_3trpbp0:var(--_3trpbp2)}}@media screen and (min-width:992px){._3trpbp5{--_3trpbp0:var(--_3trpbp3)}}@media screen and (min-width:1200px){._3trpbp5{--_3trpbp0:var(--_3trpbp4)}}
.i5w4vq0{height:var(--_2malj23n)}.i5w4vq1{height:var(--_2malj23d)}.i5w4vq2:hover{z-index:1}.i5w4vq3{height:44px}[data-braid-debug] .i5w4vq3{background:red;opacity:.2}.i5w4vq4{width:calc(var(--_2malj25f) * 1.6)}.i5w4vq5{width:calc(var(--_2malj25g) * 1.6)}.i5w4vq7{height:var(--_2malj25f)}.i5w4vq8{height:var(--_2malj25g)}.i5w4vq9{height:calc(var(--_2malj25f) - var(--_2malj2a))}.i5w4vqa{height:calc(var(--_2malj25g) - var(--_2malj2a))}html:not(.yude810) .i5w4vqb{background:rgba(0,0,0,.08)}html:not(.yude810) .i5w4vqc{background:hsla(0,0%,100%,.12)}html.yude810 .i5w4vqd{background:rgba(0,0,0,.08)}html.yude810 .i5w4vqe{background:hsla(0,0%,100%,.12)}.i5w4vqf{-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.i5w4vq3:not(:checked)+.i5w4vq6 .i5w4vqg{transform:translateX(calc(var(--_2malj29) * -1))}.i5w4vqh{height:var(--_2malj25f);outline:var(--_2malj210) solid transparent;transition:var(--_2malj25h),outline-color .125s ease;width:var(--_2malj25f)}.i5w4vq3:focus-visible+.i5w4vq6 .i5w4vqh{outline-color:var(--_2malj2m)}.i5w4vq3:active+.i5w4vq6 .i5w4vqh{transform:translateX(calc((var(--_2malj25f) * .12) * -1))}.i5w4vq3:checked+.i5w4vq6 .i5w4vqh{transform:translateX(calc((var(--_2malj25f) * 1.6) - var(--_2malj25f)))}.i5w4vq3:active:checked+.i5w4vq6 .i5w4vqh{transform:translateX(calc(((var(--_2malj25f) * 1.6) - var(--_2malj25f)) + (var(--_2malj25f) * .12)))}.i5w4vqi{height:var(--_2malj25g);outline:var(--_2malj210) solid transparent;transition:var(--_2malj25h),outline-color .125s ease;width:var(--_2malj25g)}.i5w4vq3:focus-visible+.i5w4vq6 .i5w4vqi{outline-color:var(--_2malj2m)}.i5w4vq3:active+.i5w4vq6 .i5w4vqi{transform:translateX(calc((var(--_2malj25g) * .12) * -1))}.i5w4vq3:checked+.i5w4vq6 .i5w4vqi{transform:translateX(calc((var(--_2malj25g) * 1.6) - var(--_2malj25g)))}.i5w4vq3:active:checked+.i5w4vq6 .i5w4vqi{transform:translateX(calc(((var(--_2malj25g) * 1.6) - var(--_2malj25g)) + (var(--_2malj25g) * .12)))}.i5w4vqj{transform:scale(1.04)}html:not(.yude810) .i5w4vqk{opacity:0}.i5w4vq3:focus+.i5w4vq6 .i5w4vql,.i5w4vq3:hover:not(:disabled)+.i5w4vq6 .i5w4vql{opacity:1}@media screen and (min-width:740px){.i5w4vq0{height:var(--_2malj23s)}.i5w4vq1{height:var(--_2malj23i)}}
html:not(.yude810) .qrvomw4{--qrvomw0:rgba(51,51,51,.08);--qrvomw1:rgba(51,51,51,.3);--qrvomw2:rgba(51,51,51,.4);--qrvomw3:rgba(51,51,51,.1)}html:not(.yude810) .qrvomw5{--qrvomw0:hsla(0,0%,100%,.05);--qrvomw1:hsla(0,0%,100%,.4);--qrvomw2:hsla(0,0%,100%,.6);--qrvomw3:hsla(0,0%,100%,.2)}html.yude810 .qrvomw6{--qrvomw0:rgba(51,51,51,.08);--qrvomw1:rgba(51,51,51,.3);--qrvomw2:rgba(51,51,51,.4);--qrvomw3:rgba(51,51,51,.1)}html.yude810 .qrvomw7{--qrvomw0:hsla(0,0%,100%,.05);--qrvomw1:hsla(0,0%,100%,.4);--qrvomw2:hsla(0,0%,100%,.6);--qrvomw3:hsla(0,0%,100%,.2)}.qrvomw8{background:var(--qrvomw0);border:2px solid var(--qrvomw1)}.qrvomw9{color:var(--qrvomw2)}.qrvomwa{stroke:var(--qrvomw3);stroke-width:2px}
.x62k6c0 {
  background-color: var(--cpagpjm);
}
.x62k6c2 {
  background-color: var(--cpagpji);
  color: var(--cpagpja);
  min-width: 50px;
}
.x62k6c3 {
  opacity: 1;
}
.x62k6c5 {
  width: 1em;
}
.x62k6c6::after {
  content: "-";
}
.x62k6c7::after {
  content: "+";
  opacity: 1;
}
.react-codemirror2 {
  height: 100%;
}
.CodeMirror {
  height: 100%;
  width: 100%;
  font-family: var(--wejsdl1);
  position: relative;
  z-index: 0;
}
.CodeMirror-gutters {
  box-sizing: border-box;
  padding-left: var(--wejsdli);
}
.CodeMirror pre, .CodeMirror-linenumber {
  font-size: 16px;
}
.CodeMirror-lines {
  padding: var(--wejsdll) 0;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: var(--wejsdlh);
  box-shadow: var(--cpagpju);
  border-radius: var(--wejsdl9);
  background-color: var(--cpagpjl);
  border: 1px solid var(--cpagpjq);
  font-size: 14px;
  line-height: 24px;
  font-family: var(--wejsdl1);
  max-height: 20em;
  overflow-y: auto;
}
.CodeMirror-hint {
  margin: 0;
  padding: var(--wejsdli) var(--wejsdlj);
  border-radius: var(--wejsdl8);
  white-space: pre;
  color: var(--cpagpj0);
  cursor: default;
  height: var(--wejsdlr);
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}
.CodeMirror-hint::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: var(--wejsdl8);
  z-index: -1;
  background-color: var(--cpagpjm);
  opacity: 0;
}
.CodeMirror-hint-active::before {
  opacity: 1;
}
.CodeMirror-linenumbers {
  min-width: 50px;
}
.CodeMirror-foldmarker {
  color: var(--cpagpjb);
  font-family: arial;
  cursor: default;
  padding: 0 var(--wejsdli);
}
.cm-s-neo.CodeMirror {
  background-color: var(--cpagpjk);
  color: var(--cpagpj0);
}
.cm-s-neo.CodeMirror::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(90deg, transparent, var(--cpagpjk));
  right: 0;
  pointer-events: none;
}
.CodeMirror-scroll {
  padding-right: 20px;
}
.cm-s-neo .CodeMirror-cursor {
  background-color: var(--cpagpj7);
  width: 2px;
}
.cm-s-neo .CodeMirror-gutters {
  background-color: var(--cpagpjk);
  border: none;
}
.cm-s-neo .CodeMirror-gutters::after {
  content: "";
  background-color: var(--cpagpjk);
  position: absolute;
  right: var(--wejsdlh);
  height: 100%;
  box-shadow: 0 0 10px 5px var(--cpagpjk);
}
.cm-s-neo .CodeMirror-selected {
  background: var(--cpagpjo);
}
.cm-s-neo .CodeMirror-activeline-background {
  background: transparent;
}
.cm-s-neo .CodeMirror-guttermarker-subtle {
  display: flex;
  justify-content: center;
  color: var(--cpagpj7);
  transition: var(--wejsdlf);
}
.cm-s-neo .CodeMirror-guttermarker-subtle:not(:hover):not(.x62k6c7) {
  color: var(--cpagpj7);
  opacity: 0.4;
}
.cm-s-neo .CodeMirror-linenumber {
  min-width: 50px;
  color: var(--cpagpj7);
  transition: var(--wejsdlf);
}
.cm-s-neo .CodeMirror-linenumber:not(:hover):not(.cm-s-neo .CodeMirror-activeline .CodeMirror-linenumber) {
  opacity: 0.4;
}
.cm-s-neo .cm-tag {
  color: var(--cpagpj1);
}
.cm-s-neo .cm-attribute,.cm-s-neo .cm-keyword,.cm-s-neo .cm-property {
  color: var(--cpagpj2);
}
.cm-s-neo .cm-string {
  color: var(--cpagpj3);
}
.cm-s-neo .cm-atom {
  color: var(--cpagpj4);
}
.cm-s-neo .cm-variable {
  color: var(--cpagpj5);
}
.cm-s-neo .cm-number {
  color: var(--cpagpj6);
}
.CodeMirror-dialog {
  padding-left: var(--wejsdll);
  padding-right: var(--wejsdll);
  min-height: var(--wejsdlc);
  border-bottom: 1px solid var(--cpagpjq);
  display: flex;
  align-items: center;
}
.CodeMirror-scroll {
  transition: var(--wejsdlf);
}
.dialog-opened .CodeMirror-scroll {
  transform: translateY(var(--wejsdlc));
}
.dialog-opened .CodeMirror-lines {
  padding-bottom: var(--wejsdlc);
}
.CodeMirror-dialog input {
  font: var(--wejsdl5);
  font-family: var(--wejsdl1);
  height: var(--wejsdlc);
  flex-grow: 1;
}
.CodeMirror-search-hint {
  display: none;
}
.CodeMirror-search-label {
  display: flex;
  align-items: center;
  min-height: var(--wejsdlc);
  font: var(--wejsdl5);
  font-family: var(--wejsdl1);
}
.CodeMirror-search-field {
  padding-left: var(--wejsdll);
}
label.CodeMirror-search-label {
  flex-grow: 1;
}
.dialog-opened.cm-s-neo .CodeMirror-selected {
  background: var(--cpagpjo);
}
.cm-overlay.cm-searching {
  padding-top: var(--wejsdlh);
  padding-bottom: var(--wejsdlh);
  background: var(--cpagpjo);
}
.CodeMirror-dialog button:first-of-type {
  margin-left: var(--wejsdll);
}
.CodeMirror-dialog button {
  appearance: none;
  font: var(--wejsdl4);
  font-family: var(--wejsdl0);
  margin-left: var(--wejsdlj);
  padding-top: var(--wejsdli);
  padding-bottom: var(--wejsdli);
  padding-left: var(--wejsdlk);
  padding-right: var(--wejsdlk);
  align-self: center;
  display: block;
  background: none;
  border-radius: var(--wejsdl9);
  cursor: default;
  border: 1px solid var(--cpagpjq);
}
.CodeMirror-dialog button:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 0;
}
.CodeMirror-dialog button:hover {
  background: var(--cpagpjm);
}
._1tlstap2 {
  width: fit-content;
  max-width: 80ex;
  background: var(--cpagpjl);
  box-shadow: 0 2px 10px -2px hsla(358, 66%, 48%, 1);
  word-break: break-word;
  white-space: pre-line;
  outline: 1px solid hsla(358, 66%, 48%, 1);
}
._1tlstap2:not(._1tlstap0) {
  transform: translateY(var(--wejsdlj));
  transition: none;
  opacity: 0;
}
._1tlstap4 {
  transition-delay: calc(var(--_1tlstap3) * 1ms);
}
._1tlstap8 {
  background: hsla(358, 66%, 48%, 1);
  color: hsla(0, 0%, 93%, 1);
  height: var(--wejsdlq);
}
._1tlstap8:active:not([disabled]) {
  transform: scale(0.97);
}
._1eoorfp2 {
  display: flex;
  flex-direction: row;
  gap: var(--_1eoorfp0);
  align-items: var(--_1eoorfp1);
}
._1eoorfp3 {
  flex-wrap: wrap;
}
._1eoorfp4 {
  --_1eoorfp0: var(--wejsdlg);
}
._1eoorfp5 {
  --_1eoorfp0: var(--wejsdlh);
}
._1eoorfp6 {
  --_1eoorfp0: var(--wejsdli);
}
._1eoorfp7 {
  --_1eoorfp0: var(--wejsdlj);
}
._1eoorfp8 {
  --_1eoorfp0: var(--wejsdlk);
}
._1eoorfp9 {
  --_1eoorfp0: var(--wejsdll);
}
._1eoorfpa {
  --_1eoorfp0: var(--wejsdlm);
}
._1eoorfpb {
  --_1eoorfp0: var(--wejsdln);
}
._1eoorfpc {
  --_1eoorfp0: var(--wejsdlo);
}
._1eoorfpd {
  --_1eoorfp0: var(--wejsdlp);
}
._1eoorfpe {
  align-items: flex-start;
}
._1eoorfpf {
  align-items: center;
}
._1eoorfpg {
  align-items: flex-end;
}
._1dwfsnx0 {
  isolation: isolate;
  white-space: nowrap;
}
._1dwfsnx1 {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: baseline;
  justify-items: center;
}
@media screen and (max-width: 767px) {
  ._1dwfsnx3 {
    display: none;
  }
}
.xq0a8w1 {
  -webkit-overflow-scrolling: touch;
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
}
.xq0a8w2 {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.xq0a8w2::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.xq0a8w4 {
  --xq0a8w3: 30px;
}
.xq0a8w5 {
  --xq0a8w3: 45px;
}
.xq0a8w6 {
  --xq0a8w3: 60px;
}
.xq0a8w7 {
  overflow-x: auto;
  overflow-y: hidden;
}
.xq0a8w8 {
  overflow-x: hidden;
  overflow-y: auto;
}
.xq0a8w9 {
  overflow: auto;
}
.xq0a8we {
  mask-image: linear-gradient(to bottom, transparent 0, black var(--xq0a8wc, 0)),linear-gradient(to right, transparent 0, black var(--xq0a8wa, 0)),linear-gradient(to left, transparent 0, black var(--xq0a8wb, 0)),linear-gradient(to top, transparent 0, black var(--xq0a8wd, 0));
}
.xq0a8wf {
  --xq0a8wa: var(--xq0a8w3);
}
.xq0a8wg {
  --xq0a8wb: var(--xq0a8w3);
}
.xq0a8wh {
  --xq0a8wc: var(--xq0a8w3);
}
.xq0a8wi {
  --xq0a8wd: var(--xq0a8w3);
}
._4un44s2 {
  max-height: var(--available-height);
  max-width: var(--available-width);
}
._4un44s3 {
  width: 250px;
}
._4un44s6 {
  --_4un44s4: var(--cpagpjm);
  outline: none;
  cursor: default;
  color: var(--cpagpj7);
  height: 34px;
  isolation: isolate;
}
._4un44s6::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  border-radius: var(--wejsdl8);
  z-index: -1;
}
._4un44s6[data-popup-open]:not([aria-disabled])::before, ._4un44s6[data-highlighted]:not([aria-disabled])::before {
  background-color: var(--_4un44s4);
}
._4un44s6:focus-visible::before {
  outline: 2px solid var(--cpagpjt);
  outline-offset: -2px;
}
._4un44s6[aria-disabled] {
  color: var(--cpagpj9);
  cursor: not-allowed;
}
._4un44s7 {
  cursor: pointer;
  text-decoration: none;
}
._4un44s7[aria-disabled] {
  cursor: not-allowed;
}
._4un44s8 {
  margin-left: 3px;
}
._4un44s9 {
  --_4un44s4: var(--cpagpji);
  color: var(--cpagpja);
}
._4un44sa {
  --_4un44s4: transparent;
  color: var(--cpagpjc);
}
._4un44sa svg {
  color: var(--cpagpjc);
}
._4un44sc {
  isolation: isolate;
}
._4un44sg {
  position: relative;
  height: 16px;
  width: 16px;
  color: inherit;
  z-index: 1;
}
._4un44si {
  position: relative;
  height: 16px;
  width: 16px;
  color: var(--cpagpj7);
  z-index: 1;
}
[aria-checked="true"] ._4un44si {
  color: var(--cpagpj8);
}
._4un44sk {
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid var(--cpagpj7);
  isolation: isolate;
}
[aria-checked="true"] ._4un44sk {
  background-color: var(--cpagpje);
  border-color: var(--cpagpje);
}
._4un44sp {
  height: 34px;
}
._4un44sr {
  height: 1px;
  background-color: var(--cpagpjq);
}
._4un44st {
  background: transparent;
  border: none;
}
._4un44st:hover, ._4un44st[data-highlighted] {
  background-color: var(--cpagpjm);
}
._4un44st:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: -2px;
}
._1mvlo690 {
  color: var(--cpagpj9);
}
@keyframes r1vze8b {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.r1vze82 {
  position: relative;
}
.r1vze82::after {
  content: "";
  position: absolute;
  left: calc(var(--wejsdli) * -1);
  right: calc(var(--wejsdli) * -1);
  bottom: 0;
  height: 1px;
  background-color: var(--cpagpjq);
}
.r1vze84 {
  padding-inline: var(--wejsdlj);
  color: var(--cpagpj7);
  height: var(--wejsdlc);
  background: transparent;
  box-shadow: none;
}
.r1vze84:focus-visible {
  outline: none;
  box-shadow: none;
}
.r1vze84::placeholder {
  color: var(--cpagpj9);
}
.r1vze84::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.r1vze84::-webkit-search-decoration {
  -webkit-appearance: none;
}
.r1vze84::-ms-clear {
  display: none;
}
.r1vze84::-ms-reveal {
  display: none;
}
.r1vze86 {
  list-style: none;
  height: 300px;
}
.r1vze88 {
  color: var(--cpagpj7);
  isolation: isolate;
  cursor: default;
  scroll-margin-block: var(--wejsdli);
}
.r1vze88::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--cpagpjm);
  border-radius: var(--wejsdl8);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.r1vze88[data-selected="true"] {
  color: var(--cpagpjb);
}
.r1vze88[data-selected="true"]::before {
  opacity: 1;
}
.r1vze8d {
  transform: scale(0.97);
  opacity: 0;
  animation: r1vze8b 80ms ease-out forwards;
}
.r1vze8e {
  width: min(300px, 90vw);
}
._1echfnf1 {
  display: flex;
  flex-direction: column;
  gap: var(--_1echfnf0);
}
._1echfnf2 {
  --_1echfnf0: var(--wejsdlg);
}
._1echfnf3 {
  --_1echfnf0: var(--wejsdlh);
}
._1echfnf4 {
  --_1echfnf0: var(--wejsdli);
}
._1echfnf5 {
  --_1echfnf0: var(--wejsdlj);
}
._1echfnf6 {
  --_1echfnf0: var(--wejsdlk);
}
._1echfnf7 {
  --_1echfnf0: var(--wejsdll);
}
._1echfnf8 {
  --_1echfnf0: var(--wejsdlm);
}
._1echfnf9 {
  --_1echfnf0: var(--wejsdln);
}
._1echfnfa {
  --_1echfnf0: var(--wejsdlo);
}
._1echfnfb {
  --_1echfnf0: var(--wejsdlp);
}
._1echfnfc {
  align-items: flex-start;
}
._1echfnfd {
  align-items: center;
}
._1echfnfe {
  align-items: flex-end;
}
.s175xa1 {
  background-color: var(--cpagpjl);
  outline: 1px solid var(--cpagpjq);
}
.s175xa3 {
  background: transparent;
  height: var(--wejsdlr);
  color: var(--cpagpj7);
}
.s175xa3:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 2px;
}
.s175xa3:hover, .s175xa3[data-popup-open] {
  background-color: var(--cpagpjm);
}
.s175xa3[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.s175xa3[aria-disabled="true"]:hover {
  background-color: transparent;
}
._13spgsu2 {
  position: relative;
  background-color: transparent;
  border-radius: var(--wejsdl8);
  color: var(--_13spgsu0);
  isolation: isolate;
  outline: none;
}
._13spgsu2[data-pressed], ._13spgsu2:active {
  transform: scale(.95);
}
._13spgsu2::after {
  content: "";
  position: absolute;
  transition: transform 100ms ease;
  inset: calc(var(--wejsdli) * -1);
  background-color: var(--_13spgsu0);
  border-radius: var(--wejsdl8);
}
._13spgsu2:not(:hover, [data-popup-open])::after {
  opacity: 0;
}
._13spgsu2:hover, ._13spgsu2[data-popup-open]:not(:focus-visible) {
  color: var(--cpagpj8);
}
._13spgsu2:focus-visible::after {
  outline: 2px solid var(--cpagpjt);
}
._13spgsu2:focus-visible:not(:hover)::after {
  background: transparent;
}
._13spgsu3 {
  --_13spgsu0: var(--cpagpjb);
}
._13spgsu4 {
  --_13spgsu0: var(--cpagpjc);
}
._13spgsu2 > svg {
  display: block;
  height: 16px;
  width: 16px;
  position: relative;
  z-index: 1;
}
.g5mzgz1 {
  justify-content: safe center;
}
.g5mzgz5 {
  flex-shrink: 0;
  width: var(--g5mzgz2);
}
.g5mzgz5:last-child {
  padding-right: var(--wejsdln);
}
.g5mzgz6 {
  transition: color 150ms ease;
}
.g5mzgz5:hover .g5mzgz6, .g5mzgz5:focus-within .g5mzgz6, .g5mzgz3 .g5mzgz6 {
  color: var(--cpagpjb);
}
.g5mzgz8 {
  outline: 1px solid var(--cpagpjq);
}
.g5mzgza {
  transition: opacity 150ms ease;
}
.g5mzgz5:not(:hover, :focus-within, .g5mzgz3) .g5mzgza {
  opacity: 1;
}
.g5mzgzc {
  isolation: isolate;
  background: #fff;
  outline: 2px solid transparent;
  transition: outline-color 150ms ease, opacity 150ms ease;
}
.g5mzgza:hover ~ .g5mzgz8 .g5mzgzc, .g5mzgza:focus-within ~ .g5mzgz8.g5mzgzc {
  outline-color: var(--cpagpjb);
}
.g5mzgze {
  transition: opacity 150ms ease;
}
.g5mzgz5:not(:hover, :focus-within, .g5mzgz3) .g5mzgze {
  opacity: 0;
}
.s62r1w2 {
  background: transparent;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.s62r1w4 {
  border: 1px solid var(--cpagpjq);
  background-color: var(--cpagpjk);
  isolation: isolate;
  outline: none;
  transform-origin: center;
}
.s62r1w4::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--cpagpjm);
  opacity: 0;
  transition: opacity 120ms ease;
  pointer-events: none;
}
.s62r1w4:hover::after {
  opacity: 1;
}
.s62r1w4:focus-visible::after {
  opacity: 1;
}
.s62r1w4:active:not([disabled]) {
  transform: scale(0.97);
}
.s62r1w4:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 0;
}
.s62r1w6 {
  isolation: isolate;
}
.s62r1w8 {
  height: var(--s62r1w0);
}
.s62r1wa {
  border-color: var(--cpagpjc);
}
.s62r1wa::after {
  background-color: var(--cpagpjh);
}
.s62r1wb {
  border-color: var(--cpagpja);
}
.s62r1wb::after {
  background-color: var(--cpagpji);
}
.s62r1wc {
  --s62r1w0: var(--wejsdlq);
}
.s62r1wd {
  --s62r1w0: var(--wejsdlr);
}
.s62r1we {
  --s62r1w0: var(--wejsdls);
}
.x6khsg1 {
  color: var(--cpagpj7);
  font-family: var(--wejsdl0);
}
.x6khsg2 {
  --_1rrxtxm0: 36px;
  --_1rrxtxm1: 44px;
  --_1rrxtxm2: -0.2741em;
  --_1rrxtxm3: -0.2031em;
}
.x6khsg3 {
  --_1rrxtxm0: 20px;
  --_1rrxtxm1: 28px;
  --_1rrxtxm2: -0.363em;
  --_1rrxtxm3: -0.292em;
}
.x6khsg4 {
  --_1rrxtxm0: 16px;
  --_1rrxtxm1: 20px;
  --_1rrxtxm2: -0.288em;
  --_1rrxtxm3: -0.217em;
}
._1vi7ksq1 {
  backdrop-filter: blur(6px);
}
._1vi7ksq1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--cpagpjj);
  opacity: 0.4;
}
html[data-playroom-dark] ._1vi7ksq1::before {
  opacity: 0.7;
}
._1vi7ksq1[data-starting-style]::before, ._1vi7ksq1[data-ending-style]::before {
  opacity: 0;
}
._1vi7ksq3 {
  align-self: center;
  justify-self: center;
  max-width: calc(100dvw - (var(--wejsdlk) * 2));
  max-height: calc(100dvh - (var(--wejsdlk) * 2));
}
._1vi7ksq3[data-starting-style], ._1vi7ksq3[data-ending-style] {
  transform: scale(0.98);
  opacity: 0;
}
._1vi7ksq7:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 2px;
}
.xuwlrt0 {
  width: 200px;
}
.li68av1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  justify-content: space-between;
  align-items: center;
  background-color: var(--cpagpjk);
}
.li68av2 {
  width: fit-content;
}
.li68av4 {
  width: fit-content;
  justify-self: flex-end;
}
.li68av7:not(.li68av5) {
  opacity: 0;
  transform: translateX(var(--wejsdlj));
  pointer-events: none;
}
.li68av9 {
  background: transparent;
  color: var(--cpagpjf);
  isolation: isolate;
}
.li68av9::after {
  content: "";
  position: absolute;
  transition: var(--wejsdlf);
  z-index: -1;
  inset: calc(var(--wejsdlj) * -1);
  background-color: var(--cpagpjm);
  border-radius: var(--wejsdl9);
}
.li68av9:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 6px;
}
.li68av9:not(:hover, :focus-visible, [data-popup-open])::after {
  opacity: 0;
}
.li68avb {
  margin: calc(var(--wejsdlk) * -1);
  height: 60vh;
  max-height: 700px;
  width: 60vw;
  max-width: 75vw;
}
.li68avf {
  appearance: none;
  outline: none;
  background: var(--cpagpjk);
  color: var(--cpagpj7);
  border: 1px solid var(--cpagpjq);
  height: var(--wejsdlr);
}
.li68avf:hover, .li68avf[data-popup-open] {
  background-color: var(--cpagpjm);
}
.li68avf:focus-visible {
  outline: 2px solid var(--cpagpjt);
  z-index: 1;
}
.li68avh {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.li68avj {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.li68avk {
  color: var(--cpagpjc);
}
.li68avm {
  height: 1px;
  background-color: var(--cpagpjq);
}
@media screen and (max-width: 767px) {
  .li68av4 {
    display: none;
  }
}
.de83h72 {
  flex: 1;
  min-height: 0;
}
.de83h75 {
  --de83h73: 1;
  padding: 2px;
  display: grid;
  grid-template-columns: repeat(var(--de83h73), 1fr);
}
.de83h77 {
  aspect-ratio: 5/4;
  list-style: none;
}
.de83h79 {
  height: calc(100% / var(--de83h70));
  width: calc(100% / var(--de83h70));
  border-radius: calc(var(--wejsdl9) / var(--de83h70));
  transform: scale(var(--de83h70));
  transform-origin: 0 0;
  padding: calc(1px / var(--de83h70));
}
.de83h7b {
  background: var(--cpagpjm);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.de83h7d {
  background: transparent;
  outline: 1px solid var(--cpagpjq);
}
.de83h7d:hover {
  outline: 2px solid var(--cpagpjr);
}
.de83h7d:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 2px;
}
.de83h7h {
  list-style: none;
}
.de83h7j {
  width: 100%;
  text-align: left;
  background: transparent;
  outline: 1px solid var(--cpagpjq);
}
.de83h7j:hover {
  outline: 2px solid var(--cpagpjr);
}
.de83h7j:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 2px;
}
@media screen and (min-width: 500px) {
  .de83h75 {
    --de83h73: 2;
  }
}
@media screen and (min-width: 800px) {
  .de83h75 {
    --de83h73: 3;
  }
}
@media screen and (min-width: 1200px) {
  .de83h75 {
    --de83h73: 4;
  }
}
@media screen and (min-width: 1600px) {
  .de83h75 {
    --de83h73: 5;
  }
}
._1p1w19d1 {
  width: fit-content;
}
._1p1w19d3:focus-visible ~ ._1p1w19d5 {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 4px;
}
._1p1w19d8 {
  min-width: 0;
}
._1p1w19d9 {
  flex-shrink: 0;
}
._1db75sk2 {
  outline: none;
  height: var(--wejsdlr);
  color: var(--cpagpj7);
  background: transparent;
}
._1db75sk2::placeholder {
  color: var(--cpagpj9);
  font-weight: strong;
}
._1db75sk2:hover:not(:focus-visible), ._1db75sk2:hover:not(:focus-visible)::placeholder {
  background: var(--cpagpjm);
  opacity: 1;
  color: transparent;
}
._1db75sk2:hover:not(:focus-visible)::selection {
  background: transparent;
}
._1db75sk2:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 0;
  opacity: 1;
}
._1db75sk2:focus-visible::placeholder {
  color: transparent;
}
._1db75sk4 {
  max-width: 50vw;
  min-width: 240px;
  white-space: pre;
  color: var(--cpagpj7);
}
._1db75sk2:focus-visible ~ ._1db75sk4 {
  opacity: 0;
}
._1db75sk5 {
  color: var(--cpagpj9);
}
._16z57lr2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--_16z57lr0);
  align-items: var(--_16z57lr1);
}
._16z57lr3 {
  --_16z57lr0: var(--wejsdlg);
}
._16z57lr4 {
  --_16z57lr0: var(--wejsdlh);
}
._16z57lr5 {
  --_16z57lr0: var(--wejsdli);
}
._16z57lr6 {
  --_16z57lr0: var(--wejsdlj);
}
._16z57lr7 {
  --_16z57lr0: var(--wejsdlk);
}
._16z57lr8 {
  --_16z57lr0: var(--wejsdll);
}
._16z57lr9 {
  --_16z57lr0: var(--wejsdlm);
}
._16z57lra {
  --_16z57lr0: var(--wejsdln);
}
._16z57lrb {
  --_16z57lr0: var(--wejsdlo);
}
._16z57lrc {
  --_16z57lr0: var(--wejsdlp);
}
._16z57lrd {
  align-items: flex-start;
}
._16z57lre {
  align-items: center;
}
._16z57lrf {
  align-items: flex-end;
}
._16z57lrg > * {
  flex-basis: auto;
  width: auto;
}
._1b1yaav1 {
  background: radial-gradient(var(--cpagpjk) 20%, transparent 50%);
  justify-content: safe center;
}
._1b1yaav3 {
  max-width: 400px;
}
._1b1yaav5 {
  background: transparent;
}
._1b1yaav5:focus-visible {
  outline: 2px solid var(--cpagpjt);
  outline-offset: 6px;
}
._5apntk0 {
  cursor: row-resize;
}
._5apntk1 {
  cursor: col-resize;
}
._5apntk6 {
  transform: translateY(-50%);
  z-index: 2;
}
._5apntk6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  transform: translateY(-1px);
  transition: background-color 100ms ease;
}
._5apntk6._5apntk3::before {
  background: var(--cpagpje);
}
._5apntk6:not(._5apntk3):hover::before {
  background: var(--cpagpje);
  transition-delay: 200ms;
}
._5apntk7 {
  z-index: 2;
}
._5apntk7::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  transition: background-color 100ms ease;
}
._5apntk7._5apntk3::before {
  background: var(--cpagpje);
}
._5apntk7:not(._5apntk3):hover::before {
  background: var(--cpagpje);
  transition-delay: 200ms;
}
._5apntk9 {
  transform: translateX(50%);
}
._5apntkb {
  transform: translateX(-50%);
}
._5apntkd {
  background: var(--cpagpjl);
  outline: 1px solid var(--cpagpjq);
  outline-offset: -1px;
  transition: outline-color 100ms ease;
}
._5apntkd::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transition: background-color 100ms ease;
}
._5apntk3 ._5apntkd {
  outline-color: var(--cpagpje);
}
._5apntk3 ._5apntkd::after {
  background: var(--cpagpje);
}
:is(._5apntk6, ._5apntk7):not(._5apntk3):hover ._5apntkd {
  outline-color: var(--cpagpje);
  transition-delay: 200ms;
}
:is(._5apntk6, ._5apntk7):not(._5apntk3):hover ._5apntkd::after {
  transition-delay: 200ms;
}
._5apntke {
  width: 38px;
  height: 8px;
}
._5apntkf {
  width: 8px;
  height: 38px;
}
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--cpagpjj);
  scrollbar-color: var(--cpagpjq) transparent;
}
html[data-playroom-dark] {
  color-scheme: dark;
}
.pjj7la0 {
  pointer-events: none;
  user-select: none;
}
.pjj7la5 {
  display: grid;
  grid-template-columns: var(--pjj7la2, 0px) 1fr;
  grid-template-rows: min-content auto var(--pjj7la1, 0px);
  isolation: isolate;
}
.pjj7la6 {
  --pjj7la1: clamp(150px, var(--pjj7la3), 70vh);
  grid-template-areas: "header header"
"frames frames"
"editor editor";
}
.pjj7la7 {
  --pjj7la2: clamp(300px, var(--pjj7la3), 90vw);
  grid-template-areas: "header header"
"editor frames"
"editor frames";
}
.pjj7la8 {
  grid-area: header;
  z-index: 1;
  outline: 1px solid var(--cpagpjq);
}
.pjj7la9 {
  grid-area: frames;
}
.pjj7laa {
  grid-area: editor;
  outline: 1px solid var(--cpagpjq);
}
.pjj7lae {
  left: var(--wejsdll);
  right: var(--wejsdll);
  bottom: var(--wejsdll);
  width: fit-content;
  margin-inline: auto;
}
.pjj7lag {
  backdrop-filter: blur(2px);
}
.pjj7lag::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  background: var(--cpagpjl);
  border-radius: calc(var(--wejsdla) - 2px);
  opacity: 0.8;
}
.pjj7lag::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: calc(var(--wejsdla) - 2px);
  outline: 2px solid var(--cpagpjq);
  outline-offset: -2px;
}
.pjj7lai {
  background: var(--cpagpjk);
  box-shadow: 0 0 4px 2px var(--cpagpjk);
}