.fade-enter-active[data-v-5c202ab7],
.fade-leave-active[data-v-5c202ab7] {
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
.fade-enter-from[data-v-5c202ab7],
.fade-leave-to[data-v-5c202ab7] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.dropdown[data-v-5c202ab7] {
  cursor: pointer;
  position: relative;
}
.dropdown[data-v-5c202ab7]:focus {
  outline: none;
}
.disabled[data-v-5c202ab7] {
  cursor: default;
}
.disabled:hover > .mark[data-v-5c202ab7] {
  opacity: 0.5 !important;
}
.dropdown:hover > .mark[data-v-5c202ab7] {
  opacity: 1;
}
.dropdown > .mark[data-v-5c202ab7] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dropdown > .mark > div[data-v-5c202ab7] {
  white-space: nowrap;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.dropdown > .mark > svg[data-v-5c202ab7] {
  margin-left: 3px;
  margin-top: 1px;
}
.dropdown > .panel[data-v-5c202ab7] {
  position: absolute;
  border-radius: 6px;
  overflow: hidden;
  top: 24px;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}


.copy_code[data-v-3b801528] {
  -webkit-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
  position: relative;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.copy_code[data-v-3b801528]:focus {
  outline: none;
}
.copy_code > textarea[data-v-3b801528] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  padding: 0;
  width: 0;
  height: 0;
  background: transparent;
  resize: none;
  opacity: 0;
  border-color: rgba(0, 0, 0, 0);
}
.copy_code > svg[data-v-3b801528] {
  pointer-events: none;
}
.copy_code[data-v-3b801528]:hover {
  opacity: 1;
}
.copy_code:hover > .tooltip[data-v-3b801528] {
  display: block;
}
.copy_code > .tooltip[data-v-3b801528] {
  font-family: sans-serif;
  display: none;
  position: absolute;
  bottom: -10px;
  left: -96px;
  font-size: 12px;
  color: white;
  width: 84px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
}





























































































































































































































































































































/* header */
.header[data-v-76b5d460] {
  position: relative;
  z-index: 2;
  height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header > .dropdown[data-v-76b5d460] {
  position: absolute;
  top: 12px;
  left: 18px;
}
.header > .copy_code[data-v-76b5d460] {
  position: absolute;
  top: 10px;
  right: 12px;
}

/* code_area */
.code_editor[data-v-76b5d460] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0;
  position: relative;
  text-align: left;
}
.code_editor > .code_area[data-v-76b5d460] {
  position: relative;
  overflow: hidden;
}
.code_editor > .code_area > textarea[data-v-76b5d460],
.code_editor > .code_area > pre > code[data-v-76b5d460] {
  padding: 0px 20px 20px 20px;
  font-family: Consolas, Monaco, monospace;
  line-height: 1.5;
  font-size: 16px;
}
.code_editor > .code_area > textarea[data-v-76b5d460] {
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  caret-color: rgba(127, 127, 127);
  -webkit-text-fill-color: transparent;
  white-space: pre;
  word-wrap: normal;
  border: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  resize: none;
}
.code_editor > .code_area > textarea[data-v-76b5d460]:hover,
.code_editor > .code_area > textarea[data-v-76b5d460]:focus-visible {
  outline: none;
}
.code_editor > .code_area > pre[data-v-76b5d460] {
  position: relative;
  margin: 0;
}
.code_editor > .code_area > pre > code[data-v-76b5d460] {
  position: relative;
  overflow-x: visible;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border: none;
  margin: 0;
}

/* hide_header */
.hide_header > .code_area > textarea[data-v-76b5d460],
.hide_header > .code_area > pre > code[data-v-76b5d460] {
  padding: 20px;
}
.hide_header.scroll > .code_area[data-v-76b5d460] {
  height: 100%;
}

/* read_only */
.read_only > .code_area > pre > code[data-v-76b5d460] {
  width: 100%;
  height: 100%;
  overflow: auto !important;
}

/* wrap code */
.wrap_code > .code_area > textarea[data-v-76b5d460],
.wrap_code > .code_area > pre > code[data-v-76b5d460] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* scroll */
.scroll > .code_area[data-v-76b5d460] {
  height: calc(100% - 34px);
}
.scroll > .code_area > textarea[data-v-76b5d460] {
  overflow: auto;
}
.scroll > .code_area > pre[data-v-76b5d460] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* dropdown */
.panel[data-v-76b5d460] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
  font-family: sans-serif;
}
.panel > .lang_list[data-v-76b5d460] {
  overflow: auto;
  height: calc(100% - 36px);
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  list-style: none;
  margin: 0;
  text-align: left;
  background: white;
}
.panel > .lang_list > li[data-v-76b5d460] {
  font-size: 13px;
  color: #333;
  -webkit-transition: background 0.16s ease, color 0.16s ease;
  transition: background 0.16s ease, color 0.16s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
}
.panel > .lang_list > li[data-v-76b5d460]:first-child {
  padding-top: 5px;
}
.panel > .lang_list > li[data-v-76b5d460]:last-child {
  padding-bottom: 5px;
}
.panel > .lang_list > li[data-v-76b5d460]:hover {
  color: #111;
  background: #eee;
}


















































































































































































































































































































































































































































































/*
Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
*/
.atom_one_dark.hljs,
.atom_one_dark .hljs {
  color: #abb2bf;
  background: #282c34;
}
.atom_one_dark .hljs-comment,
.atom_one_dark .hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.atom_one_dark .hljs-doctag,
.atom_one_dark .hljs-keyword,
.atom_one_dark .hljs-formula {
  color: #c678dd;
}
.atom_one_dark .hljs-section,
.atom_one_dark .hljs-name,
.atom_one_dark .hljs-selector-tag,
.atom_one_dark .hljs-deletion,
.atom_one_dark .hljs-subst {
  color: #e06c75;
}
.atom_one_dark .hljs-literal {
  color: #56b6c2;
}
.atom_one_dark .hljs-string,
.atom_one_dark .hljs-regexp,
.atom_one_dark .hljs-addition,
.atom_one_dark .hljs-attribute,
.atom_one_dark .hljs-meta .hljs-string {
  color: #98c379;
}
.atom_one_dark .hljs-attr,
.atom_one_dark .hljs-variable,
.atom_one_dark .hljs-template-variable,
.atom_one_dark .hljs-type,
.atom_one_dark .hljs-selector-class,
.atom_one_dark .hljs-selector-attr,
.atom_one_dark .hljs-selector-pseudo,
.atom_one_dark .hljs-number {
  color: #d19a66;
}
.atom_one_dark .hljs-symbol,
.atom_one_dark .hljs-bullet,
.atom_one_dark .hljs-link,
.atom_one_dark .hljs-meta,
.atom_one_dark .hljs-selector-id,
.atom_one_dark .hljs-title {
  color: #61aeee;
}
.atom_one_dark .hljs-built_in,
.atom_one_dark .hljs-title .class_,
.atom_one_dark .hljs-class .hljs-title {
  color: #e6c07b;
}
.atom_one_dark .hljs-emphasis {
  font-style: italic;
}
.atom_one_dark .hljs-strong {
  font-weight: bold;
}
.atom_one_dark .hljs-link {
  text-decoration: underline;
}
/*
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
*/
.atom_one_light.hljs,
.atom_one_light .hljs {
  color: #383a42;
  background: #fafafa;
}
.atom_one_light .hljs-comment,
.atom_one_light .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
.atom_one_light .hljs-doctag,
.atom_one_light .hljs-keyword,
.atom_one_light .hljs-formula {
  color: #a626a4;
}
.atom_one_light .hljs-section,
.atom_one_light .hljs-name,
.atom_one_light .hljs-selector-tag,
.atom_one_light .hljs-deletion,
.atom_one_light .hljs-subst {
  color: #e45649;
}
.atom_one_light .hljs-literal {
  color: #0184bb;
}
.atom_one_light .hljs-string,
.atom_one_light .hljs-regexp,
.atom_one_light .hljs-addition,
.atom_one_light .hljs-attribute,
.atom_one_light .hljs-meta .hljs-string {
  color: #50a14f;
}
.atom_one_light .hljs-attr,
.atom_one_light .hljs-variable,
.atom_one_light .hljs-template-variable,
.atom_one_light .hljs-type,
.atom_one_light .hljs-selector-class,
.atom_one_light .hljs-selector-attr,
.atom_one_light .hljs-selector-pseudo,
.atom_one_light .hljs-number {
  color: #986801;
}
.atom_one_light .hljs-symbol,
.atom_one_light .hljs-bullet,
.atom_one_light .hljs-link,
.atom_one_light .hljs-meta,
.atom_one_light .hljs-selector-id,
.atom_one_light .hljs-title {
  color: #4078f2;
}
.atom_one_light .hljs-built_in,
.atom_one_light .hljs-title .class_,
.atom_one_light .hljs-class .hljs-title {
  color: #c18401;
}
.atom_one_light .hljs-emphasis {
  font-style: italic;
}
.atom_one_light .hljs-strong {
  font-weight: bold;
}
.atom_one_light .hljs-link {
  text-decoration: underline;
}