:root > * {
  /* Custom colors */
  --md-primary-fg-color: rgb(17, 18, 19);
  --md-accent-fg-color: rgb(91, 105, 194);
  --md-primary-fg-color--light: #7A86D5;
  --md-typeset-a-color: #7A86D5;
  --md-primary-fg-color--dark: rgb(154, 164, 231);
  
  /* Wider tooltips */
  --md-tooltip-width: 500px;
}

.md-search__form {
  background-color: #202223;
}

/***
  Dark mode tweaks
 ***/
 
/* Lighter link color for better contrast
(default: --md-primary-fg-color) */
[data-md-color-scheme=slate][data-md-color-primary=indigo] {
  --md-typeset-a-color: #9AA4E7;
}

.md-typeset .md-button {
  color: var(--md-accent-fg-color);
}

/***
  Sizing
  ***/

/* Increase size of header logo */
.md-header__button.md-logo :-webkit-any(img,svg) {
  height: 2rem;
}

/* Increase size of header logo (Firefox) */
.md-header__button.md-logo :is(img, svg) {
  height: 2rem;
}

/* Slightly increase font size in admonition boxes (from .64rem) */
.md-typeset .admonition, .md-typeset details {
  font-size: .66rem;
  border-width: 0;
  border-left-width: 4px;
}

/* Increase content width to support 85-character-long lines in code blocks
(default: 61rem) */
.md-grid {
  max-width: 63rem;
}

/* Increase spacing between ToC items
(default: 1.3) */
.md-nav {
  line-height: 1.5;
}

/***
  Other
  ***/

/* Conventionally highlight matches in search result previews */

.md-search-result mark {
  background-color: var(--md-typeset-mark-color);
  color: inherit;
  text-decoration: unset;
}

/* Video wrapper */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */ 
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Custom admonitions */

:root {
  --md-admonition-icon--flask: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0621 11.8484C17.2417 13.1051 18 14.615 18 16.1169C18 17.6953 17.2485 18.8373 16 19.5C15.2466 19.8999 14.5 20 14.5 20H5.5C5.5 20 4.83221 19.908 4 19.5C2.93647 18.908 2 17.6953 2 16.1169C2 14.615 2.75833 13.1051 3.93785 11.8484C4.11204 11.6558 4.34585 11.4388 4.5993 11.2036C5.37372 10.485 6.33143 9.59626 6.33143 8.71447V4.01777L5.46675 3.13388C5.11701 2.77639 5.01239 2.23874 5.20166 1.77165C5.39094 1.30455 5.83684 1 6.33143 1H13.6686C14.1632 1 14.6091 1.30455 14.7983 1.77165C14.9876 2.23874 14.883 2.77639 14.5332 3.13388L13.6686 4.01777V8.71447C13.6686 9.59626 14.6263 10.485 15.4007 11.2036C15.6541 11.4388 15.8879 11.6558 16.0621 11.8484ZM5.36874 14C5.57158 13.6903 5.81815 13.3774 6.11011 13.0675L7.70265 11.3661C8.39064 10.6629 8.77715 9.70903 8.77715 8.71447V3.5H11.2229V8.71447C11.2229 9.70903 11.6094 10.6629 12.2974 11.3661L13.8783 13.0552L13.8899 13.0675C14.1819 13.3774 14.4284 13.6903 14.6313 14H5.36874Z"/></svg>')
}
.md-typeset .admonition.flask,
.md-typeset details.flask {
  border-color: rgb(91, 105, 194);
}
.md-typeset .flask > .admonition-title,
.md-typeset .flask > summary {
  background-color: rgba(91, 105, 194, 0.2);
}
.md-typeset .flask > .admonition-title::before,
.md-typeset .flask > summary::before {
  background-color: rgb(91, 105, 194);
  -webkit-mask-image: var(--md-admonition-icon--flask);
          mask-image: var(--md-admonition-icon--flask);
}