#EUMPortal #SnippetBuilder.fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 0.5rem 1rem;
  overflow: auto;
}
#EUMPortal #SnippetBuilder .toolbar {
  display: flex;
  gap: 3rem;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
  justify-content: flex-end;
  font-size: 0.875rem;
}
#EUMPortal #SnippetBuilder .toolbar a {
  text-decoration: none;
}
#EUMPortal #SnippetBuilder .nav-pills .nav-item {
  margin-right: -1px;
}
#EUMPortal #SnippetBuilder .nav-pills .nav-item .nav-link {
  border-radius: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #fff;
  color: var(--portal-primary-color);
  border: 1px solid #e5e9f2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.031372549);
}
#EUMPortal #SnippetBuilder .nav-pills .nav-item .nav-link.active {
  background: var(--portal-primary-color);
  color: #fff;
}
#EUMPortal #SnippetBuilder .splitter {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
#EUMPortal #SnippetBuilder .splitter .splitter-bar {
  cursor: col-resize;
  width: 10px;
  /* Prevent the browser's built-in drag from interfering */
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#EUMPortal #SnippetBuilder .splitter .splitter-bar:hover {
  background-color: #eee;
}
#EUMPortal #SnippetBuilder .splitter .splitter-bar .splitter-bar-inner {
  position: relative;
  height: 100%;
}
#EUMPortal #SnippetBuilder .splitter .splitter-bar .splitter-bar-inner:before {
  display: flex;
  width: 4px;
  height: 100%;
  content: " ";
  position: relative;
  z-index: 1;
  left: 3px;
  background-image: radial-gradient(#999 30%, transparent 30%);
  background-position: 0 0;
  background-size: 4px 4px;
}
#EUMPortal #SnippetBuilder .splitter .splitter-bar .splitter-bar-inner:after {
  display: block;
  width: 12px;
  height: 40px;
  content: " ";
  position: absolute;
  z-index: 2;
  top: 50%;
  cursor: col-resize;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: -1px;
}
#EUMPortal #SnippetBuilder .splitter .splitter-pane {
  min-width: 20%;
  height: 100%;
  width: 50%;
  flex: 1 1 auto;
}
#EUMPortal #SnippetBuilder .splitter .splitter-pane code[class*=language-],
#EUMPortal #SnippetBuilder .splitter .splitter-pane pre[class*=language-] {
  white-space: pre-wrap;
  font-size: 0.875rem;
}
#EUMPortal #SnippetBuilder .splitter #rightPanel.splitter-pane {
  min-width: 33%;
}
#EUMPortal #SnippetBuilder .search-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#EUMPortal #SnippetBuilder table {
  font-size: 0.875rem;
}
#EUMPortal #SnippetBuilder code[class*=language-], #EUMPortal #SnippetBuilder pre[class*=language-] {
  color: #eefff3;
  font-family: monospace;
}
#EUMPortal #SnippetBuilder :not(pre) > code[class*=language-], #EUMPortal #SnippetBuilder pre[class*=language-] {
  background: #263238;
}
#EUMPortal #SnippetBuilder .token.punctuation {
  color: #c3e882;
}
#EUMPortal #SnippetBuilder .token.attr-name, #EUMPortal #SnippetBuilder .token.deleted, #EUMPortal #SnippetBuilder .token.namespace, #EUMPortal #SnippetBuilder .token.tag, #EUMPortal #SnippetBuilder .token.atrule, #EUMPortal #SnippetBuilder .token.builtin, #EUMPortal #SnippetBuilder .token.important, #EUMPortal #SnippetBuilder .token.keyword, #EUMPortal #SnippetBuilder .token.selector {
  color: #bd92df;
}
#EUMPortal #SnippetBuilder .token.tag, #EUMPortal #SnippetBuilder .token.class-name, #EUMPortal #SnippetBuilder .token.constant, #EUMPortal #SnippetBuilder .token.property, #EUMPortal #SnippetBuilder .token.symbol {
  color: #ff5370;
}
#EUMPortal #SnippetBuilder .token.tag > .token.punctuation {
  color: #ff5370;
}
#EUMPortal #SnippetBuilder .token.attr-value, #EUMPortal #SnippetBuilder .token.char, #EUMPortal #SnippetBuilder .token.regex, #EUMPortal #SnippetBuilder .token.string, #EUMPortal #SnippetBuilder .token.variable {
  color: #c3e88d;
}
#EUMPortal #SnippetBuilder .token.boolean, #EUMPortal #SnippetBuilder .token.function, #EUMPortal #SnippetBuilder .token.number {
  color: #FF9800;
}
#EUMPortal #SnippetBuilder .cm-s-material .cm-comment,
#EUMPortal #SnippetBuilder .token.block-comment, #EUMPortal #SnippetBuilder .token.cdata, #EUMPortal #SnippetBuilder .token.comment, #EUMPortal #SnippetBuilder .token.doctype, #EUMPortal #SnippetBuilder .token.prolog {
  color: #6e8f9f;
}
#EUMPortal #SnippetBuilder .language-json .token.punctuation {
  color: inherit;
}
#EUMPortal #SnippetBuilder .CodeMirror {
  width: auto;
  height: auto;
}
#EUMPortal #SnippetBuilder .CodeMirror .CodeMirror-hscrollbar, #EUMPortal #SnippetBuilder .CodeMirror .CodeMirror-vscrollbar {
  display: none !important;
}
#EUMPortal #SnippetBuilder .CodeMirror pre.CodeMirror-line, #EUMPortal #SnippetBuilder .CodeMirror pre.CodeMirror-line-like {
  font-size: 0.875rem;
}