/* You can generate colors with radix custom paletteuse. */
/* https://www.radix-ui.com/colors/custom */
/* Then replace --violet or --whatever with --accent */

html[data-accent-color="blue"].light {
  --accent-9: #5000ca;
  --accent-1: #fdfdff;
  --accent-2: #f8f8ff;
  --accent-3: #f0f0ff;
  --accent-4: #e6e6ff;
  --accent-5: #dad9ff;
  --accent-6: #cccaff;
  --accent-7: #b9b5ff;
  --accent-8: #a096ff;
  --accent-9: #5000ca;
  --accent-10: #4300b1;
  --accent-11: #633edf;
  --accent-12: #2f1e6f;

  --accent-a1: #0000ff02;
  --accent-a2: #0000ff07;
  --accent-a3: #0000ff0f;
  --accent-a4: #0000ff19;
  --accent-a5: #0700ff26;
  --accent-a6: #0a00ff35;
  --accent-a7: #0e01ff4a;
  --accent-a8: #1900ff69;
  --accent-a9: #5000ca;
  --accent-a10: #4300b1;
  --accent-a11: #3100d5c1;
  --accent-a12: #13005ce1;

  --accent-contrast: #fff;
  --accent-surface: #f6f6ffcc;
  --accent-indicator: #5000ca;
  --accent-track: #5000ca;
  --gray-1: #fcfcfd;
  --gray-2: #f9f9fb;
  --gray-3: #eff0f3;
  --gray-4: #e7e8ec;
  --gray-5: #e0e1e6;
  --gray-6: #d8d9e0;
  --gray-7: #cdced7;
  --gray-8: #b9bbc6;
  --gray-9: #8b8d98;
  --gray-10: #80828d;
  --gray-11: #62636c;
  --gray-12: #1e1f24;

  --gray-a1: #00005503;
  --gray-a2: #00005506;
  --gray-a3: #00104010;
  --gray-a4: #000b3618;
  --gray-a5: #0009321f;
  --gray-a6: #00073527;
  --gray-a7: #00063332;
  --gray-a8: #00083046;
  --gray-a9: #00051d74;
  --gray-a10: #00051b7f;
  --gray-a11: #0002119d;
  --gray-a12: #000107e1;

  --gray-contrast: #ffffff;
  --gray-surface: #ffffffcc;
  --gray-indicator: #8b8d98;
  --gray-track: #8b8d98;
  --gray-1: oklch(99.1% 0.0015 277.7);
  --gray-2: oklch(98.2% 0.003 277.7);
  --gray-3: oklch(95.6% 0.0045 277.7);
  --gray-4: oklch(93.1% 0.0061 277.7);
  --gray-5: oklch(91% 0.0077 277.7);
  --gray-6: oklch(88.8% 0.0093 277.7);
  --gray-7: oklch(85.3% 0.0117 277.7);
  --gray-8: oklch(79.4% 0.016 277.7);
  --gray-9: oklch(64.6% 0.0165 277.7);
  --gray-10: oklch(61% 0.0161 277.7);
  --gray-11: oklch(50.3% 0.0139 277.7);
  --gray-12: oklch(24.1% 0.0099 277.7);

  --gray-a1: color(display-p3 0.0235 0.0235 0.349 / 0.012);
  --gray-a2: color(display-p3 0.0235 0.0235 0.349 / 0.024);
  --gray-a3: color(display-p3 0.0078 0.0667 0.2549 / 0.063);
  --gray-a4: color(display-p3 0.0118 0.051 0.2157 / 0.095);
  --gray-a5: color(display-p3 0.0039 0.0392 0.2 / 0.122);
  --gray-a6: color(display-p3 0.0039 0.0275 0.1804 / 0.153);
  --gray-a7: color(display-p3 0.0078 0.0275 0.1843 / 0.197);
  --gray-a8: color(display-p3 0.0039 0.0314 0.1765 / 0.275);
  --gray-a9: color(display-p3 0.0039 0.0196 0.1059 / 0.455);
  --gray-a10: color(display-p3 0.0039 0.0196 0.098 / 0.499);
  --gray-a11: color(display-p3 0 0.0078 0.0588 / 0.616);
  --gray-a12: color(display-p3 0 0.0039 0.0275 / 0.883);

  --gray-contrast: #ffffff;
  --gray-surface: color(display-p3 1 1 1 / 80%);
  --gray-indicator: oklch(64.6% 0.0165 277.7);
  --gray-track: oklch(64.6% 0.0165 277.7);
  --color-background: #fff;
  --syntax-light-keyword: #cf226a;
}

html[data-accent-color="blue"].dark {
  --accent-9: #5000ca;
}
/*
.highlight {
    background-color: #f5f3f36b !important;
}

div.sphx-glr-download a {
    background-color: rgb(211, 211, 211);
    background-image: none;
}

div.sphx-glr-download a:hover {
    background-color: rgb(186, 185, 185);
}


footer {
    background-color: rgb(65, 65, 65);
}

.text-logo {
    color: #ffffff !important;
    font-size: 120%;
    font-weight: 700;
    padding-right: 1rem
} */

.version-banner {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.8rem 2rem;
  display: flex;
  align-items: center;
  color: var(--sy-c-banner, var(--accent-contrast));
  background-color: var(--sy-c-banner-bg, var(--accent-a12));
  z-index: 20;
}

.version-banner a {
  text-decoration: underline;
}

.version-banner ::selection {
  color: var(--sy-c-banner, var(--accent-contrast));
}

.version-banner-inner {
  width: 100%;
  text-align: center;
}

.version-banner-close {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
}

.announcement-inner {
  text-align: center;
}

.container.buttons a {
  border-radius: 0;
}