div.ap-wrapper {
  outline: none;
  height: 100%;
  display: flex;
  justify-content: center;
}
div.ap-wrapper .title-bar {
  display: none;
  top: -78px;
  transition: top 0.15s linear;
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: content-box;
  font-size: 20px;
  line-height: 1em;
  padding: 15px;
  font-family: sans-serif;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
}
div.ap-wrapper .title-bar img {
  vertical-align: middle;
  height: 48px;
  margin-right: 16px;
}
div.ap-wrapper .title-bar a {
  color: white;
  text-decoration: underline;
}
div.ap-wrapper .title-bar a:hover {
  text-decoration: none;
}
div.ap-wrapper:fullscreen {
  background-color: #000;
  width: 100%;
  align-items: center;
}
div.ap-wrapper:fullscreen .title-bar {
  display: initial;
}
div.ap-wrapper:fullscreen.hud .title-bar {
  top: 0;
}
div.ap-wrapper div.ap-player {
  text-align: left;
  display: inline-block;
  padding: 0px;
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
  max-width: 100%;
  border-radius: 4px;
  font-size: 15px;
  background-color: var(--term-color-background);
}
.ap-player {
  --term-color-foreground: #ffffff;
  --term-color-background: #000000;
  --term-color-0: var(--term-color-foreground);
  --term-color-1: var(--term-color-foreground);
  --term-color-2: var(--term-color-foreground);
  --term-color-3: var(--term-color-foreground);
  --term-color-4: var(--term-color-foreground);
  --term-color-5: var(--term-color-foreground);
  --term-color-6: var(--term-color-foreground);
  --term-color-7: var(--term-color-foreground);
  --term-color-8: var(--term-color-0);
  --term-color-9: var(--term-color-1);
  --term-color-10: var(--term-color-2);
  --term-color-11: var(--term-color-3);
  --term-color-12: var(--term-color-4);
  --term-color-13: var(--term-color-5);
  --term-color-14: var(--term-color-6);
  --term-color-15: var(--term-color-7);
}
.ap-player .fg-0 {
  --fg: var(--term-color-0);
}
.ap-player .bg-0 {
  --bg: var(--term-color-0);
}
.ap-player .fg-1 {
  --fg: var(--term-color-1);
}
.ap-player .bg-1 {
  --bg: var(--term-color-1);
}
.ap-player .fg-2 {
  --fg: var(--term-color-2);
}
.ap-player .bg-2 {
  --bg: var(--term-color-2);
}
.ap-player .fg-3 {
  --fg: var(--term-color-3);
}
.ap-player .bg-3 {
  --bg: var(--term-color-3);
}
.ap-player .fg-4 {
  --fg: var(--term-color-4);
}
.ap-player .bg-4 {
  --bg: var(--term-color-4);
}
.ap-player .fg-5 {
  --fg: var(--term-color-5);
}
.ap-player .bg-5 {
  --bg: var(--term-color-5);
}
.ap-player .fg-6 {
  --fg: var(--term-color-6);
}
.ap-player .bg-6 {
  --bg: var(--term-color-6);
}
.ap-player .fg-7 {
  --fg: var(--term-color-7);
}
.ap-player .bg-7 {
  --bg: var(--term-color-7);
}
.ap-player .fg-8 {
  --fg: var(--term-color-8);
}
.ap-player .bg-8 {
  --bg: var(--term-color-8);
}
.ap-player .fg-9 {
  --fg: var(--term-color-9);
}
.ap-player .bg-9 {
  --bg: var(--term-color-9);
}
.ap-player .fg-10 {
  --fg: var(--term-color-10);
}
.ap-player .bg-10 {
  --bg: var(--term-color-10);
}
.ap-player .fg-11 {
  --fg: var(--term-color-11);
}
.ap-player .bg-11 {
  --bg: var(--term-color-11);
}
.ap-player .fg-12 {
  --fg: var(--term-color-12);
}
.ap-player .bg-12 {
  --bg: var(--term-color-12);
}
.ap-player .fg-13 {
  --fg: var(--term-color-13);
}
.ap-player .bg-13 {
  --bg: var(--term-color-13);
}
.ap-player .fg-14 {
  --fg: var(--term-color-14);
}
.ap-player .bg-14 {
  --bg: var(--term-color-14);
}
.ap-player .fg-15 {
  --fg: var(--term-color-15);
}
.ap-player .bg-15 {
  --bg: var(--term-color-15);
}
.ap-player .fg-8,
.ap-player .fg-9,
.ap-player .fg-10,
.ap-player .fg-11,
.ap-player .fg-12,
.ap-player .fg-13,
.ap-player .fg-14,
.ap-player .fg-15 {
  font-weight: bold;
}
pre.ap-terminal {
  box-sizing: content-box;
  overflow: hidden;
  padding: 0;
  margin: 0px;
  display: block;
  white-space: pre;
  word-wrap: normal;
  word-break: normal;
  border-radius: 0;
  border-style: solid;
  cursor: text;
  border-width: 0.75em;
  color: var(--term-color-foreground);
  background-color: var(--term-color-background);
  border-color: var(--term-color-background);
  outline: none;
  line-height: var(--term-line-height);
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
  font-variant-ligatures: none;
}
pre.ap-terminal .ap-line {
  letter-spacing: normal;
  overflow: hidden;
}
pre.ap-terminal .ap-line span {
  padding: 0;
  display: inline-block;
  height: 100%;
}
pre.ap-terminal .ap-line {
  display: block;
  width: 100%;
  height: var(--term-line-height);
  position: relative;
}
pre.ap-terminal .ap-line span {
  position: absolute;
  left: calc(100% * var(--offset) / var(--term-cols));
  color: var(--fg);
  background-color: var(--bg);
}
pre.ap-terminal .ap-line .ap-inverse {
  color: var(--bg);
  background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-2580 {
  border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2581 {
  border-bottom: calc(0.125 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2582 {
  border-bottom: calc(0.25 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2583 {
  border-bottom: calc(0.375 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2584 {
  border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2585 {
  border-bottom: calc(0.625 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2586 {
  border-bottom: calc(0.75 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2587 {
  border-bottom: calc(0.875 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2588 {
  background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-2589 {
  border-left: 0.875ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258a {
  border-left: 0.75ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258b {
  border-left: 0.625ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258c {
  border-left: 0.5ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258d {
  border-left: 0.375ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258e {
  border-left: 0.25ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258f {
  border-left: 0.125ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2590 {
  border-right: 0.5ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2591 {
  background-color: color-mix(in srgb, var(--fg) 25%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2592 {
  background-color: color-mix(in srgb, var(--fg) 50%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2593 {
  background-color: color-mix(in srgb, var(--fg) 75%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2594 {
  border-top: calc(0.125 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2595 {
  border-right: 0.125ch solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2596 {
  border-right: 0.5ch solid var(--bg);
  border-top: calc(0.5 * var(--term-line-height)) solid var(--bg);
  background-color: var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2597 {
  border-left: 0.5ch solid var(--bg);
  border-top: calc(0.5 * var(--term-line-height)) solid var(--bg);
  background-color: var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2598 {
  border-right: 0.5ch solid var(--bg);
  border-bottom: calc(0.5 * var(--term-line-height)) solid var(--bg);
  background-color: var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2599 {
  border-left: 0.5ch solid var(--fg);
  border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259a {
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259a::before,
pre.ap-terminal .ap-line .cp-259a::after {
  content: '';
  position: absolute;
  width: 0.5ch;
  height: calc(0.5 * var(--term-line-height));
  background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-259a::before {
  top: 0;
  left: 0;
}
pre.ap-terminal .ap-line .cp-259a::after {
  bottom: 0;
  right: 0;
}
pre.ap-terminal .ap-line .cp-259b {
  border-left: 0.5ch solid var(--fg);
  border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259c {
  border-right: 0.5ch solid var(--fg);
  border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259d {
  border-left: 0.5ch solid var(--bg);
  border-bottom: calc(0.5 * var(--term-line-height)) solid var(--bg);
  background-color: var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259e {
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259e::before,
pre.ap-terminal .ap-line .cp-259e::after {
  content: '';
  position: absolute;
  width: 0.5ch;
  height: calc(0.5 * var(--term-line-height));
  background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-259e::before {
  top: 0;
  right: 0;
}
pre.ap-terminal .ap-line .cp-259e::after {
  bottom: 0;
  left: 0;
}
pre.ap-terminal .ap-line .cp-259f {
  border-right: 0.5ch solid var(--fg);
  border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-e0b0 {
  border-left: 1ch solid var(--fg);
  border-top: calc(0.5 * var(--term-line-height)) solid transparent;
  border-bottom: calc(0.5 * var(--term-line-height)) solid transparent;
  box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-e0b2 {
  border-right: 1ch solid var(--fg);
  border-top: calc(0.5 * var(--term-line-height)) solid transparent;
  border-bottom: calc(0.5 * var(--term-line-height)) solid transparent;
  box-sizing: border-box;
}
pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor {
  color: var(--bg);
  background-color: var(--fg);
  border-radius: 0.05em;
}
pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor.ap-inverse {
  color: var(--fg);
  background-color: var(--bg);
}
pre.ap-terminal:not(.ap-blink) .ap-line .ap-blink {
  color: transparent;
  border-color: transparent;
}
pre.ap-terminal .ap-bright {
  font-weight: bold;
}
pre.ap-terminal .ap-faint {
  opacity: 0.5;
}
pre.ap-terminal .ap-underline {
  text-decoration: underline;
}
pre.ap-terminal .ap-italic {
  font-style: italic;
}
pre.ap-terminal .ap-strikethrough {
  text-decoration: line-through;
}
.ap-line span {
  --fg: var(--term-color-foreground);
  --bg: var(--term-color-background);
}
div.ap-player div.ap-control-bar {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  color: var(--term-color-foreground);
  box-sizing: content-box;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.15s linear;
  user-select: none;
  border-top: 2px solid color-mix(in oklab, var(--term-color-background) 80%, var(--term-color-foreground));
  z-index: 30;
}
div.ap-player div.ap-control-bar * {
  box-sizing: inherit;
}
div.ap-control-bar svg.ap-icon path {
  fill: var(--term-color-foreground);
}
div.ap-control-bar span.ap-button {
  display: flex;
  flex: 0 0 auto;
  cursor: pointer;
}
div.ap-control-bar span.ap-playback-button {
  width: 12px;
  height: 12px;
  padding: 10px;
}
div.ap-control-bar span.ap-playback-button svg {
  height: 12px;
  width: 12px;
}
div.ap-control-bar span.ap-timer {
  display: flex;
  flex: 0 0 auto;
  min-width: 50px;
  margin: 0 10px;
  height: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 100%;
  cursor: default;
}
div.ap-control-bar span.ap-timer span {
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace;
  font-size: inherit;
  font-weight: 600;
  margin: auto;
}
div.ap-control-bar span.ap-timer .ap-time-remaining {
  display: none;
}
div.ap-control-bar span.ap-timer:hover .ap-time-elapsed {
  display: none;
}
div.ap-control-bar span.ap-timer:hover .ap-time-remaining {
  display: flex;
}
div.ap-control-bar .ap-progressbar {
  display: block;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
div.ap-control-bar .ap-progressbar .ap-bar {
  display: block;
  position: relative;
  cursor: default;
  height: 100%;
  font-size: 0;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 3px;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-empty {
  background-color: color-mix(in oklab, var(--term-color-foreground) 20%, var(--term-color-background));
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
  width: 100%;
  transform-origin: left center;
  background-color: var(--term-color-foreground);
  border-radius: 3px;
}
div.ap-control-bar.ap-seekable .ap-progressbar .ap-bar {
  cursor: pointer;
}
div.ap-control-bar .ap-fullscreen-button {
  width: 14px;
  height: 14px;
  padding: 9px;
}
div.ap-control-bar .ap-fullscreen-button svg {
  width: 14px;
  height: 14px;
}
div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-on {
  display: inline;
}
div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-off {
  display: none;
}
div.ap-control-bar .ap-fullscreen-button .ap-tooltip {
  right: 5px;
  left: initial;
  transform: none;
}
div.ap-control-bar .ap-kbd-button {
  height: 14px;
  padding: 9px;
  margin: 0 4px;
}
div.ap-control-bar .ap-kbd-button svg {
  width: 26px;
  height: 14px;
}
div.ap-control-bar .ap-kbd-button .ap-tooltip {
  right: 5px;
  left: initial;
  transform: none;
}
div.ap-wrapper.ap-hud .ap-control-bar {
  opacity: 1;
}
div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-on {
  display: none;
}
div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-off {
  display: inline;
}
span.ap-progressbar span.ap-marker-container {
  display: block;
  top: 0;
  bottom: 0;
  width: 21px;
  position: absolute;
  margin-left: -10px;
}
span.ap-marker-container span.ap-marker {
  display: block;
  top: 13px;
  bottom: 12px;
  left: 7px;
  right: 7px;
  background-color: color-mix(in oklab, var(--term-color-foreground) 33%, var(--term-color-background));
  position: absolute;
  transition: top 0.1s, bottom 0.1s, left 0.1s, right 0.1s, background-color 0.1s;
  border-radius: 50%;
}
span.ap-marker-container span.ap-marker.ap-marker-past {
  background-color: var(--term-color-foreground);
}
span.ap-marker-container span.ap-marker:hover,
span.ap-marker-container:hover span.ap-marker {
  background-color: var(--term-color-foreground);
  top: 11px;
  bottom: 10px;
  left: 5px;
  right: 5px;
}
.ap-tooltip-container span.ap-tooltip {
  visibility: hidden;
  background-color: var(--term-color-foreground);
  color: var(--term-color-background);
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace;
  font-weight: bold;
  text-align: center;
  padding: 0 0.5em;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  white-space: nowrap;
  /* Prevents the text from wrapping and makes sure the tooltip width adapts to the text length */
  font-size: 13px;
  line-height: 2em;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.ap-tooltip-container:hover span.ap-tooltip {
  visibility: visible;
}
.ap-player .ap-overlay {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ap-player .ap-overlay-start {
  cursor: pointer;
}
.ap-player .ap-overlay-start .ap-play-button {
  font-size: 0px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: white;
  height: 80px;
  max-height: 66%;
  margin: auto;
}
.ap-player .ap-overlay-start .ap-play-button div {
  height: 100%;
}
.ap-player .ap-overlay-start .ap-play-button div span {
  height: 100%;
  display: block;
}
.ap-player .ap-overlay-start .ap-play-button div span svg {
  height: 100%;
}
.ap-player .ap-overlay-start .ap-play-button svg {
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}
.ap-player .ap-overlay-loading .ap-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 10px solid;
  border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.7) #ffffff;
  border-color: color-mix(in srgb, var(--term-color-foreground) 30%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 50%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 70%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 100%, var(--term-color-background));
  box-sizing: border-box;
  animation: ap-loader-rotation 1s linear infinite;
}
.ap-player .ap-overlay-info {
  background-color: var(--term-color-background);
}
.ap-player .ap-overlay-info span {
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
  font-variant-ligatures: none;
  font-size: 2em;
  color: var(--term-color-foreground);
}
.ap-player .ap-overlay-info span .ap-line {
  letter-spacing: normal;
  overflow: hidden;
}
.ap-player .ap-overlay-info span .ap-line span {
  padding: 0;
  display: inline-block;
  height: 100%;
}
.ap-player .ap-overlay-help {
  background-color: rgba(0, 0, 0, 0.8);
  container-type: inline-size;
}
.ap-player .ap-overlay-help > div {
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
  font-variant-ligatures: none;
  max-width: 85%;
  max-height: 85%;
  font-size: 18px;
  color: var(--term-color-foreground);
  box-sizing: border-box;
  margin-bottom: 32px;
}
.ap-player .ap-overlay-help > div .ap-line {
  letter-spacing: normal;
  overflow: hidden;
}
.ap-player .ap-overlay-help > div .ap-line span {
  padding: 0;
  display: inline-block;
  height: 100%;
}
.ap-player .ap-overlay-help > div div {
  padding: calc(min(4cqw, 40px));
  font-size: calc(min(1.9cqw, 18px));
  background-color: var(--term-color-background);
  border: 1px solid color-mix(in oklab, var(--term-color-background) 90%, var(--term-color-foreground));
  border-radius: 6px;
}
.ap-player .ap-overlay-help > div div p {
  font-weight: bold;
  margin: 0 0 2em 0;
}
.ap-player .ap-overlay-help > div div ul {
  list-style: none;
  padding: 0;
}
.ap-player .ap-overlay-help > div div ul li {
  margin: 0 0 0.75em 0;
}
.ap-player .ap-overlay-help > div div kbd {
  color: var(--term-color-background);
  background-color: var(--term-color-foreground);
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
  font-family: inherit;
  font-size: 0.85em;
  border: none;
  margin: 0;
}
.ap-player .ap-overlay-error span {
  font-size: 8em;
}
@keyframes ap-loader-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ap-terminal .fg-16 {
  --fg: #000000;
}
.ap-terminal .bg-16 {
  --bg: #000000;
}
.ap-terminal .fg-17 {
  --fg: #00005f;
}
.ap-terminal .bg-17 {
  --bg: #00005f;
}
.ap-terminal .fg-18 {
  --fg: #000087;
}
.ap-terminal .bg-18 {
  --bg: #000087;
}
.ap-terminal .fg-19 {
  --fg: #0000af;
}
.ap-terminal .bg-19 {
  --bg: #0000af;
}
.ap-terminal .fg-20 {
  --fg: #0000d7;
}
.ap-terminal .bg-20 {
  --bg: #0000d7;
}
.ap-terminal .fg-21 {
  --fg: #0000ff;
}
.ap-terminal .bg-21 {
  --bg: #0000ff;
}
.ap-terminal .fg-22 {
  --fg: #005f00;
}
.ap-terminal .bg-22 {
  --bg: #005f00;
}
.ap-terminal .fg-23 {
  --fg: #005f5f;
}
.ap-terminal .bg-23 {
  --bg: #005f5f;
}
.ap-terminal .fg-24 {
  --fg: #005f87;
}
.ap-terminal .bg-24 {
  --bg: #005f87;
}
.ap-terminal .fg-25 {
  --fg: #005faf;
}
.ap-terminal .bg-25 {
  --bg: #005faf;
}
.ap-terminal .fg-26 {
  --fg: #005fd7;
}
.ap-terminal .bg-26 {
  --bg: #005fd7;
}
.ap-terminal .fg-27 {
  --fg: #005fff;
}
.ap-terminal .bg-27 {
  --bg: #005fff;
}
.ap-terminal .fg-28 {
  --fg: #008700;
}
.ap-terminal .bg-28 {
  --bg: #008700;
}
.ap-terminal .fg-29 {
  --fg: #00875f;
}
.ap-terminal .bg-29 {
  --bg: #00875f;
}
.ap-terminal .fg-30 {
  --fg: #008787;
}
.ap-terminal .bg-30 {
  --bg: #008787;
}
.ap-terminal .fg-31 {
  --fg: #0087af;
}
.ap-terminal .bg-31 {
  --bg: #0087af;
}
.ap-terminal .fg-32 {
  --fg: #0087d7;
}
.ap-terminal .bg-32 {
  --bg: #0087d7;
}
.ap-terminal .fg-33 {
  --fg: #0087ff;
}
.ap-terminal .bg-33 {
  --bg: #0087ff;
}
.ap-terminal .fg-34 {
  --fg: #00af00;
}
.ap-terminal .bg-34 {
  --bg: #00af00;
}
.ap-terminal .fg-35 {
  --fg: #00af5f;
}
.ap-terminal .bg-35 {
  --bg: #00af5f;
}
.ap-terminal .fg-36 {
  --fg: #00af87;
}
.ap-terminal .bg-36 {
  --bg: #00af87;
}
.ap-terminal .fg-37 {
  --fg: #00afaf;
}
.ap-terminal .bg-37 {
  --bg: #00afaf;
}
.ap-terminal .fg-38 {
  --fg: #00afd7;
}
.ap-terminal .bg-38 {
  --bg: #00afd7;
}
.ap-terminal .fg-39 {
  --fg: #00afff;
}
.ap-terminal .bg-39 {
  --bg: #00afff;
}
.ap-terminal .fg-40 {
  --fg: #00d700;
}
.ap-terminal .bg-40 {
  --bg: #00d700;
}
.ap-terminal .fg-41 {
  --fg: #00d75f;
}
.ap-terminal .bg-41 {
  --bg: #00d75f;
}
.ap-terminal .fg-42 {
  --fg: #00d787;
}
.ap-terminal .bg-42 {
  --bg: #00d787;
}
.ap-terminal .fg-43 {
  --fg: #00d7af;
}
.ap-terminal .bg-43 {
  --bg: #00d7af;
}
.ap-terminal .fg-44 {
  --fg: #00d7d7;
}
.ap-terminal .bg-44 {
  --bg: #00d7d7;
}
.ap-terminal .fg-45 {
  --fg: #00d7ff;
}
.ap-terminal .bg-45 {
  --bg: #00d7ff;
}
.ap-terminal .fg-46 {
  --fg: #00ff00;
}
.ap-terminal .bg-46 {
  --bg: #00ff00;
}
.ap-terminal .fg-47 {
  --fg: #00ff5f;
}
.ap-terminal .bg-47 {
  --bg: #00ff5f;
}
.ap-terminal .fg-48 {
  --fg: #00ff87;
}
.ap-terminal .bg-48 {
  --bg: #00ff87;
}
.ap-terminal .fg-49 {
  --fg: #00ffaf;
}
.ap-terminal .bg-49 {
  --bg: #00ffaf;
}
.ap-terminal .fg-50 {
  --fg: #00ffd7;
}
.ap-terminal .bg-50 {
  --bg: #00ffd7;
}
.ap-terminal .fg-51 {
  --fg: #00ffff;
}
.ap-terminal .bg-51 {
  --bg: #00ffff;
}
.ap-terminal .fg-52 {
  --fg: #5f0000;
}
.ap-terminal .bg-52 {
  --bg: #5f0000;
}
.ap-terminal .fg-53 {
  --fg: #5f005f;
}
.ap-terminal .bg-53 {
  --bg: #5f005f;
}
.ap-terminal .fg-54 {
  --fg: #5f0087;
}
.ap-terminal .bg-54 {
  --bg: #5f0087;
}
.ap-terminal .fg-55 {
  --fg: #5f00af;
}
.ap-terminal .bg-55 {
  --bg: #5f00af;
}
.ap-terminal .fg-56 {
  --fg: #5f00d7;
}
.ap-terminal .bg-56 {
  --bg: #5f00d7;
}
.ap-terminal .fg-57 {
  --fg: #5f00ff;
}
.ap-terminal .bg-57 {
  --bg: #5f00ff;
}
.ap-terminal .fg-58 {
  --fg: #5f5f00;
}
.ap-terminal .bg-58 {
  --bg: #5f5f00;
}
.ap-terminal .fg-59 {
  --fg: #5f5f5f;
}
.ap-terminal .bg-59 {
  --bg: #5f5f5f;
}
.ap-terminal .fg-60 {
  --fg: #5f5f87;
}
.ap-terminal .bg-60 {
  --bg: #5f5f87;
}
.ap-terminal .fg-61 {
  --fg: #5f5faf;
}
.ap-terminal .bg-61 {
  --bg: #5f5faf;
}
.ap-terminal .fg-62 {
  --fg: #5f5fd7;
}
.ap-terminal .bg-62 {
  --bg: #5f5fd7;
}
.ap-terminal .fg-63 {
  --fg: #5f5fff;
}
.ap-terminal .bg-63 {
  --bg: #5f5fff;
}
.ap-terminal .fg-64 {
  --fg: #5f8700;
}
.ap-terminal .bg-64 {
  --bg: #5f8700;
}
.ap-terminal .fg-65 {
  --fg: #5f875f;
}
.ap-terminal .bg-65 {
  --bg: #5f875f;
}
.ap-terminal .fg-66 {
  --fg: #5f8787;
}
.ap-terminal .bg-66 {
  --bg: #5f8787;
}
.ap-terminal .fg-67 {
  --fg: #5f87af;
}
.ap-terminal .bg-67 {
  --bg: #5f87af;
}
.ap-terminal .fg-68 {
  --fg: #5f87d7;
}
.ap-terminal .bg-68 {
  --bg: #5f87d7;
}
.ap-terminal .fg-69 {
  --fg: #5f87ff;
}
.ap-terminal .bg-69 {
  --bg: #5f87ff;
}
.ap-terminal .fg-70 {
  --fg: #5faf00;
}
.ap-terminal .bg-70 {
  --bg: #5faf00;
}
.ap-terminal .fg-71 {
  --fg: #5faf5f;
}
.ap-terminal .bg-71 {
  --bg: #5faf5f;
}
.ap-terminal .fg-72 {
  --fg: #5faf87;
}
.ap-terminal .bg-72 {
  --bg: #5faf87;
}
.ap-terminal .fg-73 {
  --fg: #5fafaf;
}
.ap-terminal .bg-73 {
  --bg: #5fafaf;
}
.ap-terminal .fg-74 {
  --fg: #5fafd7;
}
.ap-terminal .bg-74 {
  --bg: #5fafd7;
}
.ap-terminal .fg-75 {
  --fg: #5fafff;
}
.ap-terminal .bg-75 {
  --bg: #5fafff;
}
.ap-terminal .fg-76 {
  --fg: #5fd700;
}
.ap-terminal .bg-76 {
  --bg: #5fd700;
}
.ap-terminal .fg-77 {
  --fg: #5fd75f;
}
.ap-terminal .bg-77 {
  --bg: #5fd75f;
}
.ap-terminal .fg-78 {
  --fg: #5fd787;
}
.ap-terminal .bg-78 {
  --bg: #5fd787;
}
.ap-terminal .fg-79 {
  --fg: #5fd7af;
}
.ap-terminal .bg-79 {
  --bg: #5fd7af;
}
.ap-terminal .fg-80 {
  --fg: #5fd7d7;
}
.ap-terminal .bg-80 {
  --bg: #5fd7d7;
}
.ap-terminal .fg-81 {
  --fg: #5fd7ff;
}
.ap-terminal .bg-81 {
  --bg: #5fd7ff;
}
.ap-terminal .fg-82 {
  --fg: #5fff00;
}
.ap-terminal .bg-82 {
  --bg: #5fff00;
}
.ap-terminal .fg-83 {
  --fg: #5fff5f;
}
.ap-terminal .bg-83 {
  --bg: #5fff5f;
}
.ap-terminal .fg-84 {
  --fg: #5fff87;
}
.ap-terminal .bg-84 {
  --bg: #5fff87;
}
.ap-terminal .fg-85 {
  --fg: #5fffaf;
}
.ap-terminal .bg-85 {
  --bg: #5fffaf;
}
.ap-terminal .fg-86 {
  --fg: #5fffd7;
}
.ap-terminal .bg-86 {
  --bg: #5fffd7;
}
.ap-terminal .fg-87 {
  --fg: #5fffff;
}
.ap-terminal .bg-87 {
  --bg: #5fffff;
}
.ap-terminal .fg-88 {
  --fg: #870000;
}
.ap-terminal .bg-88 {
  --bg: #870000;
}
.ap-terminal .fg-89 {
  --fg: #87005f;
}
.ap-terminal .bg-89 {
  --bg: #87005f;
}
.ap-terminal .fg-90 {
  --fg: #870087;
}
.ap-terminal .bg-90 {
  --bg: #870087;
}
.ap-terminal .fg-91 {
  --fg: #8700af;
}
.ap-terminal .bg-91 {
  --bg: #8700af;
}
.ap-terminal .fg-92 {
  --fg: #8700d7;
}
.ap-terminal .bg-92 {
  --bg: #8700d7;
}
.ap-terminal .fg-93 {
  --fg: #8700ff;
}
.ap-terminal .bg-93 {
  --bg: #8700ff;
}
.ap-terminal .fg-94 {
  --fg: #875f00;
}
.ap-terminal .bg-94 {
  --bg: #875f00;
}
.ap-terminal .fg-95 {
  --fg: #875f5f;
}
.ap-terminal .bg-95 {
  --bg: #875f5f;
}
.ap-terminal .fg-96 {
  --fg: #875f87;
}
.ap-terminal .bg-96 {
  --bg: #875f87;
}
.ap-terminal .fg-97 {
  --fg: #875faf;
}
.ap-terminal .bg-97 {
  --bg: #875faf;
}
.ap-terminal .fg-98 {
  --fg: #875fd7;
}
.ap-terminal .bg-98 {
  --bg: #875fd7;
}
.ap-terminal .fg-99 {
  --fg: #875fff;
}
.ap-terminal .bg-99 {
  --bg: #875fff;
}
.ap-terminal .fg-100 {
  --fg: #878700;
}
.ap-terminal .bg-100 {
  --bg: #878700;
}
.ap-terminal .fg-101 {
  --fg: #87875f;
}
.ap-terminal .bg-101 {
  --bg: #87875f;
}
.ap-terminal .fg-102 {
  --fg: #878787;
}
.ap-terminal .bg-102 {
  --bg: #878787;
}
.ap-terminal .fg-103 {
  --fg: #8787af;
}
.ap-terminal .bg-103 {
  --bg: #8787af;
}
.ap-terminal .fg-104 {
  --fg: #8787d7;
}
.ap-terminal .bg-104 {
  --bg: #8787d7;
}
.ap-terminal .fg-105 {
  --fg: #8787ff;
}
.ap-terminal .bg-105 {
  --bg: #8787ff;
}
.ap-terminal .fg-106 {
  --fg: #87af00;
}
.ap-terminal .bg-106 {
  --bg: #87af00;
}
.ap-terminal .fg-107 {
  --fg: #87af5f;
}
.ap-terminal .bg-107 {
  --bg: #87af5f;
}
.ap-terminal .fg-108 {
  --fg: #87af87;
}
.ap-terminal .bg-108 {
  --bg: #87af87;
}
.ap-terminal .fg-109 {
  --fg: #87afaf;
}
.ap-terminal .bg-109 {
  --bg: #87afaf;
}
.ap-terminal .fg-110 {
  --fg: #87afd7;
}
.ap-terminal .bg-110 {
  --bg: #87afd7;
}
.ap-terminal .fg-111 {
  --fg: #87afff;
}
.ap-terminal .bg-111 {
  --bg: #87afff;
}
.ap-terminal .fg-112 {
  --fg: #87d700;
}
.ap-terminal .bg-112 {
  --bg: #87d700;
}
.ap-terminal .fg-113 {
  --fg: #87d75f;
}
.ap-terminal .bg-113 {
  --bg: #87d75f;
}
.ap-terminal .fg-114 {
  --fg: #87d787;
}
.ap-terminal .bg-114 {
  --bg: #87d787;
}
.ap-terminal .fg-115 {
  --fg: #87d7af;
}
.ap-terminal .bg-115 {
  --bg: #87d7af;
}
.ap-terminal .fg-116 {
  --fg: #87d7d7;
}
.ap-terminal .bg-116 {
  --bg: #87d7d7;
}
.ap-terminal .fg-117 {
  --fg: #87d7ff;
}
.ap-terminal .bg-117 {
  --bg: #87d7ff;
}
.ap-terminal .fg-118 {
  --fg: #87ff00;
}
.ap-terminal .bg-118 {
  --bg: #87ff00;
}
.ap-terminal .fg-119 {
  --fg: #87ff5f;
}
.ap-terminal .bg-119 {
  --bg: #87ff5f;
}
.ap-terminal .fg-120 {
  --fg: #87ff87;
}
.ap-terminal .bg-120 {
  --bg: #87ff87;
}
.ap-terminal .fg-121 {
  --fg: #87ffaf;
}
.ap-terminal .bg-121 {
  --bg: #87ffaf;
}
.ap-terminal .fg-122 {
  --fg: #87ffd7;
}
.ap-terminal .bg-122 {
  --bg: #87ffd7;
}
.ap-terminal .fg-123 {
  --fg: #87ffff;
}
.ap-terminal .bg-123 {
  --bg: #87ffff;
}
.ap-terminal .fg-124 {
  --fg: #af0000;
}
.ap-terminal .bg-124 {
  --bg: #af0000;
}
.ap-terminal .fg-125 {
  --fg: #af005f;
}
.ap-terminal .bg-125 {
  --bg: #af005f;
}
.ap-terminal .fg-126 {
  --fg: #af0087;
}
.ap-terminal .bg-126 {
  --bg: #af0087;
}
.ap-terminal .fg-127 {
  --fg: #af00af;
}
.ap-terminal .bg-127 {
  --bg: #af00af;
}
.ap-terminal .fg-128 {
  --fg: #af00d7;
}
.ap-terminal .bg-128 {
  --bg: #af00d7;
}
.ap-terminal .fg-129 {
  --fg: #af00ff;
}
.ap-terminal .bg-129 {
  --bg: #af00ff;
}
.ap-terminal .fg-130 {
  --fg: #af5f00;
}
.ap-terminal .bg-130 {
  --bg: #af5f00;
}
.ap-terminal .fg-131 {
  --fg: #af5f5f;
}
.ap-terminal .bg-131 {
  --bg: #af5f5f;
}
.ap-terminal .fg-132 {
  --fg: #af5f87;
}
.ap-terminal .bg-132 {
  --bg: #af5f87;
}
.ap-terminal .fg-133 {
  --fg: #af5faf;
}
.ap-terminal .bg-133 {
  --bg: #af5faf;
}
.ap-terminal .fg-134 {
  --fg: #af5fd7;
}
.ap-terminal .bg-134 {
  --bg: #af5fd7;
}
.ap-terminal .fg-135 {
  --fg: #af5fff;
}
.ap-terminal .bg-135 {
  --bg: #af5fff;
}
.ap-terminal .fg-136 {
  --fg: #af8700;
}
.ap-terminal .bg-136 {
  --bg: #af8700;
}
.ap-terminal .fg-137 {
  --fg: #af875f;
}
.ap-terminal .bg-137 {
  --bg: #af875f;
}
.ap-terminal .fg-138 {
  --fg: #af8787;
}
.ap-terminal .bg-138 {
  --bg: #af8787;
}
.ap-terminal .fg-139 {
  --fg: #af87af;
}
.ap-terminal .bg-139 {
  --bg: #af87af;
}
.ap-terminal .fg-140 {
  --fg: #af87d7;
}
.ap-terminal .bg-140 {
  --bg: #af87d7;
}
.ap-terminal .fg-141 {
  --fg: #af87ff;
}
.ap-terminal .bg-141 {
  --bg: #af87ff;
}
.ap-terminal .fg-142 {
  --fg: #afaf00;
}
.ap-terminal .bg-142 {
  --bg: #afaf00;
}
.ap-terminal .fg-143 {
  --fg: #afaf5f;
}
.ap-terminal .bg-143 {
  --bg: #afaf5f;
}
.ap-terminal .fg-144 {
  --fg: #afaf87;
}
.ap-terminal .bg-144 {
  --bg: #afaf87;
}
.ap-terminal .fg-145 {
  --fg: #afafaf;
}
.ap-terminal .bg-145 {
  --bg: #afafaf;
}
.ap-terminal .fg-146 {
  --fg: #afafd7;
}
.ap-terminal .bg-146 {
  --bg: #afafd7;
}
.ap-terminal .fg-147 {
  --fg: #afafff;
}
.ap-terminal .bg-147 {
  --bg: #afafff;
}
.ap-terminal .fg-148 {
  --fg: #afd700;
}
.ap-terminal .bg-148 {
  --bg: #afd700;
}
.ap-terminal .fg-149 {
  --fg: #afd75f;
}
.ap-terminal .bg-149 {
  --bg: #afd75f;
}
.ap-terminal .fg-150 {
  --fg: #afd787;
}
.ap-terminal .bg-150 {
  --bg: #afd787;
}
.ap-terminal .fg-151 {
  --fg: #afd7af;
}
.ap-terminal .bg-151 {
  --bg: #afd7af;
}
.ap-terminal .fg-152 {
  --fg: #afd7d7;
}
.ap-terminal .bg-152 {
  --bg: #afd7d7;
}
.ap-terminal .fg-153 {
  --fg: #afd7ff;
}
.ap-terminal .bg-153 {
  --bg: #afd7ff;
}
.ap-terminal .fg-154 {
  --fg: #afff00;
}
.ap-terminal .bg-154 {
  --bg: #afff00;
}
.ap-terminal .fg-155 {
  --fg: #afff5f;
}
.ap-terminal .bg-155 {
  --bg: #afff5f;
}
.ap-terminal .fg-156 {
  --fg: #afff87;
}
.ap-terminal .bg-156 {
  --bg: #afff87;
}
.ap-terminal .fg-157 {
  --fg: #afffaf;
}
.ap-terminal .bg-157 {
  --bg: #afffaf;
}
.ap-terminal .fg-158 {
  --fg: #afffd7;
}
.ap-terminal .bg-158 {
  --bg: #afffd7;
}
.ap-terminal .fg-159 {
  --fg: #afffff;
}
.ap-terminal .bg-159 {
  --bg: #afffff;
}
.ap-terminal .fg-160 {
  --fg: #d70000;
}
.ap-terminal .bg-160 {
  --bg: #d70000;
}
.ap-terminal .fg-161 {
  --fg: #d7005f;
}
.ap-terminal .bg-161 {
  --bg: #d7005f;
}
.ap-terminal .fg-162 {
  --fg: #d70087;
}
.ap-terminal .bg-162 {
  --bg: #d70087;
}
.ap-terminal .fg-163 {
  --fg: #d700af;
}
.ap-terminal .bg-163 {
  --bg: #d700af;
}
.ap-terminal .fg-164 {
  --fg: #d700d7;
}
.ap-terminal .bg-164 {
  --bg: #d700d7;
}
.ap-terminal .fg-165 {
  --fg: #d700ff;
}
.ap-terminal .bg-165 {
  --bg: #d700ff;
}
.ap-terminal .fg-166 {
  --fg: #d75f00;
}
.ap-terminal .bg-166 {
  --bg: #d75f00;
}
.ap-terminal .fg-167 {
  --fg: #d75f5f;
}
.ap-terminal .bg-167 {
  --bg: #d75f5f;
}
.ap-terminal .fg-168 {
  --fg: #d75f87;
}
.ap-terminal .bg-168 {
  --bg: #d75f87;
}
.ap-terminal .fg-169 {
  --fg: #d75faf;
}
.ap-terminal .bg-169 {
  --bg: #d75faf;
}
.ap-terminal .fg-170 {
  --fg: #d75fd7;
}
.ap-terminal .bg-170 {
  --bg: #d75fd7;
}
.ap-terminal .fg-171 {
  --fg: #d75fff;
}
.ap-terminal .bg-171 {
  --bg: #d75fff;
}
.ap-terminal .fg-172 {
  --fg: #d78700;
}
.ap-terminal .bg-172 {
  --bg: #d78700;
}
.ap-terminal .fg-173 {
  --fg: #d7875f;
}
.ap-terminal .bg-173 {
  --bg: #d7875f;
}
.ap-terminal .fg-174 {
  --fg: #d78787;
}
.ap-terminal .bg-174 {
  --bg: #d78787;
}
.ap-terminal .fg-175 {
  --fg: #d787af;
}
.ap-terminal .bg-175 {
  --bg: #d787af;
}
.ap-terminal .fg-176 {
  --fg: #d787d7;
}
.ap-terminal .bg-176 {
  --bg: #d787d7;
}
.ap-terminal .fg-177 {
  --fg: #d787ff;
}
.ap-terminal .bg-177 {
  --bg: #d787ff;
}
.ap-terminal .fg-178 {
  --fg: #d7af00;
}
.ap-terminal .bg-178 {
  --bg: #d7af00;
}
.ap-terminal .fg-179 {
  --fg: #d7af5f;
}
.ap-terminal .bg-179 {
  --bg: #d7af5f;
}
.ap-terminal .fg-180 {
  --fg: #d7af87;
}
.ap-terminal .bg-180 {
  --bg: #d7af87;
}
.ap-terminal .fg-181 {
  --fg: #d7afaf;
}
.ap-terminal .bg-181 {
  --bg: #d7afaf;
}
.ap-terminal .fg-182 {
  --fg: #d7afd7;
}
.ap-terminal .bg-182 {
  --bg: #d7afd7;
}
.ap-terminal .fg-183 {
  --fg: #d7afff;
}
.ap-terminal .bg-183 {
  --bg: #d7afff;
}
.ap-terminal .fg-184 {
  --fg: #d7d700;
}
.ap-terminal .bg-184 {
  --bg: #d7d700;
}
.ap-terminal .fg-185 {
  --fg: #d7d75f;
}
.ap-terminal .bg-185 {
  --bg: #d7d75f;
}
.ap-terminal .fg-186 {
  --fg: #d7d787;
}
.ap-terminal .bg-186 {
  --bg: #d7d787;
}
.ap-terminal .fg-187 {
  --fg: #d7d7af;
}
.ap-terminal .bg-187 {
  --bg: #d7d7af;
}
.ap-terminal .fg-188 {
  --fg: #d7d7d7;
}
.ap-terminal .bg-188 {
  --bg: #d7d7d7;
}
.ap-terminal .fg-189 {
  --fg: #d7d7ff;
}
.ap-terminal .bg-189 {
  --bg: #d7d7ff;
}
.ap-terminal .fg-190 {
  --fg: #d7ff00;
}
.ap-terminal .bg-190 {
  --bg: #d7ff00;
}
.ap-terminal .fg-191 {
  --fg: #d7ff5f;
}
.ap-terminal .bg-191 {
  --bg: #d7ff5f;
}
.ap-terminal .fg-192 {
  --fg: #d7ff87;
}
.ap-terminal .bg-192 {
  --bg: #d7ff87;
}
.ap-terminal .fg-193 {
  --fg: #d7ffaf;
}
.ap-terminal .bg-193 {
  --bg: #d7ffaf;
}
.ap-terminal .fg-194 {
  --fg: #d7ffd7;
}
.ap-terminal .bg-194 {
  --bg: #d7ffd7;
}
.ap-terminal .fg-195 {
  --fg: #d7ffff;
}
.ap-terminal .bg-195 {
  --bg: #d7ffff;
}
.ap-terminal .fg-196 {
  --fg: #ff0000;
}
.ap-terminal .bg-196 {
  --bg: #ff0000;
}
.ap-terminal .fg-197 {
  --fg: #ff005f;
}
.ap-terminal .bg-197 {
  --bg: #ff005f;
}
.ap-terminal .fg-198 {
  --fg: #ff0087;
}
.ap-terminal .bg-198 {
  --bg: #ff0087;
}
.ap-terminal .fg-199 {
  --fg: #ff00af;
}
.ap-terminal .bg-199 {
  --bg: #ff00af;
}
.ap-terminal .fg-200 {
  --fg: #ff00d7;
}
.ap-terminal .bg-200 {
  --bg: #ff00d7;
}
.ap-terminal .fg-201 {
  --fg: #ff00ff;
}
.ap-terminal .bg-201 {
  --bg: #ff00ff;
}
.ap-terminal .fg-202 {
  --fg: #ff5f00;
}
.ap-terminal .bg-202 {
  --bg: #ff5f00;
}
.ap-terminal .fg-203 {
  --fg: #ff5f5f;
}
.ap-terminal .bg-203 {
  --bg: #ff5f5f;
}
.ap-terminal .fg-204 {
  --fg: #ff5f87;
}
.ap-terminal .bg-204 {
  --bg: #ff5f87;
}
.ap-terminal .fg-205 {
  --fg: #ff5faf;
}
.ap-terminal .bg-205 {
  --bg: #ff5faf;
}
.ap-terminal .fg-206 {
  --fg: #ff5fd7;
}
.ap-terminal .bg-206 {
  --bg: #ff5fd7;
}
.ap-terminal .fg-207 {
  --fg: #ff5fff;
}
.ap-terminal .bg-207 {
  --bg: #ff5fff;
}
.ap-terminal .fg-208 {
  --fg: #ff8700;
}
.ap-terminal .bg-208 {
  --bg: #ff8700;
}
.ap-terminal .fg-209 {
  --fg: #ff875f;
}
.ap-terminal .bg-209 {
  --bg: #ff875f;
}
.ap-terminal .fg-210 {
  --fg: #ff8787;
}
.ap-terminal .bg-210 {
  --bg: #ff8787;
}
.ap-terminal .fg-211 {
  --fg: #ff87af;
}
.ap-terminal .bg-211 {
  --bg: #ff87af;
}
.ap-terminal .fg-212 {
  --fg: #ff87d7;
}
.ap-terminal .bg-212 {
  --bg: #ff87d7;
}
.ap-terminal .fg-213 {
  --fg: #ff87ff;
}
.ap-terminal .bg-213 {
  --bg: #ff87ff;
}
.ap-terminal .fg-214 {
  --fg: #ffaf00;
}
.ap-terminal .bg-214 {
  --bg: #ffaf00;
}
.ap-terminal .fg-215 {
  --fg: #ffaf5f;
}
.ap-terminal .bg-215 {
  --bg: #ffaf5f;
}
.ap-terminal .fg-216 {
  --fg: #ffaf87;
}
.ap-terminal .bg-216 {
  --bg: #ffaf87;
}
.ap-terminal .fg-217 {
  --fg: #ffafaf;
}
.ap-terminal .bg-217 {
  --bg: #ffafaf;
}
.ap-terminal .fg-218 {
  --fg: #ffafd7;
}
.ap-terminal .bg-218 {
  --bg: #ffafd7;
}
.ap-terminal .fg-219 {
  --fg: #ffafff;
}
.ap-terminal .bg-219 {
  --bg: #ffafff;
}
.ap-terminal .fg-220 {
  --fg: #ffd700;
}
.ap-terminal .bg-220 {
  --bg: #ffd700;
}
.ap-terminal .fg-221 {
  --fg: #ffd75f;
}
.ap-terminal .bg-221 {
  --bg: #ffd75f;
}
.ap-terminal .fg-222 {
  --fg: #ffd787;
}
.ap-terminal .bg-222 {
  --bg: #ffd787;
}
.ap-terminal .fg-223 {
  --fg: #ffd7af;
}
.ap-terminal .bg-223 {
  --bg: #ffd7af;
}
.ap-terminal .fg-224 {
  --fg: #ffd7d7;
}
.ap-terminal .bg-224 {
  --bg: #ffd7d7;
}
.ap-terminal .fg-225 {
  --fg: #ffd7ff;
}
.ap-terminal .bg-225 {
  --bg: #ffd7ff;
}
.ap-terminal .fg-226 {
  --fg: #ffff00;
}
.ap-terminal .bg-226 {
  --bg: #ffff00;
}
.ap-terminal .fg-227 {
  --fg: #ffff5f;
}
.ap-terminal .bg-227 {
  --bg: #ffff5f;
}
.ap-terminal .fg-228 {
  --fg: #ffff87;
}
.ap-terminal .bg-228 {
  --bg: #ffff87;
}
.ap-terminal .fg-229 {
  --fg: #ffffaf;
}
.ap-terminal .bg-229 {
  --bg: #ffffaf;
}
.ap-terminal .fg-230 {
  --fg: #ffffd7;
}
.ap-terminal .bg-230 {
  --bg: #ffffd7;
}
.ap-terminal .fg-231 {
  --fg: #ffffff;
}
.ap-terminal .bg-231 {
  --bg: #ffffff;
}
.ap-terminal .fg-232 {
  --fg: #080808;
}
.ap-terminal .bg-232 {
  --bg: #080808;
}
.ap-terminal .fg-233 {
  --fg: #121212;
}
.ap-terminal .bg-233 {
  --bg: #121212;
}
.ap-terminal .fg-234 {
  --fg: #1c1c1c;
}
.ap-terminal .bg-234 {
  --bg: #1c1c1c;
}
.ap-terminal .fg-235 {
  --fg: #262626;
}
.ap-terminal .bg-235 {
  --bg: #262626;
}
.ap-terminal .fg-236 {
  --fg: #303030;
}
.ap-terminal .bg-236 {
  --bg: #303030;
}
.ap-terminal .fg-237 {
  --fg: #3a3a3a;
}
.ap-terminal .bg-237 {
  --bg: #3a3a3a;
}
.ap-terminal .fg-238 {
  --fg: #444444;
}
.ap-terminal .bg-238 {
  --bg: #444444;
}
.ap-terminal .fg-239 {
  --fg: #4e4e4e;
}
.ap-terminal .bg-239 {
  --bg: #4e4e4e;
}
.ap-terminal .fg-240 {
  --fg: #585858;
}
.ap-terminal .bg-240 {
  --bg: #585858;
}
.ap-terminal .fg-241 {
  --fg: #626262;
}
.ap-terminal .bg-241 {
  --bg: #626262;
}
.ap-terminal .fg-242 {
  --fg: #6c6c6c;
}
.ap-terminal .bg-242 {
  --bg: #6c6c6c;
}
.ap-terminal .fg-243 {
  --fg: #767676;
}
.ap-terminal .bg-243 {
  --bg: #767676;
}
.ap-terminal .fg-244 {
  --fg: #808080;
}
.ap-terminal .bg-244 {
  --bg: #808080;
}
.ap-terminal .fg-245 {
  --fg: #8a8a8a;
}
.ap-terminal .bg-245 {
  --bg: #8a8a8a;
}
.ap-terminal .fg-246 {
  --fg: #949494;
}
.ap-terminal .bg-246 {
  --bg: #949494;
}
.ap-terminal .fg-247 {
  --fg: #9e9e9e;
}
.ap-terminal .bg-247 {
  --bg: #9e9e9e;
}
.ap-terminal .fg-248 {
  --fg: #a8a8a8;
}
.ap-terminal .bg-248 {
  --bg: #a8a8a8;
}
.ap-terminal .fg-249 {
  --fg: #b2b2b2;
}
.ap-terminal .bg-249 {
  --bg: #b2b2b2;
}
.ap-terminal .fg-250 {
  --fg: #bcbcbc;
}
.ap-terminal .bg-250 {
  --bg: #bcbcbc;
}
.ap-terminal .fg-251 {
  --fg: #c6c6c6;
}
.ap-terminal .bg-251 {
  --bg: #c6c6c6;
}
.ap-terminal .fg-252 {
  --fg: #d0d0d0;
}
.ap-terminal .bg-252 {
  --bg: #d0d0d0;
}
.ap-terminal .fg-253 {
  --fg: #dadada;
}
.ap-terminal .bg-253 {
  --bg: #dadada;
}
.ap-terminal .fg-254 {
  --fg: #e4e4e4;
}
.ap-terminal .bg-254 {
  --bg: #e4e4e4;
}
.ap-terminal .fg-255 {
  --fg: #eeeeee;
}
.ap-terminal .bg-255 {
  --bg: #eeeeee;
}
.asciinema-player-theme-asciinema {
  --term-color-foreground: #cccccc;
  --term-color-background: #121314;
  --term-color-0: hsl(0, 0%, 0%);
  --term-color-1: hsl(343, 70%, 55%);
  --term-color-2: hsl(103, 70%, 44%);
  --term-color-3: hsl(43, 70%, 55%);
  --term-color-4: hsl(193, 70%, 49.5%);
  --term-color-5: hsl(283, 70%, 60.5%);
  --term-color-6: hsl(163, 70%, 60.5%);
  --term-color-7: hsl(0, 0%, 85%);
  --term-color-8: hsl(0, 0%, 30%);
  --term-color-9: hsl(343, 70%, 55%);
  --term-color-10: hsl(103, 70%, 44%);
  --term-color-11: hsl(43, 70%, 55%);
  --term-color-12: hsl(193, 70%, 49.5%);
  --term-color-13: hsl(283, 70%, 60.5%);
  --term-color-14: hsl(163, 70%, 60.5%);
  --term-color-15: hsl(0, 0%, 100%);
}
/*
  Based on Dracula: https://draculatheme.com
 */
.asciinema-player-theme-dracula {
  --term-color-foreground: #f8f8f2;
  --term-color-background: #282a36;
  --term-color-0: #21222c;
  --term-color-1: #ff5555;
  --term-color-2: #50fa7b;
  --term-color-3: #f1fa8c;
  --term-color-4: #bd93f9;
  --term-color-5: #ff79c6;
  --term-color-6: #8be9fd;
  --term-color-7: #f8f8f2;
  --term-color-8: #6272a4;
  --term-color-9: #ff6e6e;
  --term-color-10: #69ff94;
  --term-color-11: #ffffa5;
  --term-color-12: #d6acff;
  --term-color-13: #ff92df;
  --term-color-14: #a4ffff;
  --term-color-15: #ffffff;
}
/* Based on Monokai from base16 collection - https://github.com/chriskempson/base16 */
.asciinema-player-theme-monokai {
  --term-color-foreground: #f8f8f2;
  --term-color-background: #272822;
  --term-color-0: #272822;
  --term-color-1: #f92672;
  --term-color-2: #a6e22e;
  --term-color-3: #f4bf75;
  --term-color-4: #66d9ef;
  --term-color-5: #ae81ff;
  --term-color-6: #a1efe4;
  --term-color-7: #f8f8f2;
  --term-color-8: #75715e;
  --term-color-15: #f9f8f5;
}
/*
  Based on Nord: https://github.com/arcticicestudio/nord
  Via: https://github.com/neilotoole/asciinema-theme-nord
 */
.asciinema-player-theme-nord {
  --term-color-foreground: #eceff4;
  --term-color-background: #2e3440;
  --term-color-0: #3b4252;
  --term-color-1: #bf616a;
  --term-color-2: #a3be8c;
  --term-color-3: #ebcb8b;
  --term-color-4: #81a1c1;
  --term-color-5: #b48ead;
  --term-color-6: #88c0d0;
  --term-color-7: #eceff4;
}
.asciinema-player-theme-seti {
  --term-color-foreground: #cacecd;
  --term-color-background: #111213;
  --term-color-0: #323232;
  --term-color-1: #c22832;
  --term-color-2: #8ec43d;
  --term-color-3: #e0c64f;
  --term-color-4: #43a5d5;
  --term-color-5: #8b57b5;
  --term-color-6: #8ec43d;
  --term-color-7: #eeeeee;
  --term-color-15: #ffffff;
}
/*
  Based on Solarized Dark: https://ethanschoonover.com/solarized/
 */
.asciinema-player-theme-solarized-dark {
  --term-color-foreground: #839496;
  --term-color-background: #002b36;
  --term-color-0: #073642;
  --term-color-1: #dc322f;
  --term-color-2: #859900;
  --term-color-3: #b58900;
  --term-color-4: #268bd2;
  --term-color-5: #d33682;
  --term-color-6: #2aa198;
  --term-color-7: #eee8d5;
  --term-color-8: #002b36;
  --term-color-9: #cb4b16;
  --term-color-10: #586e75;
  --term-color-11: #657b83;
  --term-color-12: #839496;
  --term-color-13: #6c71c4;
  --term-color-14: #93a1a1;
  --term-color-15: #fdf6e3;
}
/*
  Based on Solarized Light: https://ethanschoonover.com/solarized/
 */
.asciinema-player-theme-solarized-light {
  --term-color-foreground: #657b83;
  --term-color-background: #fdf6e3;
  --term-color-0: #073642;
  --term-color-1: #dc322f;
  --term-color-2: #859900;
  --term-color-3: #b58900;
  --term-color-4: #268bd2;
  --term-color-5: #d33682;
  --term-color-6: #2aa198;
  --term-color-7: #eee8d5;
  --term-color-8: #002b36;
  --term-color-9: #cb4b16;
  --term-color-10: #586e75;
  --term-color-11: #657c83;
  --term-color-12: #839496;
  --term-color-13: #6c71c4;
  --term-color-14: #93a1a1;
  --term-color-15: #fdf6e3;
}
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-fill {
  fill: var(--term-color-1);
}
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-stroke {
  stroke: var(--term-color-1);
}
/*
  Based on Tango: https://en.wikipedia.org/wiki/Tango_Desktop_Project
 */
.asciinema-player-theme-tango {
  --term-color-foreground: #cccccc;
  --term-color-background: #121314;
  --term-color-0: #000000;
  --term-color-1: #cc0000;
  --term-color-2: #4e9a06;
  --term-color-3: #c4a000;
  --term-color-4: #3465a4;
  --term-color-5: #75507b;
  --term-color-6: #06989a;
  --term-color-7: #d3d7cf;
  --term-color-8: #555753;
  --term-color-9: #ef2929;
  --term-color-10: #8ae234;
  --term-color-11: #fce94f;
  --term-color-12: #729fcf;
  --term-color-13: #ad7fa8;
  --term-color-14: #34e2e2;
  --term-color-15: #eeeeec;
}
/*
  Based on gruvbox: https://github.com/morhetz/gruvbox
 */
.asciinema-player-theme-gruvbox-dark {
  --term-color-foreground: #fbf1c7;
  --term-color-background: #282828;
  --term-color-0: #282828;
  --term-color-1: #cc241d;
  --term-color-2: #98971a;
  --term-color-3: #d79921;
  --term-color-4: #458588;
  --term-color-5: #b16286;
  --term-color-6: #689d6a;
  --term-color-7: #a89984;
  --term-color-8: #7c6f65;
  --term-color-9: #fb4934;
  --term-color-10: #b8bb26;
  --term-color-11: #fabd2f;
  --term-color-12: #83a598;
  --term-color-13: #d3869b;
  --term-color-14: #8ec07c;
  --term-color-15: #fbf1c7;
}

@charset "UTF-8";
/* 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-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-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-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;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.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-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, 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;
}

.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-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, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.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;
}

.cherry *::-webkit-scrollbar {
  height: 7px;
  width: 7px;
  background: transparent;
}
.cherry *::-webkit-scrollbar:hover {
  background: rgba(128, 128, 128, 0.1);
}
.cherry *::-webkit-scrollbar-thumb {
  background: #d3d7da;
  -webkit-border-radius: 6px;
}
.cherry *::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}
.cherry *::-webkit-scrollbar-corner {
  background: transparent;
}

@font-face {
  font-family: "ch-icon";
  src: url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/fonts/ch-icon.e00e2d3d.eot);
  src: url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/fonts/ch-icon.e00e2d3d.eot?#iefix) format("eot"), url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/fonts/ch-icon.59cfa392.woff2) format("woff2"), url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/fonts/ch-icon.c71d2fa3.woff) format("woff"), url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/fonts/ch-icon.3cd8c657.ttf) format("truetype"), url(https://cloudcache.tencent-cloud.com/qcloud/orcaterm/images/ch-icon.d734b730.svg#ch-icon) format("svg");
  font-weight: normal;
  font-style: normal;
}
.ch-icon:before {
  display: inline-block;
  font-family: "ch-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ch-icon-align:before {
  content: "\ea80";
}

.ch-icon-list:before {
  content: "\ea03";
}

.ch-icon-check:before {
  content: "\ea04";
}

.ch-icon-square:before {
  content: "\ea09";
}

.ch-icon-bold:before {
  content: "\ea0a";
}

.ch-icon-code:before {
  content: "\ea0b";
}

.ch-icon-color:before {
  content: "\ea0c";
}

.ch-icon-header:before {
  content: "\ea0d";
}

.ch-icon-image:before {
  content: "\ea0e";
}

.ch-icon-italic:before {
  content: "\ea0f";
}

.ch-icon-link:before {
  content: "\ea10";
}

.ch-icon-ol:before {
  content: "\ea11";
}

.ch-icon-size:before {
  content: "\ea12";
}

.ch-icon-strike:before {
  content: "\ea13";
}

.ch-icon-table:before {
  content: "\ea14";
}

.ch-icon-ul:before {
  content: "\ea15";
}

.ch-icon-underline:before {
  content: "\ea16";
}

.ch-icon-word:before {
  content: "\ea17";
}

.ch-icon-blockquote:before {
  content: "\ea18";
}

.ch-icon-font:before {
  content: "\ea19";
}

.ch-icon-insertClass:before {
  content: "\ea1f";
}

.ch-icon-insertFlow:before {
  content: "\ea20";
}

.ch-icon-insertFormula:before {
  content: "\ea21";
}

.ch-icon-insertGantt:before {
  content: "\ea22";
}

.ch-icon-insertGraph:before {
  content: "\ea23";
}

.ch-icon-insertPie:before {
  content: "\ea24";
}

.ch-icon-insertSeq:before {
  content: "\ea25";
}

.ch-icon-insertState:before {
  content: "\ea26";
}

.ch-icon-line:before {
  content: "\ea27";
}

.ch-icon-preview:before {
  content: "\ea28";
}

.ch-icon-previewClose:before {
  content: "\ea29";
}

.ch-icon-toc:before {
  content: "\ea2a";
}

.ch-icon-sub:before {
  content: "\ea2d";
}

.ch-icon-sup:before {
  content: "\ea2e";
}

.ch-icon-h1:before {
  content: "\ea2f";
}

.ch-icon-h2:before {
  content: "\ea30";
}

.ch-icon-h3:before {
  content: "\ea31";
}

.ch-icon-h4:before {
  content: "\ea32";
}

.ch-icon-h5:before {
  content: "\ea33";
}

.ch-icon-h6:before {
  content: "\ea34";
}

.ch-icon-video:before {
  content: "\ea35";
}

.ch-icon-insert:before {
  content: "\ea36";
}

.ch-icon-little_table:before {
  content: "\ea37";
}

.ch-icon-pdf:before {
  content: "\ea38";
}

.ch-icon-checklist:before {
  content: "\ea39";
}

.ch-icon-close:before {
  content: "\ea40";
}

.ch-icon-fullscreen:before {
  content: "\ea41";
}

.ch-icon-minscreen:before {
  content: "\ea42";
}

.ch-icon-insertChart:before {
  content: "\ea43";
}

.ch-icon-question:before {
  content: "\ea44";
}

.ch-icon-settings:before {
  content: "\ea45";
}

.ch-icon-ok:before {
  content: "\ea46";
}

.ch-icon-br:before {
  content: "\ea47";
}

.ch-icon-normal:before {
  content: "\ea48";
}

.ch-icon-undo:before {
  content: "\ea49";
}

.ch-icon-redo:before {
  content: "\ea50";
}

.ch-icon-copy:before {
  content: "\ea51";
}

.ch-icon-phone:before {
  content: "\ea52";
}

.ch-icon-cherry-table-delete:before {
  content: "\ea53";
}

.ch-icon-cherry-table-insert-bottom:before {
  content: "\ea54";
}

.ch-icon-cherry-table-insert-left:before {
  content: "\ea55";
}

.ch-icon-cherry-table-insert-right:before {
  content: "\ea56";
}

.ch-icon-cherry-table-insert-top:before {
  content: "\ea57";
}

.ch-icon-sort-s:before {
  content: "\ea58";
}

.ch-icon-pinyin:before {
  content: "\ea59";
}

.ch-icon-create:before {
  content: "\ea5a";
}

.ch-icon-download:before {
  content: "\ea5b";
}

.ch-icon-edit:before {
  content: "\ea5c";
}

.ch-icon-export:before {
  content: "\ea5d";
}

.ch-icon-folder-open:before {
  content: "\ea5e";
}

.ch-icon-folder:before {
  content: "\ea5f";
}

.ch-icon-help:before {
  content: "\ea60";
}

.ch-icon-pen-fill:before {
  content: "\ea61";
}

.ch-icon-pen:before {
  content: "\ea62";
}

.ch-icon-tips:before {
  content: "\ea64";
}

.ch-icon-warn:before {
  content: "\ea65";
}

.ch-icon-mistake:before {
  content: "\ea66";
}

.ch-icon-success:before {
  content: "\ea67";
}

.ch-icon-danger:before {
  content: "\ea68";
}

.ch-icon-info:before {
  content: "\ea69";
}

.ch-icon-primary:before {
  content: "\ea6a";
}

.ch-icon-warning:before {
  content: "\ea6b";
}

.ch-icon-justify:before {
  content: "\ea6c";
}

.ch-icon-justifyCenter:before {
  content: "\ea6d";
}

.ch-icon-justifyLeft:before {
  content: "\ea6e";
}

.ch-icon-justifyRight:before {
  content: "\ea6f";
}

.ch-icon-chevronsLeft:before {
  content: "\ea70";
}

.ch-icon-chevronsRight:before {
  content: "\ea71";
}

.ch-icon-trendingUp:before {
  content: "\ea72";
}

.ch-icon-codeBlock:before {
  content: "\ea74";
}

.ch-icon-expand:before {
  content: "\ea75";
}

.ch-icon-unExpand:before {
  content: "\ea76";
}

.ch-icon-swap-vert:before {
  content: "\ea77";
}

.ch-icon-swap:before {
  content: "\ea78";
}

.ch-icon-keyboard:before {
  content: "\ea79";
}

.ch-icon-command:before {
  content: "\ea7a";
}

.ch-icon-search:before {
  content: "\ea7b";
}

.ch-icon-alignCenter:before {
  content: "\ea7c";
}

.ch-icon-alignJustify:before {
  content: "\ea7d";
}

.ch-icon-alignLeft:before {
  content: "\ea7e";
}

.ch-icon-alignRight:before {
  content: "\ea7f";
}

.cherry-markdown {
  word-break: break-all;
  /* Specify class=linenums on a pre to get line numbering */
  /* Inline code */
  /* 数学表达式展示 */
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3,
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6,
.cherry-markdown .h1,
.cherry-markdown .h2,
.cherry-markdown .h3,
.cherry-markdown .h4,
.cherry-markdown .h5,
.cherry-markdown .h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown .h1 small,
.cherry-markdown .h2 small,
.cherry-markdown .h3 small,
.cherry-markdown .h4 small,
.cherry-markdown .h5 small,
.cherry-markdown .h6 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small,
.cherry-markdown .h1 .small,
.cherry-markdown .h2 .small,
.cherry-markdown .h3 .small,
.cherry-markdown .h4 .small,
.cherry-markdown .h5 .small,
.cherry-markdown .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3 {
  margin-top: 30px;
  margin-bottom: 16px;
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small {
  font-size: 65%;
}
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small {
  font-size: 75%;
}
.cherry-markdown h1,
.cherry-markdown .h1 {
  font-size: 2em;
}
.cherry-markdown h2,
.cherry-markdown .h2 {
  font-size: 1.5em;
}
.cherry-markdown h3,
.cherry-markdown .h3 {
  font-size: 1.25em;
}
.cherry-markdown h4,
.cherry-markdown .h4 {
  font-size: 1em;
}
.cherry-markdown h5,
.cherry-markdown .h5 {
  font-size: 0.875em;
}
.cherry-markdown h6,
.cherry-markdown .h6 {
  font-size: 0.85em;
}
.cherry-markdown b,
.cherry-markdown strong {
  font-weight: bold;
}
.cherry-markdown ul,
.cherry-markdown ol {
  padding-left: 24px;
  margin-bottom: 16px;
}
.cherry-markdown ul ul,
.cherry-markdown ul ol,
.cherry-markdown ol ul,
.cherry-markdown ol ol {
  margin-bottom: 0;
}
.cherry-markdown ul li,
.cherry-markdown ol li {
  list-style: inherit;
}
.cherry-markdown ul li p,
.cherry-markdown ol li p {
  margin: 0;
}
.cherry-markdown div ul,
.cherry-markdown div ol {
  margin-bottom: 0;
}
.cherry-markdown hr {
  height: 0;
  border: 0;
  border-top: 1px solid #dfe6ee;
  margin: 16px 0;
  box-sizing: content-box;
  overflow: visible;
}
.cherry-markdown kbd {
  border: 1px solid #dfe6ee;
  border-radius: 4px;
  padding: 1px 2px;
  box-sizing: border-box;
  box-shadow: inset 0px -1px #dfe6ee;
  font-size: 0.85rem;
}
.cherry-markdown table {
  border-collapse: collapse;
}
.cherry-markdown table th,
.cherry-markdown table td {
  border: 1px solid #dfe6ee;
  padding: 0.2em 0.4em;
  min-width: 100px;
}
.cherry-markdown table th {
  background-color: #eee;
}
.cherry-markdown .link-quote {
  color: #3582fb;
}
.cherry-markdown a {
  color: #3582fb;
  position: relative;
  text-decoration: none;
}
.cherry-markdown a[target=_blank] {
  padding: 0 2px;
}
.cherry-markdown a[target=_blank]::after {
  content: "\ea10";
  font-size: 12px;
  font-family: "ch-icon";
  margin: 0 2px;
}
.cherry-markdown a:hover {
  color: #056bad;
}
.cherry-markdown em {
  font-style: italic;
}
.cherry-markdown sup {
  vertical-align: super;
}
.cherry-markdown sub {
  vertical-align: sub;
}
.cherry-markdown figure {
  overflow-x: auto;
}
.cherry-markdown p,
.cherry-markdown pre,
.cherry-markdown blockquote,
.cherry-markdown table {
  margin: 0 0 16px;
}
.cherry-markdown blockquote {
  color: #6d6e6f;
  padding: 10px 15px;
  border-left: 10px solid #D6DBDF;
  background: rgba(102, 128, 153, 0.05);
}
.cherry-markdown blockquote p, .cherry-markdown blockquote blockquote, .cherry-markdown blockquote table, .cherry-markdown blockquote pre, .cherry-markdown blockquote ul, .cherry-markdown blockquote ol {
  margin: 0;
}
.cherry-markdown pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 6px;
}
.cherry-markdown .prettyprint {
  min-width: 500px;
  display: inline-block;
  background: #00212b;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important;
}
.cherry-markdown .pln {
  color: #dfe6ee;
}
.cherry-markdown .str {
  color: #ffaf21;
}
.cherry-markdown .kwd {
  color: #f85353;
}
.cherry-markdown ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #969896;
}
.cherry-markdown li.L0,
.cherry-markdown li.L1,
.cherry-markdown li.L2,
.cherry-markdown li.L3,
.cherry-markdown li.L4,
.cherry-markdown li.L5,
.cherry-markdown li.L6,
.cherry-markdown li.L7,
.cherry-markdown li.L8,
.cherry-markdown li.L9 {
  padding-left: 1em;
  background-color: #00212b;
  list-style-type: decimal;
}
@media screen {
  .cherry-markdown .cherry-markdown {
    /* comment */
    /* type name */
    /* literal value */
    /* punctuation */
    /* lisp open bracket */
    /* lisp close bracket */
    /* markup tag name */
    /* markup attribute name */
    /* markup attribute value */
    /* declaration */
    /* variable name */
    /* function name */
  }
  .cherry-markdown .cherry-markdown .com {
    color: #969896;
  }
  .cherry-markdown .cherry-markdown .typ {
    color: #81a2be;
  }
  .cherry-markdown .cherry-markdown .lit {
    color: #de935f;
  }
  .cherry-markdown .cherry-markdown .pun {
    color: #c5c8c6;
  }
  .cherry-markdown .cherry-markdown .opn {
    color: #c5c8c6;
  }
  .cherry-markdown .cherry-markdown .clo {
    color: #c5c8c6;
  }
  .cherry-markdown .cherry-markdown .tag {
    color: #cc6666;
  }
  .cherry-markdown .cherry-markdown .atn {
    color: #de935f;
  }
  .cherry-markdown .cherry-markdown .atv {
    color: #8abeb7;
  }
  .cherry-markdown .cherry-markdown .dec {
    color: #de935f;
  }
  .cherry-markdown .cherry-markdown .var {
    color: #cc6666;
  }
  .cherry-markdown .cherry-markdown .fun {
    color: #81a2be;
  }
}
.cherry-markdown div[data-type=codeBlock] {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  margin-bottom: 16px;
  font-size: 14px;
  overflow-x: auto;
}
.cherry-markdown div[data-type=codeBlock] > pre {
  margin: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] {
  counter-reset: line;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-].wrap {
  white-space: pre-wrap;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line {
  display: inline-block;
  position: relative;
  padding-left: 3em;
  height: 1.3em;
  line-height: 2em;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:before {
  counter-increment: line;
  content: counter(line);
  margin-right: 1em;
  position: absolute;
  left: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:last-child {
  margin-bottom: 0;
}
.cherry-markdown :not(pre) > code {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
  color: #f85353;
  background-color: #e5e5e5;
}
[data-inline-code-theme=black] .cherry-markdown :not(pre) > code {
  color: #3f4a56;
  background-color: #e5e5e5;
}
.cherry-markdown a.anchor:before {
  content: "§";
  text-decoration: none;
  width: 15px;
  font-size: 0.5em;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin-left: -15px;
}
.cherry-markdown .toc {
  margin-bottom: 16px;
  padding-left: 0;
}
.cherry-markdown .toc .toc-title {
  font-size: 24px;
  margin-bottom: 5px;
}
.cherry-markdown .toc .toc-li {
  border-bottom: 1px ridge #dfe6ee;
  list-style: none;
}
.cherry-markdown .toc .toc-li a {
  text-decoration: none;
  color: #3f4a56;
}
.cherry-markdown .toc .toc-li a:hover {
  color: #056bad;
}
.cherry-markdown .auto-num-toc {
  counter-reset: headtoclevel1;
}
.cherry-markdown .auto-num-toc .toc-li-1 {
  counter-reset: headtoclevel2;
}
.cherry-markdown .auto-num-toc .toc-li-1 a:before {
  counter-increment: headtoclevel1;
  content: counter(headtoclevel1) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-2 {
  counter-reset: headtoclevel3;
}
.cherry-markdown .auto-num-toc .toc-li-2 a:before {
  counter-increment: headtoclevel2;
  content: counter(headtoclevel1) "." counter(headtoclevel2) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-3 {
  counter-reset: headtoclevel4;
}
.cherry-markdown .auto-num-toc .toc-li-3 a:before {
  counter-increment: headtoclevel3;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-4 {
  counter-reset: headtoclevel5;
}
.cherry-markdown .auto-num-toc .toc-li-4 a:before {
  counter-increment: headtoclevel4;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-5 {
  counter-reset: headtoclevel6;
}
.cherry-markdown .auto-num-toc .toc-li-5 a:before {
  counter-increment: headtoclevel5;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) "." counter(headtoclevel5) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-6 a:before {
  counter-increment: headtoclevel6;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) "." counter(headtoclevel5) "." counter(headtoclevel6) ". ";
}
.cherry-markdown .check-list-item {
  list-style: none;
}
.cherry-markdown .check-list-item .ch-icon {
  margin: 0 6px 0 -20px;
}
.cherry-markdown .footnote:not(a) {
  padding-top: 20px;
  border-top: 1px solid #dfe6ee;
  margin-top: 50px;
}
.cherry-markdown .footnote:not(a) .footnote-title {
  font-size: 20px;
  margin-top: -38px;
  background-color: #FFF;
  width: 60px;
  margin-bottom: 16px;
}
.cherry-markdown .footnote:not(a) .one-footnote {
  color: #6d6e6f;
  margin-bottom: 16px;
  border-bottom: 1px dotted #dfe6ee;
}
.cherry-markdown .cherry-table-container {
  max-width: 100%;
  overflow-x: auto;
}
.cherry-markdown .cherry-table-container .cherry-table th,
.cherry-markdown .cherry-table-container .cherry-table td {
  border: 1px solid #dfe6ee;
  padding: 0.2em 0.4em;
  min-width: 100px;
}
.cherry-markdown .cherry-table-container .cherry-table th {
  white-space: nowrap;
}
.cherry-markdown mjx-assistive-mml {
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0 0 0;
  border: 0;
}
.cherry-markdown.head-num {
  counter-reset: level1;
}
.cherry-markdown.head-num h1 .anchor:before,
.cherry-markdown.head-num h2 .anchor:before,
.cherry-markdown.head-num h3 .anchor:before,
.cherry-markdown.head-num h4 .anchor:before,
.cherry-markdown.head-num h5 .anchor:before,
.cherry-markdown.head-num h6 .anchor:before {
  width: auto;
  font-size: inherit;
  vertical-align: inherit;
  padding-right: 10px;
}
.cherry-markdown.head-num h1 {
  counter-reset: level2;
}
.cherry-markdown.head-num h2 {
  counter-reset: level3;
}
.cherry-markdown.head-num h3 {
  counter-reset: level4;
}
.cherry-markdown.head-num h4 {
  counter-reset: level5;
}
.cherry-markdown.head-num h5 {
  counter-reset: level6;
}
.cherry-markdown.head-num h1 .anchor:before {
  counter-increment: level1;
  content: counter(level1) ". ";
}
.cherry-markdown.head-num h2 .anchor:before {
  counter-increment: level2;
  content: counter(level1) "." counter(level2) " ";
}
.cherry-markdown.head-num h3 .anchor:before {
  counter-increment: level3;
  content: counter(level1) "." counter(level2) "." counter(level3) " ";
}
.cherry-markdown.head-num h4 .anchor:before {
  counter-increment: level4;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
}
.cherry-markdown.head-num h5 .anchor:before {
  counter-increment: level5;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
}
.cherry-markdown.head-num h6 .anchor:before {
  counter-increment: level6;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) "." counter(level6) " ";
}

div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
  /**
   * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/chriskempson/tomorrow-theme
   * @author Rose Pritchard
   */
  /* Code blocks */
  /* Inline code */
}
div[data-type=codeBlock] code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
  background: #2d2d2d;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
div[data-type=codeBlock] .token.comment,
div[data-type=codeBlock] .token.block-comment,
div[data-type=codeBlock] .token.prolog,
div[data-type=codeBlock] .token.doctype,
div[data-type=codeBlock] .token.cdata {
  color: #999;
}
div[data-type=codeBlock] .token.punctuation {
  color: #ccc;
}
div[data-type=codeBlock] .token.tag,
div[data-type=codeBlock] .token.attr-name,
div[data-type=codeBlock] .token.namespace,
div[data-type=codeBlock] .token.deleted {
  color: #e2777a;
}
div[data-type=codeBlock] .token.function-name {
  color: #6196cc;
}
div[data-type=codeBlock] .token.boolean,
div[data-type=codeBlock] .token.number,
div[data-type=codeBlock] .token.function {
  color: #f08d49;
}
div[data-type=codeBlock] .token.property,
div[data-type=codeBlock] .token.class-name,
div[data-type=codeBlock] .token.constant,
div[data-type=codeBlock] .token.symbol {
  color: #f8c555;
}
div[data-type=codeBlock] .token.selector,
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.atrule,
div[data-type=codeBlock] .token.keyword,
div[data-type=codeBlock] .token.builtin {
  color: #cc99cd;
}
div[data-type=codeBlock] .token.string,
div[data-type=codeBlock] .token.char,
div[data-type=codeBlock] .token.attr-value,
div[data-type=codeBlock] .token.regex,
div[data-type=codeBlock] .token.variable {
  color: #7ec699;
}
div[data-type=codeBlock] .token.operator,
div[data-type=codeBlock] .token.entity,
div[data-type=codeBlock] .token.url {
  color: #67cdcc;
}
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
div[data-type=codeBlock] .token.entity {
  cursor: help;
}
div[data-type=codeBlock] .token.inserted {
  color: green;
}
div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
  white-space: pre-wrap;
}
[data-code-block-theme=default] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js default theme for JavaScript, CSS and HTML
   * Based on dabblet (http://dabblet.com)
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  background: #f5f2f0;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=default] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=default] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=default] div[data-type=codeBlock] .token.cdata {
  color: slategray;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.punctuation {
  color: #999;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.property,
[data-code-block-theme=default] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=default] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=default] div[data-type=codeBlock] .token.number,
[data-code-block-theme=default] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=default] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=default] div[data-type=codeBlock] .token.deleted {
  color: #905;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=default] div[data-type=codeBlock] .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .token.char,
[data-code-block-theme=default] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=default] div[data-type=codeBlock] .token.inserted {
  color: #690;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=default] div[data-type=codeBlock] .token.url,
[data-code-block-theme=default] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0, 0%, 100%, 0.5);
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=default] div[data-type=codeBlock] .token.keyword {
  color: #07a;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.function,
[data-code-block-theme=default] div[data-type=codeBlock] .token.class-name {
  color: #DD4A68;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.variable {
  color: #e90;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Dark theme for JavaScript, CSS and HTML
   * Based on the slides of the talk “/Reg(exp){2}lained/”
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
  color: white;
  background: none;
  text-shadow: 0 -0.1em 0.2em black;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
@media print {
  [data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  background: hsl(30, 20%, 25%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 0.3em solid hsl(30, 20%, 40%);
  border-radius: 0.5em;
  box-shadow: 1px 1px 0.5em black inset;
}
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.15em 0.2em 0.05em;
  border-radius: 0.3em;
  border: 0.13em solid hsl(30, 20%, 40%);
  box-shadow: 1px 1px 0.3em -0.1em black inset;
  white-space: normal;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.cdata {
  color: hsl(30, 20%, 50%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.punctuation {
  opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.symbol {
  color: hsl(350, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.inserted {
  color: hsl(75, 70%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.url,
[data-code-block-theme=dark] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.variable {
  color: hsl(40, 90%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.keyword {
  color: hsl(350, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.deleted {
  color: red;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] {
  /**
   * One Dark theme for prism.js
   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax
   */
  /**
   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)
   * From colors.less
   * --mono-1: hsl(220, 14%, 71%);
   * --mono-2: hsl(220, 9%, 55%);
   * --mono-3: hsl(220, 10%, 40%);
   * --hue-1: hsl(187, 47%, 55%);
   * --hue-2: hsl(207, 82%, 66%);
   * --hue-3: hsl(286, 60%, 67%);
   * --hue-4: hsl(95, 38%, 62%);
   * --hue-5: hsl(355, 65%, 65%);
   * --hue-5-2: hsl(5, 48%, 51%);
   * --hue-6: hsl(29, 54%, 61%);
   * --hue-6-2: hsl(39, 67%, 69%);
   * --syntax-fg: hsl(220, 14%, 71%);
   * --syntax-bg: hsl(220, 13%, 18%);
   * --syntax-gutter: hsl(220, 14%, 45%);
   * --syntax-guide: hsla(220, 14%, 71%, 0.15);
   * --syntax-accent: hsl(220, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(220, 13%, 28%);
   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);
   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);
   */
  /* Selection */
  /* Code blocks */
  /* Inline code */
  /* Print */
  /* HTML overrides */
  /* CSS overrides */
  /* JS overrides */
  /* JSON overrides */
  /* MD overrides */
  /* General */
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
  /* Show Invisibles plugin overrides */
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  /* Styling the buttons */
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  /* Default line numbers in Line Highlight plugin */
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  /* Stuff in the gutter */
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  /* Previewers plugin overrides */
  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */
  /* Border around popup */
  /* Angle and time should remain as circles and are hence not included */
  /* Triangles pointing to the code */
  /* Background colour within the popup */
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  /* Stroke colours of the handle, direction point, and vector itself */
  /* Fill colour of the handle */
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
  background: hsl(220, 13%, 18%);
  color: hsl(220, 14%, 71%);
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-]::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-] *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(220, 13%, 28%);
  color: inherit;
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-] *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] *::selection {
  background: hsl(220, 13%, 28%);
  color: inherit;
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em 0.3em;
  border-radius: 0.3em;
  white-space: normal;
}
@media print {
  [data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.cdata {
  color: hsl(220, 10%, 40%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.entity {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.atrule {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.keyword {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.important {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value > .token.punctuation {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.function {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.url {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value > .token.punctuation.attr-equals,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.special-attr > .token.attr-value > .token.value.css {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.selector {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.property {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.function,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.url > .token.function {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.url > .token.string.url {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.important,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.atrule .token.rule {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-javascript .token.operator {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
  color: hsl(5, 48%, 51%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-json .token.operator {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-json .token.null.keyword {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.operator,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url-reference.url > .token.string {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.content {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.url,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url-reference.url {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.blockquote.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.hr.punctuation {
  color: hsl(220, 10%, 40%);
  font-style: italic;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.code-snippet {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.bold .token.content {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.italic .token.content {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.strike .token.content,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.strike .token.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.list.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.title.important > .token.punctuation {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.namespace {
  opacity: 0.8;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.tab:not(:empty):before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.cr:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.lf:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.space:before {
  color: hsla(220, 14%, 71%, 0.15);
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
  margin-right: 0.4em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
  background: hsl(220, 13%, 26%);
  color: hsl(220, 9%, 55%);
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
  background: hsl(220, 13%, 28%);
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: hsla(220, 100%, 80%, 0.04);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight[data-end]:after {
  background: hsl(220, 13%, 26%);
  color: hsl(220, 14%, 71%);
  padding: 0.1em 0.6em;
  border-radius: 0.3em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: hsla(220, 100%, 80%, 0.04);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .command-line .command-line-prompt {
  border-right-color: hsla(220, 14%, 71%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .command-line .command-line-prompt > span:before {
  color: hsl(220, 14%, 45%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-1,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-5,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-9 {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-2,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-6,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-10 {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-3,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-7,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-11 {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-4,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-8,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-12 {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix),
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) {
  background-color: hsla(353, 100%, 66%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix),
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) {
  background-color: hsla(137, 100%, 55%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer.prism-previewer:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div {
  border-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-color.prism-previewer-color:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing:before {
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer.prism-previewer:after {
  border-top-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-flipped.prism-previewer-flipped.after {
  border-bottom-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing {
  background: hsl(219, 13%, 22%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle circle,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time circle {
  stroke: hsl(220, 14%, 71%);
  stroke-opacity: 1;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing path,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing line {
  stroke: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle {
  fill: transparent;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] {
  /**
   * One Light theme for prism.js
   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
   */
  /**
   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
   * From colors.less
   * --mono-1: hsl(230, 8%, 24%);
   * --mono-2: hsl(230, 6%, 44%);
   * --mono-3: hsl(230, 4%, 64%)
   * --hue-1: hsl(198, 99%, 37%);
   * --hue-2: hsl(221, 87%, 60%);
   * --hue-3: hsl(301, 63%, 40%);
   * --hue-4: hsl(119, 34%, 47%);
   * --hue-5: hsl(5, 74%, 59%);
   * --hue-5-2: hsl(344, 84%, 43%);
   * --hue-6: hsl(35, 99%, 36%);
   * --hue-6-2: hsl(35, 99%, 40%);
   * --syntax-fg: hsl(230, 8%, 24%);
   * --syntax-bg: hsl(230, 1%, 98%);
   * --syntax-gutter: hsl(230, 1%, 62%);
   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
   * --syntax-accent: hsl(230, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(230, 1%, 90%);
   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
   */
  /* Selection */
  /* Code blocks */
  /* Inline code */
  /* HTML overrides */
  /* CSS overrides */
  /* JS overrides */
  /* JSON overrides */
  /* MD overrides */
  /* General */
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
  /* Show Invisibles plugin overrides */
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  /* Styling the buttons */
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  /* Default line numbers in Line Highlight plugin */
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  /* Stuff in the gutter */
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  /* Previewers plugin overrides */
  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */
  /* Border around popup */
  /* Angle and time should remain as circles and are hence not included */
  /* Triangles pointing to the code */
  /* Background colour within the popup */
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  /* Stroke colours of the handle, direction point, and vector itself */
  /* Fill colour of the handle */
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] {
  background: hsl(230, 1%, 98%);
  color: hsl(230, 8%, 24%);
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-] *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(230, 1%, 90%);
  color: inherit;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-] *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] *::selection {
  background: hsl(230, 1%, 90%);
  color: inherit;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em 0.3em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.cdata {
  color: hsl(230, 4%, 64%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.entity {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.atrule {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.keyword {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.important {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.string,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.char,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value > .token.punctuation {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.function {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.url {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value > .token.punctuation.attr-equals,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.special-attr > .token.attr-value > .token.value.css {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.selector {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.property {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.function,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.url > .token.function {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.url > .token.string.url {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.important,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.atrule .token.rule {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-javascript .token.operator {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
  color: hsl(344, 84%, 43%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-json .token.operator {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-json .token.null.keyword {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.operator,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url-reference.url > .token.string {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.content {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.url,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url-reference.url {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.blockquote.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.hr.punctuation {
  color: hsl(230, 4%, 64%);
  font-style: italic;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.code-snippet {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.bold .token.content {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.italic .token.content {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.strike .token.content,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.strike .token.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.list.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.title.important > .token.punctuation {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.8;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.tab:not(:empty):before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.cr:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.lf:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.space:before {
  color: hsla(230, 8%, 24%, 0.2);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
  margin-right: 0.4em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
  background: hsl(230, 1%, 90%);
  color: hsl(230, 6%, 44%);
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
  background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: hsla(230, 8%, 24%, 0.05);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight[data-end]:after {
  background: hsl(230, 1%, 90%);
  color: hsl(230, 8%, 24%);
  padding: 0.1em 0.6em;
  border-radius: 0.3em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: hsla(230, 8%, 24%, 0.05);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows,
[data-code-block-theme=one-light] div[data-type=codeBlock] .command-line .command-line-prompt {
  border-right-color: hsla(230, 8%, 24%, 0.2);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .command-line .command-line-prompt > span:before {
  color: hsl(230, 1%, 62%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-1,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-5,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-9 {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-2,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-6,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-10 {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-3,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-7,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-11 {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-4,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-8,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-12 {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix),
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) {
  background-color: hsla(353, 100%, 66%, 0.15);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix),
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) {
  background-color: hsla(137, 100%, 55%, 0.15);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer.prism-previewer:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div {
  border-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-color.prism-previewer-color:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing:before {
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer.prism-previewer:after {
  border-top-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-flipped.prism-previewer-flipped.after {
  border-bottom-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing {
  background: hsl(0, 0%, 100%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle circle,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time circle {
  stroke: hsl(230, 8%, 24%);
  stroke-opacity: 1;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing path,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing line {
  stroke: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle {
  fill: transparent;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] {
  /*********************************************************
  * Tokens
  */
  /*********************************************************
  * Language Specific
  */
  /*********************************************************
  * Line highlighting
  */
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] {
  color: #d4d4d4;
  font-size: 13px;
  text-shadow: none;
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-]::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] *::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] *::selection {
  text-shadow: none;
  background: #264F78;
}
@media print {
  [data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-],
  [data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  background: #1e1e1e;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  color: #db4c69;
  background: #1e1e1e;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .namespace {
  opacity: 0.7;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.doctype .token.doctype-tag {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.doctype .token.name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.prolog {
  color: #6a9955;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .language-css .token.punctuation,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .language-javascript .token.punctuation {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.unit {
  color: #b5cea8;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.deleted {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-css .token.string.url {
  text-decoration: underline;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.entity {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.operator.arrow {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.rule {
  color: #c586c0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url .token.function {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url .token.punctuation {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword.module,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword.control-flow {
  color: #c586c0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.function,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.function .token.maybe-class-name {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.regex {
  color: #d16969;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.important {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.constant {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.maybe-class-name {
  color: #4ec9b0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.console {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.parameter {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.interpolation {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.punctuation.interpolation-punctuation {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.boolean {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.imports .token.maybe-class-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.exports .token.maybe-class-name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.selector {
  color: #d7ba7d;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.escape {
  color: #d7ba7d;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag .token.punctuation {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.cdata {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value .token.punctuation {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value .token.punctuation.attr-equals {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.entity {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.namespace {
  color: #4ec9b0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-javascript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-javascript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-jsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-jsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-typescript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-typescript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-tsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-tsx] {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-css],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-css] {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-html],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-html] {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-regex .token.anchor {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .token.punctuation {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] > code[class*=language-] {
  position: relative;
  z-index: 1;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: #f7ebc6;
  box-shadow: inset 5px 0 0 #f7d87c;
  z-index: 0;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] {
  /**
   * VS theme by Andrew Lock (https://andrewlock.net)
   * Inspired by Visual Studio syntax coloring
   */
  /* Code blocks */
  /* Inline code */
  /* overrides color-values for the Line Numbers plugin
   * http://prismjs.com/plugins/line-numbers/
   */
  /* overrides color-values for the Line Highlight plugin
  * http://prismjs.com/plugins/line-highlight/
  */
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] {
  color: #393A34;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: 0.9em;
  line-height: 1.2em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre > code[class*=language-] {
  font-size: 1em;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #C1DEF1;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-] ::selection {
  background: #C1DEF1;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 1px solid #dddddd;
  background-color: white;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.cdata {
  color: #008000;
  font-style: italic;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.string {
  color: #A31515;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.operator {
  color: #393A34; /* no highlight */
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.url,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.inserted {
  color: #36acaa;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.selector,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.boolean,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.number,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-css] {
  color: #0000ff;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.function {
  color: #393A34;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.tag {
  color: #9a050f;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.keyword {
  color: #00009f;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.property {
  color: #2B91AF;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.selector {
  color: #800000;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.entity {
  color: #ff0000;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.directive.tag .tag {
  background: #ffff00;
  color: #393A34;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows {
  border-right-color: #a5a5a5;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before {
  color: #2B91AF;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: rgba(193, 222, 241, 0.2);
  background: -webkit-linear-gradient(left, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
  background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * okaidia theme for JavaScript, CSS and HTML
   * Loosely based on Monokai textmate theme by http://www.monokai.nl/
   * @author ocodia
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  background: #272822;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.cdata {
  color: #8292a2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.punctuation {
  color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.property,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.deleted {
  color: #f92672;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.number {
  color: #ae81ff;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.char,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.inserted {
  color: #a6e22e;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.url,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.variable {
  color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.function,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.class-name {
  color: #e6db74;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.keyword {
  color: #66d9ef;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important {
  color: #fd971f;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Twilight theme
   * Based (more or less) on the Twilight theme originally of Textmate fame.
   * @author Remy Bach
   */
  /* Code blocks */
  /* Text Selection colour */
  /* Inline code */
  /* Markup */
  /* Make the tokens sit above the line highlight so the colours don't look faded. */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
  color: white;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  text-shadow: 0 -0.1em 0.2em black;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  background: hsl(0, 0%, 8%); /* #141414 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
  border-radius: 0.5em;
  border: 0.3em solid hsl(0, 0%, 33%); /* #282A2B */
  box-shadow: 1px 1px 0.5em black inset;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection {
  /* Firefox */
  background: hsl(200, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection {
  /* Safari */
  background: hsl(200, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  border-radius: 0.3em;
  border: 0.13em solid hsl(0, 0%, 33%); /* #545454 */
  box-shadow: 1px 1px 0.3em -0.1em black inset;
  padding: 0.15em 0.2em 0.05em;
  white-space: normal;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.cdata {
  color: hsl(0, 0%, 47%); /* #777777 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.punctuation {
  opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.number,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.deleted {
  color: hsl(14, 58%, 55%); /* #CF6A4C */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.property,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.builtin {
  color: hsl(53, 89%, 79%); /* #F9EE98 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.char,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.url,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.inserted {
  color: hsl(76, 21%, 52%); /* #8F9D6A */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.atrule {
  color: hsl(218, 22%, 55%); /* #7587A6 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important {
  color: hsl(42, 75%, 65%); /* #E9C062 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[data-line] {
  padding: 1em 0 1em 3em;
  position: relative;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.punctuation {
  color: hsl(33, 33%, 52%); /* #AC885B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token {
  position: relative;
  z-index: 1;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight {
  background: hsla(0, 0%, 33%, 0.25); /* #545454 */
  background: linear-gradient(to right, hsla(0, 0%, 33%, 0.1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */
  border-bottom: 1px dashed hsl(0, 0%, 33%); /* #545454 */
  border-top: 1px dashed hsl(0, 0%, 33%); /* #545454 */
  left: 0;
  line-height: inherit;
  margin-top: 0.75em; /* Same as .prism’s padding-top */
  padding: inherit 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  white-space: pre;
  z-index: 0;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight:before,
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
  background-color: hsl(215, 15%, 59%); /* #8794A6 */
  border-radius: 999px;
  box-shadow: 0 1px white;
  color: hsl(24, 20%, 95%); /* #F5F2F0 */
  content: attr(data-start);
  font: bold 65%/1.5 sans-serif;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  position: absolute;
  text-align: center;
  text-shadow: none;
  top: 0.4em;
  vertical-align: 0.3em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
  bottom: 0.4em;
  content: attr(data-end);
  top: auto;
}
[data-code-block-theme=coy] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
   * @author Tim  Shedor
   */
  /* Code blocks */
  /* Margin bottom to accommodate shadow */
  /* Inline code */
  /* Plugin styles: Line Numbers */
  /* Plugin styles: Line Highlight */
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  position: relative;
  margin: 0.5em 0;
  overflow-y: hidden;
  padding: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] > code {
  position: relative;
  border-left: 10px solid #358ccb;
  box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
  background-color: #fdfdfd;
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
  background-size: 3em 3em;
  background-origin: content-box;
  background-attachment: local;
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  background-color: #fdfdfd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  position: relative;
  padding: 0.2em;
  border-radius: 0.3em;
  color: #c92c2c;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline;
  white-space: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
  content: "";
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  left: 0.18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  box-shadow: 0px 13px 8px #979797;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
  right: 0.75em;
  left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.block-comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.cdata {
  color: #7D8B99;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.punctuation {
  color: #5F6364;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.property,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.number,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.deleted {
  color: #c92c2c;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.char,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.inserted {
  color: #2f9c0a;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.url,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.variable {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.class-name {
  color: #1990b8;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
  font-weight: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
  [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
    bottom: 14px;
    box-shadow: none;
  }
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers {
  padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers code {
  padding-left: 3.8em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
  left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[data-line] code {
  position: relative;
  padding-left: 4em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre .line-highlight {
  margin-top: 0;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript */
  /*
   Solarized Color Schemes originally by Ethan Schoonover
   http://ethanschoonover.com/solarized

   Ported for PrismJS by Hector Matos
   Website: https://krakendev.io
   Twitter Handle: https://twitter.com/allonsykraken)
  */
  /*
  SOLARIZED HEX
  --------- -------
  base03    #002b36
  base02    #073642
  base01    #586e75
  base00    #657b83
  base0     #839496
  base1     #93a1a1
  base2     #eee8d5
  base3     #fdf6e3
  yellow    #b58900
  orange    #cb4b16
  red       #dc322f
  magenta   #d33682
  violet    #6c71c4
  blue      #268bd2
  cyan      #2aa198
  green     #859900
  */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  color: #657b83; /* base00 */
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::selection {
  background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  background-color: #fdf6e3; /* base3 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.cdata {
  color: #93a1a1; /* base1 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.punctuation {
  color: #586e75; /* base01 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.deleted {
  color: #268bd2; /* blue */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.string,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.char,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.url,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.inserted {
  color: #2aa198; /* cyan */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
  color: #657b83; /* base00 */
  background: #eee8d5; /* base2 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.keyword {
  color: #859900; /* green */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.function,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.class-name {
  color: #b58900; /* yellow */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.variable {
  color: #cb4b16; /* orange */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
  cursor: help;
}

.cherry-detail details {
  background: rgba(248, 249, 250, 0.6666666667);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}
.cherry-detail details summary {
  user-select: none;
  padding: 5px 10px;
  background-color: #6c757d;
  color: #fff;
  border-radius: 8px;
}
.cherry-detail details .cherry-detail-body {
  padding: 15px 25px 0 25px;
}

.cherry-detail__multiple {
  border-radius: 8px;
  overflow: hidden;
}
.cherry-detail__multiple details {
  margin-bottom: 1px;
  border-radius: 0;
  border: none;
}
.cherry-detail__multiple details summary {
  border-radius: 0;
}

.cherry-text-align__center table {
  margin-left: auto;
  margin-right: auto;
}

.cherry-text-align__right table {
  margin-left: auto;
}

.cherry-panel {
  margin: 10px 0;
  overflow: hidden;
  border-radius: 8px;
  box-sizing: border-box;
  border: 0.5px solid;
}
.cherry-panel .cherry-panel--title {
  color: #fff;
  padding: 5px 20px;
}
.cherry-panel .cherry-panel--title.cherry-panel--title__not-empty::before {
  font-family: "ch-icon";
  margin: 0 12px 0 -6px;
  vertical-align: bottom;
}
.cherry-panel .cherry-panel--body {
  padding: 5px 20px;
}

.cherry-panel__primary {
  background-color: #cfe2ff;
  color: #0a58ca;
}
.cherry-panel__primary .cherry-panel--title {
  background-color: #0d6dfe;
}
.cherry-panel__primary .cherry-panel--title.cherry-panel--title__not-empty::before {
  content: "\ea6a";
}

.cherry-panel__info {
  background-color: #cff4fc;
  color: #087990;
}
.cherry-panel__info .cherry-panel--title {
  background-color: #099cba;
}
.cherry-panel__info .cherry-panel--title.cherry-panel--title__not-empty::before {
  content: "\ea69";
}

.cherry-panel__warning {
  background-color: #fff3cd;
  color: #997404;
}
.cherry-panel__warning .cherry-panel--title {
  background-color: #b38806;
}
.cherry-panel__warning .cherry-panel--title.cherry-panel--title__not-empty::before {
  content: "\ea6b";
}

.cherry-panel__danger {
  background-color: #f8d7da;
  color: #b02a37;
}
.cherry-panel__danger .cherry-panel--title {
  background-color: #dc3545;
}
.cherry-panel__danger .cherry-panel--title.cherry-panel--title__not-empty::before {
  content: "\ea68";
}

.cherry-panel__success {
  background-color: #d1e7dd;
  color: #146c43;
}
.cherry-panel__success .cherry-panel--title {
  background-color: #198754;
}
.cherry-panel__success .cherry-panel--title.cherry-panel--title__not-empty::before {
  content: "\ea67";
}

.cherry .doing-resize-img {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.cherry .cherry-previewer img {
  transition: all 0.1s;
}
.cherry .cherry-previewer-footnote-ref-hover-handler {
  position: absolute;
  min-width: 200px;
  max-width: 500px;
  padding: 10px;
  border-radius: 5px;
  z-index: 11;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 14px 2px, rgba(0, 0, 0, 0.06) 0px 8px 10px 1px, rgba(0, 0, 0, 0.1) 0px 5px 5px -3px, rgba(0, 0, 0, 0.08) 0px 0.5px 0px 0px inset, rgba(0, 0, 0, 0.08) 0.5px 0px 0px 0px inset, rgba(0, 0, 0, 0.08) 0px -0.5px 0px 0px inset, rgba(0, 0, 0, 0.08) -0.5px 0px 0px 0px inset;
  background: #fff;
}
.cherry .footnote.hidden {
  display: none;
}
.cherry .cherry-previewer-img-size-handler {
  position: absolute;
  box-shadow: 0 1px 4px 0 rgba(20, 81, 154, 0.5);
  border: 1px solid #3582fb;
  box-sizing: content-box;
  pointer-events: none;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points {
  position: absolute;
  height: 10px;
  width: 10px;
  margin-top: -7px;
  margin-left: -7px;
  border-radius: 9px;
  background: #3582fb;
  border: 2px solid #fff;
  box-sizing: content-box;
  box-shadow: 0px 2px 2px 0px rgba(20, 81, 154, 0.5);
  pointer-events: all;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__background {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftTop {
  cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightTop {
  cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftBottom {
  cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightBottom {
  cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleTop {
  cursor: n-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleBottom {
  cursor: n-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftMiddle {
  cursor: e-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightMiddle {
  cursor: e-resize;
}
.cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input {
  position: absolute;
}
.cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
  resize: none;
  outline: 1px solid #3582fb;
  word-break: break-all;
}
.cherry .cherry-previewer-codeBlock-content-handler .cherry-previewer-codeBlock-content-handler__input {
  position: absolute;
}
.cherry .cherry-previewer-table-hover-handler {
  position: absolute;
  pointer-events: none;
  z-index: 999;
}
.cherry .cherry-previewer-table-hover-handler-container, .cherry .cherry-previewer-table-hover-handler-sort-container, .cherry .cherry-previewer-table-hover-handler-delete-container {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cherry .cherry-previewer-table-hover-handler__symbol {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  color: #3582fb;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border: 1px solid rgba(53, 130, 251, 0);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s;
}
.cherry .cherry-previewer-table-hover-handler__symbol:hover {
  background-color: rgba(53, 130, 251, 0.5333333333);
  color: #FFF;
}
.cherry .cherry-previewer-table-hover-handler__sort {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  color: #3582fb;
  width: 12px;
  height: 12px;
  padding: 5px 0;
  line-height: 12px;
  border: 1px solid rgba(53, 130, 251, 0);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s;
}
.cherry .cherry-previewer-table-hover-handler__sort:hover {
  background-color: rgba(53, 130, 251, 0.5333333333);
  border-color: rgba(53, 130, 251, 0.5333333333);
  color: #FFF;
}
.cherry .cherry-previewer-table-hover-handler__sort[data-type=ColUp], .cherry .cherry-previewer-table-hover-handler__sort[data-type=ColDown] {
  padding: 0 5px;
}
.cherry .cherry-previewer-table-hover-handler__delete {
  pointer-events: auto;
  position: absolute;
  color: #FFF;
  width: 25px;
  height: 15px;
  font-size: 12px;
  line-height: 12px;
  border: 1px solid rgba(255, 77, 79, 0);
  border-radius: 3px;
  background-color: rgba(255, 77, 79, 0);
  color: rgba(255, 77, 79, 0.5);
  cursor: pointer;
  transition: all 0.3s;
}
.cherry .cherry-previewer-table-hover-handler__delete:hover {
  background-color: rgb(255, 77, 79);
  border-color: rgb(255, 77, 79);
  color: #FFF;
}
.cherry .cherry-previewer-table-hover-handler__delete[data-type=left], .cherry .cherry-previewer-table-hover-handler__delete[data-type=right] {
  padding: 0;
  width: 18px;
  height: 18px;
}
@keyframes changeBgColor {
  0% {
    background-color: rgba(255, 255, 204, 0.5333333333);
  }
  60% {
    background-color: rgba(255, 255, 204, 0.5333333333);
  }
  100% {
    background-color: rgba(255, 255, 204, 0);
  }
}
.cherry .cherry-highlight-line {
  animation: changeBgColor 3s;
}

@media print {
  img, figure, pre, table {
    page-break-inside: avoid;
  }
  .cherry-previewer {
    width: 100% !important;
    max-height: none;
    border-left: none !important;
  }
  .cherry-toolbar, .cherry-sidebar, .cherry-editor, .cherry-drag {
    display: none !important;
  }
}
.cherry-insert-formula-wrappler {
  width: 610px !important;
  height: 300px !important;
  padding: 15px;
  display: flex;
  position: fixed !important;
  z-index: 9999999;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #FFF !important;
  overflow: hidden;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-more {
  position: absolute;
  bottom: 0;
  font-size: 12px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-tabs {
  width: 100px;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: 10px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab {
  width: 100%;
  height: 30px;
  text-align: center;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab > a {
  display: block;
  text-decoration: none;
  user-select: none;
  user-select: none;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab:not(:first-child) {
  margin-top: 10px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab.active {
  color: black;
  border: 1px solid #000;
  border-radius: 5px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select {
  height: 100%;
  flex: 1;
  display: none;
  overflow-y: scroll;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary {
  width: 130px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary:not(:first-child) {
  margin-top: 10px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func {
  min-width: 200px;
  height: 260px;
  position: absolute;
  left: 255px;
  top: 0;
  z-index: 100;
  padding: 20px 10px;
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
  overflow-y: scroll;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-categary {
  border-top: 1px solid rgb(233, 236, 239);
  border-bottom: 1px solid rgb(233, 236, 239);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item {
  cursor: pointer;
  border: 1px solid #fff;
  display: inline-block;
  text-align: center;
  background-color: #f8f9fa;
  margin: 2px;
  padding: 2px;
  vertical-align: middle;
  line-height: 30px;
  border-color: #f8f9fa;
  border-radius: 5px;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item:hover {
  border-color: #dae0e5;
  background-color: #e2e6ea;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item svg, .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item img {
  pointer-events: none;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func:hover {
  display: block;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  width: 100%;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn > img {
  width: 100%;
  height: 60%;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn:hover {
  color: #3582fb;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn:hover + .cherry-insert-formula-categary__func {
  float: left;
  display: block;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .btn-light {
  color: #212529;
  background-color: #ebecf2;
  border-color: #f8f9fa;
}
.cherry-insert-formula-wrappler .cherry-insert-formula-select.active {
  display: block;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.formula-utils-bubble-container {
  width: 350px;
  height: 40px;
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1000;
  box-sizing: border-box;
}
.formula-utils-bubble-container .formula-utils-btn {
  flex: 1;
  position: relative;
}
.formula-utils-bubble-container .formula-utils-btn > button {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-color: #ebecf2;
  cursor: pointer;
  border-radius: 5px;
}
.formula-utils-bubble-container .formula-utils-btn > button:hover {
  background-color: #eee;
}
.formula-utils-bubble-container .formula-utils-btn > button:focus {
  outline: none;
}
.formula-utils-bubble-container .formula-utils-btn > button:active {
  background-color: #ddd;
}
.formula-utils-bubble-container .formula-utils-btn > button:hover + .formula-utils-submenu {
  display: block;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu {
  position: absolute;
  display: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #f8f9fa;
  left: 0;
  top: 100%;
  box-shadow: 0 0 5px #f8f9fa;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu:hover {
  display: block;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div {
  width: 100%;
  height: 40px;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-color: #fff;
  cursor: pointer;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:hover {
  background-color: #eee;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:focus {
  outline: none;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:active {
  background-color: #ddd;
}

.cherry-shortcut-key-config-panel-wrapper {
  width: 250px !important;
  height: 400px !important;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner::-webkit-scrollbar {
  display: none;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-top {
  width: 100%;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item {
  display: flex;
  justify-content: space-between;
  height: auto;
  padding: 2px 15px;
  border-top: 1px solid #eee;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .input-shortcut-wrapper {
  width: 100px;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .input-shortcut-wrapper input {
  width: 100%;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-name {
  max-width: 120px;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-kbd {
  display: flex;
  gap: 10px;
  min-width: 120px;
  justify-content: right;
}
.cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-kbd .keyboard-key {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 11px;
  margin: 0 2px;
  padding: 3px 5px;
  vertical-align: middle;
  line-height: 20px;
  margin: 4px;
  min-width: 16px;
  text-align: center;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-static .cherry-shortcut-key-config-panel-ul {
  gap: 0;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-static .cherry-shortcut-key-config-panel-ul .shortcut-key-item {
  cursor: default;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-static .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-static {
  display: flex;
  gap: 3px;
  min-width: 80px;
  justify-content: right;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-static .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-static .shortcut-split {
  color: #aaa;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-panel-title, .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings {
  font-size: 14px;
  padding: 10px 15px;
  background-color: #eee;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings {
  padding: 10px 15px;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #aaa;
  justify-content: space-between;
  display: flex;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn {
  height: auto;
  line-height: 1.2em;
}
.cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn:hover {
  color: rgb(255, 77, 79);
}
.cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul {
  opacity: 0.3;
}
.cherry-shortcut-key-config-panel-wrapper.disable .j-shortcut-settings-disable-btn {
  color: rgb(255, 77, 79);
}

.cherry {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: flex-start;
  height: 100%;
  min-height: 60px;
  position: relative;
}
.cherry .cherry-editor,
.cherry .cherry-previewer {
  max-height: calc(100% - 48px);
  min-height: calc(100% - 48px);
}
.cherry .CodeMirror {
  height: 100%;
}
.cherry.cherry--no-toolbar .cherry-toolbar,
.cherry.cherry--no-toolbar .cherry-sidebar {
  height: 0;
  display: none;
}
.cherry.cherry--no-toolbar .cherry-editor,
.cherry.cherry--no-toolbar .cherry-previewer {
  max-height: 100%;
  min-height: 100%;
}

.cherry {
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #3f4a56;
  background: #FFF;
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry .ch-icon {
  vertical-align: middle;
}
.cherry .clearfix {
  zoom: 1;
}
.cherry .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0;
}
.cherry.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.cherry .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cherry .cherry-insert-table-menu {
  display: block;
  position: fixed;
  top: 40px;
  left: 40px;
  border-collapse: separate;
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
  padding: 4px;
  border-radius: 3px;
  width: auto;
  height: auto;
}
.cherry .cherry-insert-table-menu-item {
  padding: 7px;
  border: 1px solid #dfe6ee;
}
.cherry .cherry-insert-table-menu-item.active {
  background-color: #ebf3ff;
}
.cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item {
  border-color: rgba(255, 255, 255, 0.2);
}
.cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item.active {
  background-color: #d7e6fe;
}

.cherry-dropdown {
  position: absolute;
  width: 130px;
  min-height: 40px;
  background: #fff;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  margin-left: -60px;
  z-index: 13;
}
.cherry-dropdown-item {
  width: 100%;
  padding: 0 15px;
  text-align: left;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  box-sizing: border-box;
}
.cherry-dropdown-item:hover {
  background: #ebf3ff;
  color: #5d9bfc;
}
.cherry-dropdown-item__selected {
  background: #ebf3ff;
  color: #5d9bfc;
}
.cherry-dropdown-item .ch-icon {
  margin-right: 10px;
}
[data-toolbar-theme=dark] .cherry-dropdown {
  background: #20304b;
}
[data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item {
  background: transparent;
  color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
[data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item__selected {
  background: rgba(255, 255, 255, 0.1);
  color: #5d9bfc;
}

.cherry-toolbar {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 20px;
  min-height: 48px;
  font-size: 14px;
  line-height: 2.8;
  flex-basis: 100%;
  box-sizing: border-box;
  z-index: 2;
  user-select: none;
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
  background: white;
  overflow: hidden;
}
.cherry-toolbar .icon-loading.loading {
  display: inline-block;
  width: 8px;
  height: 8px;
}
.cherry-toolbar .icon-loading.loading:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  margin-top: -2px;
  border-radius: 50%;
  border: 2px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: loading 1.2s linear infinite;
}
[data-toolbar-theme=dark] .cherry-toolbar {
  background: #20304b;
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
[data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button {
  color: #d7e6fe;
  background: transparent;
}
[data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.cherry-toolbar .toolbar-left,
.cherry-toolbar .toolbar-right {
  display: flex;
  align-items: center;
  min-height: 48px;
  flex-wrap: wrap;
  flex: 1;
}
.cherry-toolbar .toolbar-left {
  margin-right: 20px;
}
.cherry-toolbar .toolbar-right {
  flex: 0 1 auto;
  flex-direction: row-reverse;
  margin-left: 10px;
  box-sizing: border-box;
  min-height: 0;
}
.cherry-toolbar.preview-only .cherry-toolbar-button {
  display: none;
}
.cherry-toolbar.preview-only .cherry-toolbar-switchPreview {
  display: inline;
}
.cherry-toolbar-button {
  float: left;
  padding: 0 12px;
  height: 38px;
  color: #3f4a56;
  background: transparent;
  border: 1px solid transparent;
  -webkit-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  cursor: pointer;
  font-style: normal;
}
.cherry-toolbar-button:hover {
  color: #5d9bfc;
  background: #ebf3ff;
}
.cherry-toolbar-button.cherry-toolbar-split {
  font-size: 0;
  height: 19px;
  padding: 0;
  margin: 9.5px 4px;
  border: 1px solid transparent;
  border-left: 1px solid #dfe6ee;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.5;
}
.cherry-toolbar-button.disabled {
  color: #ccc;
}

.cherry .ace_search {
  background: #fff;
}

.cherry-sidebar {
  width: 30px;
  position: absolute;
  top: 48px;
  right: 7px;
  z-index: 11;
  bottom: 0;
  overflow: hidden;
}
.cherry-sidebar .cherry-toolbar-button {
  height: 30px;
  padding: 3px 12px 0 6px;
}
.cherry-sidebar .cherry-toolbar-button:hover {
  background: transparent;
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading {
  display: inline-block;
  width: 8px;
  height: 8px;
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  margin-top: -2px;
  border-radius: 50%;
  border: 2px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: loading 1.2s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cherry-bubble {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 14px;
  min-height: 35px;
  min-width: 50px;
  border: 1px solid #dfe6ee;
  background-color: #fff;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  z-index: 8;
}
.cherry-bubble.cherry-bubble--centered {
  left: 50%;
  transform: translateX(-50%);
}
.cherry-bubble .cherry-bubble-top,
.cherry-bubble .cherry-bubble-bottom {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}
.cherry-bubble .cherry-bubble-top {
  top: 0;
  transform: translateY(-100%);
  border-bottom: 8px solid #fff;
}
.cherry-bubble .cherry-bubble-bottom {
  bottom: 0;
  transform: translateY(100%);
  border-top: 8px solid #fff;
}
.cherry-bubble .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  cursor: pointer;
  user-select: none;
}
.cherry-bubble .cherry-toolbar-button:hover {
  border-color: #dfe6ee;
  background-color: rgba(89, 128, 166, 0.05);
}
.cherry-bubble .cherry-toolbar-button.cherry-toolbar-split {
  height: 65%;
  min-height: 22.75px;
}
[data-toolbar-theme=dark] .cherry-bubble {
  border-color: #20304b;
  background: #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button {
  color: #d7e6fe;
  background: transparent;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-top {
  border-bottom-color: #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-bottom {
  border-top-color: #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
  border-color: #20304b;
}

.cherry-switch-paste .switch-btn--bg {
  position: absolute;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0.3;
  background-color: #5d9bfc;
  border-radius: 2px;
  transition: all 0.3s;
}
.cherry-switch-paste .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  text-align: center;
}
.cherry-switch-paste .cherry-toolbar-button:hover {
  border-color: transparent;
}
.cherry-switch-paste[data-type=text] .cherry-text-btn {
  color: #3f4a56;
}
.cherry-switch-paste[data-type=text] .cherry-md-btn {
  color: #5d9bfc;
}
.cherry-switch-paste[data-type=md] .cherry-md-btn {
  color: #3f4a56;
}
.cherry-switch-paste[data-type=md] .cherry-text-btn {
  color: #5d9bfc;
}
.cherry-switch-paste[data-type=md] .switch-btn--bg {
  left: 50%;
}
[data-toolbar-theme=dark] .cherry-switch-paste .switch-btn--bg {
  background-color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-text-btn {
  color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-md-btn {
  color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-md-btn {
  color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-text-btn {
  color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .switch-btn--bg {
  left: 50%;
}

.cherry-floatmenu {
  z-index: 4;
  display: none;
  position: absolute;
  left: 30px;
  margin-left: 60px;
  height: 27px;
  line-height: 27px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cherry-floatmenu .cherry-toolbar-button {
  float: left;
  padding: 0 9px;
  margin: 0;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  color: #3f4a56;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-style: normal;
}
.cherry-floatmenu .cherry-toolbar-button.cherry-toolbar-split {
  border-left: 1px solid #dfe6ee;
  width: 0;
  padding: 0;
  overflow: hidden;
  height: 25px;
}
.cherry-floatmenu .cherry-toolbar-button .ch-icon {
  color: #aaa;
  font-size: 12px;
}
.cherry-floatmenu .cherry-toolbar-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
.cherry-floatmenu .cherry-toolbar-button:hover .ch-icon {
  color: #3f4a56;
}

.cherry-editor {
  position: relative;
  padding-top: 5px;
  padding-right: 5px;
  width: 50%;
  box-sizing: border-box;
  overflow: hidden;
}
.cherry-editor.cherry-editor--full {
  width: 100%;
  padding-right: 0;
}
.cherry-editor.cherry-editor--hidden {
  display: none;
}
.cherry-editor-writing-style--focus::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
  pointer-events: none;
  z-index: 11;
}
.cherry-editor-writing-style--focus::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
  pointer-events: none;
  z-index: 11;
}
.cherry-editor-writing-style--typewriter .CodeMirror-lines {
  position: relative;
}
.cherry-editor-writing-style--typewriter .CodeMirror-lines::before {
  content: "";
  display: block;
}
.cherry-editor-writing-style--typewriter .CodeMirror-lines::after {
  content: "";
  display: block;
}
.cherry-editor .CodeMirror {
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  background: #FFF;
  color: #3f4a56;
}
.cherry-editor .CodeMirror textarea {
  font-size: 27px;
}
.cherry-editor .CodeMirror-lines {
  padding: 15px 34px;
}
.cherry-editor .CodeMirror-lines .long-text,
.cherry-editor .CodeMirror-lines .drawio,
.cherry-editor .CodeMirror-lines .base64 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
  white-space: nowrap;
  vertical-align: bottom;
  color: darkmagenta !important;
  font-size: 12px !important;
}
.cherry-editor .cm-s-default .cm-header {
  color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-string {
  color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-comment {
  color: #3582fb;
  font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-whitespace,
.cherry-editor .cm-tab {
  font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-quote {
  color: #3582fb;
}
.cherry-editor .cm-s-default .cm-link {
  color: #3582fb;
}
.cherry-editor .cm-s-default .cm-url {
  background: #d7e6fe;
  font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-variable-2 {
  color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-variable-3 {
  color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-keyword {
  color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-fullWidth {
  color: #d71616;
  z-index: 3;
  cursor: pointer;
}

.cherry-drag {
  width: 15px;
  cursor: ew-resize;
  position: absolute;
  z-index: 12;
  background: transparent;
}
.cherry-drag.cherry-drag--show {
  width: 5px;
  display: block;
  background: #dfe6ee;
}
.cherry-drag.cherry-drag--hidden {
  display: none;
}

.cherry-editor-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
.cherry-editor-mask.cherry-editor-mask--show {
  display: block;
}

.cherry-previewer-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}
.cherry-previewer-mask.cherry-previewer-mask--show {
  display: block;
}

.cherry-previewer-codeBlock-click-handler {
  position: absolute;
  z-index: 1;
}

.cherry-mask-code-block {
  width: 100%;
  padding-top: 50px;
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5em;
  z-index: 10;
}
.cherry-mask-code-block .expand-btn {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s;
  z-index: 12;
  color: #3582fb;
  background-color: #d7e6fe;
  display: inline-block;
}
.cherry-mask-code-block .expand-btn:hover {
  color: #eee;
  background-color: #3582fb;
  border-color: #eee;
}

.cherry-code-unExpand pre {
  height: 240px;
  overflow: hidden !important;
}
.cherry-code-unExpand .cherry-mask-code-block {
  display: inline-block;
}

.cherry-previewer-codeBlock-hover-handler {
  z-index: 0;
  position: absolute;
  pointer-events: none;
}
.cherry-previewer-codeBlock-hover-handler * {
  pointer-events: all;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
  position: relative;
  width: 25px;
  text-align: center;
  height: 25px;
  border: 1px solid #3582fb;
  cursor: pointer;
  float: right;
  top: 15px;
  border-radius: 5px;
  transition: all 0.3s;
  z-index: 2;
  color: #3582fb;
  background-color: #eee;
  border-color: #3582fb;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn {
  width: auto;
}
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
  position: absolute;
  width: 25px;
  text-align: center;
  height: 25px;
  border: 1px solid #3582fb;
  cursor: pointer;
  float: right;
  border-radius: 5px;
  margin-left: -27px;
  transition: all 0.3s;
  z-index: 2;
  color: #3582fb;
  background-color: #eee;
  border-color: #3582fb;
}
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
  top: 45px;
  right: 10px;
}
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block {
  z-index: 12;
}
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block.hidden {
  display: none;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:hover {
  color: #eee;
  background-color: #3582fb;
  border-color: #eee;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select {
  position: absolute;
  transform: translate(2px, -50%);
}

.float-previewer-wrap {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  resize: both;
  min-width: 430px;
  min-height: 300px;
}
.float-previewer-wrap.float-previewer-dragging {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
}
.float-previewer-wrap.float-previewer-dragging .float-previewer-header {
  cursor: grabbing;
  background: #ace4ff;
}
.float-previewer-wrap .float-previewer-header {
  z-index: 999999;
  height: 40px;
  border-bottom: 1px solid #ebedee;
  background: #caecfd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  cursor: grab;
}
.float-previewer-wrap .float-previewer-header .float-previewer-title {
  user-select: none;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.float-previewer-wrap .cherry-previewer {
  border-left: none;
}

.cherry-previewer {
  padding: 20px 45px 20px 20px;
  border-left: 2px solid #ebedee;
  width: 50%;
  box-sizing: border-box;
  background-color: #FFF;
  min-height: auto;
  overflow-y: auto;
  -webkit-print-color-adjust: exact;
}
.cherry-previewer .cherry-mobile-previewer-content {
  width: 375px;
  height: 100%;
  margin: 0 auto;
  padding: 25px 30px;
  overflow-y: scroll;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.cherry-previewer.cherry-previewer--hidden {
  width: 0;
  display: none;
}
.cherry-previewer.cherry-previewer--full {
  width: 100%;
}
.cherry-previewer .cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-previewer .cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-previewer .cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-previewer .cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-previewer .cherry-list__circle {
  list-style: circle;
}
.cherry-previewer .cherry-list__square {
  list-style: square;
}
[data-code-block-theme=default] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=default] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=funky] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=funky] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=solarized-light] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=coy] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=coy] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-edit-code-block {
  background-color: #3582fb;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cherry-previewer .cherry-flow-session-cursor {
  background-color: rgba(53, 130, 251, 0.5333333333);
  padding: 0 2.5px;
  animation: blink 1s infinite;
}

.cherry-color-wrap {
  display: none;
  position: fixed;
  width: auto;
  padding: 5px 10px;
  z-index: 6;
  background: #fff;
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry-color-wrap h3 {
  font-size: 12px;
  margin: 0px;
  font-weight: 400;
}
[data-toolbar-theme=dark] .cherry-color-wrap h3 {
  color: #d7e6fe;
}
.cherry-color-wrap .cherry-color-text {
  float: left;
  width: 128px;
  margin: 0 8px 0 5px;
}
.cherry-color-wrap .cherry-color-bg {
  float: left;
  width: 128px;
  margin-right: 5px;
}
.cherry-color-wrap .cherry-color-item {
  float: left;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  cursor: pointer;
}
.cherry-color-wrap .cherry-color-item:hover {
  border: 1px solid #000;
}

.Cherry-Math svg {
  max-width: 100%;
}

.cherry-suggester-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 2px;
  max-height: 500px;
  box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
}
.cherry-suggester-panel .cherry-suggester-panel__item {
  border: none;
  white-space: nowrap;
  min-width: 50px;
  padding: 5px 13px;
  color: #333;
  display: block;
  cursor: pointer;
}
.cherry-suggester-panel .cherry-suggester-panel__item.cherry-suggester-panel__item--selected {
  background-color: #f2f2f5;
  text-decoration: none;
  color: #eb7350;
}
.cherry-suggester-panel .cherry-suggester-panel__item > i {
  display: inline-block;
  transform: translateY(2px);
  margin-right: 8px;
}

.cherry-suggestion {
  background-color: #ebf3ff;
  color: #3582fb;
  padding: 1px 4px;
  border-radius: 3px;
  cursor: pointer;
}

.cherry-flex-toc {
  z-index: 11;
  position: absolute;
  width: 160px;
  height: calc(100% - 220px);
  max-height: 600px;
  right: 0;
  top: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 8px;
  box-sizing: border-box;
  user-select: none;
  box-shadow: 0px 5px 11px rgba(51, 51, 51, 0.2);
  border-radius: 10px;
  transition: all 0.3s;
}
.cherry-flex-toc.cherry-flex-toc__fixed {
  position: fixed;
}
.cherry-flex-toc:hover {
  background-color: #fff;
  width: 260px;
}
.cherry-flex-toc .cherry-toc-head {
  border-bottom: 1px dashed rgba(51, 51, 51, 0.2);
  padding: 5px;
}
.cherry-flex-toc .cherry-toc-head .cherry-toc-title {
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
}
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  display: none;
}
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsRight,
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.cherry-flex-toc .cherry-toc-head i {
  cursor: pointer;
  padding: 5px 5px 0;
}
.cherry-flex-toc .cherry-toc-head i:hover {
  color: #3582fb;
}
.cherry-flex-toc .cherry-toc-list {
  overflow-y: auto;
  height: calc(100% - 40px);
  overflow-x: hidden;
  width: 100%;
  padding-bottom: 10px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
  display: block;
  text-decoration: none;
  color: #000;
  border-left: 5px solid rgba(51, 51, 51, 0.2);
  height: 28px;
  line-height: 28px;
  transition: all 0.3s;
  padding-left: 10px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  cursor: pointer;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a.current {
  border-left-color: #3582fb;
  color: #3582fb;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a:hover {
  border-left-color: rgba(53, 130, 251, 0.6666666667);
  color: rgba(53, 130, 251, 0.6666666667);
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__1 {
  font-weight: bold;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__2 {
  padding-left: 20px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__3 {
  padding-left: 40px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__4 {
  padding-left: 60px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__5 {
  padding-left: 80px;
}
.cherry-flex-toc.cherry-flex-toc__pure {
  width: 30px;
  height: calc(100% - 200px);
  max-height: 600px;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border-radius: 0;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head {
  height: 25px;
  border-bottom: 1px dashed rgba(51, 51, 51, 0);
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .cherry-toc-title {
  display: none;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsRight {
  display: none;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsLeft {
  display: inline;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list {
  padding-left: 7px;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list .cherry-toc-one-a {
  overflow: hidden;
  width: 0;
  margin-bottom: 3px;
  height: 5px;
  border-left-width: 18px;
}
.cherry-flex-toc.auto-num .cherry-toc-list {
  counter-reset: toclevel1;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1 {
  counter-reset: toclevel2;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2 {
  counter-reset: toclevel3;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3 {
  counter-reset: toclevel4;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4 {
  counter-reset: toclevel5;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5 {
  counter-reset: toclevel6;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1:before {
  counter-increment: toclevel1;
  content: counter(toclevel1) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2:before {
  counter-increment: toclevel2;
  content: counter(toclevel1) "." counter(toclevel2) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3:before {
  counter-increment: toclevel3;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4:before {
  counter-increment: toclevel4;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__6:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) "." counter(toclevel6) ". ";
}

/** 引入自带的主题 */
/** 编辑器样式 */
.cherry.theme__default {
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
  /** 光标focus到空行时联想出的按钮 */
}
.cherry.theme__default .cherry-dropdown {
  /** 选择颜色的按钮 */
}
.cherry.theme__default .cherry-dropdown .cherry-dropdown-item {
  /** 图标 */
}
.cherry.theme__default .cherry-dropdown.cherry-color-wrap .cherry-color-text {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__default .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
/** 预览区域样式 */
.cherry-markdown.theme__default {
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__default h1, .cherry-markdown.theme__default h2, .cherry-markdown.theme__default h3, .cherry-markdown.theme__default h4, .cherry-markdown.theme__default h5, .cherry-markdown.theme__default h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__default ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__default ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__default ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__default ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__default ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__default ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__default ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__default ruby {
  /** 上部的拼音 */
}
/** 色值可以参考：https://yeun.github.io/open-color/ */
/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__dark {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
  /* 目录区域样式 */
}
.cherry.theme__dark .cherry-toolbar, .cherry.theme__dark .cherry-floatmenu, .cherry.theme__dark .cherry-bubble, .cherry.theme__dark .cherry-sidebar {
  background: rgb(60, 60, 60);
  border-color: rgb(60, 60, 60);
}
.cherry.theme__dark .cherry-toolbar .cherry-toolbar-button, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button {
  color: #d7e6fe;
}
.cherry.theme__dark .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: rgb(69, 70, 70);
  color: rgb(255, 255, 255) !important;
  border-color: rgb(60, 60, 60);
}
.cherry.theme__dark .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button:hover i {
  color: rgb(255, 255, 255) !important;
}
.cherry.theme__dark .cherry-dropdown {
  background: rgb(60, 60, 60);
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__dark .cherry-dropdown .cherry-dropdown-item {
  color: #d7e6fe;
}
.cherry.theme__dark .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: rgb(69, 70, 70);
  color: rgb(255, 255, 255);
}
.cherry.theme__dark .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: rgb(69, 70, 70);
  color: rgb(255, 255, 255);
}
.cherry.theme__dark .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__dark .cherry-dropdown.cherry-color-wrap h3 {
  color: #d7e6fe;
}
.cherry.theme__dark .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: rgb(69, 70, 70);
}
.cherry.theme__dark .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: rgb(247, 133, 83);
}
.cherry.theme__dark .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: rgb(69, 70, 70);
}
.cherry.theme__dark .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__dark .cherry-bubble .cherry-bubble-bottom {
  border-top-color: rgb(60, 60, 60);
}
.cherry.theme__dark .cherry-bubble .cherry-bubble-top {
  border-bottom-color: rgb(60, 60, 60);
}
.cherry.theme__dark .cherry-editor {
  background-color: rgb(37, 37, 38);
}
.cherry.theme__dark .cherry-editor .CodeMirror {
  background-color: rgb(37, 37, 38);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid rgb(255, 255, 255);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: rgb(200, 200, 200);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: rgb(247, 133, 83);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: rgb(81, 56, 56);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: rgb(255, 203, 107);
}
.cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: rgb(69, 70, 70);
}
.cherry.theme__dark .cherry-sidebar {
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry.theme__dark .cherry-previewer {
  background-color: rgb(51, 51, 51);
}
.cherry.theme__dark .cherry-previewer .cherry-mobile-previewer-content {
  background-color: rgb(37, 37, 38);
}
.cherry.theme__dark .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: rgb(37, 37, 38);
  color: rgb(200, 200, 200);
  outline-color: rgb(247, 133, 83);
}
.cherry.theme__dark .cherry-flex-toc:hover {
  background-color: #d0cece;
  width: 260px;
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-head i:hover {
  color: rgb(247, 133, 83);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
  border-left-color: rgba(247, 133, 83, 0.3);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a.current {
  border-left-color: rgb(255, 100, 33);
  color: rgb(255, 100, 33);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a:hover {
  border-left-color: rgb(247, 162, 14);
  color: rgb(255, 100, 33);
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure {
  width: 30px;
  height: calc(100% - 200px);
  max-height: 600px;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border-radius: 0;
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head {
  height: 25px;
  border-bottom: 1px dashed rgba(51, 51, 51, 0);
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .cherry-toc-title {
  display: none;
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsRight {
  display: none;
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsLeft {
  display: inline;
  color: rgb(255, 100, 33);
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list {
  padding-left: 7px;
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list .cherry-toc-one-a {
  overflow: hidden;
  width: 0;
  margin-bottom: 3px;
  height: 5px;
  border-left-width: 18px;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list {
  counter-reset: toclevel1;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1 {
  counter-reset: toclevel2;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2 {
  counter-reset: toclevel3;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3 {
  counter-reset: toclevel4;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4 {
  counter-reset: toclevel5;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5 {
  counter-reset: toclevel6;
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1:before {
  counter-increment: toclevel1;
  content: counter(toclevel1) ". ";
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2:before {
  counter-increment: toclevel2;
  content: counter(toclevel1) "." counter(toclevel2) ". ";
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3:before {
  counter-increment: toclevel3;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) ". ";
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4:before {
  counter-increment: toclevel4;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) ". ";
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) ". ";
}
.cherry.theme__dark .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__6:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) "." counter(toclevel6) ". ";
}

/** 预览区域样式 */
.cherry-markdown.theme__dark {
  color: rgb(200, 200, 200);
  background-color: rgb(51, 51, 51);
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__dark h1, .cherry-markdown.theme__dark h2, .cherry-markdown.theme__dark h3, .cherry-markdown.theme__dark h4, .cherry-markdown.theme__dark h5 {
  color: rgb(247, 133, 83);
}
.cherry-markdown.theme__dark h1, .cherry-markdown.theme__dark h2, .cherry-markdown.theme__dark h3, .cherry-markdown.theme__dark h4, .cherry-markdown.theme__dark h5, .cherry-markdown.theme__dark h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__dark ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__dark ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__dark ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__dark ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__dark ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__dark ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__dark ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__dark ul.cherry-list__default {
  background-color: rgb(51, 51, 51);
}
.cherry-markdown.theme__dark blockquote {
  color: rgb(200, 200, 200);
}
.cherry-markdown.theme__dark a {
  text-decoration: none;
  color: rgb(255, 203, 107);
}
.cherry-markdown.theme__dark a:hover {
  color: rgb(247, 133, 83);
}
.cherry-markdown.theme__dark hr {
  border-color: rgb(105, 105, 105);
}
.cherry-markdown.theme__dark code:not([class]) {
  background-color: rgb(81, 56, 56);
  color: rgb(255, 203, 107);
  border: 1px solid rgb(105, 105, 105);
}
.cherry-markdown.theme__dark table, .cherry-markdown.theme__dark .cherry-table {
  color: rgb(200, 200, 200);
}
.cherry-markdown.theme__dark table th, .cherry-markdown.theme__dark .cherry-table th {
  background-color: rgb(81, 56, 56);
}
.cherry-markdown.theme__dark table tr, .cherry-markdown.theme__dark table th, .cherry-markdown.theme__dark table td, .cherry-markdown.theme__dark .cherry-table tr, .cherry-markdown.theme__dark .cherry-table th, .cherry-markdown.theme__dark .cherry-table td {
  border-color: rgb(105, 105, 105);
}
.cherry-markdown.theme__dark ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__dark .footnote {
  border-color: rgb(105, 105, 105);
}
.cherry-markdown.theme__dark .footnote .footnote-title {
  background-color: rgb(81, 56, 56);
}
.cherry-markdown.theme__dark .footnote .one-footnote {
  color: rgb(200, 200, 200);
  border-color: rgb(105, 105, 105);
}
.cherry-markdown.theme__dark .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown.theme__dark .toc {
  border: 1px solid rgb(105, 105, 105);
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
}
.cherry-markdown.theme__dark .toc .toc-title {
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgb(105, 105, 105);
}
.cherry-markdown.theme__dark .toc .toc-li {
  border: none;
  padding: 0 20px;
}
.cherry-markdown.theme__dark .toc .toc-li a {
  color: rgb(200, 200, 200);
}
.cherry-markdown.theme__dark .toc .toc-li a:hover {
  color: rgb(247, 133, 83);
}
.cherry-markdown.theme__dark figure svg path, .cherry-markdown.theme__dark figure svg rect, .cherry-markdown.theme__dark figure svg line {
  stroke: rgb(255, 203, 107) !important;
}
.cherry-markdown.theme__dark figure svg text {
  fill: rgb(250, 160, 0) !important;
  stroke: none !important;
}
.cherry-markdown.theme__dark figure svg tspan {
  fill: rgb(250, 160, 0) !important;
}
.cherry-markdown.theme__dark figure svg circle {
  fill: rgb(236, 236, 255) !important;
}
.cherry-markdown.theme__dark figure svg circle.state-start {
  fill: rgb(250, 160, 0) !important;
}
@keyframes changeBgColorDark {
  0% {
    background-color: rgb(78, 76, 76);
  }
  60% {
    background-color: rgb(78, 76, 76);
  }
  100% {
    background-color: rgb(51, 51, 51);
  }
}
.cherry-markdown.theme__dark .cherry-highlight-line {
  animation: changeBgColorDark 3s;
}

/** 色值可以参考：https://yeun.github.io/open-color/ */
/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__light {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
}
.cherry.theme__light .cherry-toolbar, .cherry.theme__light .cherry-floatmenu, .cherry.theme__light .cherry-bubble, .cherry.theme__light .cherry-sidebar {
  background: white;
  border-color: white;
}
.cherry.theme__light .cherry-toolbar .cherry-toolbar-button, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__light .cherry-bubble .cherry-toolbar-button, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button {
  color: #3f4a56;
}
.cherry.theme__light .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__light .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: #ebf3ff;
  color: #5d9bfc !important;
  border-color: white;
}
.cherry.theme__light .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button:hover i {
  color: #5d9bfc !important;
}
.cherry.theme__light .cherry-dropdown {
  background: white;
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__light .cherry-dropdown .cherry-dropdown-item {
  color: #3f4a56;
}
.cherry.theme__light .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: #ebf3ff;
  color: #5d9bfc;
}
.cherry.theme__light .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: #ebf3ff;
  color: #5d9bfc;
}
.cherry.theme__light .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__light .cherry-dropdown.cherry-color-wrap h3 {
  color: #3f4a56;
}
.cherry.theme__light .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: #ebf3ff;
}
.cherry.theme__light .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: rgb(247, 133, 83);
}
.cherry.theme__light .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: #ebf3ff;
}
.cherry.theme__light .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__light .cherry-bubble .cherry-bubble-bottom {
  border-top-color: white;
}
.cherry.theme__light .cherry-bubble .cherry-bubble-top {
  border-bottom-color: white;
}
.cherry.theme__light .cherry-editor {
  background-color: rgb(255, 255, 255);
}
.cherry.theme__light .cherry-editor .CodeMirror {
  background-color: rgb(255, 255, 255);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid rgb(0, 0, 0);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: rgb(63, 74, 86);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: rgb(34, 139, 230);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: rgb(215, 230, 254);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: rgb(77, 171, 247);
}
.cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: #ebf3ff;
}
.cherry.theme__light .cherry-sidebar {
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry.theme__light .cherry-previewer {
  background-color: rgb(255, 255, 255);
}
.cherry.theme__light .cherry-previewer .cherry-mobile-previewer-content {
  background-color: rgb(255, 255, 255);
}
.cherry.theme__light .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: rgb(255, 255, 255);
  color: rgb(63, 74, 86);
  outline-color: rgb(34, 139, 230);
}

/** 预览区域样式 */
.cherry-markdown.theme__light {
  color: rgb(63, 74, 86);
  background-color: rgb(255, 255, 255);
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__light h1, .cherry-markdown.theme__light h2, .cherry-markdown.theme__light h3, .cherry-markdown.theme__light h4, .cherry-markdown.theme__light h5 {
  color: rgb(34, 139, 230);
}
.cherry-markdown.theme__light h1, .cherry-markdown.theme__light h2, .cherry-markdown.theme__light h3, .cherry-markdown.theme__light h4, .cherry-markdown.theme__light h5, .cherry-markdown.theme__light h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__light ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__light ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__light ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__light ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__light ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__light ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__light ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__light blockquote {
  color: rgb(63, 74, 86);
  background-color: rgb(231, 245, 255);
  border-color: rgb(25, 113, 194);
}
.cherry-markdown.theme__light a {
  text-decoration: none;
  color: rgb(77, 171, 247);
}
.cherry-markdown.theme__light a:hover {
  text-decoration: underline;
  color: rgb(34, 139, 230);
}
.cherry-markdown.theme__light hr {
  border-color: rgb(25, 113, 194);
}
.cherry-markdown.theme__light code:not([class]) {
  background-color: rgb(215, 230, 254);
  color: rgb(77, 171, 247);
  border: 1px solid rgb(25, 113, 194);
}
.cherry-markdown.theme__light table, .cherry-markdown.theme__light .cherry-table {
  color: rgb(63, 74, 86);
}
.cherry-markdown.theme__light table th, .cherry-markdown.theme__light .cherry-table th {
  background-color: rgb(215, 230, 254);
}
.cherry-markdown.theme__light table tr, .cherry-markdown.theme__light table th, .cherry-markdown.theme__light table td, .cherry-markdown.theme__light .cherry-table tr, .cherry-markdown.theme__light .cherry-table th, .cherry-markdown.theme__light .cherry-table td {
  border-color: rgb(25, 113, 194);
}
.cherry-markdown.theme__light ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__light .footnote {
  border-color: rgb(25, 113, 194);
}
.cherry-markdown.theme__light .footnote .footnote-title {
  background-color: rgb(215, 230, 254);
}
.cherry-markdown.theme__light .footnote .one-footnote {
  color: rgb(63, 74, 86);
  border-color: rgb(25, 113, 194);
}
.cherry-markdown.theme__light .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
/** 色值可以参考：https://yeun.github.io/open-color/ */
/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__green {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
}
.cherry.theme__green .cherry-toolbar, .cherry.theme__green .cherry-floatmenu, .cherry.theme__green .cherry-bubble, .cherry.theme__green .cherry-sidebar {
  background: #FFF;
  border-color: #FFF;
}
.cherry.theme__green .cherry-toolbar .cherry-toolbar-button, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__green .cherry-bubble .cherry-toolbar-button, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button {
  color: #2b8a3e;
}
.cherry.theme__green .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__green .cherry-bubble .cherry-toolbar-button i, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button i {
  color: #2b8a3e;
}
.cherry.theme__green .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__green .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: #51cf66;
  color: #ebfbee !important;
  border-color: #FFF;
}
.cherry.theme__green .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button:hover i {
  color: #ebfbee !important;
}
.cherry.theme__green .cherry-dropdown {
  background: #FFF;
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__green .cherry-dropdown .cherry-dropdown-item {
  color: #2b8a3e;
}
.cherry.theme__green .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: #51cf66;
  color: #ebfbee;
}
.cherry.theme__green .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: #51cf66;
  color: #ebfbee;
}
.cherry.theme__green .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__green .cherry-dropdown.cherry-color-wrap h3 {
  color: #2b8a3e;
}
.cherry.theme__green .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: #51cf66;
}
.cherry.theme__green .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: #2b8a3e;
}
.cherry.theme__green .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: #51cf66;
}
.cherry.theme__green .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__green .cherry-bubble .cherry-bubble-bottom {
  border-top-color: #FFF;
}
.cherry.theme__green .cherry-bubble .cherry-bubble-top {
  border-bottom-color: #FFF;
}
.cherry.theme__green .cherry-editor {
  background-color: #FFF;
}
.cherry.theme__green .cherry-editor .CodeMirror {
  background-color: #FFF;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid #2b8a3e;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: #2b8a3e;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: #37b24d;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: #ebfbee;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: #40c057;
}
.cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: #b2f2bb;
}
.cherry.theme__green .cherry-sidebar {
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry.theme__green .cherry-previewer {
  background-color: #ebfbee;
}
.cherry.theme__green .cherry-previewer .cherry-mobile-previewer-content {
  background-color: #FFF;
}
.cherry.theme__green .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: #FFF;
  color: #2b8a3e;
  outline-color: #37b24d;
}

/** 预览区域样式 */
.cherry-markdown.theme__green {
  color: #2b8a3e;
  background-color: #ebfbee;
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__green h1, .cherry-markdown.theme__green h2, .cherry-markdown.theme__green h3, .cherry-markdown.theme__green h4, .cherry-markdown.theme__green h5 {
  color: #37b24d;
  text-align: center;
  margin-bottom: 35px;
}
.cherry-markdown.theme__green h1, .cherry-markdown.theme__green h2, .cherry-markdown.theme__green h3, .cherry-markdown.theme__green h4, .cherry-markdown.theme__green h5, .cherry-markdown.theme__green h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__green ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__green ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__green ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__green ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__green ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__green ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__green ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__green blockquote {
  color: #2b8a3e;
  background-color: #d3f9d8;
  border-color: #2f9e44;
}
.cherry-markdown.theme__green a {
  text-decoration: none;
  color: #40c057;
}
.cherry-markdown.theme__green a:hover {
  text-decoration: underline;
  color: #37b24d;
}
.cherry-markdown.theme__green hr {
  border-color: #2f9e44;
}
.cherry-markdown.theme__green code:not([class]) {
  background-color: #d3f9d8;
  color: #40c057;
  border: 1px solid #2f9e44;
}
.cherry-markdown.theme__green table, .cherry-markdown.theme__green .cherry-table {
  color: #2b8a3e;
}
.cherry-markdown.theme__green table th, .cherry-markdown.theme__green .cherry-table th {
  background-color: #d3f9d8;
}
.cherry-markdown.theme__green table tr, .cherry-markdown.theme__green table th, .cherry-markdown.theme__green table td, .cherry-markdown.theme__green .cherry-table tr, .cherry-markdown.theme__green .cherry-table th, .cherry-markdown.theme__green .cherry-table td {
  border-color: #2f9e44;
}
.cherry-markdown.theme__green ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__green .footnote {
  border-color: #2f9e44;
}
.cherry-markdown.theme__green .footnote .footnote-title {
  background-color: #d3f9d8;
}
.cherry-markdown.theme__green .footnote .one-footnote {
  color: #2b8a3e;
  border-color: #2f9e44;
}
.cherry-markdown.theme__green .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown.theme__green .toc {
  border-bottom: 1px solid #2f9e44;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.cherry-markdown.theme__green .toc .toc-title {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #2f9e44;
}
.cherry-markdown.theme__green .toc .toc-li {
  border: none;
}
.cherry-markdown.theme__green .toc .toc-li a {
  color: #2b8a3e;
}
.cherry-markdown.theme__green .toc .toc-li a:hover {
  color: #37b24d;
}

/** 色值可以参考：https://yeun.github.io/open-color/ */
/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__red {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
}
.cherry.theme__red .cherry-toolbar, .cherry.theme__red .cherry-floatmenu, .cherry.theme__red .cherry-bubble, .cherry.theme__red .cherry-sidebar {
  background: #ffdeeb;
  border-color: #ffdeeb;
}
.cherry.theme__red .cherry-toolbar .cherry-toolbar-button, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__red .cherry-bubble .cherry-toolbar-button, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button {
  color: #c2255c;
}
.cherry.theme__red .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__red .cherry-bubble .cherry-toolbar-button i, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button i {
  color: #c2255c;
}
.cherry.theme__red .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__red .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: #f06595;
  color: #fff0f6 !important;
  border-color: #ffdeeb;
}
.cherry.theme__red .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button:hover i {
  color: #fff0f6 !important;
}
.cherry.theme__red .cherry-dropdown {
  background: #ffdeeb;
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__red .cherry-dropdown .cherry-dropdown-item {
  color: #c2255c;
}
.cherry.theme__red .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: #f06595;
  color: #fff0f6;
}
.cherry.theme__red .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: #f06595;
  color: #fff0f6;
}
.cherry.theme__red .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__red .cherry-dropdown.cherry-color-wrap h3 {
  color: #c2255c;
}
.cherry.theme__red .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: #f06595;
}
.cherry.theme__red .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: #a61e4d;
}
.cherry.theme__red .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: #f06595;
}
.cherry.theme__red .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__red .cherry-bubble .cherry-bubble-bottom {
  border-top-color: #ffdeeb;
}
.cherry.theme__red .cherry-bubble .cherry-bubble-top {
  border-bottom-color: #ffdeeb;
}
.cherry.theme__red .cherry-editor {
  background-color: #fff0f6;
}
.cherry.theme__red .cherry-editor .CodeMirror {
  background-color: #fff0f6;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid #a61e4d;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: #a61e4d;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: #d6336c;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: #ffdeeb;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: #f06595;
}
.cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: #fcc2d7;
}
.cherry.theme__red .cherry-sidebar {
  box-shadow: 0 0 10px #fcc2d7;
}
.cherry.theme__red .cherry-previewer {
  background-color: #fff0f6;
}
.cherry.theme__red .cherry-previewer .cherry-mobile-previewer-content {
  background-color: #fff0f6;
}
.cherry.theme__red .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: #fff0f6;
  color: #a61e4d;
  outline-color: #d6336c;
}

/** 预览区域样式 */
.cherry-markdown.theme__red {
  color: #a61e4d;
  background-color: #fff0f6;
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__red h1, .cherry-markdown.theme__red h2, .cherry-markdown.theme__red h3, .cherry-markdown.theme__red h4, .cherry-markdown.theme__red h5 {
  color: #d6336c;
  text-align: center;
  border-bottom: 1px dashed #c2255c;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.cherry-markdown.theme__red h1, .cherry-markdown.theme__red h2, .cherry-markdown.theme__red h3, .cherry-markdown.theme__red h4, .cherry-markdown.theme__red h5, .cherry-markdown.theme__red h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__red ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__red ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__red ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__red ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__red ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__red ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__red ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__red blockquote {
  color: #a61e4d;
  background-color: #ffdeeb;
  border-color: #c2255c;
}
.cherry-markdown.theme__red a {
  text-decoration: none;
  color: #f06595;
}
.cherry-markdown.theme__red a:hover {
  text-decoration: underline;
  color: #d6336c;
}
.cherry-markdown.theme__red hr {
  border-color: #c2255c;
}
.cherry-markdown.theme__red code:not([class]) {
  background-color: #ffdeeb;
  color: #f06595;
  border: 1px solid #c2255c;
}
.cherry-markdown.theme__red table, .cherry-markdown.theme__red .cherry-table {
  color: #a61e4d;
}
.cherry-markdown.theme__red table th, .cherry-markdown.theme__red .cherry-table th {
  background-color: #ffdeeb;
}
.cherry-markdown.theme__red table tr, .cherry-markdown.theme__red table th, .cherry-markdown.theme__red table td, .cherry-markdown.theme__red .cherry-table tr, .cherry-markdown.theme__red .cherry-table th, .cherry-markdown.theme__red .cherry-table td {
  border-color: #c2255c;
}
.cherry-markdown.theme__red ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__red .footnote {
  border-color: #c2255c;
}
.cherry-markdown.theme__red .footnote .footnote-title {
  background-color: #ffdeeb;
}
.cherry-markdown.theme__red .footnote .one-footnote {
  color: #a61e4d;
  border-color: #c2255c;
}
.cherry-markdown.theme__red .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown.theme__red .toc {
  border-bottom: 1px solid #c2255c;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.cherry-markdown.theme__red .toc .toc-title {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c2255c;
}
.cherry-markdown.theme__red .toc .toc-li {
  border: none;
}
.cherry-markdown.theme__red .toc .toc-li a {
  color: #a61e4d;
}
.cherry-markdown.theme__red .toc .toc-li a:hover {
  color: #d6336c;
}

/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__violet {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
  /** 光标focus到空行时联想出的按钮 */
}
.cherry.theme__violet .cherry-toolbar,
.cherry.theme__violet .cherry-floatmenu,
.cherry.theme__violet .cherry-bubble,
.cherry.theme__violet .cherry-sidebar {
  background: #FFF;
  border-color: #FFF;
}
.cherry.theme__violet .cherry-toolbar .cherry-toolbar-button,
.cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button,
.cherry.theme__violet .cherry-bubble .cherry-toolbar-button,
.cherry.theme__violet .cherry-sidebar .cherry-toolbar-button {
  color: #5f3dc4;
}
.cherry.theme__violet .cherry-toolbar .cherry-toolbar-button i,
.cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button i,
.cherry.theme__violet .cherry-bubble .cherry-toolbar-button i,
.cherry.theme__violet .cherry-sidebar .cherry-toolbar-button i {
  color: #5f3dc4;
}
.cherry.theme__violet .cherry-toolbar .cherry-toolbar-button:hover,
.cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button:hover,
.cherry.theme__violet .cherry-bubble .cherry-toolbar-button:hover,
.cherry.theme__violet .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: #845ef7;
  color: #f3f0ff !important;
  border-color: #FFF;
}
.cherry.theme__violet .cherry-toolbar .cherry-toolbar-button:hover i,
.cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button:hover i,
.cherry.theme__violet .cherry-bubble .cherry-toolbar-button:hover i,
.cherry.theme__violet .cherry-sidebar .cherry-toolbar-button:hover i {
  color: #f3f0ff !important;
}
.cherry.theme__violet .cherry-dropdown {
  background: #FFF;
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__violet .cherry-dropdown .cherry-dropdown-item {
  color: #5f3dc4;
}
.cherry.theme__violet .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: #845ef7;
  color: #f3f0ff;
}
.cherry.theme__violet .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: #845ef7;
  color: #f3f0ff;
}
.cherry.theme__violet .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__violet .cherry-dropdown.cherry-color-wrap h3 {
  color: #5f3dc4;
}
.cherry.theme__violet .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: #845ef7;
}
.cherry.theme__violet .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: #5f3dc4;
}
.cherry.theme__violet .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: #845ef7;
}
.cherry.theme__violet .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__violet .cherry-bubble .cherry-bubble-bottom {
  border-top-color: #FFF;
}
.cherry.theme__violet .cherry-bubble .cherry-bubble-top {
  border-bottom-color: #FFF;
}
.cherry.theme__violet .cherry-editor {
  background-color: #FFF;
}
.cherry.theme__violet .cherry-editor .CodeMirror {
  background-color: #FFF;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid #5f3dc4;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll span,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: #5f3dc4;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: #7048e8;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: #f3f0ff;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment,
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: #7950f2;
}
.cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: #d0bfff;
}
.cherry.theme__violet .cherry-sidebar {
  box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry.theme__violet .cherry-previewer {
  background-color: #FFF;
}
.cherry.theme__violet .cherry-previewer .cherry-mobile-previewer-content {
  background-color: #FFF;
}
.cherry.theme__violet .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: #FFF;
  color: #5f3dc4;
  outline-color: #7048e8;
}

/** 预览区域样式 */
.cherry-markdown.theme__violet {
  color: #5f3dc4;
  background-color: #FFF;
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__violet h1,
.cherry-markdown.theme__violet h2,
.cherry-markdown.theme__violet h3,
.cherry-markdown.theme__violet h4,
.cherry-markdown.theme__violet h5 {
  color: #7048e8;
  text-align: center;
  margin-bottom: 35px;
}
.cherry-markdown.theme__violet h1,
.cherry-markdown.theme__violet h2,
.cherry-markdown.theme__violet h3,
.cherry-markdown.theme__violet h4,
.cherry-markdown.theme__violet h5,
.cherry-markdown.theme__violet h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__violet ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__violet ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__violet ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__violet ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__violet ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__violet ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__violet ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__violet blockquote {
  color: #5f3dc4;
  background-color: #e5dbff;
  border-color: #6741d9;
}
.cherry-markdown.theme__violet a {
  text-decoration: none;
  color: #7950f2;
}
.cherry-markdown.theme__violet a:hover {
  text-decoration: underline;
  color: #7048e8;
}
.cherry-markdown.theme__violet hr {
  border-color: #6741d9;
}
.cherry-markdown.theme__violet code:not([class]) {
  background-color: #e5dbff;
  color: #7950f2;
  border: 1px solid #6741d9;
}
.cherry-markdown.theme__violet table,
.cherry-markdown.theme__violet .cherry-table {
  color: #5f3dc4;
}
.cherry-markdown.theme__violet table th,
.cherry-markdown.theme__violet .cherry-table th {
  background-color: #e5dbff;
}
.cherry-markdown.theme__violet table tr,
.cherry-markdown.theme__violet table th,
.cherry-markdown.theme__violet table td,
.cherry-markdown.theme__violet .cherry-table tr,
.cherry-markdown.theme__violet .cherry-table th,
.cherry-markdown.theme__violet .cherry-table td {
  border-color: #6741d9;
}
.cherry-markdown.theme__violet ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__violet .footnote {
  border-color: #6741d9;
}
.cherry-markdown.theme__violet .footnote .footnote-title {
  background-color: #e5dbff;
}
.cherry-markdown.theme__violet .footnote .one-footnote {
  color: #5f3dc4;
  border-color: #6741d9;
}
.cherry-markdown.theme__violet .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown.theme__violet .toc {
  border-bottom: 1px solid #6741d9;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.cherry-markdown.theme__violet .toc .toc-title {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #6741d9;
}
.cherry-markdown.theme__violet .toc .toc-li {
  border: none;
}
.cherry-markdown.theme__violet .toc .toc-li a {
  color: #5f3dc4;
}
.cherry-markdown.theme__violet .toc .toc-li a:hover {
  color: #7048e8;
}

/** 色值可以参考：https://yeun.github.io/open-color/ */
/** 工具栏样式 */
/** 编辑区域样式 */
/** 预览区域样式 */
/** markdown样式 */
/** 编辑器样式 */
.cherry.theme__blue {
  /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
  /** 二级菜单 */
  /** 选中文字时弹出的按钮 */
}
.cherry.theme__blue .cherry-toolbar, .cherry.theme__blue .cherry-floatmenu, .cherry.theme__blue .cherry-bubble, .cherry.theme__blue .cherry-sidebar {
  background: #EDE7F6;
  border-color: #EDE7F6;
  box-shadow: 0 0 12px #C5CAE9;
}
.cherry.theme__blue .cherry-toolbar .cherry-toolbar-button, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button {
  color: #3949AB;
}
.cherry.theme__blue .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button i, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button i {
  color: #3949AB;
}
.cherry.theme__blue .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: #B39DDB;
  color: #edf2ff !important;
  border-color: #EDE7F6;
}
.cherry.theme__blue .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button:hover i {
  color: #edf2ff !important;
}
.cherry.theme__blue .cherry-dropdown {
  background: #EDE7F6;
  /** 选择颜色的按钮 */
  /** 选择表格的按钮 */
}
.cherry.theme__blue .cherry-dropdown .cherry-dropdown-item {
  color: #3949AB;
}
.cherry.theme__blue .cherry-dropdown .cherry-dropdown-item__selected {
  background-color: #B39DDB;
  color: #edf2ff;
}
.cherry.theme__blue .cherry-dropdown .cherry-dropdown-item:hover {
  background-color: #B39DDB;
  color: #edf2ff;
}
.cherry.theme__blue .cherry-dropdown.cherry-color-wrap {
  /** 色盘的标题 */
  /** 色盘里的每一个色块 */
}
.cherry.theme__blue .cherry-dropdown.cherry-color-wrap h3 {
  color: #3949AB;
}
.cherry.theme__blue .cherry-dropdown.cherry-color-wrap .cherry-color-item {
  border-color: #B39DDB;
}
.cherry.theme__blue .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
  border-color: #283593;
}
.cherry.theme__blue .cherry-dropdown .cherry-insert-table-menu-item {
  border-color: #B39DDB;
}
.cherry.theme__blue .cherry-bubble {
  /** 粘贴HTML内容时弹出的选择按钮 */
}
.cherry.theme__blue .cherry-bubble .cherry-bubble-bottom {
  border-top-color: #EDE7F6;
}
.cherry.theme__blue .cherry-bubble .cherry-bubble-top {
  border-bottom-color: #EDE7F6;
}
.cherry.theme__blue .cherry-editor {
  background-color: rgba(243, 240, 255, 0.862745098);
}
.cherry.theme__blue .cherry-editor .CodeMirror {
  background-color: rgba(243, 240, 255, 0.862745098);
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-cursor {
  border-left: 1px solid #283593;
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
  color: #283593;
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-atom {
  color: #303F9F;
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  background-color: #EDE7F6;
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
  color: #8C9EFF;
}
.cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-selected {
  background-color: #D1C4E9;
}
.cherry.theme__blue .cherry-sidebar {
  box-shadow: 0 0 12px #C5CAE9;
}
.cherry.theme__blue .cherry-previewer {
  background-color: rgba(243, 240, 255, 0.862745098);
}
.cherry.theme__blue .cherry-previewer .cherry-mobile-previewer-content {
  background-color: rgba(243, 240, 255, 0.862745098);
}
.cherry.theme__blue .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: rgba(243, 240, 255, 0.862745098);
  color: #283593;
  outline-color: #303F9F;
}

/** 预览区域样式 */
.cherry-markdown.theme__blue {
  color: #283593;
  background-color: rgba(243, 240, 255, 0.862745098);
  /** 行内代码 */
  /** 
  * 代码块
  */
  /** 
  * 表格
  */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__blue h1, .cherry-markdown.theme__blue h2, .cherry-markdown.theme__blue h3, .cherry-markdown.theme__blue h4, .cherry-markdown.theme__blue h5 {
  color: #303F9F;
  text-align: center;
  border-bottom: 1px dashed #3949AB;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.cherry-markdown.theme__blue h1, .cherry-markdown.theme__blue h2, .cherry-markdown.theme__blue h3, .cherry-markdown.theme__blue h4, .cherry-markdown.theme__blue h5, .cherry-markdown.theme__blue h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__blue ul {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
}
.cherry-markdown.theme__blue ul.cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-markdown.theme__blue ul.cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-markdown.theme__blue ul.cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-markdown.theme__blue ul.cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-markdown.theme__blue ul.cherry-list__circle {
  list-style: circle;
}
.cherry-markdown.theme__blue ul.cherry-list__square {
  list-style: square;
}
.cherry-markdown.theme__blue blockquote {
  color: #283593;
  background-color: #EDE7F6;
  border-color: #3949AB;
}
.cherry-markdown.theme__blue a {
  text-decoration: none;
  color: #8C9EFF;
}
.cherry-markdown.theme__blue a:hover {
  text-decoration: underline;
  color: #303F9F;
}
.cherry-markdown.theme__blue hr {
  border-color: #3949AB;
}
.cherry-markdown.theme__blue code:not([class]) {
  background-color: #EDE7F6;
  color: #8C9EFF;
  border: 1px solid #3949AB;
}
.cherry-markdown.theme__blue table, .cherry-markdown.theme__blue .cherry-table {
  color: #283593;
}
.cherry-markdown.theme__blue table th, .cherry-markdown.theme__blue .cherry-table th {
  background-color: #EDE7F6;
}
.cherry-markdown.theme__blue table tr, .cherry-markdown.theme__blue table th, .cherry-markdown.theme__blue table td, .cherry-markdown.theme__blue .cherry-table tr, .cherry-markdown.theme__blue .cherry-table th, .cherry-markdown.theme__blue .cherry-table td {
  border-color: #3949AB;
}
.cherry-markdown.theme__blue ruby {
  /** 上部的拼音 */
}
.cherry-markdown.theme__blue .footnote {
  border-color: #3949AB;
}
.cherry-markdown.theme__blue .footnote .footnote-title {
  background-color: #EDE7F6;
}
.cherry-markdown.theme__blue .footnote .one-footnote {
  color: #283593;
  border-color: #3949AB;
}
.cherry-markdown.theme__blue .footnote .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown.theme__blue .toc {
  border-bottom: 1px solid #3949AB;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.cherry-markdown.theme__blue .toc .toc-title {
  text-align: center;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #3949AB;
}
.cherry-markdown.theme__blue .toc .toc-li {
  border: none;
}
.cherry-markdown.theme__blue .toc .toc-li a {
  color: #283593;
}
.cherry-markdown.theme__blue .toc .toc-li a:hover {
  color: #303F9F;
}
.sftp-ui-edit-content{height:0;overflow:hidden;position:relative;width:100%;background-color:var(--ot-editor-background-color);transition:height .4s cubic-bezier(.38,0,.24,1)}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline{height:100%;display:flex;flex-direction:column}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar{flex-shrink:0}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar .tea-tabs__scroll-area{overflow-x:auto;scrollbar-width:none}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar .tea-tabs__scroll-area.is-scrolling{padding:0}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar .tea-btn.tea-tabs__backward,.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar .tea-btn.tea-tabs__forward{display:none}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabpanel{height:calc(100% - 40px)}.sftp-ui-edit-content .sftp-ui-edit-content__label{color:var(--ot-font-color-secondary);font-size:12px;font-family:PingFang SC;line-height:20px;display:flex;align-items:center;flex-wrap:wrap}.sftp-ui-edit-content .sftp-ui-edit-content__label .line{width:1px;height:12px;background-color:var(--ot-border-background);margin-left:12px}.sftp-ui-edit-content .sftp-ui-edit-content__label .editing{color:var(--ot-font-color-primary);margin-right:12px}.sftp-ui-edit-content .sftp-ui-edit-content__label .status{display:flex;align-items:center;color:var(--ot-font-color-primary)}.sftp-ui-edit-content .sftp-ui-edit-content__label .status .tea-btn.tea-btn--link{padding:0!important;margin-left:4px}.sftp-ui-edit-content .sftp-ui-edit-content__label .status .orcaterm-loading,.sftp-ui-edit-content .sftp-ui-edit-content__label .status .ruyi-icon{font-size:16px;margin-right:4px}.sftp-ui-edit-content .sftp-ui-edit-content__label .status .ruyi-icon.ruyi-icon-check-circle-outlined{color:var(--ot-sepc-background-color-3)}.sftp-ui-edit-content .sftp-ui-edit-content__label .status .ruyi-icon.ruyi-icon-close-circle-outlined{color:var(--ot-warnning-background-color)}.sftp-ui-edit-content .sftp-ui-edit-content__label .status .ruyi-icon.ruyi-icon-ot-error-circle-outlined{color:var(--ot-font-color-6)}.sftp-ui-edit-content .sftp-ui-edit-content__inner{height:100%}.sftp-ui-edit-content .sftp-ui-edit-terminal{border-radius:4px;padding:16px;min-height:390px;margin-top:16px;box-sizing:border-box;height:calc(100% - 32px)}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;line-height:22px;font-family:PingFang SC;color:var(--ot-font-color-primary)}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .ot-icon{margin-bottom:12px}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-tips-title{font-weight:500}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-tips-desc{color:var(--ot-font-color-secondary);font-size:12px;line-height:20px}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-btn,.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .refresh-btn{margin-right:0;margin-top:12px;display:inline-flex;align-items:center;justify-content:center}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-btn .orcaterm-loading,.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .refresh-btn .orcaterm-loading{margin-right:4px}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-btn{color:var(--ot-font-color-secondary);margin-top:-80px}.sftp-ui-edit-content .sftp-ui-edit-terminal.loading-tips .loading-btn .orcaterm-loading{margin-right:12px;font-size:14px;line-height:20px}.sftp-ui-edit-content .tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabbar .tea-tabs__scroll-area .tea-tabs__tablist{padding-right:120px}.sftp-ui-edit-content .tea-btn.tea-btn--link.close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ot-font-color-primary);padding:0!important;position:absolute;right:16px;top:8px}.sftp-ui-edit-content .tea-btn.tea-btn--link.close-btn:hover{background-color:var(--ot-icon-hover-background-3)}.sftp-ui-edit-content.visible{height:500px;border-bottom:1px solid var(--ot-border-background-2)}.sftp-ui-edit-content.visible.is-full{height:100%;border-bottom:none}:root .sftp-ui-edit-content .sftp-ui-edit-terminal,[theme=dark] .sftp-ui-edit-content .sftp-ui-edit-terminal{background:rgba(44,44,44,.7)}[theme=light] .sftp-ui-edit-content .sftp-ui-edit-terminal{background:#f1f2f5}.tea-tabs.orcaterm-tabs.card-outline .tea-tabs__tabpanel.sftp-ui-jp-panel{padding:16px 0 8px;overflow:hidden;box-sizing:border-box}.sftp-ui-jupyter-notebook{height:100%;overflow:auto;scrollbar-color:var(--ot-radio-current-background-color) transparent;scrollbar-width:thin;-ms-overflow-style:none}.sftp-ui-jupyter-notebook::-webkit-scrollbar{width:6px;height:6px}.sftp-ui-jupyter-notebook::-webkit-scrollbar-thumb{background:var(--ot-radio-current-background-color);border-radius:37px;background-clip:content-box;border:1px solid transparent}.sftp-ui-jupyter-notebook::-webkit-scrollbar-thumb:hover{width:6px;height:6px}.sftp-ui-jupyter-notebook .sftp-ui-jupyter-notebook-inner{display:flex;flex-direction:column;height:100%;width:-moz-max-content;width:max-content;min-width:100%}.sftp-ui-jupyter-notebook .sftp-ui-jp-header{justify-content:space-between;padding-left:12px;padding-right:16px;box-sizing:border-box;gap:20px;width:-moz-fit-content;width:fit-content;min-width:100%}.sftp-ui-jupyter-notebook .sftp-ui-jp-header,.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left{display:flex;align-items:center;flex-shrink:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .ruyi-icon{flex-shrink:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .jp-split-line{width:1px;height:12px;margin:0 8px;background-color:var(--ot-line-background-1)}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .sftp-ui-jp-header-status+.sftp-ui-jp-header-status,.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .tea-btn+.tea-btn{margin-left:4px}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .sftp-ui-jp-header-status{display:flex;align-items:center;gap:4px;color:var(--ot-font-color-primary);font-size:12px;font-weight:400;line-height:20px;flex-shrink:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .sftp-ui-jp-header-status .ruyi-icon.ruyi-icon-check-circle-outlined{color:#32b25d}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .sftp-ui-jp-header-status .ruyi-icon.ruyi-icon-close-circle-outlined{color:#e54f40}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__left .sftp-ui-jp-header-status .tea-btn.tea-btn--link{padding:0!important;line-height:20px}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__right{display:flex;align-items:center;gap:8px}.sftp-ui-jupyter-notebook .sftp-ui-jp-header__right .core-loading{display:flex;align-items:center;gap:6px;color:var(--ot-font-color-primary);font-size:12px;font-weight:400;line-height:20px;flex-shrink:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-body{flex:1;display:flex;padding-bottom:24px;padding-top:32px;margin-top:8px}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-list-rows{width:100%;display:flex;flex-direction:column;gap:32px;flex:1 1 0%;width:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell{width:100%;position:relative;transition:all .3s ease-in-out}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-code{margin-left:40px;margin-right:16px;box-sizing:border-box;border-radius:4px;border:1px solid transparent;cursor:text}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-toolbar{position:absolute;right:24px;top:-14px;border-radius:4px;border:1px solid var(--ot-border-background-2);background:var(--ot-editor-background-color);display:flex;align-items:center;gap:6px;padding:3px 6px;opacity:0;transition:opcity .3s ease-in-out}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-toolbar .tea-btn.tea-btn--icon.ot-icon-btn:hover{background-color:var(--ot-background-color-8)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator{width:40px;height:100%;position:absolute;left:0;top:0;cursor:grab}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .execution-count-label{position:absolute;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ot-font-color-secondary);right:0;bottom:0;text-align:center;white-space:pre;width:32px}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container{width:10px;height:100%;opacity:0;transition:all .3s ease-in-out;cursor:pointer;transition:opcity .3s ease-in-out}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container .codeOutput-focus-indicator{width:3px;height:100%;border-radius:28px;margin-left:4px;background-color:var(--ot-line-background);transition:all .3s ease-in-out}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container:hover .codeOutput-focus-indicator{width:5px;margin-left:3px;height:100%;border-radius:28px;background-color:var(--ot-line-background)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .tea-btn.tea-btn--icon.ot-icon-btn.run-icon{position:absolute;top:0;right:6px;opacity:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-indicator .tea-btn.tea-btn--icon.ot-icon-btn.run-icon:hover{background-color:var(--ot-line-background-2)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.focused .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.focused .sftp-ui-jp-cell-indicator .tea-btn.tea-btn--icon.ot-icon-btn.run-icon,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell:hover .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell:hover .sftp-ui-jp-cell-indicator .tea-btn.tea-btn--icon.ot-icon-btn.run-icon{opacity:1}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.focused .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container .codeOutput-focus-indicator{background-color:var(--ot-font-color-1)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.focused .sftp-ui-jp-cell-toolbar,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.selected .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.selected .sftp-ui-jp-cell-indicator .tea-btn.tea-btn--icon.ot-icon-btn.run-icon{opacity:1}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.selected .sftp-ui-jp-cell-indicator .codeOutput-focus-indicator-container .codeOutput-focus-indicator{background-color:var(--ot-font-color-1)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.selected .sftp-ui-jp-cell-toolbar{opacity:1}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.selected .sftp-ui-jp-cell-code{border-color:var(--ot-font-color-1)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.error .sftp-ui-jp-cell-indicator,.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.error .sftp-ui-jp-cell-toolbar{opacity:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-oper{text-align:right}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-wrapper{position:relative;padding:4px 0;border:1px solid transparent}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-run-result{margin-top:8px;margin-left:40px;margin-right:16px;width:calc(100% - 56px);white-space:wrap;max-height:600px;overflow-y:auto;scrollbar-color:var(--ot-radio-current-background-color) transparent;scrollbar-width:thin;-ms-overflow-style:none}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-run-result::-webkit-scrollbar{width:6px;height:6px}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-run-result::-webkit-scrollbar-thumb{background:var(--ot-radio-current-background-color);border-radius:37px;background-clip:content-box;border:1px solid transparent}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-run-result::-webkit-scrollbar-thumb:hover{width:6px;height:6px}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container{margin:0 16px;display:flex;align-items:flex-start;justify-content:center;gap:4px;position:absolute;bottom:-32px;width:calc(100% - 32px);height:32px;opacity:0;transition:opcity .3s ease-in-out}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container .tea-btn.tea-btn--link.ot-text-icon-btn{margin-top:-7px;border-radius:4px;gap:2px;border:1px solid var(--ot-border-background-2)!important;background:var(--ot-editor-background-color)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container .tea-btn.tea-btn--link.ot-text-icon-btn:hover{background:var(--ot-background-color-60)}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container.top{top:-32px;bottom:unset}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container.top .tea-btn.tea-btn--link.ot-text-icon-btn{margin-top:0}.sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-bottom-toolbar-container:hover{opacity:1}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn{padding:0 4px!important;color:var(--ot-font-color-primary);font-size:12px;font-weight:400;line-height:20px;display:flex;align-items:center;gap:4px}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn:hover{background:var(--ot-top-background-color-1)}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status{margin-left:2px;width:8px;height:8px;border-radius:100%;box-sizing:border-box}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.idle{background-color:var(--ot-sepc-background-color-3)}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.restarting{background-color:var(--ot-background-color-22)}.sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.dead{background-color:var(--ot-warnning-background-color)}:root .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-code,[theme=dark] .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-code{background:rgba(44,44,44,.8)}:root .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.error .sftp-ui-jp-cell-code,[theme=dark] .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.error .sftp-ui-jp-cell-code{background:rgba(61,29,28,.4)}:root .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.starting,[theme=dark] .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.starting{background-color:#666}:root .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.busy,[theme=dark] .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.busy{background-color:rgba(229,79,64,.28);border:1px solid #e54f40}[theme=light] .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell-code{background:#f1f2f5}[theme=light] .sftp-ui-jupyter-notebook .sftp-ui-jp-body .sftp-ui-jp-cell.error .sftp-ui-jp-cell-code{background:rgba(229,79,64,.08)}[theme=light] .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.starting{background-color:#bcc4d0}[theme=light] .sftp-ui-jupyter-notebook .tea-btn.tea-btn--link.sftp-ui-jp-cell-core-btn .status.busy{background-color:rgba(229,91,78,.28);border:1px solid #e55b4e}.file-selection-root{width:100%;display:flex;align-items:center;overflow:hidden}.file-selection-root .ot-button--outline.browse,.file-selection-root .ot-button--outline.refresh{margin-left:8px;flex-shrink:0;min-width:30px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.file-selection-root .enter-btn.tea-btn{margin-left:8px}.file-selection-root__body{flex:1;height:30px;display:flex;align-items:center;border:1px solid var(--ot-border-background-2);padding:0 4px 0 8px;box-sizing:border-box;overflow:hidden;width:0}.file-selection-root__body.editing{padding:0;border:0}.file-selection-root__body.no-operation{background:transparent;border:0}.file-selection-root__list{display:flex;align-items:center;height:30px}.file-selection-root__list.auto{overflow-x:auto}.file-selection-root__list.auto::-webkit-scrollbar,.file-selection-root__list.auto::-webkit-scrollbar-thumb{display:none}.file-selection-root__list .file-selection-root__file-name{padding:0 2px;color:var(--ot-font-color-primary);font-size:12px;font-weight:400;line-height:20px;cursor:pointer;transition:all .1s ease 0s;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:132px}.file-selection-root__list .file-selection-root__file-name:hover{color:var(--ot-font-color-1)}.file-selection-root__list .file-selection-root__dropdown{margin:0 2px;height:16px;display:flex;align-items:center;justify-content:center;font-size:0;transition:all .1s ease 0s}.file-selection-root__list .file-selection-root__dropdown .tea-btn.tea-btn--icon{padding:0!important;min-width:16px!important;line-height:16px!important;background-color:var(--ot-icon-hover-background-5);border-radius:4px}.file-selection-root__list .file-selection-root__dropdown .tea-btn.tea-btn--icon:hover{background-color:var(--ot-icon-hover-background-2)}.file-selection-root__list .file-selection-root__dropdown .tea-btn.tea-btn--icon .ruyi-icon{color:var(--ot-font-color-primary)}.file-selection-root__list .file-selection-root__dropdown.is-expanded .tea-btn.tea-btn--icon .ruyi-icon.ruyi-icon-ot-chevron{transform:translate(0)}.file-selection-root__hot-zone{flex:1 1 0%;height:100%;cursor:text;min-width:12px}.file-selection-root__btns{display:flex;align-items:center;flex-shrink:0}.file-selection-root__btns .tea-btn.tea-btn--icon{min-width:24px;height:24px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.file-selection-root__btns .tea-btn.tea-btn--icon:hover{background-color:transparent}.file-selection-root__btns .tea-btn.tea-btn--icon .ruyi-icon{color:var(--ot-font-color-secondary);font-size:16px}.file-selection-root__btns .tea-btn.tea-btn--icon .ruyi-icon:hover{color:var(--ot-font-color-primary)}.file-selection-root .file-selection-root__body.no-operation .file-selection-root__list .file-selection-root__file-name{cursor:default;color:var(--ot-font-color-primary)}.file-selection-root .file-selection-root__body.no-operation .file-selection-root__list .file-selection-root__file-name:hover{color:var(--ot-font-color-primary)}.file-selection-root .file-selection-root__body.no-operation .file-selection-root__list .ruyi-icon.arrow-right.ruyi-icon-ot-chevron{font-size:16px;color:var(--ot-font-color-primary);margin:0 2px;flex-shrink:0}.file-selection-root .file-selection-root__body.no-operation .file-selection-root__list .ruyi-icon.ruyi-icon-ot-header-load{font-size:16px;color:var(--ot-font-color-primary);margin-right:6px;flex-shrink:0}.file-selection-root__dropdown-box.tea-dropdown-box{width:220px;padding:0!important}.file-selection-root__dropdown-box.tea-dropdown-box .tea-form--search .tea-btn.tea-btn--icon{display:inline-flex;align-items:center}.file-selection-root__dropdown-box.tea-dropdown-box .tea-form--search .tea-search{height:40px;line-height:38px}.file-selection-root__dropdown-box.tea-dropdown-box .tea-form--search .tea-input.tea-input--search{border-radius:0!important;height:40px!important}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list{max-height:270px;padding:8px 4px;box-sizing:border-box}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list .file-selection-root__dropdown-item{display:flex;align-items:center;padding:6px 12px!important;color:var(--ot-font-color-primary);font-size:12px;font-weight:400;line-height:20px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list .file-selection-root__dropdown-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list .file-selection-root__dropdown-item .ruyi-icon{margin-right:8px;flex-shrink:0}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list .file-selection-root__dropdown-item.is-disabled,.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-list .file-selection-root__dropdown-item.is-disabled .ruyi-icon{color:var(--ot-font-color-3)}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0;color:var(--ot-font-color-primary);font-size:14px;font-weight:400;line-height:22px;box-sizing:border-box;min-height:144px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .ot-icon.ot-load-empty,.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .ot-icon.ot-load-error,.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .ot-icon.ot-load-terminal-error{margin-bottom:12px;width:36px;height:36px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .desc{color:var(--ot-font-color-secondary);font-size:12px;line-height:20px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .refresh-btn.tea-btn{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;line-height:20px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-tips .refresh-btn.tea-btn .ruyi-icon{margin-right:4px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-loading{opacity:0;height:0;display:none}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-loading.show{display:block;opacity:1;height:auto;padding:20px 10px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-loading .orcaterm-skeleton__col{height:12px;border-radius:2px;background-color:var(--ot-background-color-3);position:relative;overflow-x:hidden;margin-bottom:8px}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-loading .orcaterm-skeleton__col:last-child{margin-bottom:0}.file-selection-root__dropdown-box.tea-dropdown-box .file-selection-root__dropdown-loading .orcaterm-skeleton__col:after{content:" ";position:absolute;bottom:0;left:0;right:0;top:0;background:var(--ot-background-color-skeleton-2);animation:ot-skeleton--gradient 1.5s linear 2s infinite}.file-selection-root__dropdown-box .tea-dropdown-box__footer{margin:0!important;padding:13px 16px 14px!important}.file-selection-root__dropdown-box .tea-dropdown-box__footer .ot-create-tag{height:auto}.file-selection-root__dropdown-box .tea-dropdown-box__footer .ot-create-tag .tea-input{width:128px;height:32px!important;line-height:30px}.file-selection-root__dropdown-box .tea-dropdown-box__footer .ot-create-tag__action{margin-left:12px;gap:8px}.file-selection-root__dropdown-box .tea-dropdown-box__footer .ot-create-tag__action .ruyi-icon-check-circle-filled{color:var(--ot-selected-background-color-1)}.file-selection-readonly-path,.file-selection-root__dropdown-box .tea-dropdown-box__footer .ot-create-tag__action .ruyi-icon-close-circle-filled{color:var(--ot-font-color-secondary)}.file-selection-readonly-path{background:var(--ot-background-color-2);flex-shrink:0;display:flex;gap:2px;align-items:center;cursor:not-allowed;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.file-selection-readonly-path .ruyi-icon{color:hsla(0,0%,100%,.5)}.file-selection-readonly-path>*{flex-shrink:0}.file-selection-root__body .file-selection-readonly-path{margin-left:-8px;margin-right:6px;padding:6px 8px}.file-selection-root__body.editing .file-selection-readonly-path{margin:0}.sftp-panel.win-panel .sftp-ui{padding:16px 20px;overflow-y:auto;scrollbar-color:var(--ot-radio-current-background-color) transparent;scrollbar-width:thin;-ms-overflow-style:none}.sftp-panel.win-panel .sftp-ui::-webkit-scrollbar{width:6px;height:6px}.sftp-panel.win-panel .sftp-ui::-webkit-scrollbar-thumb{background:var(--ot-radio-current-background-color);border-radius:37px;background-clip:content-box;border:1px solid transparent}.sftp-panel.win-panel .sftp-ui::-webkit-scrollbar-thumb:hover{width:6px;height:6px}.sftp-panel.win-panel .ot-file-manager__guide{color:var(--ot-font-color-primary)}.sftp-panel.win-panel .tea-text-label{color:var(--ot-font-color-secondary)!important}.sftp-panel.win-panel .tea-form-upload__inner{min-width:0;width:100%;min-height:203px;border-radius:4px;overflow:hidden}.sftp-panel.win-panel .tea-form-upload-drag{width:100%}.sftp-panel.win-panel .ot-file-manager__guide .tea-segment.ot-segment-group .tea-btn--weak.is-disabled{background-color:transparent!important;color:var(--ot-font-color-placeholder)!important}.sftp-panel.win-panel .tea-form-upload-drag .tea-form-upload__inner:hover{border-color:var(--ot-selected-background-color-1);background-color:var(--ot-background-color-64)}.sftp-panel.win-panel .tea-form-upload-drag .tea-form-upload__inner:hover .ot-upload-trigger-icon{background-color:var(--ot-background-color-74)}.sftp-panel.win-panel .tea-form-upload-drag .tea-form-upload__inner .tea-text__upload-drag{left:0;right:0;top:0;bottom:0;transform:none;display:flex;align-items:center;justify-content:center}.sftp-panel.win-panel .ot-upload-trigger-panel{cursor:pointer;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ot-file-manager__guide-title{color:var(--ot-font-color-primary);font-size:14px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:8px;display:flex;align-items:center}.ot-file-manager__guide-title .ot-icon-recommend-lightning,.ot-file-manager__guide-title .ruyi-icon{margin-right:8px}.ot-file-manager__guide-img{display:block;width:100%;-o-object-fit:contain;object-fit:contain}.ot-file-manager__guide-media{margin-top:8px}.ot-file-manager__guide-media video{width:100%}.ot-file-manager__guide+.ot-file-manager__guide{margin-top:40px}[theme=dark] .ot-file-manager__guide-img.is-light,[theme=light] .ot-file-manager__guide-img.is-dark{display:none}.tea-segment.ot-segment-group{background-color:var(--ot-footer-background-color);border-radius:4px;padding:2px}.tea-segment.ot-segment-group .tea-btn--weak{background-color:transparent!important;border-radius:4px!important;margin:0;color:var(--ot-font-color-secondary)!important}.tea-segment.ot-segment-group .tea-btn--weak+.tea-btn--weak{margin-left:2px}.tea-segment.ot-segment-group .tea-btn--weak .ruyi-icon{margin-right:8px;vertical-align:-4px}.tea-segment.ot-segment-group .tea-btn--weak:hover{background-color:var(--ot-radio-current-background-color-1)}.tea-segment.ot-segment-group .tea-btn--weak.is-selected,.tea-segment.ot-segment-group .tea-btn--weak.is-selected:hover,.tea-segment.ot-segment-group .tea-btn--weak:hover{color:var(--ot-font-color-primary)!important;background-color:var(--ot-radio-current-background-color-1)!important}.tea-segment.ot-segment-group .tea-btn--weak.is-disabled{background-color:transparent!important;color:var(--ot-font-color-placeholder)!important}.tea-segment.is-full{width:100%;display:flex}.tea-segment.is-full .tea-btn--weak{flex:1;height:26px;line-height:26px}:root .tea-form-upload-drag,[theme=dark] .tea-form-upload-drag,[theme=light] .tea-form-upload-drag{color:var(--ot-font-color-primary)}:root .tea-form-upload-drag .tea-btn--link,[theme=dark] .tea-form-upload-drag .tea-btn--link,[theme=light] .tea-form-upload-drag .tea-btn--link{padding:0!important}:root .tea-form-upload-drag .tea-form-upload__inner,[theme=dark] .tea-form-upload-drag .tea-form-upload__inner,[theme=light] .tea-form-upload-drag .tea-form-upload__inner{background-color:var(--ot-background-color-12);border-color:var(--ot-background-color-3)}:root .ot-upload-trigger-icon,[theme=dark] .ot-upload-trigger-icon,[theme=light] .ot-upload-trigger-icon{cursor:pointer;width:32px;height:32px;border-radius:50%;background-color:var(--ot-background-color-2);color:var(--ot-font-color-primary);text-align:center;line-height:30px;margin:0 auto 12px}:root .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner,[theme=dark] .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner,[theme=light] .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner{background-color:var(--ot-background-color-2)}:root .tea-dialog__messagetext,[theme=dark] .tea-dialog__messagetext,[theme=light] .tea-dialog__messagetext{color:var(--ot-font-color-primary)}:root .tea-form-upload__intro.tea-text-weak,[theme=dark] .tea-form-upload__intro.tea-text-weak,[theme=light] .tea-form-upload__intro.tea-text-weak{color:var(--ot-font-color-secondary)!important}:root .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner,[theme=dark] .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner,[theme=light] .tea-form-upload-drag.tea-form-upload-drag--drag .tea-form-upload__inner{background-color:var(--ot-background-color-64)!important}:root .ot-icon-recommend-lightning,[theme=dark] .ot-icon-recommend-lightning{display:inline-block;width:18px;height:18px;background:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/602cc6bf-27cd-438f-8b99-1485234adfd1.svg) 50%/contain no-repeat}[theme=light] .ot-icon-recommend-lightning{background:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/f332460c-c497-4ebb-8fe2-789569727213.svg) 50%/contain no-repeat}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload{pointer-events:none}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__inner{width:560px;pointer-events:all;border:.5px solid var(--ot-line-background)}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body{padding:20px 24px;box-sizing:border-box;width:100%;overflow:hidden}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form,.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item{display:block}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .tea-form__label{margin-bottom:4px;line-height:20px;padding-right:0}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .tea-form__label label{color:var(--ot-font-color-secondary)}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .tea-form__controls{padding-bottom:20px;padding-right:0;width:100%}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__label-root{width:512px}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__label-root .sftp-ui-dialog__mutibox-root{width:100%}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__input.tea-input{background:var(--ot-background-color-2)!important}.tea-dialog.ot-dialog.sftp-ui-dialog__file-upload .tea-dialog__body .tea-form .tea-form__item:last-child .tea-form__controls{padding-bottom:0;padding-right:0}.upload-file-list{max-height:180px;overflow-y:auto;scrollbar-color:var(--ot-radio-current-background-color) transparent;scrollbar-width:thin;-ms-overflow-style:none}.upload-file-list::-webkit-scrollbar{width:6px;height:6px}.upload-file-list::-webkit-scrollbar-thumb{background:var(--ot-radio-current-background-color);border-radius:37px;background-clip:content-box;border:1px solid transparent}.upload-file-list::-webkit-scrollbar-thumb:hover{width:6px;height:6px}.upload-file-list .upload-file-item{display:flex;align-items:center;gap:4px;color:var(--ot-font-color-primary);font-size:14px;font-weight:500;line-height:22px;margin-bottom:2px;width:100%;overflow:hidden}.upload-file-list .upload-file-item .upload-file-item__info{flex:1;overflow:hidden}.upload-file-list .upload-file-item:last-child{margin-bottom:0}.upload-file-list .upload-file-item .ot-icon{width:48px;height:48px;flex-shrink:0;margin-left:-6px}.upload-file-list .upload-file-item .upload-file-item__info-size{color:var(--ot-font-color-secondary);font-size:12px;font-weight:400;line-height:20px}:root .upload-file-list .upload-file-item .ot-icon.upload-folder-icon,[theme=dark] .upload-file-list .upload-file-item .ot-icon.upload-folder-icon{background-image:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/cfbcdcbd-a8cb-4182-9d8b-906c30107bbf.svg)}:root .upload-file-list .upload-file-item .ot-icon.upload-file-icon,[theme=dark] .upload-file-list .upload-file-item .ot-icon.upload-file-icon{background-image:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/4a7ada95-e7b9-4b51-ac11-754307288053.svg)}[theme=light] .upload-file-list .upload-file-item .ot-icon.upload-folder-icon{background-image:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/b0142310-91d3-4cbd-9ce0-17ec011ff84b.svg)}[theme=light] .upload-file-list .upload-file-item .ot-icon.upload-file-icon{background-image:url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/other_external_resource/f643a676-12ff-46b8-ad94-af6a47a6e4a7.svg)}.orcaterm-command-library.sftp-panel .orcaterm-command-library-inner,.orcaterm-command-library.sftp-panel.visible{width:360px;flex-shrink:0}.orcaterm-command-library.sftp-panel.visible.win-panel,.orcaterm-command-library.sftp-panel.visible.win-panel .orcaterm-command-library-inner{width:408px;flex-shrink:0}.orcaterm-command-library.sftp-panel .command-library-body{padding:0;overflow:hidden}.sftp-ui{position:relative;height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:16px 20px;background:var(--ot-background-color-12)}.sftp-ui-btn-groups{margin-bottom:20px;justify-content:space-between}.sftp-ui-btn-groups,.sftp-ui-btn-groups__left{display:flex;align-items:center}.sftp-ui-btn-groups__left .sftp-ui-split-line{margin:0 12px;height:12px;width:1px;background-color:var(--ot-background-color-14)}.sftp-ui-btn-groups .tea-btn{padding-left:10px!important;padding-right:10px!important}.sftp-ui-btn-groups__dropdown .tea-dropdown__header{background-color:var(--ot-background-color-3);padding:0 36px 0 16px!important;border:none!important}.sftp-ui-btn-groups__dropdown .tea-dropdown__header .tea-icon.tea-icon-arrowdown{right:16px!important;transition:all .3s ease-in-out}.sftp-ui-btn-groups__dropdown .tea-dropdown__header:hover{background-color:var(--ot-background-color-23)!important}.sftp-ui-btn-groups__dropdown .tea-dropdown__header:hover .tea-icon.tea-icon-arrowdown{transform:rotate(180deg);transition:all .3s ease-in-out}.sftp-ui-btn-groups .tea-btn+.tea-btn{margin-left:8px}.sftp-ui-btn-groups__dropdown-box .ot-icon,.sftp-ui-btn-groups__dropdown-box .ruyi-icon{margin-right:8px}.sftp-ui-btn-groups__dropdown-box li{display:flex!important;align-items:center}.sftp-ui-table .tea-table__header{overflow:visible}.sftp-ui-table .table-header{display:flex;align-items:center;color:var(--ot-font-color-primary)}.sftp-ui-table .table-header .ruyi-icon{margin-left:4px;cursor:pointer;color:var(--ot-font-color-placeholder)}.sftp-ui-table .table-header .ruyi-icon.ruyi-icon-ot-arrow-up,.sftp-ui-table .table-header .ruyi-icon:hover{color:var(--ot-font-color-primary)}.sftp-ui-table .table-header-search{margin-left:2px;display:flex;align-items:center;position:relative;transition:all .3s ease-in-out}.sftp-ui-table .table-header-search .ruyi-icon.ruyi-icon-ot-search-icon{margin:0;color:var(--ot-font-color-placeholder)}.sftp-ui-table .table-header-search:hover .ruyi-icon.ruyi-icon-ot-search-icon{color:var(--ot-font-color-primary)}.sftp-ui-table .table-header-search .tea-bubble{margin-left:6px;position:absolute;left:20px;min-width:100px;top:calc(50% - 19px)}.sftp-ui-table .table-header-search.is-selected .ruyi-icon.ruyi-icon-ot-search-icon{color:var(--ot-font-color-primary)}.sftp-ui-table .table-header-search.is-selected .tea-form--search{position:absolute;left:20px;top:10px;min-width:160px}.sftp-ui-table .table-header-search.is-selected .tea-form--search .tea-input.tea-input--search{background:var(--ot-line-background-2)!important;border-color:var(--ot-font-color-1)!important}.sftp-ui-table .table-header-search.is-actived .ruyi-icon.ruyi-icon-ot-search-icon{color:var(--ot-font-color-1)}.sftp-ui-table.error-tips .tea-table__body{border:none}.sftp-ui-table.error-tips .tea-table__tr--blank-new .sftp-ui-table__toptip{height:100%;margin-top:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;line-height:22px;color:var(--ot-font-color-primary)}.sftp-ui-table.error-tips .tea-table__tr--blank-new .sftp-ui-table__toptip .ot-icon{margin-bottom:12px}.sftp-ui-table.error-tips .tea-table__tr--blank-new .sftp-ui-table__toptip .refresh-btn{margin-right:0;margin-top:12px;display:inline-flex;align-items:center;justify-content:center}.sftp-ui-table.error-tips .tea-table__tr--blank-new .sftp-ui-table__toptip .refresh-btn .orcaterm-loading{margin-right:4px}.sftp-ui-table .tea-table__body .sftp-ui-table__name{display:flex;align-items:center}.sftp-ui-table .tea-table__body .sftp-ui-table__name .ot-icon,.sftp-ui-table .tea-table__body .sftp-ui-table__name .ruyi-icon{margin-right:8px;flex-shrink:0}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col{position:relative}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col .sftp-ui-table__operation,.sftp-ui-table .tea-table__body .sftp-ui-table__name-col .sftp-ui-table__operation-edit{position:absolute;display:none}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.file,.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.folder{cursor:pointer}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.folder:hover .name{color:var(--ot-selected-background-color-1)}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-disabled{cursor:not-allowed}.sftp-ui-table .tea-table__body tr.normal:hover{background-color:var(--ot-background-color-8)}.sftp-ui-table .tea-table__body tr.normal:hover .sftp-ui-table__permission,.sftp-ui-table .tea-table__body tr.normal:hover .sftp-ui-table__size,.sftp-ui-table .tea-table__body tr.normal:hover .sftp-ui-table__time{opacity:0}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation{display:flex;right:-123px;height:47px;top:-14px;align-items:center;z-index:1}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item{width:28px;padding:0 2px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item .sftp-ui-table__operation-inner{width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item .sftp-ui-table__operation-inner:hover{background:var(--ot-icon-hover-background-1);border-radius:4px}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item .sftp-ui-table__box{min-width:104px;max-width:104px}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item.is-disabled,.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item.is-disabled .sftp-ui-table__operation-inner{cursor:not-allowed}.sftp-ui-table .tea-table__body tr.normal:hover td .sftp-ui-table__operation-item.is-disabled .sftp-ui-table__operation-inner:hover{background-color:transparent}.sftp-ui-table .tea-table__body tr.normal:hover .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation{display:none!important}.sftp-ui-table .tea-table__body .sftp-ui-table__permission.is-edit,.sftp-ui-table .tea-table__body .sftp-ui-table__size.is-edit,.sftp-ui-table .tea-table__body .sftp-ui-table__time.is-edit{opacity:0!important}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__name,.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation{display:none}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit{display:flex;left:0;top:calc(50% - 15px);z-index:1}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit .tea-input{width:200px;background-color:var(--ot-top-background-color-1)!important}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit .tea-input:hover{background-color:var(--ot-background-color-2)!important;border-color:var(--ot-background-color-3)}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit .sftp-ui-table__operation-edit-btns{display:flex;align-items:center;justify-content:center;margin-left:4px}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit .sftp-ui-table__operation-edit-btns .sftp-ui-table__edit-btn-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sftp-ui-table .tea-table__body .sftp-ui-table__name-col.is-edit .sftp-ui-table__operation-edit .sftp-ui-table__operation-edit-btns .sftp-ui-table__edit-btn-item:hover{background:var(--ot-icon-hover-background-1);border-radius:4px}.sftp-ui-table .tea-table__body tr.is-selected,.sftp-ui-table .tea-table__body tr.is-selected:hover{background-color:var(--ot-background-color-36)}.sftp-ui-table .tea-table__body .tea-table__box tr:last-child td{border:1px solid transparent}.sftp-ui__label-root{display:flex;width:100%;align-items:center;margin-bottom:16px}.sftp-ui__label-root .ot-button--outline{flex-shrink:0}.sftp-ui__label-root .ot-button--outline.back{margin-right:8px;display:inline-flex;align-items:center;justify-content:center;padding-left:6px!important;padding-right:6px!important}.sftp-ui__label-root .ot-button--outline.back .ruyi-icon{color:var(--ot-font-color-primary)}.sftp-ui__label-root .sftp-ui__mutibox-root{flex:1 1 0%}.sftp-ui__drag-body{position:absolute;background:var(--ot-background-color-5);border:1px dashed var(--ot-selected-background-color-1);flex-direction:column;align-items:center;justify-content:center;z-index:10;font-weight:400;line-height:44px;color:var(--ot-font-color-secondary);display:flex;top:0;bottom:1px;left:0;right:1px;width:calc(100% - 2px);height:calc(100% - 2px);font-size:32px}.sftp-ui__drag-body.hidden{display:none}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__inner{width:480px}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body{padding:20px 24px 24px!important}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form{width:100%;margin:-8px}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item{width:50%;margin-right:0;padding:8px;box-sizing:border-box}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item.public{width:100%}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form__label{margin-bottom:4px;line-height:20px;padding-right:0}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form__label label{color:var(--ot-font-color-primary)}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form-check{margin-right:16px;padding-left:24px;min-height:20px}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form-check .tea-checkbox{top:calc(50% - 8px)}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form-check .tea-form-check__label{line-height:20px}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .tea-form .tea-form__item .tea-form__controls{padding-right:0;padding-bottom:0}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .per-checkbox{min-height:20px;margin-top:4px;padding-left:24px;font-size:0}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .per-checkbox .tea-checkbox{top:calc(50% - 8px)}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__body .per-checkbox .tea-form-check__label{line-height:20px}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__footer{border:none!important;padding:0 24px 20px!important}.tea-dialog.sftp-ui-dialog__permission .tea-dialog__footer .tea-btn{padding-left:16px!important;padding-right:16px!important}.tea-dialog.ot-dialog.sftp-ui-dialog__move{pointer-events:none}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__inner{width:560px;pointer-events:all;border:.5px solid var(--ot-line-background)}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body{padding:20px 24px}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .tea-form__label{margin-bottom:4px;line-height:20px;padding-right:0}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .tea-form__label label{color:var(--ot-font-color-secondary)}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .tea-form__controls{padding-bottom:20px;padding-right:0;width:100%}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__label-root{width:512px}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__label-root .sftp-ui-dialog__mutibox-root{width:100%}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item .sftp-ui-dialog__input.tea-input{background:var(--ot-background-color-2)!important}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .tea-form .tea-form__item:last-child .tea-form__controls{padding-bottom:0;padding-right:0}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .sftp-ui-dialog__row{margin-bottom:10px}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__body .sftp-ui-dialog__row .tea-form__item{width:100%;display:flex;flex-direction:column}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__footer{padding:16px 24px!important}.tea-dialog.ot-dialog.sftp-ui-dialog__move .tea-dialog__footer .tea-btn{padding-left:16px!important;padding-right:16px!important}

/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}