@font-face {
  font-family: "Victor Mono";
  src: url("../../../fonts/VictorMono-Regular.woff2") format("woff2");
}

.codeblock {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--cc-code-bg);
  border-radius: 7px;
  overflow: hidden;
  margin: 0;
}

.codeblock[data-cc-window] {
  --cc-window-padding: 0 !important;
}

.codeblock .code-wrapper {
  background-color: var(--bg-hljs-code-wrapper);
  overflow: auto;
  max-height: 400px;
  width: 100%;
}

.codeblock[data-cc-window] pre code {
  padding: 3px 8px;
}

.hljs table {
  background-color: var(--bg-hljs-code-wrapper);
}

.cc-window-bar {
  margin: 0 !important;
}

.codeblock[data-cc-window] pre {}

/* Quitar borde a los bloques con númeración */
.reveal .hljs-ln-code,
.reveal .hljs-ln-numbers {
  padding: 0;
  border: 0
}

/*
.reveal pre code {
  display: block;
  padding: 5px;
  overflow: auto;
  max-height: 400px;
  word-wrap: normal;
} */

.reveal .hljs-ln-numbers {
  opacity: .6;
  padding-right: .75em;
  text-align: right;
  vertical-align: top
}


.codeblock[data-cc-window] pre code {
  /* background: none; */
}

.hljs table,
pre,
.codeblock code {
  --font-size: 1.15rem;
  font-family: "Victor Mono", monospace !important;
  font-size: var(--font-size, 0.6em) !important;
  line-height: calc(var(--font-size) * 1.4);
  font-weight: bolder;
}

.cc-window-right {
  justify-content: end;
}

.codeblock[data-cc-window] button[data-cc] {
  margin-left: 0;
}

.cc-run-btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  height: 100%;
  background-color: transparent;
  padding: 0 10px;
  color: var(--r-main-color);
  font-size: 1.2rem;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}

.cc-run-btn:hover {
  opacity: 1;
}

/* .codeblock pre {
    white-space: normal;
    width: 100%;
    padding: 6px;
  } */

/* ANIMATE */
.reveal pre[data-auto-animate-target] {
  overflow: hidden;
}

.reveal pre[data-auto-animate-target] code {
  height: 100%;
}