._1c00t1s1 {
  background-color: var(--_12hegh6m);
  transform-origin: var(--transform-origin);
  outline: 1px solid var(--_12hegh6r);
}
._1c00t1s2::before {
  content: "";
  position: absolute;
  min-height: var(--_1a22njtc);
  min-width: var(--_1a22njtc);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
}
._1q3hdfi1 {
  --_12hegh67: var(--_12hegh6d);
  background-color: var(--_12hegh6o);
  outline: 1px solid var(--_12hegh6t);
  outline-offset: -1px;
}
.azv3wm3 {
  background: transparent;
  outline: none;
  height: var(--azv3wm0) !important;
  width: var(--azv3wm0) !important;
}
.azv3wm6 {
  padding: var(--azv3wm4);
  border-radius: inherit;
  background: transparent;
  outline: none;
  isolation: isolate;
}
.azv3wm3:active .azv3wm6 {
  transform: scale(.95);
}
.azv3wm3:focus-visible .azv3wm6 {
  outline: 2px solid var(--_12hegh6u);
}
.azv3wm3[aria-disabled="true"] .azv3wm6 {
  --azv3wm1: var(--_12hegh69);
}
.azv3wm7 {
  --azv3wm0: var(--_1a22njtq);
  --azv3wm4: var(--_1a22njti);
}
.azv3wm8 {
  --azv3wm0: var(--_1a22njtr);
  --azv3wm4: var(--_1a22njtj);
}
.azv3wm9 {
  --azv3wm0: var(--_1a22njts);
  --azv3wm4: var(--_1a22njtj);
}
.azv3wmj {
  --azv3wma: var(--_12hegh67);
  --azv3wmb: var(--_12hegh6l);
  --azv3wmc: var(--_12hegh6n);
  --azv3wmd: var(--_12hegh68);
  --azv3wme: var(--_12hegh6g);
  --azv3wmf: var(--_12hegh6h);
  --azv3wmg: var(--_12hegh67);
  --azv3wmh: var(--_12hegh67);
  --azv3wmi: var(--_12hegh6n);
}
.azv3wmk {
  --azv3wma: var(--_12hegh6b);
  --azv3wmb: var(--_12hegh6l);
  --azv3wmc: var(--_12hegh6n);
  --azv3wmd: var(--_12hegh68);
  --azv3wme: var(--_12hegh6b);
  --azv3wmf: var(--_12hegh6f);
  --azv3wmg: var(--_12hegh6b);
  --azv3wmh: var(--_12hegh68);
  --azv3wmi: var(--_12hegh6e);
}
.azv3wml {
  color: var(--azv3wma);
  background-color: var(--azv3wmb);
  outline: 1px solid var(--_12hegh6r);
  outline-offset: -1px;
}
.azv3wm3:not([aria-disabled="true"]):hover > .azv3wml, .azv3wm3:not([aria-disabled="true"]):focus-visible > .azv3wml, .azv3wm3:not([aria-disabled="true"])[data-popup-open] > .azv3wml {
  background-color: var(--azv3wmc);
}
.azv3wmm {
  color: var(--azv3wmd);
  background-color: var(--azv3wme);
}
.azv3wm3:not([aria-disabled="true"]):hover > .azv3wmm, .azv3wm3:not([aria-disabled="true"]):focus-visible > .azv3wmm, .azv3wm3:not([aria-disabled="true"])[data-popup-open] > .azv3wmm {
  background-color: var(--azv3wmf);
}
.azv3wmn {
  color: var(--azv3wmg);
}
.azv3wm3:not([aria-disabled="true"]):hover > .azv3wmn, .azv3wm3:not([aria-disabled="true"]):focus-visible > .azv3wmn, .azv3wm3:not([aria-disabled="true"])[data-popup-open] > .azv3wmn {
  color: var(--azv3wmh);
  background-color: var(--azv3wmi);
}
.azv3wmo {
  margin: calc((var(--azv3wm4) + 2px) * -1);
}
.azv3wm6 > 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)}
@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)}}
@media print{._30ji5g0{display:none!important}}
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}
._5ys67o5{--_5ys67o0:var(--_5ys67o1);background:hsla(var(--_5ys67o0),56%,.2)}._5ys67o6{color:hsla(var(--_5ys67o0),29%,1);font-family:var(--_2malj22v);font-size:var(--_2malj231);font-weight:var(--_2malj247)}@media screen and (min-width:740px){._5ys67o5{--_5ys67o0:var(--_5ys67o2)}}@media screen and (min-width:992px){._5ys67o5{--_5ys67o0:var(--_5ys67o3)}}@media screen and (min-width:1200px){._5ys67o5{--_5ys67o0:var(--_5ys67o4)}}
._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:var(--_2malj29);resize:vertical}.qg3zj51{color:transparent!important;white-space:pre-wrap;word-break:break-word}.qg3zj51:after{content:"\A"}.qg3zj52{clip-path:inset(0 var(--_2malj23) 0 0)}.qg3zj53{border-right:var(--_2malj2y) solid transparent}
._1szbvt00{color:var(--_2malj21k);font-family:var(--_2malj22v);font-size:var(--_2malj23l);font-weight:var(--_2malj245);height:100%;left:50%;line-height:var(--_2malj23m);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)}@media screen and (min-width:740px){._1szbvt00{font-size:var(--_2malj23q);line-height:var(--_2malj23r)}}
._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)}}
.l05xix0{display:block;height:40px}html:not(.yude810) .l05xix1{fill:#000}html.yude810 .l05xix1{fill:#fff}html:not(.yude810) .l05xix2{fill:#0d3880}html.yude810 .l05xix2,html:not(.yude810) .l05xix3{fill:#fff}html.yude810 .l05xix3{fill:transparent}
._9867yp0{font-family:Roboto,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:200;margin-left:6px;margin-top:-4px;text-transform:lowercase;white-space:nowrap}._9867yp1{height:var(--_2malj2y);transform:translateY(50%)}html:not(.yude810) ._9867yp1{background:var(--_2malj2t)}html.yude810 ._9867yp1{background:var(--_2malj2r)}
._1ua65gl0{height:var(--_2malj2y);transform:translateY(-50%)}html:not(.yude810) ._1ua65gl0{background:var(--_2malj2t)}html.yude810 ._1ua65gl0{background:var(--_2malj2r)}
html:not(.yude810) ._1r1eyqk4{--_1r1eyqk0:rgba(51,51,51,.08);--_1r1eyqk1:rgba(51,51,51,.3);--_1r1eyqk2:rgba(51,51,51,.4);--_1r1eyqk3:rgba(51,51,51,.1)}html:not(.yude810) ._1r1eyqk5{--_1r1eyqk0:hsla(0,0%,100%,.05);--_1r1eyqk1:hsla(0,0%,100%,.4);--_1r1eyqk2:hsla(0,0%,100%,.6);--_1r1eyqk3:hsla(0,0%,100%,.2)}html.yude810 ._1r1eyqk6{--_1r1eyqk0:rgba(51,51,51,.08);--_1r1eyqk1:rgba(51,51,51,.3);--_1r1eyqk2:rgba(51,51,51,.4);--_1r1eyqk3:rgba(51,51,51,.1)}html.yude810 ._1r1eyqk7{--_1r1eyqk0:hsla(0,0%,100%,.05);--_1r1eyqk1:hsla(0,0%,100%,.4);--_1r1eyqk2:hsla(0,0%,100%,.6);--_1r1eyqk3:hsla(0,0%,100%,.2)}._1r1eyqk8{background:var(--_1r1eyqk0);border:2px solid var(--_1r1eyqk1)}._1r1eyqk9{color:var(--_1r1eyqk2)}._1r1eyqka{stroke:var(--_1r1eyqk3);stroke-width:2px}
._1gnc05x0 {
  background-color: var(--_12hegh6n);
}
._1gnc05x2 {
  background-color: var(--_12hegh6j);
  color: var(--_12hegh6a);
  min-width: 50px;
}
._1gnc05x3 {
  opacity: 1;
}
._1gnc05x5 {
  width: 1em;
}
._1gnc05x6::after {
  content: "-";
}
._1gnc05x7::after {
  content: "+";
  opacity: 1;
}
.react-codemirror2 {
  height: 100%;
}
.CodeMirror {
  height: 100%;
  width: 100%;
  font-family: var(--_1a22njt1);
  position: relative;
  z-index: 0;
}
.CodeMirror-gutters {
  box-sizing: border-box;
  padding-left: var(--_1a22njti);
}
.CodeMirror pre, .CodeMirror-linenumber {
  font-size: 16px;
}
.CodeMirror-lines {
  padding: var(--_1a22njtl) 0;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: var(--_1a22njth);
  box-shadow: var(--_12hegh6v);
  border-radius: var(--_1a22njt9);
  background-color: var(--_12hegh6m);
  border: 1px solid var(--_12hegh6r);
  font-size: 14px;
  line-height: 24px;
  font-family: var(--_1a22njt1);
  max-height: 20em;
  overflow-y: auto;
}
.CodeMirror-hint {
  margin: 0;
  padding: var(--_1a22njti) var(--_1a22njtj);
  border-radius: var(--_1a22njt8);
  white-space: pre;
  color: var(--_12hegh60);
  cursor: default;
  height: var(--_1a22njtr);
  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(--_1a22njt8);
  z-index: -1;
  background-color: var(--_12hegh6n);
  opacity: 0;
}
.CodeMirror-hint-active::before {
  opacity: 1;
}
.CodeMirror-linenumbers {
  min-width: 50px;
}
.CodeMirror-foldmarker {
  color: var(--_12hegh6b);
  font-family: arial;
  cursor: default;
  padding: 0 var(--_1a22njti);
}
.cm-s-neo.CodeMirror {
  background-color: var(--_12hegh6l);
  color: var(--_12hegh60);
}
.cm-s-neo.CodeMirror::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(90deg, transparent, var(--_12hegh6l));
  right: 0;
  pointer-events: none;
}
.CodeMirror-scroll {
  padding-right: 20px;
}
.cm-s-neo .CodeMirror-cursor {
  background-color: var(--_12hegh67);
  width: 2px;
}
.cm-s-neo .CodeMirror-gutters {
  background-color: var(--_12hegh6l);
  border: none;
}
.cm-s-neo .CodeMirror-gutters::after {
  content: "";
  background-color: var(--_12hegh6l);
  position: absolute;
  right: var(--_1a22njth);
  height: 100%;
  box-shadow: 0 0 10px 5px var(--_12hegh6l);
}
.cm-s-neo .CodeMirror-selected {
  background: var(--_12hegh6p);
}
.cm-s-neo .CodeMirror-activeline-background {
  background: transparent;
}
.cm-s-neo .CodeMirror-guttermarker-subtle {
  display: flex;
  justify-content: center;
  color: var(--_12hegh67);
  transition: var(--_1a22njtf);
}
.cm-s-neo .CodeMirror-guttermarker-subtle:not(:hover):not(._1gnc05x7) {
  color: var(--_12hegh67);
  opacity: 0.4;
}
.cm-s-neo .CodeMirror-linenumber {
  min-width: 50px;
  color: var(--_12hegh67);
  transition: var(--_1a22njtf);
}
.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(--_12hegh61);
}
.cm-s-neo .cm-attribute,.cm-s-neo .cm-keyword,.cm-s-neo .cm-property {
  color: var(--_12hegh62);
}
.cm-s-neo .cm-string {
  color: var(--_12hegh63);
}
.cm-s-neo .cm-atom {
  color: var(--_12hegh64);
}
.cm-s-neo .cm-variable {
  color: var(--_12hegh65);
}
.cm-s-neo .cm-number {
  color: var(--_12hegh66);
}
.CodeMirror-dialog {
  padding-left: var(--_1a22njtl);
  padding-right: var(--_1a22njtl);
  min-height: var(--_1a22njtc);
  border-bottom: 1px solid var(--_12hegh6r);
  display: flex;
  align-items: center;
}
.CodeMirror-scroll {
  transition: var(--_1a22njtf);
}
.dialog-opened .CodeMirror-scroll {
  transform: translateY(var(--_1a22njtc));
}
.dialog-opened .CodeMirror-lines {
  padding-bottom: var(--_1a22njtc);
}
.CodeMirror-dialog input {
  font: var(--_1a22njt5);
  font-family: var(--_1a22njt1);
  height: var(--_1a22njtc);
  flex-grow: 1;
}
.CodeMirror-search-hint {
  display: none;
}
.CodeMirror-search-label {
  display: flex;
  align-items: center;
  min-height: var(--_1a22njtc);
  font: var(--_1a22njt5);
  font-family: var(--_1a22njt1);
}
.CodeMirror-search-field {
  padding-left: var(--_1a22njtl);
}
label.CodeMirror-search-label {
  flex-grow: 1;
}
.dialog-opened.cm-s-neo .CodeMirror-selected {
  background: var(--_12hegh6p);
}
.cm-overlay.cm-searching {
  padding-top: var(--_1a22njth);
  padding-bottom: var(--_1a22njth);
  background: var(--_12hegh6p);
}
.CodeMirror-dialog button:first-of-type {
  margin-left: var(--_1a22njtl);
}
.CodeMirror-dialog button {
  appearance: none;
  font: var(--_1a22njt4);
  font-family: var(--_1a22njt0);
  margin-left: var(--_1a22njtj);
  padding-top: var(--_1a22njti);
  padding-bottom: var(--_1a22njti);
  padding-left: var(--_1a22njtk);
  padding-right: var(--_1a22njtk);
  align-self: center;
  display: block;
  background: none;
  border-radius: var(--_1a22njt9);
  cursor: default;
  border: 1px solid var(--_12hegh6r);
}
.CodeMirror-dialog button:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 0;
}
.CodeMirror-dialog button:hover {
  background: var(--_12hegh6n);
}
.vzuyti2 {
  width: fit-content;
  max-width: 80ex;
  background: var(--_12hegh6m);
  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);
}
.vzuyti2:not(.vzuyti0) {
  transform: translateY(var(--_1a22njtj));
  transition: none;
  opacity: 0;
}
.vzuyti4 {
  transition-delay: calc(var(--vzuyti3) * 1ms);
}
.vzuyti8 {
  background: hsla(358, 66%, 48%, 1);
  color: hsla(0, 0%, 93%, 1);
  height: var(--_1a22njtq);
}
.vzuyti8:active:not([disabled]) {
  transform: scale(0.97);
}
.vptf3j2 {
  display: flex;
  flex-direction: row;
  gap: var(--vptf3j0);
  align-items: var(--vptf3j1);
}
.vptf3j3 {
  flex-wrap: wrap;
}
.vptf3j4 {
  --vptf3j0: var(--_1a22njtg);
}
.vptf3j5 {
  --vptf3j0: var(--_1a22njth);
}
.vptf3j6 {
  --vptf3j0: var(--_1a22njti);
}
.vptf3j7 {
  --vptf3j0: var(--_1a22njtj);
}
.vptf3j8 {
  --vptf3j0: var(--_1a22njtk);
}
.vptf3j9 {
  --vptf3j0: var(--_1a22njtl);
}
.vptf3ja {
  --vptf3j0: var(--_1a22njtm);
}
.vptf3jb {
  --vptf3j0: var(--_1a22njtn);
}
.vptf3jc {
  --vptf3j0: var(--_1a22njto);
}
.vptf3jd {
  --vptf3j0: var(--_1a22njtp);
}
.vptf3je {
  align-items: flex-start;
}
.vptf3jf {
  align-items: center;
}
.vptf3jg {
  align-items: flex-end;
}
.ywu7vp0 {
  isolation: isolate;
  white-space: nowrap;
}
.ywu7vp1 {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: baseline;
  justify-items: center;
}
@media screen and (max-width: 767px) {
  .ywu7vp3 {
    display: none;
  }
}
.i17bln1 {
  -webkit-overflow-scrolling: touch;
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
}
.i17bln2 {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.i17bln2::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.i17bln4 {
  --i17bln3: 30px;
}
.i17bln5 {
  --i17bln3: 45px;
}
.i17bln6 {
  --i17bln3: 60px;
}
.i17bln7 {
  overflow-x: auto;
  overflow-y: hidden;
}
.i17bln8 {
  overflow-x: hidden;
  overflow-y: auto;
}
.i17bln9 {
  overflow: auto;
}
.i17blne {
  mask-image: linear-gradient(to bottom, transparent 0, black var(--i17blnc, 0)),linear-gradient(to right, transparent 0, black var(--i17blna, 0)),linear-gradient(to left, transparent 0, black var(--i17blnb, 0)),linear-gradient(to top, transparent 0, black var(--i17blnd, 0));
}
.i17blnf {
  --i17blna: var(--i17bln3);
}
.i17blng {
  --i17blnb: var(--i17bln3);
}
.i17blnh {
  --i17blnc: var(--i17bln3);
}
.i17blni {
  --i17blnd: var(--i17bln3);
}
._1c6h2mg2 {
  max-height: var(--available-height);
  max-width: var(--available-width);
}
._1c6h2mg3 {
  width: 250px;
}
._1c6h2mg6 {
  --_1c6h2mg4: var(--_12hegh6n);
  outline: none;
  cursor: default;
  color: var(--_12hegh67);
  height: 34px;
  isolation: isolate;
}
._1c6h2mg6::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  border-radius: var(--_1a22njt8);
  z-index: -1;
}
._1c6h2mg6[data-popup-open]:not([aria-disabled])::before, ._1c6h2mg6[data-highlighted]:not([aria-disabled])::before {
  background-color: var(--_1c6h2mg4);
}
._1c6h2mg6:focus-visible::before {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: -2px;
}
._1c6h2mg6[aria-disabled] {
  color: var(--_12hegh69);
  cursor: not-allowed;
}
._1c6h2mg7 {
  cursor: pointer;
  text-decoration: none;
}
._1c6h2mg7[aria-disabled] {
  cursor: not-allowed;
}
._1c6h2mg8 {
  margin-left: 3px;
}
._1c6h2mg9 {
  --_1c6h2mg4: var(--_12hegh6j);
  color: var(--_12hegh6a);
}
._1c6h2mga {
  --_1c6h2mg4: transparent;
  color: var(--_12hegh6c);
}
._1c6h2mga svg {
  color: var(--_12hegh6c);
}
._1c6h2mgc {
  isolation: isolate;
}
._1c6h2mgg {
  position: relative;
  height: 16px;
  width: 16px;
  color: inherit;
  z-index: 1;
}
._1c6h2mgi {
  position: relative;
  height: 16px;
  width: 16px;
  color: var(--_12hegh67);
  z-index: 1;
}
[aria-checked="true"] ._1c6h2mgi {
  color: var(--_12hegh68);
}
._1c6h2mgk {
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid var(--_12hegh67);
  isolation: isolate;
}
[aria-checked="true"] ._1c6h2mgk {
  background-color: var(--_12hegh6e);
  border-color: var(--_12hegh6e);
}
._1c6h2mgp {
  height: 34px;
}
._1c6h2mgr {
  height: 1px;
  background-color: var(--_12hegh6r);
}
._1c6h2mgt {
  background: transparent;
  border: none;
}
._1c6h2mgt:hover, ._1c6h2mgt[data-highlighted] {
  background-color: var(--_12hegh6n);
}
._1c6h2mgt:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: -2px;
}
._1ul70sf0 {
  color: var(--_12hegh69);
}
@keyframes xch3ynk {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.xch3yn2 {
  position: relative;
}
.xch3yn2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--_12hegh6r);
}
.xch3yn4 {
  color: var(--_12hegh67);
  height: var(--_1a22njtc);
  background: transparent;
  box-shadow: none;
}
.xch3yn4:focus-visible {
  outline: none;
  box-shadow: none;
}
.xch3yn4::placeholder {
  color: var(--_12hegh69);
}
.xch3yn4::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.xch3yn4::-webkit-search-decoration {
  -webkit-appearance: none;
}
.xch3yn4::-ms-clear {
  display: none;
}
.xch3yn4::-ms-reveal {
  display: none;
}
.xch3yn6 {
  list-style: none;
  height: 300px;
}
.xch3yn7 {
  scroll-padding-top: var(--_1a22njts);
}
.xch3yn9 > [cmdk-group-heading] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.xch3ynb {
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--_12hegh6r);
}
.xch3ynb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--_12hegh6l);
  opacity: 0.8;
  z-index: -1;
  isolation: isolate;
}
.xch3ynd {
  border-bottom: 1px solid var(--_12hegh6r);
}
.xch3ynf {
  color: var(--_12hegh67);
  isolation: isolate;
  cursor: default;
  scroll-margin-block: var(--_1a22njti);
  height: var(--_1a22njts);
}
.xch3ynf::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--_1a22njti);
  right: var(--_1a22njti);
  background-color: var(--_12hegh6n);
  border-radius: var(--_1a22njt8);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.xch3ynf[data-selected="true"] {
  color: var(--_12hegh6b);
}
.xch3ynf[data-selected="true"]::before {
  opacity: 1;
}
.xch3yn7 .xch3ynf {
  scroll-margin-top: calc((var(--_1a22njti) + 1px) * 2);
}
.xch3ynm {
  transform: scale(0.97);
  opacity: 0;
  animation: xch3ynk 80ms ease-out forwards;
}
.xch3ynn {
  width: min(350px, 90vw);
}
.xch3ynp {
  min-width: 0;
}
._1s51krg1 {
  display: flex;
  flex-direction: column;
  gap: var(--_1s51krg0);
}
._1s51krg2 {
  --_1s51krg0: var(--_1a22njtg);
}
._1s51krg3 {
  --_1s51krg0: var(--_1a22njth);
}
._1s51krg4 {
  --_1s51krg0: var(--_1a22njti);
}
._1s51krg5 {
  --_1s51krg0: var(--_1a22njtj);
}
._1s51krg6 {
  --_1s51krg0: var(--_1a22njtk);
}
._1s51krg7 {
  --_1s51krg0: var(--_1a22njtl);
}
._1s51krg8 {
  --_1s51krg0: var(--_1a22njtm);
}
._1s51krg9 {
  --_1s51krg0: var(--_1a22njtn);
}
._1s51krga {
  --_1s51krg0: var(--_1a22njto);
}
._1s51krgb {
  --_1s51krg0: var(--_1a22njtp);
}
._1s51krgc {
  align-items: flex-start;
}
._1s51krgd {
  align-items: center;
}
._1s51krge {
  align-items: flex-end;
}
._6103661 {
  background-color: var(--_12hegh6m);
  outline: 1px solid var(--_12hegh6r);
}
._6103663 {
  background: transparent;
  height: var(--_1a22njtr);
  color: var(--_12hegh67);
}
._6103663:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 2px;
}
._6103663:hover, ._6103663[data-popup-open] {
  background-color: var(--_12hegh6n);
}
._6103663[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
._6103663[aria-disabled="true"]:hover {
  background-color: transparent;
}
._11vzro61 {
  justify-content: safe center;
}
._11vzro65 {
  flex-shrink: 0;
  width: var(--_11vzro62);
}
._11vzro65:last-child {
  padding-right: var(--_1a22njtn);
}
._11vzro66 {
  transition: color 150ms ease;
}
._11vzro65:hover ._11vzro66, ._11vzro65:focus-within ._11vzro66, ._11vzro63 ._11vzro66 {
  color: var(--_12hegh6b);
}
._11vzro68 {
  outline: 1px solid var(--_12hegh6r);
}
._11vzro6a {
  transition: opacity 150ms ease;
}
._11vzro65:not(:hover, :focus-within, ._11vzro63) ._11vzro6a {
  opacity: 1;
}
._11vzro6c {
  isolation: isolate;
  background: #fff;
  outline: 2px solid transparent;
  transition: outline-color 150ms ease, opacity 150ms ease;
}
._11vzro6a:hover ~ ._11vzro68 ._11vzro6c, ._11vzro6a:focus-within ~ ._11vzro68._11vzro6c {
  outline-color: var(--_12hegh6b);
}
._11vzro6e {
  transition: opacity 150ms ease;
}
._11vzro65:not(:hover, :focus-within, ._11vzro63) ._11vzro6e {
  opacity: 0;
}
._107dhaz2 {
  background: transparent;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
._107dhaz4 {
  border: 1px solid var(--_12hegh6r);
  background-color: var(--_12hegh6l);
  isolation: isolate;
  outline: none;
  transform-origin: center;
}
._107dhaz4::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--_12hegh6n);
  opacity: 0;
  transition: opacity 120ms ease;
  pointer-events: none;
}
._107dhaz4:hover::after {
  opacity: 1;
}
._107dhaz4:focus-visible::after {
  opacity: 1;
}
._107dhaz4:active:not([disabled]) {
  transform: scale(0.97);
}
._107dhaz4:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 0;
}
._107dhaz6 {
  isolation: isolate;
}
._107dhaz8 {
  height: var(--_107dhaz0);
}
._107dhaza {
  border-color: var(--_12hegh6c);
}
._107dhaza::after {
  background-color: var(--_12hegh6i);
}
._107dhazb {
  border-color: var(--_12hegh6a);
}
._107dhazb::after {
  background-color: var(--_12hegh6j);
}
._107dhazc {
  --_107dhaz0: var(--_1a22njtq);
}
._107dhazd {
  --_107dhaz0: var(--_1a22njtr);
}
._107dhaze {
  --_107dhaz0: var(--_1a22njts);
}
.ng8zhx1 {
  color: var(--_12hegh67);
  font-family: var(--_1a22njt0);
}
.ng8zhx2 {
  --_167z3en0: 36px;
  --_167z3en1: 44px;
  --_167z3en2: -0.2741em;
  --_167z3en3: -0.2031em;
}
.ng8zhx3 {
  --_167z3en0: 20px;
  --_167z3en1: 28px;
  --_167z3en2: -0.363em;
  --_167z3en3: -0.292em;
}
.ng8zhx4 {
  --_167z3en0: 16px;
  --_167z3en1: 20px;
  --_167z3en2: -0.288em;
  --_167z3en3: -0.217em;
}
.aenvzg1 {
  backdrop-filter: blur(6px);
}
.aenvzg1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--_12hegh6k);
  opacity: 0.4;
}
html[data-playroom-dark] .aenvzg1::before {
  opacity: 0.7;
}
.aenvzg1[data-starting-style]::before, .aenvzg1[data-ending-style]::before {
  opacity: 0;
}
.aenvzg3 {
  align-self: center;
  justify-self: center;
  max-width: calc(100dvw - (var(--_1a22njtk) * 2));
  max-height: calc(100dvh - (var(--_1a22njtk) * 2));
}
.aenvzg3[data-starting-style], .aenvzg3[data-ending-style] {
  transform: scale(0.98);
  opacity: 0;
}
.aenvzg7:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 2px;
}
._8fq2ke0 {
  width: 200px;
}
.g686q1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  justify-content: space-between;
  align-items: center;
  background-color: var(--_12hegh6l);
}
.g686q2 {
  width: fit-content;
}
.g686q4 {
  width: fit-content;
  justify-self: flex-end;
}
.g686q7:not(.g686q5) {
  opacity: 0;
  transform: translateX(var(--_1a22njtj));
  pointer-events: none;
}
.g686q9 {
  background: transparent;
  color: var(--_12hegh6g);
  isolation: isolate;
}
.g686q9::after {
  content: "";
  position: absolute;
  transition: var(--_1a22njtf);
  z-index: -1;
  inset: calc(var(--_1a22njtj) * -1);
  background-color: var(--_12hegh6n);
  border-radius: var(--_1a22njt9);
}
.g686q9:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 6px;
}
.g686q9:not(:hover, :focus-visible, [data-popup-open])::after {
  opacity: 0;
}
.g686qb {
  margin: calc(var(--_1a22njtk) * -1);
  height: 60vh;
  max-height: 700px;
  width: 60vw;
  max-width: 75vw;
}
.g686qf {
  appearance: none;
  outline: none;
  background: var(--_12hegh6l);
  color: var(--_12hegh67);
  border: 1px solid var(--_12hegh6r);
  height: var(--_1a22njtr);
}
.g686qf:hover, .g686qf[data-popup-open] {
  background-color: var(--_12hegh6n);
}
.g686qf:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  z-index: 1;
}
.g686qh {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.g686qj {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.g686qk {
  color: var(--_12hegh6c);
}
.g686qm {
  height: 1px;
  background-color: var(--_12hegh6r);
}
@media screen and (max-width: 767px) {
  .g686q4 {
    display: none;
  }
}
._196tuit2 {
  flex: 1;
  min-height: 0;
}
._196tuit5 {
  --_196tuit3: 1;
  padding: 2px;
  display: grid;
  grid-template-columns: repeat(var(--_196tuit3), 1fr);
}
._196tuit7 {
  aspect-ratio: 5/4;
  list-style: none;
}
._196tuit9 {
  height: calc(100% / var(--_196tuit0));
  width: calc(100% / var(--_196tuit0));
  border-radius: calc(var(--_1a22njt9) / var(--_196tuit0));
  transform: scale(var(--_196tuit0));
  transform-origin: 0 0;
  padding: calc(1px / var(--_196tuit0));
}
._196tuitb {
  background: var(--_12hegh6n);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
._196tuitd {
  background: transparent;
  outline: 1px solid var(--_12hegh6r);
}
._196tuitd:hover {
  outline: 2px solid var(--_12hegh6s);
}
._196tuitd:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 2px;
}
._196tuith {
  list-style: none;
}
._196tuitj {
  width: 100%;
  text-align: left;
  background: transparent;
  outline: 1px solid var(--_12hegh6r);
}
._196tuitj:hover {
  outline: 2px solid var(--_12hegh6s);
}
._196tuitj:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 2px;
}
@media screen and (min-width: 500px) {
  ._196tuit5 {
    --_196tuit3: 2;
  }
}
@media screen and (min-width: 800px) {
  ._196tuit5 {
    --_196tuit3: 3;
  }
}
@media screen and (min-width: 1200px) {
  ._196tuit5 {
    --_196tuit3: 4;
  }
}
@media screen and (min-width: 1600px) {
  ._196tuit5 {
    --_196tuit3: 5;
  }
}
._1hpwk1g1 {
  width: fit-content;
}
._1hpwk1g3:focus-visible ~ ._1hpwk1g5 {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 4px;
}
._1hpwk1g8 {
  min-width: 0;
}
._1hpwk1g9 {
  flex-shrink: 0;
}
._1qwzy8l2 {
  outline: none;
  height: var(--_1a22njtr);
  color: var(--_12hegh67);
  background: transparent;
}
._1qwzy8l2::placeholder {
  color: var(--_12hegh69);
  font-weight: strong;
}
._1qwzy8l2:hover:not(:focus-visible), ._1qwzy8l2:hover:not(:focus-visible)::placeholder {
  background: var(--_12hegh6n);
  opacity: 1;
  color: transparent;
}
._1qwzy8l2:hover:not(:focus-visible)::selection {
  background: transparent;
}
._1qwzy8l2:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 0;
  opacity: 1;
}
._1qwzy8l2:focus-visible::placeholder {
  color: transparent;
}
._1qwzy8l4 {
  max-width: 50vw;
  min-width: 240px;
  white-space: pre;
  color: var(--_12hegh67);
}
._1qwzy8l2:focus-visible ~ ._1qwzy8l4 {
  opacity: 0;
}
._1qwzy8l5 {
  color: var(--_12hegh69);
}
.vgqzej2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--vgqzej0);
  align-items: var(--vgqzej1);
}
.vgqzej3 {
  --vgqzej0: var(--_1a22njtg);
}
.vgqzej4 {
  --vgqzej0: var(--_1a22njth);
}
.vgqzej5 {
  --vgqzej0: var(--_1a22njti);
}
.vgqzej6 {
  --vgqzej0: var(--_1a22njtj);
}
.vgqzej7 {
  --vgqzej0: var(--_1a22njtk);
}
.vgqzej8 {
  --vgqzej0: var(--_1a22njtl);
}
.vgqzej9 {
  --vgqzej0: var(--_1a22njtm);
}
.vgqzeja {
  --vgqzej0: var(--_1a22njtn);
}
.vgqzejb {
  --vgqzej0: var(--_1a22njto);
}
.vgqzejc {
  --vgqzej0: var(--_1a22njtp);
}
.vgqzejd {
  align-items: flex-start;
}
.vgqzeje {
  align-items: center;
}
.vgqzejf {
  align-items: flex-end;
}
.vgqzejg > * {
  flex-basis: auto;
  width: auto;
}
._14tctux1 {
  background: radial-gradient(var(--_12hegh6l) 20%, transparent 50%);
  justify-content: safe center;
}
._14tctux3 {
  max-width: 400px;
}
._14tctux5 {
  background: transparent;
}
._14tctux5:focus-visible {
  outline: 2px solid var(--_12hegh6u);
  outline-offset: 6px;
}
._1m8jpkv0 {
  cursor: row-resize;
}
._1m8jpkv1 {
  cursor: col-resize;
}
._1m8jpkv6 {
  transform: translateY(-50%);
  z-index: 2;
}
._1m8jpkv6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  transform: translateY(-1px);
  transition: background-color 100ms ease;
}
._1m8jpkv6._1m8jpkv3::before {
  background: var(--_12hegh6e);
}
._1m8jpkv6:not(._1m8jpkv3):hover::before {
  background: var(--_12hegh6e);
  transition-delay: 200ms;
}
._1m8jpkv7 {
  z-index: 2;
}
._1m8jpkv7::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  transition: background-color 100ms ease;
}
._1m8jpkv7._1m8jpkv3::before {
  background: var(--_12hegh6e);
}
._1m8jpkv7:not(._1m8jpkv3):hover::before {
  background: var(--_12hegh6e);
  transition-delay: 200ms;
}
._1m8jpkv9 {
  transform: translateX(50%);
}
._1m8jpkvb {
  transform: translateX(-50%);
}
._1m8jpkvd {
  background: var(--_12hegh6m);
  outline: 1px solid var(--_12hegh6r);
  outline-offset: -1px;
  transition: outline-color 100ms ease;
}
._1m8jpkvd::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transition: background-color 100ms ease;
}
._1m8jpkv3 ._1m8jpkvd {
  outline-color: var(--_12hegh6e);
}
._1m8jpkv3 ._1m8jpkvd::after {
  background: var(--_12hegh6e);
}
:is(._1m8jpkv6, ._1m8jpkv7):not(._1m8jpkv3):hover ._1m8jpkvd {
  outline-color: var(--_12hegh6e);
  transition-delay: 200ms;
}
:is(._1m8jpkv6, ._1m8jpkv7):not(._1m8jpkv3):hover ._1m8jpkvd::after {
  transition-delay: 200ms;
}
._1m8jpkve {
  width: 38px;
  height: 8px;
}
._1m8jpkvf {
  width: 8px;
  height: 38px;
}
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--_12hegh6k);
  scrollbar-color: var(--_12hegh6r) transparent;
}
html[data-playroom-dark] {
  color-scheme: dark;
}
._1hptgj60 {
  pointer-events: none;
  user-select: none;
}
._1hptgj65 {
  display: grid;
  grid-template-columns: var(--_1hptgj62, 0px) 1fr;
  grid-template-rows: min-content auto var(--_1hptgj61, 0px);
  isolation: isolate;
}
._1hptgj66 {
  --_1hptgj61: clamp(150px, var(--_1hptgj63), 70vh);
  grid-template-areas: "header header"
"frames frames"
"editor editor";
}
._1hptgj67 {
  --_1hptgj62: clamp(300px, var(--_1hptgj63), 90vw);
  grid-template-areas: "header header"
"editor frames"
"editor frames";
}
._1hptgj68 {
  grid-area: header;
  z-index: 1;
  outline: 1px solid var(--_12hegh6r);
}
._1hptgj69 {
  grid-area: frames;
}
._1hptgj6a {
  grid-area: editor;
  outline: 1px solid var(--_12hegh6r);
}
._1hptgj6e {
  left: var(--_1a22njtl);
  right: var(--_1a22njtl);
  bottom: var(--_1a22njtl);
  width: fit-content;
  margin-inline: auto;
}
._1hptgj6g {
  backdrop-filter: blur(2px);
}
._1hptgj6g::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  background: var(--_12hegh6m);
  border-radius: calc(var(--_1a22njta) - 2px);
  opacity: 0.8;
}
._1hptgj6g::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: calc(var(--_1a22njta) - 2px);
  outline: 2px solid var(--_12hegh6r);
  outline-offset: -2px;
}
._1hptgj6i {
  background: var(--_12hegh6l);
  box-shadow: 0 0 4px 2px var(--_12hegh6l);
}