/* Flowork Sovereign Cyber Syntax Highlighting (Dark Mode Only). Purged from residual light themes. */

.theme-dark {
  /**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

  code[class*='language-'],
  pre[class*='language-'] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: var(--vscode-editor-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;
  }

  /* Code blocks */
  pre[class*='language-'] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
  }

  :not(pre) > code[class*='language-'],
  pre[class*='language-'] {
    background: #140307;
    border: 1px solid rgba(239, 68, 68, 0.22);
  }

  /* Inline code */
  :not(pre) > code[class*='language-'] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
  }

  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #8292a2;
  }

  .token.punctuation {
    color: #f8f8f2;
  }

  .token.namespace {
    opacity: 0.7;
  }

  .token.property,
  .token.tag,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: #f92672;
  }

  .token.boolean,
  .token.number {
    color: #ae81ff;
  }

  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: #a6e22e;
  }

  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string,
  .token.variable {
    color: #f8f8f2;
  }

  .token.atrule,
  .token.attr-value,
  .token.function,
  .token.class-name {
    color: #e6db74;
  }

  .token.keyword {
    color: #66d9ef;
  }

  .token.regex,
  .token.important {
    color: #fd971f;
  }

  .token.important,
  .token.bold {
    font-weight: bold;
  }
  .token.italic {
    font-style: italic;
  }

  .token.entity {
    cursor: help;
  }
}

/* Keep token spans inline: the `table` token else hits Tailwind's
 * `.table { display: table }`, wrapping the Markdown pipe `|` onto its own line. */
.theme-dark .token {
  display: inline;
}
/** @license
 * Copyright (c) 2022 ReactTooltip Team Github
 * SPDX-License-Identifier: MIT
 */
:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: 0.9;
  --rt-transition-show-delay: 0.15s;
  --rt-transition-closing-delay: 0.15s;
  --rt-arrow-size: 8px;
}

/** @license
 * Copyright (c) 2022 ReactTooltip Team Github
 * SPDX-License-Identifier: MIT
 */
:-stv-set-elsewhere {
  --rt-arrow-size: initial;
  --rt-color-dark: initial;
  --rt-color-white: initial;
  --rt-color-success: initial;
  --rt-color-warning: initial;
  --rt-color-error: initial;
  --rt-color-info: initial;
}

.reactTooltipComponenttooltip {
  border-radius: 3px;
  font-size: 90%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.reactTooltipComponentcontent {
  background: inherit;
  border-radius: inherit;
  padding: 8px 16px;
}
.reactTooltipComponentarrow {
  width: var(--rt-arrow-size);
  height: var(--rt-arrow-size);
}
[class*=react-tooltip__place-top] > .reactTooltipComponentarrow {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
[class*=react-tooltip__place-right] > .reactTooltipComponentarrow {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
[class*=react-tooltip__place-bottom] > .reactTooltipComponentarrow {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
[class*=react-tooltip__place-left] > .reactTooltipComponentarrow {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.reactTooltipComponentdark {
  background: var(--rt-color-dark);
  color: var(--rt-color-white);
}
.reactTooltipComponentlight {
  background-color: var(--rt-color-white);
  color: var(--rt-color-dark);
}
.reactTooltipComponentsuccess {
  background-color: var(--rt-color-success);
  color: var(--rt-color-white);
}
.reactTooltipComponentwarning {
  background-color: var(--rt-color-warning);
  color: var(--rt-color-white);
}
.reactTooltipComponenterror {
  background-color: var(--rt-color-error);
  color: var(--rt-color-white);
}
.reactTooltipComponentinfo {
  background-color: var(--rt-color-info);
  color: var(--rt-color-white);
}

/** @license
 * Copyright (c) 2022 ReactTooltip Team Github
 * SPDX-License-Identifier: MIT
 */
:-stv-set-elsewhere {
  --rt-opacity: initial;
  --rt-transition-show-delay: initial;
  --rt-transition-closing-delay: initial;
}

.reactTooltipCoretooltip {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.reactTooltipCorefixed {
  position: fixed;
}
.reactTooltipCorearrow {
  position: absolute;
  background: inherit;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.reactTooltipCorecontent {
  position: relative;
  z-index: 1;
}
.reactTooltipCorenoArrow {
  display: none;
}
.reactTooltipCoreclickable {
  pointer-events: auto;
}
.reactTooltipCoreshow {
  opacity: var(--rt-opacity);
  -webkit-transition: opacity var(--rt-transition-show-delay) ease-out;
  transition: opacity var(--rt-transition-show-delay) ease-out;
  will-change: opacity;
}
.reactTooltipCoreclosing {
  opacity: 0;
  -webkit-transition: opacity var(--rt-transition-closing-delay) ease-in;
  transition: opacity var(--rt-transition-closing-delay) ease-in;
  will-change: opacity;
}


/* ==========================================================================
   [FLOWORKOS:HUD_TITLE_ANIMATION] - MRFLOW MODERN SCI-FI HUD CHAT TITLE
   Tactical Telemetry Ticker (Jalan) & Cyan Hologram Pulse (Berkedip)
   ========================================================================== */

@keyframes mrflowTitlePulse {
  0%, 100% {
    color: #e2e8f0;
    text-shadow: 0 0 4px rgba(0, 229, 255, 0.4), 0 0 8px rgba(0, 229, 255, 0.2);
    opacity: 0.95;
  }
  50% {
    color: #00e5ff;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.95), 0 0 22px rgba(0, 229, 255, 0.6), 0 0 32px rgba(0, 229, 255, 0.35);
    opacity: 1;
  }
}

@keyframes mrflowTitleWalk {
  0%, 15% {
    transform: translateX(0px);
  }
  48%, 62% {
    transform: translateX(min(0px, calc(340px - 100%)));
  }
  95%, 100% {
    transform: translateX(0px);
  }
}

@keyframes mrflowCursorBlink {
  0%, 49% {
    opacity: 1;
    box-shadow: 0 0 8px #00e5ff;
  }
  50%, 100% {
    opacity: 0.1;
    box-shadow: none;
  }
}

@keyframes mrflowBeaconPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 6px #00e5ff;
    opacity: 0.9;
  }
  50% {
    transform: scale(1.35);
    box-shadow: 0 0 14px #00e5ff, 0 0 20px rgba(0, 229, 255, 0.6);
    opacity: 1;
  }
}

[data-testid="breadcrumb-segment"] {
  position: relative !important;
}

[data-testid="breadcrumb-segment"] .mrflow-title-walking {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  animation: mrflowTitleWalk 11s ease-in-out infinite, mrflowTitlePulse 2.8s ease-in-out infinite !important;
  will-change: transform, color, text-shadow !important;
}

[data-testid="breadcrumb-segment"]:hover .mrflow-title-walking {
  animation-play-state: paused !important;
}

[data-testid="breadcrumb-segment"] .mrflow-cursor {
  display: inline-block !important;
  width: 5px !important;
  height: 12px !important;
  background: #00e5ff !important;
  box-shadow: 0 0 8px #00e5ff !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  animation: mrflowCursorBlink 0.8s infinite steps(1) !important;
  flex-shrink: 0 !important;
}

[data-testid="breadcrumb-segment"] .mrflow-beacon {
  animation: mrflowBeaconPulse 2s ease-in-out infinite !important;
}