/* booktem default styles. Do not edit this unless you are sure what you're doing */
/* (edit style.css, dark.css and light.css for your own book styles) */

:root {
  --highlight: grey;
}

/* style right menu on narrow screens */
/* works with move_sidebar() in script.js */
@media screen and (max-width: 767.98px) {
  #TOC, #quarto-sidebar .sidebar-menu-container ul.mt-1 {
    width: 49%;
    padding:0;
    float: left;
    display: inline-block;
    vertical-align: text-top;
  }
}

.cell-output code {
  white-space: pre-wrap;
  border: 1px solid grey;
  padding: 1em;
}

div.sourceCode {
  clear: both;
}

div.sourceCode + pre:not(.sourceCode) {
  background-color: #FBFBFB;
  background-image: none;
  border: 0.5px solid #BBB;
}

/* give references a hanging indent */
.csl-entry {
  padding-left: 2em ;
  text-indent: -2em ;
}



img { max-width: 100%; }


/* wrap code */
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* fix code wrap with line numbers */
pre > code.sourceCode > span {
  text-indent: -4em;
  padding-left: 4em;
}

/* special styles */

.terminal {
  background-color: #88888811;
  border: 5px solid #D6DADC;
  padding: 0.5em 1em 0 1em;
  margin-bottom: 0.5em;
}

if {
  display: inline;
  font-weight: 900;
  font-size: 90%;
  background-color: #00FF0011;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

pkg {
  font-weight: 600;
  color: inherit;
  background-color: transparent;
}
pkg::before { content: "{"; }
pkg::after { content: "}"; }

/* verbatim code chunks with ```{r ...} at top */

div.verbatim {
  border: 1px solid rgb(238, 238, 238);
  padding: 0.25em 0 0 0;
  border-radius: 3.2px;
  margin: 0 -0.5rem 1rem -0.5rem;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

div.verbatim code {
  border: none !important;
  font-size: 100% !important;
  display: block;
}

div.verbatim pre.sourceCode.r {
  border: none !important;
}

div.verbatim {
  background-color: rgb(247, 247, 247) !important;
}

div.verbatim * {
  background-color: transparent !important;
}

div.verbatim div.sourceCode {
  margin: 0 !important;
  padding: 0 !important;
}
div.verbatim pre.sourceCode {
  margin: 0 !important;
  padding: 0 1em !important;
}


/* external link icons */
a[target="_blank"]::after {
  margin: 0 3px 0 5px;
  font-weight: 900;
  font-family:"bootstrap-icons";
  content:"\F1C5";
}

/* mac and PC icons */
mac, pc {
  display: inline;
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem 0;
  font-family: monospace;
  font-size: 90%;
  white-space: nowrap;
}

mac { border-color: #a3aaae; }
pc { border-color: #46A7E2; }

mac::before, pc::before {
  margin-right: 0.25rem;
  font-family:"bootstrap-icons";
}
mac::before {
  color: #a3aaae;
  content:"\F65B";
}

pc::before {
  color: #46A7E2;
  content:"\F65E";
}