/* BASICS */

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

/* PADDING */

.CodeMirror-lines {
  padding: 0.2rem 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 0.2rem; /* 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: 0.05rem solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 0.15rem 0 0.25rem;
  min-width: 1rem;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

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

/* CURSOR */

.CodeMirror-cursor {
  border-left: 0.05rem solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 0.05rem 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-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-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: -2.5rem; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 0.05rem 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: 0.1rem 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 */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -1.5rem; margin-right: -1.5rem;
  padding-bottom: 1.5rem;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 1.5rem 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;
}
.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: -1.5rem;
}
.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 ::-moz-selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 0.05rem; /* 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 */ 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.005rem; /* 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 {
  -webkit-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::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.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: 0.005rem; }

@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; }

:root{--fd-color-red-1:#fdeeee;--fd-color-red-2:#f9cbcb;--fd-color-red-3:#f7b9b9;--fd-color-red-4:#f5a8a8;--fd-color-red-5:#f18585;--fd-color-red-6:#EB5050;--fd-color-red-7:#bc4040;--fd-color-red-8:#8d3030;--fd-color-red-9:#5e2020;--fd-color-red-10:#471818;--fd-color-yellow-1:#fef6e6;--fd-color-yellow-2:#fbe5b3;--fd-color-yellow-3:#f9dc99;--fd-color-yellow-4:#f8d480;--fd-color-yellow-5:#f5c24d;--fd-color-yellow-6:#F0A800;--fd-color-yellow-7:#c08600;--fd-color-yellow-8:#906500;--fd-color-yellow-9:#604300;--fd-color-yellow-10:#483200;--fd-color-green-1:#edf9f1;--fd-color-green-2:#c8edd4;--fd-color-green-3:#b5e7c5;--fd-color-green-4:#a3e1b7;--fd-color-green-5:#7ed49a;--fd-color-green-6:#46C26F;--fd-color-green-7:#389b59;--fd-color-green-8:#2a7443;--fd-color-green-9:#1c4e2c;--fd-color-green-10:#153a21;--fd-color-blue-1:#eaf2fd;--fd-color-blue-2:#c1d8f9;--fd-color-blue-3:#accbf7;--fd-color-blue-4:#97bef5;--fd-color-blue-5:#6da4f1;--fd-color-blue-6:#2F7DEB;--fd-color-blue-7:#2664bc;--fd-color-blue-8:#1c4b8d;--fd-color-blue-9:#13325e;--fd-color-blue-10:#0e2647;--fd-color-orange-1:#fff2e8;--fd-color-orange-2:#fed9ba;--fd-color-orange-3:#fdcda3;--fd-color-orange-4:#fdc08c;--fd-color-orange-5:#fca75d;--fd-color-orange-6:#FA8118;--fd-color-orange-7:#c86713;--fd-color-orange-8:#964d0e;--fd-color-orange-9:#64340a;--fd-color-orange-10:#4b2707;--fd-color-maize-1:#fbf9e6;--fd-color-maize-2:#f3eeb4;--fd-color-maize-3:#efe89b;--fd-color-maize-4:#ebe282;--fd-color-maize-5:#e2d64f;--fd-color-maize-6:#D6C504;--fd-color-maize-7:#ab9e03;--fd-color-maize-8:#807602;--fd-color-maize-9:#564f02;--fd-color-maize-10:#403b01;--fd-color-lime-1:#f6f9e6;--fd-color-lime-2:#e3edb4;--fd-color-lime-3:#dae79b;--fd-color-lime-4:#d1e182;--fd-color-lime-5:#bed44f;--fd-color-lime-6:#A2C204;--fd-color-lime-7:#829b03;--fd-color-lime-8:#617402;--fd-color-lime-9:#414e02;--fd-color-lime-10:#313a01;--fd-color-leaf-1:#f0f9ec;--fd-color-leaf-2:#d2eec5;--fd-color-leaf-3:#c3e9b1;--fd-color-leaf-4:#b5e39e;--fd-color-leaf-5:#97d877;--fd-color-leaf-6:#6AC73C;--fd-color-leaf-7:#559f30;--fd-color-leaf-8:#407724;--fd-color-leaf-9:#2a5018;--fd-color-leaf-10:#203c12;--fd-color-teal-1:#e6f8f5;--fd-color-teal-2:#b3eae0;--fd-color-teal-3:#99e3d6;--fd-color-teal-4:#80dccc;--fd-color-teal-5:#4dcdb8;--fd-color-teal-6:#00B899;--fd-color-teal-7:#00937a;--fd-color-teal-8:#006e5c;--fd-color-teal-9:#004a3d;--fd-color-teal-10:#00372e;--fd-color-cyan-1:#e6f7fa;--fd-color-cyan-2:#b3e7f1;--fd-color-cyan-3:#99dfed;--fd-color-cyan-4:#80d7e8;--fd-color-cyan-5:#4dc6df;--fd-color-cyan-6:#00AED1;--fd-color-cyan-7:#008ba7;--fd-color-cyan-8:#00687d;--fd-color-cyan-9:#004654;--fd-color-cyan-10:#00343f;--fd-color-indigo-1:#eef0fe;--fd-color-indigo-2:#cdd1fc;--fd-color-indigo-3:#bcc1fb;--fd-color-indigo-4:#acb2fa;--fd-color-indigo-5:#8a93f8;--fd-color-indigo-6:#5865F5;--fd-color-indigo-7:#4651c4;--fd-color-indigo-8:#353d93;--fd-color-indigo-9:#232862;--fd-color-indigo-10:#1a1e4a;--fd-color-violet-1:#f2edfd;--fd-color-violet-2:#d8c8f9;--fd-color-violet-3:#cbb5f7;--fd-color-violet-4:#bfa3f5;--fd-color-violet-5:#a57ef1;--fd-color-violet-6:#7E47EB;--fd-color-violet-7:#6539bc;--fd-color-violet-8:#4c2b8d;--fd-color-violet-9:#321c5e;--fd-color-violet-10:#261547;--fd-color-purple-1:#f9ecfc;--fd-color-purple-2:#eec7f6;--fd-color-purple-3:#e8b4f3;--fd-color-purple-4:#e3a1f0;--fd-color-purple-5:#d77be9;--fd-color-purple-6:#C643E0;--fd-color-purple-7:#9e36b3;--fd-color-purple-8:#772886;--fd-color-purple-9:#4f1b5a;--fd-color-purple-10:#3b1443;--fd-color-lilac-1:#fbecf9;--fd-color-lilac-2:#f4c6ec;--fd-color-lilac-3:#f0b3e6;--fd-color-lilac-4:#eca0e0;--fd-color-lilac-5:#e47ad3;--fd-color-lilac-6:#D941C0;--fd-color-lilac-7:#ae349a;--fd-color-lilac-8:#822773;--fd-color-lilac-9:#571a4d;--fd-color-lilac-10:#41143a;--fd-color-pink-1:#feecf2;--fd-color-pink-2:#fbc7d8;--fd-color-pink-3:#f9b4cb;--fd-color-pink-4:#f8a1be;--fd-color-pink-5:#f57ba4;--fd-color-pink-6:#F0437D;--fd-color-pink-7:#c03664;--fd-color-pink-8:#90284b;--fd-color-pink-9:#601b32;--fd-color-pink-10:#481426;--fd-color-slate-1:#edeef1;--fd-color-slate-2:#c8cdd4;--fd-color-slate-3:#b6bdc6;--fd-color-slate-4:#a4acb8;--fd-color-slate-5:#7f8b9b;--fd-color-slate-6:#485970;--fd-color-slate-7:#3a475a;--fd-color-slate-8:#2b3543;--fd-color-slate-9:#1d242d;--fd-color-slate-10:#161b22;--fd-color-brand-1:#e6f8f5;--fd-color-brand-2:#b3eae0;--fd-color-brand-3:#99e3d6;--fd-color-brand-4:#80dccc;--fd-color-brand-5:#4dcdb8;--fd-color-brand-6:#00B899;--fd-color-brand-7:#00937a;--fd-color-brand-8:#006e5c;--fd-color-brand-9:#004a3d;--fd-color-brand-10:#00372e;--fd-color-error-1:var(--fd-color-red-1);--fd-color-error-2:var(--fd-color-red-2);--fd-color-error-3:var(--fd-color-red-3);--fd-color-error-4:var(--fd-color-red-4);--fd-color-error-5:var(--fd-color-red-5);--fd-color-error-6:var(--fd-color-red-6);--fd-color-error-7:var(--fd-color-red-7);--fd-color-error-8:var(--fd-color-red-8);--fd-color-error-9:var(--fd-color-red-9);--fd-color-error-10:var(--fd-color-red-10);--fd-color-warning-1:var(--fd-color-yellow-1);--fd-color-warning-2:var(--fd-color-yellow-2);--fd-color-warning-3:var(--fd-color-yellow-3);--fd-color-warning-4:var(--fd-color-yellow-4);--fd-color-warning-5:var(--fd-color-yellow-5);--fd-color-warning-6:var(--fd-color-yellow-6);--fd-color-warning-7:var(--fd-color-yellow-7);--fd-color-warning-8:var(--fd-color-yellow-8);--fd-color-warning-9:var(--fd-color-yellow-9);--fd-color-warning-10:var(--fd-color-yellow-10);--fd-color-success-1:var(--fd-color-green-1);--fd-color-success-2:var(--fd-color-green-2);--fd-color-success-3:var(--fd-color-green-3);--fd-color-success-4:var(--fd-color-green-4);--fd-color-success-5:var(--fd-color-green-5);--fd-color-success-6:var(--fd-color-green-6);--fd-color-success-7:var(--fd-color-green-7);--fd-color-success-8:var(--fd-color-green-8);--fd-color-success-9:var(--fd-color-green-9);--fd-color-success-10:var(--fd-color-green-10);--fd-color-info-1:var(--fd-color-blue-1);--fd-color-info-2:var(--fd-color-blue-2);--fd-color-info-3:var(--fd-color-blue-3);--fd-color-info-4:var(--fd-color-blue-4);--fd-color-info-5:var(--fd-color-blue-5);--fd-color-info-6:var(--fd-color-blue-6);--fd-color-info-7:var(--fd-color-blue-7);--fd-color-info-8:var(--fd-color-blue-8);--fd-color-info-9:var(--fd-color-blue-9);--fd-color-info-10:var(--fd-color-blue-10);--fd-color-grey-1:#FFFFFF;--fd-color-grey-2:#F5F6F8;--fd-color-grey-3:#F0F1F4;--fd-color-grey-4:#EDEFF3;--fd-color-grey-5:#E6E8ED;--fd-color-grey-6:#EBECEE;--fd-color-grey-7:#E1E3E5;--fd-color-grey-8:#D7D9DC;--fd-color-grey-9:#B5B8BE;--fd-color-grey-10:#838892;--fd-color-grey-11:#525967;--fd-color-grey-12:#141E31;--fd-color-grey-13:#000000;--fd-color-transparent-1:#000000;--fd-color-transparent-2:rgba(0, 10, 31, 0.92);--fd-color-transparent-3:rgba(1, 11, 31, 0.68);--fd-color-transparent-4:rgba(2, 12, 33, 0.49);--fd-color-transparent-5:rgba(0, 10, 31, 0.29);--fd-color-transparent-6:rgba(5, 18, 36, 0.16);--fd-color-transparent-7:rgba(5, 22, 38, 0.12);--fd-color-transparent-8:rgba(5, 17, 42, 0.08);--fd-color-transparent-9:rgba(5, 25, 75, 0.1);--fd-color-transparent-10:rgba(30, 55, 105, 0.08);--fd-color-transparent-11:rgba(5, 22, 72, 0.06);--fd-color-transparent-12:rgba(5, 30, 80, 0.04);--fd-color-transparent-13:transparent;--fd-color-trans-white-1:#FFFFFF;--fd-color-trans-white-2:rgba(255, 255, 255, 0.9);--fd-color-trans-white-3:rgba(255, 255, 255, 0.78);--fd-color-trans-white-4:rgba(255, 255, 255, 0.66);--fd-color-trans-white-5:rgba(255, 255, 255, 0.47);--fd-color-trans-white-6:rgba(255, 255, 255, 0.37);--fd-color-trans-white-7:rgba(255, 255, 255, 0.29);--fd-color-trans-white-8:rgba(255, 255, 255, 0.24);--fd-color-trans-white-9:rgba(255, 255, 255, 0.19);--fd-color-trans-white-10:rgba(255, 255, 255, 0.15);--fd-color-trans-white-11:rgba(255, 255, 255, 0.11);--fd-color-trans-white-12:rgba(255, 255, 255, 0.07);--fd-color-trans-white-13:transparent;--fd-border-radius-xs:0.1rem;--fd-border-radius-sm:0.15rem;--fd-border-radius:0.2rem;--fd-border-radius-lg:0.3rem;--fd-border-radius-xl:0.4rem;--fd-gap-xs:0.1rem;--fd-gap-sm:0.2rem;--fd-gap:0.4rem;--fd-gap-lg:0.5rem;--fd-gap-xl:0.6rem;--fd-gap-2xl:0.8rem;--fd-gap-3xl:1rem;--fd-gap-4xl:1.2rem;--fd-gap-5xl:1.6rem;--fd-padding-layout-3xs:0.1rem;--fd-padding-layout-2xs:0.2rem;--fd-padding-layout-xs:0.4rem;--fd-padding-layout-sm:0.6rem;--fd-padding-layout:0.8rem;--fd-padding-layout-lg:1rem;--fd-padding-layout-xl:1.2rem;--fd-padding-layout-2xl:1.6rem;--fd-padding-layout-3xl:2.4rem;--fd-padding-zero:0;--fd-padding-2xs:0.1rem;--fd-padding-xs:0.2rem;--fd-padding-sm:0.3rem;--fd-padding:0.4rem;--fd-padding-lg:0.6rem;--fd-padding-xl:0.8rem;--fd-padding-2xl:1rem;--fd-padding-3xl:1.2rem;--fd-padding-4xl:1.6rem;--fd-control-height-xs:0.8rem;--fd-control-height-sm:1.2rem;--fd-control-height-msm:1.4rem;--fd-control-height:1.6rem;--fd-control-height-mlg:1.8rem;--fd-control-height-lg:2rem;--fd-font-size-sm:0.6rem;--fd-font-size:0.7rem;--fd-font-size-lg:0.8rem;--fd-font-size-xl:0.9rem;--fd-font-size-2xl:1rem;--fd-font-size-heading-1:1.9rem;--fd-font-size-heading-2:1.5rem;--fd-font-size-heading-3:1.2rem;--fd-font-size-heading-4:1rem;--fd-font-size-heading-5:0.8rem;--fd-control-item-font-weight-active:400;--fd-icon-size-2sm:0.6rem;--fd-icon-size-sm:0.7rem;--fd-icon-size:0.8rem;--fd-icon-size-lg:0.9rem;--fd-line-height-sm:1rem;--fd-line-height:1.1rem;--fd-line-height-lg:1.2rem;--fd-line-height-xl:1.3rem;--fd-line-height-2xl:1.4rem;--fd-line-height-heading-1:2.3rem;--fd-line-height-heading-2:1.9rem;--fd-line-height-heading-3:1.6rem;--fd-line-height-heading-4:1.4rem;--fd-line-height-heading-5:1.2rem;--fd-line-width:0.05rem;--fd-line-width-bold:0.1rem;--fd-line-width-focus:0.2rem;--fd-control-outline-width:0.1rem;--fd-color-primary:var(--fd-color-brand-6);--fd-color-primary-active:var(--fd-color-brand-7);--fd-color-primary-hover:var(--fd-color-brand-5);--fd-color-primary-bg:var(--fd-color-brand-1);--fd-color-primary-bg-active:var(--fd-color-brand-3);--fd-color-primary-bg-hover:var(--fd-color-brand-2);--fd-color-primary-border:var(--fd-color-brand-3);--fd-color-primary-border-hover:var(--fd-color-brand-4);--fd-color-primary-text:var(--fd-color-brand-6);--fd-color-primary-text-active:var(--fd-color-brand-7);--fd-color-primary-text-hover:var(--fd-color-brand-5);--fd-color-control-outline:rgba(0, 184, 153, 0.15);--fd-color-link:var(--fd-color-brand-6);--fd-color-link-active:var(--fd-color-brand-7);--fd-color-link-hover:var(--fd-color-brand-4);--fd-color-info:var(--fd-color-info-6);--fd-color-info-active:var(--fd-color-info-7);--fd-color-info-hover:var(--fd-color-info-4);--fd-color-info-bg:var(--fd-color-info-1);--fd-color-info-bg-hover:var(--fd-color-info-2);--fd-color-info-border:var(--fd-color-info-3);--fd-color-info-border-hover:var(--fd-color-info-4);--fd-color-info-text:var(--fd-color-info-6);--fd-color-info-text-active:var(--fd-color-info-7);--fd-color-info-text-hover:var(--fd-color-info-5);--fd-color-success:var(--fd-color-success-6);--fd-color-success-active:var(--fd-color-success-7);--fd-color-success-hover:var(--fd-color-success-4);--fd-color-success-bg:var(--fd-color-success-1);--fd-color-success-bg-hover:var(--fd-color-success-2);--fd-color-success-border:var(--fd-color-success-3);--fd-color-success-border-hover:var(--fd-color-success-4);--fd-color-success-text:var(--fd-color-success-6);--fd-color-success-text-active:var(--fd-color-success-7);--fd-color-success-text-hover:var(--fd-color-success-5);--fd-color-warning:var(--fd-color-warning-6);--fd-color-warning-active:var(--fd-color-warning-7);--fd-color-warning-hover:var(--fd-color-warning-4);--fd-color-warning-bg:var(--fd-color-warning-1);--fd-color-warning-bg-hover:var(--fd-color-warning-2);--fd-color-warning-border:var(--fd-color-warning-3);--fd-color-warning-border-hover:var(--fd-color-warning-4);--fd-color-warning-text:var(--fd-color-warning-6);--fd-color-warning-text-active:var(--fd-color-warning-7);--fd-color-warning-text-hover:var(--fd-color-warning-5);--fd-color-warning-outline:rgba(240, 168, 0, 0.1);--fd-color-error:var(--fd-color-error-6);--fd-color-error-active:var(--fd-color-error-7);--fd-color-error-hover:var(--fd-color-error-5);--fd-color-error-bg:var(--fd-color-error-1);--fd-color-error-bg-hover:var(--fd-color-error-2);--fd-color-error-bg-active:var(--fd-color-error-3);--fd-color-error-border:var(--fd-color-error-3);--fd-color-error-border-hover:var(--fd-color-error-4);--fd-color-error-text:var(--fd-color-error-6);--fd-color-error-text-active:var(--fd-color-error-7);--fd-color-error-text-hover:var(--fd-color-error-5);--fd-color-error-outline:rgba(235, 80, 80, 0.12);--fd-color-white:var(--fd-color-grey-1);--fd-color-white-fixation:#FFFFFF;--fd-color-black:var(--fd-color-grey-13);--fd-color-zero:var(--fd-color-transparent-13);--fd-color-text:var(--fd-color-transparent-2);--fd-color-text-secondary:var(--fd-color-transparent-3);--fd-color-text-tertiary:var(--fd-color-transparent-4);--fd-color-text-quaternary:var(--fd-color-transparent-5);--fd-color-text-placeholder:var(--fd-color-text-quaternary);--fd-color-text-description:var(--fd-color-text-tertiary);--fd-color-text-disabled:var(--fd-color-text-quaternary);--fd-color-text-data-disabled:var(--fd-color-text-disabled);--fd-color-text-heading:var(--fd-color-text);--fd-color-text-white:var(--fd-color-white);--fd-color-text-white-fixation:var(--fd-color-white-fixation);--fd-color-text-label:var(--fd-color-text-secondary);--fd-control-item-text-active:var(--fd-color-text);--fd-color-icon:var(--fd-color-text-tertiary);--fd-color-icon-hover:var(--fd-color-text-secondary);--fd-color-icon-active:var(--fd-color-text);--fd-color-icon-normal:var(--fd-color-text-secondary);--fd-color-icon-disabled:var(--fd-color-transparent-7);--fd-color-fill:var(--fd-color-transparent-8);--fd-color-fill-secondary:var(--fd-color-transparent-9);--fd-color-fill-tertiary:var(--fd-color-transparent-11);--fd-color-fill-quaternary:var(--fd-color-transparent-12);--fd-color-bg-container:var(--fd-color-white);--fd-color-bg-container-secondary:var(--fd-color-trans-white-4);--fd-color-bg-container-tertiary:var(--fd-color-trans-white-6);--fd-color-bg-container-grey:var(--fd-color-grey-2);--fd-color-bg-container-grey-secondary:var(--fd-color-grey-3);--fd-color-bg-container-grey-tertiary:var(--fd-color-grey-4);--fd-color-bg-container-disabled:var(--fd-color-fill-quaternary);--fd-color-bg-elevated:var(--fd-color-white);--fd-color-bg-elevated-fixation:var(--fd-color-white-fixation);--fd-color-bg-shape:var(--fd-color-transparent-10);--fd-color-bg-spotlight:var(--fd-color-grey-11);--fd-color-bg-mask-white:var(--fd-color-trans-white-4);--fd-control-item-bg-active:var(--fd-color-primary-bg);--fd-control-item-bg-active-hover:var(--fd-color-primary-bg-hover);--fd-control-item-bg-active-disabled:var(--fd-color-fill-secondary);--fd-color-bg-text-hover:var(--fd-color-brand-1);--fd-color-bg-text-active:var(--fd-color-brand-2);--fd-color-bg-text-normal-hover:var(--fd-color-fill-quaternary);--fd-color-bg-text-normal-active:var(--fd-color-fill-tertiary);--fd-color-bg-text-error-hover:var(--fd-color-error-1);--fd-color-bg-text-error-active:var(--fd-color-error-2);--fd-color-fill-alter:var(--fd-color-fill-quaternary);--fd-color-fill-content:var(--fd-color-fill-secondary);--fd-color-border-primary:var(--fd-color-grey-7);--fd-color-border:var(--fd-color-grey-5);--fd-color-border-secondary:var(--fd-color-grey-4);--fd-color-border-tertiary:var(--fd-color-grey-3);--fd-color-split:var(--fd-color-border-secondary);--fd-color-split-white:var(--fd-color-trans-white-10);--fd-box-shadow:0 0 0.1rem 0 rgba(9, 30, 64, 0.02),0 0.2rem 0.4rem 0 rgba(9, 30, 64, .06),0 0.2rem 1.2rem 0.3rem rgba(9, 30, 64, .04);--fd-box-shadow-secondary:0 0 0.2rem 0 rgba(9, 30, 64, 0.05),0 0.3rem 0.8rem -0.05rem rgba(9, 30, 64, .06),0 0.3rem 1.6rem 0.4rem rgba(9, 30, 64, .04);--fd-box-shadow-tertiary:0 0 0.25rem 0 rgba(9, 30, 64, 0.06),0 0.5rem 1.2rem -0.1rem rgba(9, 30, 64, .1),0 0.5rem 2.4rem 0.6rem rgba(9, 30, 64, .04);--fd-box-shadow-subtle:0 0 0.1rem 0 rgba(9, 30, 64, 0.02),0 0.05rem 0.2rem 0 rgba(9, 30, 64, .06);--fd-outline-shadow:0 0 0 var(--fd-control-outline-width) var(--fd-color-control-outline);--fd-error-outline-shadow:0 0 0 var(--fd-control-outline-width) var(--fd-color-error-outline);--fd-warning-outline-shadow:0 0 0 var(--fd-control-outline-width) var(--fd-color-warning-outline);--fd-scroll-bar-color-fill:var(--fd-color-transparent-9);--fd-scroll-bar-color-bg:var(--fd-color-transparent-12)}
/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #383a42;
  background: #fafafa;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}