.highlight:hover button.copybtn {
  color: var(--color-code-foreground); }

.highlight button.copybtn {
  opacity: 1;
  align-items: center;
  height: 1.25em;
  width: 1.25em;
  top: 0.625rem;
  right: 0.5rem;
  color: var(--color-background-item);
  background-color: var(--color-code-background);
  border: none;
  cursor: pointer;
  transition: color 300ms, opacity 300ms; }
  .highlight button.copybtn:hover {
    color: var(--color-brand-content);
    background-color: var(--color-code-background); }
  .highlight button.copybtn::after {
    display: none;
    color: var(--color-code-foreground);
    background-color: transparent; }
  .highlight button.copybtn.success {
    transition: color 0ms;
    color: #22863a; }
    .highlight button.copybtn.success::after {
      display: block; }
  .highlight button.copybtn svg {
    padding: 0; }

.breathe-sectiondef-title.rubric { margin-top: 2em; font-weight: bold; }

.highlight { background: #F8FBFA; }
.highlight .s   { color: #003020; } /* Literal.String */
.highlight .s1  { color: #003020; }
.highlight .s2  { color: #003020; }
.highlight .se  { color: #003020; }
.highlight .sc  { color: #003020; } /* Literal.String.Char */
.highlight .nb  { color: #1E2E80; } /* Name.Builtin */
.highlight .o   { color: #A02000; } /* Operator */
.highlight .c   { color: #503000; font-style: italic } /* Comment */
.highlight .c1  { color: #503000; font-style: italic } /* Comment.Single */
.highlight .cp  { color: #503000; font-style: italic } /* Comment.Preproc */
.highlight .cpf { color: #503000; font-style: italic } /* Comment.PreprocFile */

@media not print {
body[data-theme="dark"] .highlight { background: #000000;
                                     color:      #E0E0E0; }
body[data-theme="dark"] .highlight .s   { color: #CC9029; }
body[data-theme="dark"] .highlight .s1  { color: #CC9029; }
body[data-theme="dark"] .highlight .s2  { color: #CC9029; }
body[data-theme="dark"] .highlight .se  { color: #CC9029; }
body[data-theme="dark"] .highlight .sc  { color: #CC9029; }
body[data-theme="dark"] .highlight .c   { color: #B57000; font-style: italic }
body[data-theme="dark"] .highlight .c1  { color: #B57000; font-style: italic }
body[data-theme="dark"] .highlight .cp  { color: #B57000; font-style: italic }
body[data-theme="dark"] .highlight .cpf { color: #B57000; font-style: italic }

body[data-theme="dark"] img.math           { filter: invert(1); }
body[data-theme="dark"] div.math img       { filter: invert(1); }
body[data-theme="dark"] button.copybtn img { filter: invert(1); }
}

@media (prefers-color-scheme: dark) {
body:not([data-theme="light"]) .highlight { background: #000000;
                                            color:      #E0E0E0; }
body:not([data-theme="light"]) .highlight .s   { color: #CC9029; }
body:not([data-theme="light"]) .highlight .s1  { color: #CC9029; }
body:not([data-theme="light"]) .highlight .s2  { color: #CC9029; }
body:not([data-theme="light"]) .highlight .se  { color: #CC9029; }
body:not([data-theme="light"]) .highlight .sc  { color: #CC9029; }
body:not([data-theme="light"]) .highlight .c   { color: #B57000; font-style: italic }
body:not([data-theme="light"]) .highlight .c1  { color: #B57000; font-style: italic }
body:not([data-theme="light"]) .highlight .cp  { color: #B57000; font-style: italic }
body:not([data-theme="light"]) .highlight .cpf { color: #B57000; font-style: italic }

body:not([data-theme="light"]) img.math           { filter: invert(1); }
body:not([data-theme="light"]) div.math img       { filter: invert(1); }
body:not([data-theme="light"]) button.copybtn img { filter: invert(1); }
}