/* css/custom-props/_elixir.css */
:root {
  --main: hsl(250, 68%, 69%);
  --mainDark: hsl(250, 68%, 59%);
  --mainDarkest: hsl(250, 68%, 49%);
  --mainLight: hsl(250, 68%, 74%);
  --mainLightest: hsl(250, 68%, 79%);
  --searchBarFocusColor: #8E7CE6;
  --searchBarBorderColor: rgba(142, 124, 230, .25);
  --link-color: var(--mainDark);
  --link-visited-color: var(--mainDarkest);
}
body.dark {
  --link-color: var(--mainLightest);
  --link-visited-color: var(--mainLight);
}

/* node_modules/@fontsource/lato/400.css */
@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./lato-latin-ext-400-normal-N27NCBWW.woff2") format("woff2"), url("./lato-all-400-normal-MNITWADU.woff") format("woff");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./lato-latin-400-normal-W7754I4D.woff2") format("woff2"), url("./lato-all-400-normal-MNITWADU.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource/lato/700.css */
@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./lato-latin-ext-700-normal-Q2L5DVMW.woff2") format("woff2"), url("./lato-all-700-normal-XMT5XFBS.woff") format("woff");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./lato-latin-700-normal-2XVSBPG4.woff2") format("woff2"), url("./lato-all-700-normal-XMT5XFBS.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* css/custom-props/common.css */
:root {
  --content-width: 949px;
  --content-gutter: 60px;
  --borderRadius-lg: 14px;
  --borderRadius-base: 8px;
  --borderRadius-sm: 3px;
  --navTabBorderWidth: 2px;
  --sansFontFamily:
    "Lato",
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  --monoFontFamily:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  --baseLineHeight: 1.5em;
  --gray10: hsl(207, 43%, 98.5%);
  --gray25: hsl(207, 43%, 98%);
  --gray50: hsl(207, 43%, 96%);
  --gray100: hsl(212, 33%, 91%);
  --gray200: hsl(210, 29%, 88%);
  --gray300: hsl(210, 26%, 76%);
  --gray400: hsl(210, 21%, 64%);
  --gray450: hsl(210, 21%, 49%);
  --gray500: hsl(210, 21%, 34%);
  --gray600: hsl(210, 27%, 26%);
  --gray650: hsl(211, 32%, 22%);
  --gray700: hsl(212, 35%, 17%);
  --gray750: hsl(214, 46%, 14%);
  --gray800: hsl(216, 52%, 11%);
  --gray800-opacity-0: hsla(216, 52%, 11%, 0%);
  --gray850: hsl(216, 63%, 8%);
  --gray900: hsl(218, 73%, 4%);
  --gray900-opacity-50: hsla(218, 73%, 4%, 50%);
  --gray900-opacity-0: hsla(218, 73%, 4%, 0%);
  --coldGrayFaint: hsl(240, 5%, 97%);
  --coldGrayLight: hsl(240, 5%, 88%);
  --coldGray-lightened-10: hsl(240, 5%, 56%);
  --coldGray: hsl(240, 5%, 46%);
  --coldGray-opacity-10: hsla(240, 5%, 46%, 10%);
  --coldGrayDark: hsl(240, 5%, 28%);
  --coldGrayDim: hsl(240, 5%, 18%);
  --yellowLight: hsl(43, 100%, 95%);
  --yellowDark: hsl(44, 100%, 15%);
  --yellow: hsl(60, 100%, 43%);
  --green-lightened-10: hsl(90, 100%, 45%);
  --green: hsl(90, 100%, 35%);
  --white: hsl(0, 0%, 100%);
  --white-opacity-80: hsla(0, 0%, 100%, 80%);
  --white-opacity-50: hsla(0, 0%, 100%, 50%);
  --white-opacity-10: hsla(0, 0%, 100%, 10%);
  --white-opacity-0: hsla(0, 0%, 100%, 0%);
  --black: hsl(0, 0%, 0%);
  --black-opacity-80: hsla(0, 0%, 0%, 80%);
  --black-opacity-50: hsla(0, 0%, 0%, 50%);
  --black-opacity-30: hsla(0, 0%, 0%, 30%);
  --black-opacity-10: hsla(0, 0%, 0%, 10%);
  --black-opacity-0: hsla(0, 0%, 0%, 10%);
  --orangeDark: hsl(30, 90%, 40%);
  --orangeLight: hsl(30, 80%, 50%);
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --transition-duration: .15s;
  --transition-timing: cubic-bezier(.4, 0, .2, 1);
  --transition-all: all var(--transition-duration) var(--transition-timing);
  --transition-colors:
    color var(--transition-duration) var(--transition-timing),
    background-color var(--transition-duration) var(--transition-timing),
    border-color var(--transition-duration) var(--transition-timing),
    text-decoration-color var(--transition-duration) var(--transition-timing),
    fill var(--transition-duration) var(--transition-timing),
    stroke var(--transition-duration) var(--transition-timing);
  --transition-opacity: opacity var(--transition-duration) var(--transition-timing);
}
@media screen and (max-width: 768px) {
  :root {
    --content-width: 100%;
    --content-gutter: 20px;
  }
}
option {
  background-color: var(--sidebarBackground);
}

/* css/custom-props/theme-light.css */
:root {
  --background: var(--white);
  --contrast: var(--black);
  --textBody: var(--gray800);
  --textHeaders: var(--gray900);
  --textDetailAccent: var(--mainLight);
  --textDetailBackground: var(--coldGrayFaint);
  --iconAction: var(--coldGray);
  --iconActionHover: var(--gray800);
  --blockquoteBackground: var(--coldGrayFaint);
  --blockquoteBorder: var(--coldGrayLight);
  --tableHeadBorder: var(--gray100);
  --tableBodyBorder: var(--gray50);
  --warningHue: 34;
  --errorHue: 7;
  --infoHue: 206;
  --neutralHue: 212;
  --tipHue: 142;
  --admMixCol: var(--gray100);
  --admMixAmt: 25%;
  --warningBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--warningHue), 100%, 96%) 100%);
  --warningHeading: hsl(var(--warningHue), 95%, 38%);
  --errorBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--errorHue), 85%, 96%) 100%);
  --errorHeading: hsl(var(--errorHue), 80%, 40%);
  --infoBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--infoHue), 90%, 96%) 100%);
  --infoHeading: hsl(var(--infoHue), 60%, 30%);
  --neutralBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--neutralHue), 40%, 93%) 100%);
  --neutralHeading: hsl(var(--neutralHue), 35%, 30%);
  --tipBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--tipHue), 40%, 93%) 100%);
  --tipHeading: hsl(var(--tipHue), 55%, 25%);
  --fnSpecAttr: var(--coldGray);
  --fnDeprecated: var(--yellowLight);
  --blink: var(--yellowLight);
  --codeBackground: var(--gray10);
  --codeBorder: var(--gray100);
  --codeScrollThumb: var(--gray400);
  --codeScrollBackground: var(--codeBorder);
  --admCodeBackground: var(--white-opacity-80);
  --admCodeBorder: var(--black-opacity-10);
  --admCodeColor: var(--black);
  --tabBorder: var(--gray300);
  --tabBorderTop: var(--gray100);
  --tabShadow: var(--gray25);
  --bottomActionsBtnBorder: var(--black-opacity-10);
  --bottomActionsBtnTitle: var(--mainDark);
  --modalBackground: var(--white);
  --settingsInput: var(--gray500);
  --settingsInputBackground: var(--white);
  --settingsInputBorder: var(--gray300);
  --settingsSectionBorder: var(--gray300);
  --quickSwitchInput: var(--gray500);
  --quickSwitchContour: var(--coldGray);
  --success: var(--green);
  --progressBarColor: var(--gray400);
  --sidebarAccentMain: var(--black);
  --sidebarBackground: var(--gray50);
  --sidebarHeader: var(--gray100);
  --sidebarMuted: var(--gray800);
  --sidebarHover: var(--black);
  --sidebarStaleVersion: var(--orangeDark);
  --sidebarSubheadings: var(--gray500);
  --sidebarItem: var(--black);
  --sidebarInactiveItemBorder: var(--gray500);
  --sidebarInactiveItemMarker: var(--gray200);
  --sidebarLanguageAccentBar: var(--mainDark);
  --sidebarActiveItem: var(--mainDarkest);
  --searchBarBorder: var(--gray200);
  --searchAccentMain: var(--gray600);
  --searchLanguageAccentBar: var(--main);
  --searchSearch: var(--white);
  --autocompleteBorder: rgba(3, 9, 19, .1);
  --autocompletePreview: var(--gray25);
  --autocompleteSelected: var(--gray25);
  --autocompleteHover: var(--gray50);
  --autocompleteBackground: var(--white);
  --suggestionBorder: var(--gray200);
  --autocompleteResults: var(--gray600);
  --autocompleteResultsBold: var(--gray800);
  --autocompleteLabelBack: var(--gray100);
  --autocompleteLabelFont: var(--gray600);
}

/* css/custom-props/theme-dark.css */
body.dark {
  --background: var(--gray900);
  --contrast: var(--white);
  --textBody: var(--gray200);
  --textHeaders: var(--gray100);
  --textDetailAccent: var(--mainLight);
  --textDetailBackground: var(--gray700);
  --iconAction: var(--coldGray-lightened-10);
  --iconActionHover: var(--white);
  --blockquoteBackground: var(--coldGray-opacity-10);
  --blockquoteBorder: var(--coldGrayDim);
  --tableHeadBorder: var(--gray600);
  --tableBodyBorder: var(--gray700);
  --warningHue: 34;
  --errorHue: 7;
  --infoHue: 206;
  --neutralHue: 212;
  --tipHue: 142;
  --admMixCol: var(--gray900);
  --admMixAmt: 40%;
  --warningBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--warningHue), 40%, 14%) 100%);
  --warningHeading: hsl(var(--warningHue), 100%, 50%);
  --errorBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--errorHue), 40%, 14%) 100%);
  --errorHeading: hsl(var(--errorHue), 100%, 52%);
  --infoBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--infoHue), 60%, 15%) 100%);
  --infoHeading: hsl(var(--infoHue), 100%, 52%);
  --neutralBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--neutralHue), 40%, 14%) 100%);
  --neutralHeading: hsl(var(--neutralHue), 50%, 80%);
  --tipBackground: color-mix(in xyz, var(--admMixCol) var(--admMixAmt), hsl(var(--tipHue), 40%, 14%) 100%);
  --tipHeading: hsl(var(--tipHue), 55%, 48%);
  --fnSpecAttr: var(--gray400);
  --fnDeprecated: var(--yellowDark);
  --blink: var(--gray600);
  --codeBackground: var(--gray800);
  --codeBorder: var(--gray650);
  --codeScrollThumb: var(--gray500);
  --codeScrollBackground: var(--codeBorder);
  --admCodeBackground: var(--black-opacity-30);
  --admCodeBorder: var(--white-opacity-10);
  --admCodeColor: var(--gray100);
  --tabBorder: var(--gray700);
  --tabBorderTop: var(--gray700);
  --tabShadow: var(--black);
  --bottomActionsBtnBorder: var(--white-opacity-10);
  --bottomActionsBtnTitle: var(--mainLightest);
  --modalBackground: var(--gray800);
  --settingsInput: var(--white);
  --settingsInputBackground: var(--gray700);
  --settingsInputBorder: var(--gray700);
  --settingsSectionBorder: var(--gray700);
  --quickSwitchInput: var(--gray300);
  --quickSwitchContour: var(--gray500);
  --success: var(--green-lightened-10);
  --progressBarColor: var(--gray300);
  --sidebarAccentMain: var(--gray50);
  --sidebarBackground: var(--gray800);
  --sidebarHeader: var(--gray700);
  --sidebarMuted: var(--gray300);
  --sidebarHover: var(--white);
  --sidebarStaleVersion: var(--orangeLight);
  --sidebarSubheadings: var(--gray400);
  --sidebarItem: var(--gray200);
  --sidebarInactiveItemBorder: var(--gray400);
  --sidebarInactiveItemMarker: var(--gray600);
  --sidebarLanguageAccentBar: var(--mainLight);
  --sidebarActiveItem: var(--mainLightest);
  --searchBarBorder: var(--gray500);
  --searchAccentMain: var(--gray300);
  --searchSearch: var(--gray900);
  --autocompleteBorder: rgba(28,42,60,.75);
  --autocompletePreview: var(--gray750);
  --autocompleteSelected: var(--gray750);
  --autocompleteHover: var(--gray700);
  --autocompleteBackground: var(--gray800);
  --suggestionBorder: var(--gray600);
  --autocompleteResults: var(--gray200);
  --autocompleteResultsBold: var(--gray100);
  --autocompleteLabelBack: var(--gray600);
  --autocompleteLabelFont: rgba(255, 255, 255, .8);
}
:root:has(body.dark) {
  color-scheme: dark;
}

/* node_modules/modern-normalize/modern-normalize.css */
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  font-family:
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}
body {
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
table {
  border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}

/* css/icons.css */
@font-face {
  font-family: remixicon;
  src: url("./remixicon-ZWU5GQ4X.woff2") format("woff2");
  font-display: swap;
}
[class^=ri-],
[class*=" ri-"],
.remix-icon {
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --icon-arrow-up-s: "\ea78";
  --icon-arrow-down-s: "\ea4e";
  --icon-arrow-right-s: "\ea6e";
  --icon-add: "\ea13";
  --icon-subtract: "\f1af";
  --icon-error-warning: "\eca1";
  --icon-external-link-line: "\ecaf";
  --icon-information: "\ee59";
  --icon-alert: "\ea21";
  --icon-double-quotes-l: "\ec51";
  --icon-link-m: "\eeaf";
  --icon-close-line: "\eb99";
  --icon-code-s-slash-line: "\ebad";
  --icon-menu-line: "\ef3e";
  --icon-search-2-line: "\f0cd";
  --icon-settings-3-line: "\f0e6";
  --icon-printer-line: "\f029";
  --icon-markdown-line: "\ef1e";
}
.ri-lg {
  font-size: 1.3333em;
  line-height: .75em;
  vertical-align: -.0667em;
}
.ri-settings-3-line:before {
  content: var(--icon-settings-3-line);
}
.ri-add-line:before {
  content: var(--icon-add);
}
.ri-subtract-line:before {
  content: var(--icon-subtract);
}
.ri-arrow-up-s-line:before {
  content: var(--icon-arrow-up-s);
}
.ri-arrow-down-s-line:before {
  content: var(--icon-arrow-down-s);
}
.ri-arrow-right-s-line:before {
  content: var(--icon-arrow-right-s);
}
.ri-external-link-line:before {
  content: var(--icon-external-link-line);
}
.ri-search-2-line:before {
  content: var(--icon-search-2-line);
}
.ri-menu-line:before {
  content: var(--icon-menu-line);
}
.ri-close-line:before {
  content: var(--icon-close-line);
}
.ri-link-m:before {
  content: var(--icon-link-m);
}
.ri-code-s-slash-line:before {
  content: var(--icon-code-s-slash-line);
}
.ri-error-warning-line:before {
  content: var(--icon-error-warning);
}
.ri-information-line:before {
  content: var(--icon-information);
}
.ri-alert-line:before {
  content: var(--icon-alert);
}
.ri-double-quotes-l:before {
  content: var(--icon-double-quotes-l);
}
.ri-printer-line:before {
  content: var(--icon-printer-line);
}
.ri-markdown-line:before {
  content: var(--icon-markdown-line);
}

/* css/layout.css */
html,
body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
body {
  --sidebarWidth: 300px;
  --sidebarMinWidth: 300px;
  --sidebarTransitionDuration: .3s;
  background-color: var(--background);
  color: var(--textBody);
  font-size: var(--text-md);
  line-height: 1.6875em;
  outline: none !important;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.body-wrapper {
  display: flex;
  height: 100%;
}
.sidebar {
  display: none;
  flex-direction: column;
  width: var(--sidebarWidth);
  min-width: var(--sidebarMinWidth);
  max-width: 50vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: calc(-1 * var(--sidebarWidth));
  z-index: 100;
  resize: horizontal;
}
.sidebar-button {
  padding: 20px 12px 18px 19px;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  will-change: transform;
  transform: translate(0);
}
.content {
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.content .content-inner {
  container: content / inline-size;
  max-width: var(--content-width);
  min-height: 100%;
  margin: 0 auto;
  padding: 0 var(--content-gutter) 10px;
}
.content-inner:focus {
  outline: none;
}
.sidebar-transition .sidebar,
.sidebar-transition .sidebar-button,
.sidebar-transition .content {
  transition: all var(--sidebarTransitionDuration) ease-in-out allow-discrete;
}
.sidebar-open .sidebar,
.sidebar-transition .sidebar {
  display: flex;
}
.sidebar-open .sidebar {
  left: 0;
}
.sidebar-open .sidebar-button {
  transform: translate(calc(var(--sidebarWidth) - 100%));
}
.sidebar-open .content {
  width: calc(100% - var(--sidebarWidth));
  left: var(--sidebarWidth);
}
@media screen and (max-width: 768px) {
  .sidebar-open .content {
    left: 0;
    width: 100%;
  }
  .sidebar {
    max-width: 90vw;
  }
  body:not(.sidebar-open) .sidebar-button {
    position: absolute;
  }
}
.swup-progress-bar {
  height: 2px;
  background-color: var(--progressBarColor);
}

/* css/sidebar.css */
.sidebar {
  --sidebarFontSize: 16px;
  --sidebarLineHeight: 20px;
  font-family: var(--sansFontFamily);
  font-size: var(--sidebarFontSize);
  line-height: var(--sidebarLineHeight);
  background-color: var(--sidebarBackground);
  color: var(--sidebarAccentMain);
  overflow: hidden;
  .sidebar-tabpanel {
    scrollbar-width: thin;
  }
}
.apple-os .sidebar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar ul {
  list-style: none;
}
.sidebar ul li {
  margin: 0;
  padding: 0 10px;
}
.sidebar a {
  color: var(--sidebarAccentMain);
  text-decoration: none;
  transition: var(--transition-colors);
}
.sidebar a:hover {
  color: var(--sidebarHover);
}
.sidebar .external-link {
  margin-left: 2.5px;
}
.sidebar .sidebar-header {
  background-color: var(--sidebarHeader);
  width: 100%;
}
.sidebar .sidebar-projectInfo {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  margin: 8px 34px 12px 14px;
}
.sidebar .sidebar-projectInfo > div {
  flex: 1;
}
.sidebar .sidebar-projectImage {
  align-self: flex-end;
}
.sidebar .sidebar-projectImage img {
  display: block;
  max-width: 48px;
  max-height: 48px;
}
.sidebar .sidebar-projectName {
  font-weight: 700;
  font-size: var(--text-xl);
  line-height: 24px;
  color: var(--sidebarAccentMain);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  display: block;
  width: calc(100% - 12px);
}
.sidebar .sidebar-projectVersion {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: var(--sidebarFontSize);
  line-height: var(--sidebarLineHeight);
  color: var(--sidebarMuted);
  width: calc(100% - 12px);
}
.sidebar .sidebar-projectVersion form {
  display: flex;
}
.sidebar .sidebar-projectVersion select {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: var(--sidebarMuted);
  z-index: 2;
}
.sidebar .sidebar-projectVersion option {
  color: initial;
}
.sidebar .sidebar-projectVersionsCaret {
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  font-size: 8px;
  color: var(--sidebarMuted);
}
.sidebar .sidebar-projectVersion select::-ms-expand {
  display: none;
}
.sidebar .sidebar-staleVersion {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--sidebarStaleVersion);
}
.sidebar .sidebar-staleVersion > a {
  color: var(--sidebarStaleVersion);
  font-weight: 400;
}
.sidebar .sidebar-staleIcon {
  font-size: var(--text-lg);
  line-height: 0;
}
.sidebar .sidebar-list-nav {
  display: flex;
  margin: 0;
  padding: 0;
  overflow: auto;
  scrollbar-width: thin;
}
.sidebar .sidebar-list-nav :is(li, li button) {
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: var(--text-sm);
  color: var(--sidebarSubheadings);
  white-space: nowrap;
}
.sidebar .sidebar-list-nav li {
  display: inline-block;
  padding: 0;
}
.sidebar .sidebar-list-nav button {
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  text-align: inherit;
  color: inherit;
  font-weight: inherit;
  cursor: pointer;
  display: inline-block;
  line-height: 27px;
  padding: 4px 14px;
  transition: var(--transition-all);
}
.sidebar .sidebar-list-nav button {
  border-bottom: var(--navTabBorderWidth) solid transparent;
}
.sidebar .sidebar-list-nav button:not([aria-selected]):hover {
  border-bottom: var(--navTabBorderWidth) solid var(--sidebarInactiveItemBorder);
  color: var(--sidebarAccentMain);
  transition: var(--transition-all);
}
.sidebar .sidebar-list-nav button[aria-selected] {
  border-bottom: var(--navTabBorderWidth) solid var(--sidebarLanguageAccentBar);
  color: var(--sidebarAccentMain);
}
.sidebar .sidebar-tabpanel {
  flex: 1 1 .01%;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding-top: 12px;
  scroll-padding-top: 40px;
}
.sidebar .full-list {
  margin: 0;
  padding: 0 0 20px;
  position: relative;
}
.sidebar .full-list :is(li, a) {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar .full-list li {
  padding: 0;
  line-height: 27px;
}
.sidebar .full-list li.group {
  text-transform: uppercase;
  font-weight: 700;
  font-size: .8em;
  margin: 1.5em 0 0;
  line-height: 1.8em;
  color: var(--sidebarSubheadings);
  padding-left: 15px;
}
.sidebar .full-list li.nesting-context {
  font-weight: 700;
  font-size: .9em;
  line-height: 1.8em;
  color: var(--sidebarSubheadings);
  margin-top: 10px;
  padding-left: 15px;
}
.sidebar .full-list a {
  margin-right: 30px;
  padding: 3px 0 3px 12px;
  border-left: var(--navTabBorderWidth) solid transparent;
  color: var(--sidebarItem);
}
.sidebar .full-list a[aria-selected] {
  color: var(--sidebarActiveItem);
}
.sidebar .full-list button {
  appearance: none;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  width: 20px;
  text-align: center;
  font-size: calc(1.2 * var(--sidebarFontSize));
  line-height: var(--sidebarLineHeight);
  position: absolute;
  display: block;
  right: 10px;
  transform: translateY(-100%);
}
.sidebar .full-list a[aria-selected] + button {
  color: var(--sidebarActiveItem);
}
.sidebar .full-list button:after {
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--icon-arrow-down-s);
}
.sidebar .full-list button[aria-expanded=true]:after {
  content: var(--icon-arrow-up-s);
}
.sidebar .full-list ul {
  display: none;
  margin: 10px 0 10px 10px;
  padding: 0;
}
.sidebar .full-list button[aria-expanded=true] + ul {
  display: block;
}
.sidebar .full-list > li > a {
  height: 27px;
  line-height: var(--sidebarLineHeight);
}
.sidebar .full-list > li > a:hover {
  border-left-color: var(--sidebarLanguageAccentBar);
}
.sidebar .full-list > li > a[aria-selected] {
  border-left-color: var(--sidebarLanguageAccentBar);
}
.sidebar .full-list > li:last-child {
  margin-bottom: 30px;
}
.sidebar .full-list > li.group:first-child {
  margin-top: 0;
}
.sidebar .full-list > li > ul > li:not(:has(li a[aria-selected=true])) > a[aria-selected=true]:before,
.sidebar .full-list > li > ul > li > a:hover:before {
  content: "\2022";
  position: absolute;
  margin-left: -15px;
  color: var(--sidebarActiveItem);
}
.sidebar .full-list ul li {
  line-height: var(--sidebarFontSize);
  padding: 0 8px;
}
.sidebar .full-list ul a {
  padding-left: 15px;
  height: 24px;
}
.sidebar .full-list ul button {
  font-size: var(--sidebarFontSize);
}
.sidebar .full-list ul button:after {
  content: var(--icon-add);
}
.sidebar .full-list ul button[aria-expanded=true]:after {
  content: var(--icon-subtract);
}
.sidebar .full-list ul ul {
  margin: 9px 0 9px 10px;
}
.sidebar .full-list ul ul li {
  height: 20px;
  color: var(--sidebarAccentMain);
}
.sidebar .full-list ul ul a {
  border-left: 1px solid var(--sidebarInactiveItemMarker);
  padding: 0 10px;
  height: 20px;
}
.sidebar .full-list ul ul a:hover {
  border-color: var(--sidebarLanguageAccentBar);
}
.sidebar .full-list ul ul a[aria-selected] {
  color: var(--sidebarActiveItem);
  border-color: var(--sidebarLanguageAccentBar);
}
.sidebar-button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-size: var(--sidebarFontSize);
  color: var(--sidebarAccentMain);
}
.sidebar-button:hover {
  color: var(--sidebarHover);
}
body:not(.sidebar-open) .sidebar-button {
  color: var(--contrast);
}
@media screen and (max-height: 500px) {
  .sidebar {
    overflow-y: auto;
  }
  .sidebar .full-list {
    overflow: visible;
  }
}

/* css/search-bar.css */
.top-search {
  background-color: var(--background);
  top: 0;
  z-index: 99;
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.search-settings {
  display: flex;
  column-gap: 12px;
  align-items: center;
  width: 100%;
  position: relative;
}
.search-bar {
  border: 1px solid var(--searchBarBorder);
  border-radius: var(--borderRadius-base);
  height: 40px;
  position: relative;
  width: 100%;
}
.top-search .search-bar .search-input {
  background-color: var(--searchSearch);
  border: 1px solid transparent;
  border-radius: var(--borderRadius-base);
  color: var(--searchAccentMain);
  position: relative;
  height: 38px;
  padding: 8px 40px 8px 12px;
  width: 100%;
  transition: var(--transition-all);
}
.top-search .search-bar .search-input::placeholder {
  color: var(--searchAccentMain);
  opacity: .5;
}
.top-search .search-bar .search-input:focus {
  border: 1px solid var(--searchBarFocusColor);
  border-radius: calc(var(--borderRadius-base) - 1px);
  position: relative;
}
.top-search .search-bar .search-label {
  position: relative;
}
.top-search .search-bar .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.top-search .search-settings .engine-selector {
  position: relative;
}
.top-search .search-settings .engine-selector[data-multiple=false] {
  display: none;
}
.top-search .search-settings .engine-selector[data-multiple=false] .engine-button {
  cursor: default;
}
.top-search .search-settings .engine-selector[data-multiple=false] .engine-button .ri-arrow-down-s-line {
  display: none;
}
.top-search .search-settings .engine-button {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--autocompleteHover);
  border: none;
  color: var(--searchAccentMain);
  cursor: pointer;
  font-size: var(--text-sm);
  padding: 8px 12px;
  border-radius: var(--borderRadius-base);
  transition: var(--transition-all);
  height: 40px;
}
.top-search .search-settings .engine-button:hover,
.top-search .search-settings .engine-button[aria-expanded=true] {
  background-color: var(--autocompleteSelected);
}
.top-search .search-settings .engine-name {
  font-size: var(--text-sm);
  white-space: nowrap;
}
.top-search .search-settings .engine-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 200px;
  max-width: 50vh;
  width: max-content;
  background-color: var(--autocompleteBackground);
  border-radius: var(--borderRadius-base);
  box-shadow: 0 4px 12px #0003;
  z-index: 200;
}
.top-search .search-settings .engine-dropdown[hidden] {
  display: none;
}
.top-search .search-settings .engine-option {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  color: var(--textHeaders);
  cursor: pointer;
  padding: 10px 12px;
  transition: var(--transition-colors);
}
.top-search .search-settings .engine-option:hover {
  background-color: var(--autocompleteHover);
}
.top-search .search-settings .engine-option:focus {
  border-left: 2px solid var(--main);
  padding-left: 10px;
  background-color: var(--autocompleteHover);
  outline: none;
}
.top-search .search-settings .engine-option[aria-checked=true] {
  background-color: var(--autocompleteSelected);
}
.top-search .search-settings .engine-option .name {
  display: block;
  font-size: var(--text-sm);
  font-weight: 500;
  margin-bottom: 2px;
}
.top-search .search-settings .engine-option .help {
  display: block;
  font-size: var(--text-xs);
  opacity: .7;
}
.top-search .search-bar .search-close-button {
  font-size: var(--text-md);
  color: var(--searchAccentMain);
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  opacity: .5;
  padding: 5px;
  transform: scaleY(0);
  transition: var(--transition-all);
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
}
.top-search .search-bar .search-close-button:hover {
  opacity: .7;
}
.top-search .search-settings button.icon-settings {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-search .search-settings .icon-settings {
  font-size: var(--text-xl);
  float: right;
  color: var(--iconAction);
  text-decoration: none;
  border: none;
  transition: color .3s ease-in-out;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.top-search .search-settings .icon-settings:hover {
  color: var(--iconActionHover);
}
.top-search .search-settings .icon-settings:visited {
  color: var(--iconAction);
}
@media screen and (max-width: 768px) {
  .top-search {
    padding-left: calc(var(--content-gutter) + 36px);
    padding-right: var(--content-gutter);
    margin-left: calc(-1 * var(--content-gutter));
    margin-right: calc(-1 * var(--content-gutter));
    width: calc(2 * var(--content-gutter) + 100%);
  }
  .search-settings {
    width: 100%;
    box-sizing: border-box;
  }
  .top-search .search-settings .engine-name {
    display: none;
  }
}
body.search-focused .search-bar .search-close-button {
  transform: translateY(-50%) scaleY(1);
  transition: var(--transition-all);
}
@media screen and (hover: hover) {
  body.search-focused .top-search {
    position: sticky !important;
  }
  body.search-focused .sidebar-button {
    position: fixed !important;
  }
}
@media screen and (hover: none) {
  body.scroll-sticky .top-search {
    position: sticky !important;
  }
  body.scroll-sticky .sidebar-button {
    position: fixed !important;
  }
}

/* css/focus.css */
*:focus,
button:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus {
  outline: 2px solid var(--main);
  outline-offset: -2px;
}
*:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible),
[type=reset]:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible) {
  outline: 0;
}
input[type=text],
input[type=number],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea {
  outline: 0;
}

/* css/content/general.css */
.content-inner {
  font-size: 1em;
  line-height: 1.6875em;
  position: relative;
  background-color: var(--background);
  color: var(--textBody);
}
.content-inner .heading-with-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
.content-inner .heading-with-actions > *:not(h1) {
  flex-shrink: 0;
}
.content-inner .heading-with-actions h1 {
  flex-grow: 1;
  justify-self: flex-start;
  max-width: 100%;
  margin: 0;
  overflow-wrap: break-word;
}
.content-inner .heading-with-actions .icon-action {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  margin-left: 3px;
}
.content-inner .heading-with-actions.top-heading .icon-action {
  font-size: 1.2rem;
}
@container content (width > 600px) {
  .content-inner .heading-with-actions.top-heading {
    flex-wrap: nowrap;
    align-items: flex-start;
    & h1 {
      padding-right: 32px;
    }
    .icon-action {
      padding-top: 1.7rem;
    }
  }
}
.content-inner .top-heading {
  padding-top: 1rem;
}
.content-inner :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--sansFontFamily);
  font-weight: 700;
  line-height: 1.5em;
  word-wrap: break-word;
  color: var(--textHeaders);
}
.content-inner div.group-description {
  margin: 0 0 3em;
}
.content-inner h1 small {
  font-weight: 400;
}
.content-inner {
  & h1 {
    font-size: 2rem;
    margin-top: 1.75em;
  }
  :is(#summary, #callbacks, #functions) > h1.section-heading,
  h2 {
    font-size: 1.75rem;
    margin-top: 1.5em;
    margin-bottom: .5em;
  }
  :is(#summary, #callbacks, #functions) > h2.section-heading,
  h3,
  #summary :is(.summary-callbacks, .summary-functions) h2 {
    font-size: 1.45rem;
    margin-top: 1.5em;
    margin-bottom: .5em;
  }
  :is(h4, h5, h6) {
    font-size: 1.15rem;
    margin-top: 1.25em;
    margin-bottom: .5em;
  }
  :is(h5, h6) {
    font-weight: 400;
  }
  & h6 {
    font-size: 1rem;
  }
}
.content-inner li + li {
  margin-top: .25em;
}
.content-inner :is(a, .a-main) {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.content-inner :is(a:visited, .a-main:visited) {
  color: var(--link-visited-color);
}
.content-inner .icon-action {
  color: var(--iconAction);
  text-decoration: none;
  border: none;
  transition: var(--transition-colors);
  background-color: transparent;
  cursor: pointer;
}
.content-inner .icon-action:hover {
  color: var(--iconActionHover);
}
.content-inner .icon-action:visited {
  color: var(--iconAction);
}
.content-inner .livebook-badge-container {
  display: flex;
}
.content-inner a.livebook-badge {
  display: inline-flex;
}
.content-inner .note {
  color: var(--iconAction);
  font-size: var(--text-xs);
  font-weight: 400;
}
.content-inner {
  :is(blockquote, section.admonition) {
    position: relative;
    margin: 1.5625em 0;
    padding: 0 1.2rem;
    overflow: auto;
    border-radius: var(--borderRadius-base);
    :is(h1, h2, h3, h4, h5, h6) {
      margin: 1.25rem 0;
    }
    :is(h1, h2, h3) {
      font-size: 1.375rem;
    }
    :is(h4, h5, h6) {
      font-size: 1rem;
    }
    :is(code, pre code) {
      background-color: var(--admCodeBackground);
      border: 1px solid var(--admCodeBorder);
      color: var(--admCodeColor);
    }
    :is(a, a:visited) {
      color: inherit;
    }
    :is(h1, h2, h3, h4, h5, h6):first-child {
      padding-bottom: 1rem;
      border-bottom: 2px solid hsl(from currentColor h s l / 15%);
    }
    & p:last-child {
      padding-bottom: 1em;
      margin-bottom: 0;
    }
  }
  & blockquote {
    border-left: 3px solid var(--blockquoteBorder);
    background-color: var(--blockquoteBackground);
  }
}
@media print {
  .content-inner :is(blockquote, section.admonition) {
    border: 2px solid hsl(from var(--textBody) h s l / 15%);
    :is(code, pre code) {
      border-color: var(--gray400);
    }
    & pre code.makeup {
      white-space: break-spaces;
      break-inside: avoid;
    }
  }
}
.content-inner table {
  margin: 2em 0;
  border-collapse: collapse;
  display: block;
  overflow: auto;
}
.content-inner th {
  text-align: left;
  font-family: var(--sansFontFamily);
  font-weight: 700;
  padding-bottom: .5em;
  white-space: nowrap;
}
.content-inner thead tr {
  border-bottom: 1px solid var(--tableHeadBorder);
}
.content-inner tbody tr {
  border-bottom: 1px solid var(--tableBodyBorder);
}
.content-inner tbody tr:last-child {
  border-bottom: none;
}
.content-inner tr {
  vertical-align: bottom;
  height: 2.5em;
}
.content-inner :is(td, th) {
  padding: .25em .25em .25em 1em;
  line-height: 2em;
  vertical-align: top;
}
.content-inner .section-heading {
  --icon-size: 16px;
  --icon-spacing: 5px;
  display: grid;
  grid-template: 1fr / 1fr;
}
@media screen and (max-width: 768px) {
  .content-inner .section-heading {
    --icon-spacing: 2px;
  }
}
.content-inner .section-heading > :is(.hover-link, .text) {
  grid-row: 1;
  grid-column: 1;
}
.content-inner .section-heading .hover-link {
  text-decoration: none;
}
.content-inner .section-heading i {
  font-size: var(--icon-size);
  color: var(--mainLight);
  top: -2px;
  margin-left: calc(-1 * (var(--icon-size) + var(--icon-spacing)));
  padding-right: var(--icon-spacing);
  position: relative;
  opacity: 0;
}
.content-inner :is(blockquote, section.admonition) .section-heading i {
  display: none;
}
.content-inner .section-heading:is(:hover, :focus, :target) i {
  opacity: 1;
}
.content-inner .app-vsn {
  display: none !important;
  font-size: .6em;
  line-height: 1.5em;
}
@media screen and (max-width: 768px) {
  .content-inner .app-vsn {
    display: block !important;
  }
}
.content-inner img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .content-inner :is(ol, ul) {
    padding-left: calc(1.5 * var(--content-gutter));
  }
}

/* css/content/admonition.css */
.content-inner section.admonition {
  border-radius: var(--borderRadius-base);
}
.content-inner section.admonition > .admonition-title {
  color: var(--contrast);
  padding-left: 2.2rem;
  font-weight: 700;
  font-style: normal;
}
.content-inner section.admonition > .admonition-title:before {
  color: var(--contrast);
  position: absolute;
  left: 1rem;
  font-size: 1.8rem;
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content-inner section.admonition {
  &.warning {
    background-color: var(--warningBackground);
    .admonition-title {
      &,
      &:before {
        content: var(--icon-error-warning);
        color: var(--warningHeading);
      }
    }
  }
  &.error {
    background-color: var(--errorBackground);
    .admonition-title {
      &,
      &:before {
        content: var(--icon-error-warning);
        color: var(--errorHeading);
      }
    }
  }
  &.info {
    background-color: var(--infoBackground);
    .admonition-title {
      &,
      &:before {
        content: var(--icon-information);
        color: var(--infoHeading);
      }
    }
  }
  &.neutral {
    background-color: var(--neutralBackground);
    .admonition-title {
      &,
      &:before {
        content: var(--icon-double-quotes-l);
        color: var(--neutralHeading);
      }
    }
  }
  &.tip {
    background-color: var(--tipBackground);
    .admonition-title {
      &,
      &:before {
        content: var(--icon-information);
        color: var(--tipHeading);
      }
    }
  }
}
@media print {
  .content-inner section.admonition {
    &.warning {
      border-color: hsl(from var(--warningHeading) h s l / 15%);
      .admonition-title {
        &,
        &:before {
          color: hsl(var(--warningHue), 90%, 40%);
        }
      }
    }
    &.error {
      border-color: hsl(from var(--errorHeading) h s l / 15%);
      .admonition-title {
        &,
        &:before {
          color: hsl(var(--errorHue), 80%, 40%);
        }
      }
    }
    &.info {
      border-color: hsl(from var(--infoHeading) h s l / 15%);
      .admonition-title {
        &,
        &:before {
          color: hsl(var(--infoHue), 80%, 40%);
        }
      }
    }
    &.neutral {
      border-color: hsl(from var(--neutralHeading) h s l / 15%);
      .admonition-title {
        &,
        &:before {
          color: hsl(var(--neutralHue), 30%, 40%);
        }
      }
    }
    &.tip {
      border-color: hsl(from var(--tipHeading) h s l / 15%);
      .admonition-title {
        &,
        &:before {
          color: hsl(var(--tipHue), 50%, 40%);
        }
      }
    }
  }
}
.content-inner section.admonition > .admonition-title code {
  margin: 0 .5ch;
}
@media screen and (max-width: 768px) {
  .content-inner section.admonition {
    margin-left: calc(-1 * var(--content-gutter));
    margin-right: calc(-1 * var(--content-gutter));
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
    border-radius: 0;
  }
}

/* css/content/summary.css */
.content-inner .summary h2 a {
  text-decoration: none;
  border: none;
  color: var(--textHeaders) !important;
}
.content-inner .summary span.deprecated {
  color: var(--darkDeprecated);
  font-weight: 400;
}
.content-inner .summary .summary-row .summary-signature {
  font-family: var(--monoFontFamily);
  font-size: 13px;
  font-weight: 700;
}
.content-inner .summary .summary-row .summary-signature a {
  text-decoration: none;
  border: none;
}
.content-inner .summary .summary-row .summary-synopsis {
  padding: 0 1.2em;
  margin: 0 0 .5em;
}
.content-inner .summary .summary-row .summary-synopsis p {
  margin: 0;
  padding: 0;
}

/* css/content/code.css */
@font-face {
  font-family: Consolas;
  src: local("Consolas");
  size-adjust: 110%;
}
.content-inner.content-inner :is(a:has(code, img), pre a) {
  color: var(--link-color);
  text-shadow: none;
  text-decoration: none;
  background-image: none;
}
.content-inner.content-inner :is(a:has(code, img), pre a):is(:visited, :active, :focus, :hover) {
  color: var(--link-visited-color);
}
.content-inner strong > code {
  font-weight: 700;
}
.content-inner code {
  font-family: var(--monoFontFamily);
  font-style: normal;
  line-height: 24px;
  font-weight: 400;
  font-size: var(--text-sm);
  background-color: var(--codeBackground);
  vertical-align: baseline;
  border-radius: var(--borderRadius-sm);
  padding: .1em .2em;
  border: 1px solid var(--codeBorder);
  text-transform: none;
}
.content-inner code.inline {
  border-radius: var(--borderRadius-sm);
  word-wrap: break-word;
}
.content-inner pre {
  margin: var(--baseLineHeight) 0;
}
.content-inner pre code {
  display: block;
  overflow-x: auto;
  white-space: inherit;
  padding: 1em;
  scrollbar-width: thin;
}
.content-inner pre code.output {
  margin: 0 12px;
  max-height: 400px;
  overflow: auto;
}
.content-inner pre code.output + .copy-button {
  margin-right: 12px;
}
.content-inner pre code.output:before {
  content: "Output";
  display: block;
  position: absolute;
  top: -16px;
  left: 12px;
  padding: 2px 4px;
  font-size: var(--text-xs);
  font-family: var(--monoFontFamily);
  line-height: 1;
  color: var(--textHeaders);
  background-color: var(--codeBackground);
  border: 1px solid var(--codeBorder);
  border-bottom: 0;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .content-inner > pre:has(code),
  .content-inner section > pre:has(code) {
    margin-left: calc(-1 * var(--content-gutter));
    margin-right: calc(-1 * var(--content-gutter));
  }
  .content-inner > pre code,
  .content-inner section > pre code {
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
  }
}

/* css/content/functions.css */
@keyframes blink-background {
  0%, to {
    background-color: var(--textDetailBackground);
  }
  50% {
    background-color: var(--blink);
  }
}
.content-inner .detail:target .detail-header {
  animation-duration: .55s;
  animation-name: blink-background;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
.content-inner .detail-header {
  margin: 1em 0;
  padding: .5em .85em .5em 1em;
  background-color: var(--textDetailBackground);
  border-left: 3px solid var(--textDetailAccent);
  font-size: 1em;
  font-family: var(--monoFontFamily);
  position: relative;
}
.content-inner .detail-header .signature {
  font-family: var(--monoFontFamily);
  font-weight: 700;
  font-size: 13px !important;
  line-height: 2em !important;
  margin: 0 !important;
}
.content-inner .detail-header:hover a.detail-link,
.content-inner .detail-header a.detail-link:focus {
  opacity: 1;
  text-decoration: none;
}
.content-inner .detail-header a.detail-link {
  transition: var(--transition-opacity);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  padding: .6em;
  line-height: 1.5em;
  margin-left: -2.5em;
  text-decoration: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .content-inner .detail-header a.detail-link {
    margin-left: -30px;
  }
}
.content-inner .specs pre {
  font-family: var(--monoFontFamily);
  font-size: var(--text-xs);
  font-style: normal;
  line-height: 24px;
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
}
.content-inner .specs .attribute {
  color: var(--fnSpecAttr);
}
.content-inner .docstring {
  margin: 1.2em 0 3em 1.2em;
}
@media screen and (max-width: 768px) {
  .content-inner .docstring {
    margin-left: 0;
  }
}
.content-inner .docstring:is(h2, h3, h4, h5) {
  font-weight: 700;
}
.content-inner .docstring h2 {
  font-size: 1.1em;
}
.content-inner .docstring h3 {
  font-size: 1em;
}
.content-inner .docstring h4 {
  font-size: .95em;
}
.content-inner .docstring h5 {
  font-size: .9em;
}
.content-inner div.deprecated {
  display: block;
  padding: 1em;
  background-color: var(--fnDeprecated);
  border-radius: var(--borderRadius-sm);
  margin: var(--baseLineHeight) 0;
}

/* css/content/footer.css */
.content-inner .footer {
  margin: 4em auto 1em;
  text-align: center;
  font-size: var(--text-sm);
}
.content-inner .footer .line {
  display: inline-block;
}
.content-inner .footer .line a,
.content-inner .footer .line button {
  padding: 0 4px;
}
.content-inner .footer button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

/* css/content/bottom-actions.css */
.content-inner .bottom-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 7em;
  gap: 12px;
}
.bottom-actions-item {
  flex: 1 1 0%;
}
.content-inner .bottom-actions .bottom-actions-button {
  display: flex;
  text-decoration: none;
  flex-direction: column;
  border-radius: var(--borderRadius-sm);
  border: 1px solid var(--bottomActionsBtnBorder);
  padding: 12px 16px;
  min-width: 150px;
  transition: var(--transition-all);
}
.content-inner .bottom-actions .bottom-actions-button:hover {
  border-color: var(--mainLight);
}
.content-inner .bottom-actions .bottom-actions-button .subheader {
  font-size: .8em;
  color: var(--textHeaders);
  white-space: nowrap;
}
.content-inner .bottom-actions .bottom-actions-button .title {
  color: var(--bottomActionsBtnTitle);
}
.content-inner .bottom-actions .bottom-actions-button[rel=prev] {
  text-align: start;
}
.content-inner .bottom-actions .bottom-actions-button[rel=next] {
  text-align: end;
}
@media screen and (max-width: 768px) {
  .content-inner .bottom-actions {
    flex-direction: column-reverse;
  }
}

/* css/content/cheatsheet.css */
.page-cheatmd .content-inner {
  --horizontal-space: 1.5em;
  --vertical-space: 1em;
}
@media (max-width: 600px) {
  .page-cheatmd .content-inner {
    --horizontal-space: 1em;
    --vertical-space: .75em;
  }
}
.page-cheatmd .content-inner {
  max-width: 1200px;
}
.page-cheatmd .content-inner h1 {
  margin-bottom: var(--vertical-space);
}
.page-cheatmd .content-inner h2 {
  font-size: 1.6rem;
  margin: var(--vertical-space) 0;
  column-span: all;
  color: var(--gray700);
  font-weight: 500;
}
.dark .page-cheatmd .content-inner h2 {
  color: var(--gray200);
}
.page-cheatmd .content-inner h3 {
  font-size: 1.375rem;
  margin: 0 0 1em;
  font-weight: 400;
}
.page-cheatmd .content-inner section.h3 {
  min-width: 300px;
  margin: 0;
  padding: 0 0 calc(var(--vertical-space) * 2) 0;
  break-inside: avoid;
}
.page-cheatmd .content-inner h3 .text {
  overflow: hidden;
}
.page-cheatmd .content-inner h3 .text:after {
  content: "";
  margin-left: calc(var(--horizontal-space) / 2);
  vertical-align: baseline;
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-right: -100%;
  margin-bottom: 5px;
  background-color: var(--codeBorder);
}
.page-cheatmd .content-inner h4 {
  font-size: 1rem;
  display: block;
  margin: 0;
  padding: .25em var(--horizontal-space);
  font-weight: 400;
  background: var(--gray100);
  color: #567;
  border: solid 1px 1px 0 1px var(--gray100);
}
.dark .page-cheatmd .content-inner h4 {
  background: #192f50;
  color: var(--textBody);
  border: 1px solid #192f50;
  border-bottom: 0;
}
.page-cheatmd .content-inner .h2 p {
  margin: 0;
  display: block;
  background: var(--gray50);
  padding: var(--vertical-space) var(--horizontal-space);
}
.dark .page-cheatmd .content-inner .h2 p {
  background: var(--gray700);
}
.page-cheatmd .content-inner .h2 p > code {
  color: #eb5757;
  border-radius: var(--borderRadius-sm);
  padding: .2em .4em;
}
.page-cheatmd .content-inner pre code {
  padding: var(--vertical-space) var(--horizontal-space);
}
.page-cheatmd .content-inner .h2 pre {
  margin: 0;
}
.page-cheatmd .content-inner .h2 pre + pre {
  margin-top: -1px;
}
.page-cheatmd .content-inner pre.wrap {
  white-space: break-spaces;
}
@media screen and (max-width: 768px) {
  .page-cheatmd .content-inner pre code {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
  }
}
.page-cheatmd .content-inner .h2 table {
  display: table;
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.page-cheatmd .content-inner .h2 th {
  padding: var(--vertical-space) var(--horizontal-space);
  line-height: inherit;
  margin-bottom: -1px;
  vertical-align: middle;
  border-bottom: 1px solid var(--codeBorder);
}
.page-cheatmd .content-inner .h2 td {
  padding: var(--vertical-space) var(--horizontal-space);
  border: 0;
  border-bottom: 1px solid var(--codeBorder);
}
.page-cheatmd .content-inner .h2 tr:first-child {
  border-top: 1px solid var(--codeBorder);
}
.page-cheatmd .content-inner .h2 td code {
  color: #eb5757;
  border-radius: var(--borderRadius-sm);
  padding: .2em .4em;
}
.page-cheatmd .content-inner .h2 thead {
  background-color: var(--gray50);
}
.dark .page-cheatmd .content-inner .h2 thead {
  background-color: var(--gray700);
}
.page-cheatmd .content-inner .h2 tbody {
  background-color: var(--codeBackground);
}
.page-cheatmd .content-inner .h2 :is(ul, ol) {
  margin: 0;
  padding: 0;
}
.page-cheatmd .content-inner .h2 li {
  list-style-position: inside;
  padding: .5em var(--horizontal-space);
  line-height: 2em;
  vertical-align: middle;
  background-color: var(--codeBackground);
  border-bottom: 1px solid var(--codeBorder);
  margin-top: 0;
}
.page-cheatmd .content-inner .h2 :is(ul, ol) + pre code {
  border-top: 0;
}
.page-cheatmd .content-inner .h2 li > code {
  color: #eb5757;
  border-radius: var(--borderRadius-sm);
  padding: .2em .4em;
}
.page-cheatmd .content-inner section.width-50 {
  display: block;
  width: 50%;
  margin: 0;
}
.page-cheatmd .content-inner section.width-50 > section > table {
  width: 100%;
}
.page-cheatmd .content-inner section:is(.col-2, .col-2-left, .col-3) {
  column-gap: 40px;
}
.page-cheatmd .content-inner section.col-2 {
  column-count: 2;
  height: auto;
}
.page-cheatmd .content-inner section.col-2-left {
  display: grid;
  grid-template-columns: calc(100% / 3) auto;
}
.page-cheatmd .content-inner section.col-2-left > h2 {
  grid-column-end: span 2;
}
.page-cheatmd .content-inner section.col-3 {
  column-count: 3;
  height: auto;
}
.page-cheatmd .content-inner section.list-4 > ul {
  display: flex;
  flex-wrap: wrap;
}
.page-cheatmd .content-inner section.list-4 > ul > li {
  flex: 0 0 25%;
}
.page-cheatmd .content-inner section.list-6 > ul {
  display: flex;
  flex-wrap: wrap;
}
.page-cheatmd .content-inner section.list-6 > ul > li {
  flex: 0 0 calc(100% / 6);
}
@media screen and (max-width: 1400px) {
  .page-cheatmd .content-inner section.col-3 {
    column-count: 2;
  }
  .page-cheatmd .content-inner section.col-2-left {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .page-cheatmd .content-inner section:is(.col-2, .col-3) {
    display: flex;
    flex-direction: column;
  }
  .page-cheatmd .content-inner section.list-6 > ul > li {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1000px) {
  .page-cheatmd .content-inner section:is(.list-4, .list-6) > ul > li {
    flex: 0 0 calc(100% / 3);
  }
}
@media screen and (max-width: 600px) {
  .page-cheatmd .content-inner section:is(.list-4, .list-6) > ul > li {
    flex: 0 0 50%;
  }
  .page-cheatmd .content-inner section.width-50 {
    width: 100%;
  }
}

/* css/search.css */
#search {
  min-height: 200px;
  position: relative;
}
#search .loading {
  height: 64px;
  width: 64px;
  position: absolute;
  top: 50%;
  left: calc(50% - 32px);
}
#search .loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid var(--coldGray);
  border-radius: 50%;
  animation: loading 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border-color: var(--coldGray) transparent transparent transparent;
}
#search .loading div:nth-child(1) {
  animation-delay: -.45s;
}
#search .loading div:nth-child(2) {
  animation-delay: -.3s;
}
#search .loading div:nth-child(3) {
  animation-delay: -.15s;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
#search .result {
  margin: 2em 0;
}
#search .result p {
  margin: 0;
}
#search .result-id {
  font-size: 1.4em;
  margin: 0;
}
#search .result-id a {
  text-decoration: none;
  color: var(--textHeaders);
  transition: var(--transition-colors);
}
#search .result-id a:is(:visited, :active) {
  color: var(--textHeaders);
}
#search .result-id a:is(:hover, :focus) {
  color: var(--main);
}
#search :is(.result-id, .result-elem) em {
  font-style: normal;
  color: var(--main);
}
#search .result-id small {
  font-weight: 400;
}

/* css/modal.css */
@keyframes keyboard-shortcuts-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modal {
  animation-duration: .15s;
  animation-name: keyboard-shortcuts-show;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  display: none;
  background-color: #000000bf;
  position: fixed;
  inset: 0;
  z-index: 300;
}
.modal.shown {
  display: block;
}
.modal .modal-contents {
  margin: 75px auto 0;
  max-width: 500px;
  background-color: var(--modalBackground);
  border-radius: var(--borderRadius-sm);
  box-shadow: 2px 2px 8px #0003;
  padding: 25px 35px 35px;
}
@media screen and (max-width: 768px) {
  .modal .modal-contents {
    padding: 20px;
  }
}
.modal .modal-header {
  display: flex;
  align-items: start;
}
.modal .modal-title {
  display: inline-block;
  flex-grow: 1;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.modal .modal-title button {
  border: none;
  background-color: transparent;
  color: var(--textHeaders);
  font-weight: 700;
  margin-right: 30px;
  padding-left: 0;
  text-align: left;
  transition: var(--transition-colors);
}
.modal .modal-title button:hover {
  color: var(--main);
  cursor: pointer;
}
.modal .modal-title button.active {
  color: var(--main);
}
.modal .modal-close {
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  margin: -8px -8px 0 0;
  padding: 8px;
  opacity: .7;
  background-color: transparent;
  color: var(--textHeaders);
  border: none;
  transition: var(--transition-opacity);
}
.modal .modal-close:hover {
  opacity: 1;
}

/* css/keyboard-shortcuts.css */
#keyboard-shortcuts-content dl.shortcut-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 6px 0 8px;
  border-bottom: 1px solid var(--settingsSectionBorder);
}
#keyboard-shortcuts-content dl.shortcut-row:last-of-type {
  border-bottom-style: none;
}
#keyboard-shortcuts-content dl.shortcut-row:first-child {
  padding-top: 0;
}
#keyboard-shortcuts-content :is(.shortcut-keys, .shortcut-description) {
  display: inline-block;
}
#keyboard-shortcuts-content kbd > kbd {
  background-color: var(--settingsInputBorder);
  color: var(--contrast);
  border-radius: var(--borderRadius-sm);
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
  padding: 4px 7px 6px;
  min-width: 26px;
  text-align: center;
  font-size: var(--text-sm);
}
#keyboard-shortcuts-content :is(.shortcut-keys, .shortcut-description) {
  margin: 0;
}

/* css/quick-switch.css */
#quick-switch-modal-body {
  width: 100%;
  position: relative;
}
#quick-switch-modal-body .ri-search-2-line {
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px 10px;
  color: var(--quickSwitchContour);
  font-weight: 700;
}
#quick-switch-modal-body #quick-switch-input {
  width: 100%;
  padding: 8px 6px 8px 38px;
  border: none;
  color: var(--quickSwitchInput);
  background-color: transparent;
  border-bottom: 1px solid var(--quickSwitchContour);
  box-sizing: border-box;
  transition: all .12s ease-out;
}
#quick-switch-modal-body #quick-switch-results {
  margin: 0;
}
#quick-switch-modal-body .quick-switch-result {
  padding: 2px 5px;
  border-bottom: 1px dotted var(--quickSwitchContour);
  transition: all .12s ease-out;
}
#quick-switch-modal-body .quick-switch-result:last-child {
  border-bottom: none;
}
#quick-switch-modal-body .quick-switch-result:hover {
  cursor: pointer;
}
#quick-switch-modal-body .quick-switch-result:is(:hover, .selected) {
  border-left: 4px solid var(--main);
  background-color: var(--codeBackground);
}

/* css/autocomplete.css */
.autocomplete {
  display: none;
  position: absolute;
  width: calc(100% - 32px);
  top: 55px;
}
.autocomplete .triangle {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid var(--autocompleteBackground);
  position: absolute;
  top: 8px;
  left: 26px;
  transform: translate(-50%);
  z-index: 100;
  background-color: transparent;
}
.autocomplete-results {
  margin: 0;
  padding: 15px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  color: var(--autocompleteResults);
  font-weight: 300;
  font-size: .9rem;
  font-style: italic;
}
.autocomplete-results .query {
  margin-right: auto;
}
.autocomplete-results .bold {
  color: var(--autocompleteResultsBold);
  font-weight: 400;
}
.autocomplete.shown {
  display: block;
}
.autocomplete-container {
  position: absolute;
  top: 5px;
  width: 100%;
  z-index: 200;
}
.autocomplete-suggestions {
  background-color: var(--autocompleteBackground);
  border-radius: var(--borderRadius-base);
  box-shadow: 0 4px 12px #0003;
  overflow-y: auto;
  max-height: 450px;
  white-space: normal;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
}
.autocomplete-suggestion {
  color: var(--textHeaders) !important;
  display: block;
  padding: 12px 20px;
  text-decoration: none !important;
  transition: var(--transition-colors);
  border-top: 1px solid var(--suggestionBorder);
  font-size: .9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.autocomplete-suggestion.selected {
  background-color: var(--autocompleteSelected);
}
.autocomplete-suggestion:hover {
  background-color: var(--autocompleteHover);
}
.autocomplete-suggestion em {
  font-style: normal;
  font-weight: 700;
}
.autocomplete-suggestion .separator {
  opacity: .4;
  margin: 0 2px;
}
.autocomplete-suggestion .description {
  opacity: .6;
}
.autocomplete-suggestion .label {
  background-color: var(--autocompleteLabelBack);
  opacity: .6;
  color: var(--autocompleteLabelFont);
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 5px;
  text-transform: uppercase;
  font-family: var(--sansFontFamily);
  font-size: .7rem;
}
@media screen and (hover: none) {
  .autocomplete-results .press-return {
    display: none !important;
  }
}

/* css/tooltips.css */
.tooltip {
  box-shadow: 0 0 10px var(--black-opacity-10);
  max-height: 300px;
  max-width: 500px;
  padding: 0;
  position: absolute;
  pointer-events: none;
  margin: 0;
  z-index: 99;
  top: 0;
  left: 0;
  visibility: hidden;
  transform: translateY(20px);
  opacity: 0;
  transition:
    .2s visibility ease-out,
    .2s transform ease-out,
    .2s opacity ease-out;
}
.tooltip.tooltip-shown {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.tooltip .tooltip-body {
  border: 1px solid var(--codeBorder);
  border-radius: var(--borderRadius-sm);
  overflow: auto;
}
.tooltip .tooltip-body .signature {
  min-width: 320px;
  width: 100%;
  line-height: 1em !important;
  margin: .75em 0 !important;
}
.tooltip .tooltip-body .detail-header {
  border-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.tooltip .tooltip-body .docstring {
  background-color: var(--background);
  padding: 1.2em;
  margin: 0;
  width: 498px;
}
.tooltip .tooltip-body .docstring-plain {
  max-width: 498px;
  width: auto;
}
.tooltip .tooltip-body .version-info {
  float: right;
  font-family: var(--monoFontFamily);
  font-weight: 400;
  opacity: .3;
  padding-left: .3em;
}

/* css/copy-button.css */
pre {
  position: relative;
}
pre:hover .copy-button,
pre .copy-button:focus {
  opacity: 1;
}
.copy-button {
  display: flex;
  opacity: 0;
  position: absolute;
  top: 7px;
  right: 8px;
  padding: 8px;
  background-color: transparent;
  backdrop-filter: blur(8px);
  border-radius: var(--borderRadius-sm);
  border: 1px solid var(--codeBorder);
  cursor: pointer;
  transition: var(--transition-all);
  font-size: var(--text-sm);
  line-height: 24px;
  color: currentColor;
  & svg[aria-live=polite] {
    display: none;
  }
}
.copy-button svg {
  opacity: .5;
  transition: var(--transition-all);
}
pre .copy-button:hover svg,
pre .copy-button:focus-visible svg {
  opacity: 1;
}
.copy-button svg {
  width: 20px;
}
.copy-button.clicked {
  opacity: 1;
  color: var(--success);
  & svg[aria-live=polite] {
    display: block;
  }
}
.copy-button.clicked svg {
  display: none;
  color: currentColor;
}

/* css/settings.css */
#settings-modal-content {
  margin-top: 10px;
}
#settings-modal-content .hidden {
  display: none;
}
#settings-modal-content .input {
  box-sizing: border-box;
  width: 80%;
  padding: 8px;
  font-size: var(--text-sm);
  background-color: var(--settingsInputBackground);
  color: var(--settingsInput);
  border: 1px solid var(--settingsInputBorder);
  border-radius: var(--borderRadius-base);
  transition: var(--transition-all);
}
#settings-modal-content .input:focus {
  border-color: var(--main);
}
#settings-modal-content .input::placeholder {
  color: var(--gray400);
}
#settings-modal-content .switch-button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--settingsSectionBorder);
  padding: 10px 0;
}
#settings-modal-content .switch-button-container:first-of-type {
  border-top-style: none;
  padding-top: 0;
}
#settings-modal-content .switch-button-container > div > span {
  font-size: var(--text-md);
}
#settings-modal-content .switch-button-container > div > p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-sm);
  line-height: 1.4;
  margin: 0;
  padding-bottom: 6px;
  padding-right: 10px;
}
#settings-modal-content .switch-button {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 40px;
  height: 20px;
  user-select: none;
  transition: var(--transition-all);
}
#settings-modal-content .switch-button__checkbox {
  appearance: none;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  background-color: #91a4b7;
  border: 3px solid #e5edf5;
  cursor: pointer;
  transition: var(--transition-all);
}
#settings-modal-content .switch-button__bg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background-color: #e5edf5;
  cursor: pointer;
  transition: var(--transition-all);
}
#settings-modal-content .switch-button__checkbox:checked {
  background-color: #fff;
  border-color: var(--main);
  transform: translate(100%);
}
#settings-modal-content .switch-button__checkbox:checked + .switch-button__bg {
  background-color: var(--main);
}
#settings-modal-content .switch-button__checkbox:focus {
  outline: 0;
}
#settings-modal-content .switch-button__checkbox:focus + .switch-button__bg {
  outline: 2px solid var(--main);
  outline-offset: 2px;
}
#settings-modal-content .switch-button__checkbox:focus:not(:focus-visible) + .switch-button__bg {
  outline: 0;
}
#settings-modal-content .settings-select {
  cursor: pointer;
  position: relative;
  border: none;
  background-color: transparent;
  color: var(--textBody);
}
#settings-modal-content .settings-select option {
  color: initial;
}

/* css/toast.css */
#toast {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  right: 10px;
  top: 0;
  font-size: .9rem;
  min-width: 3rem;
  padding: .7rem 1.2rem .7rem 2.8rem;
  text-align: left;
  font-weight: 400;
  border-radius: var(--borderRadius-base);
  border: 1px solid hsl(from var(--tipHeading) h s l / 15%);
  background-color: var(--tipBackground);
  color: var(--tipHeading);
  transition: opacity .4s ease-in-out, transform .3s ease-out;
  cursor: default;
}
#toast:before {
  content: var(--icon-information);
  position: absolute;
  left: 1rem;
  font-size: 1.2rem;
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#toast.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(.75rem);
}
@media (prefers-reduced-motion: reduce) {
  #toast {
    transition: none;
  }
}

/* css/screen-reader.css */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  user-select: none;
}

/* css/print.css */
@media print {
  .body-wrapper {
    display: block;
  }
  .sidebar,
  .sidebar-button,
  .top-search {
    display: none;
  }
  .content {
    padding-left: 0;
    overflow: visible;
    left: 0;
    width: 100%;
  }
  .summary-row {
    break-inside: avoid;
  }
  #toast {
    display: none;
  }
  .content-inner {
    padding: 0;
  }
  .content-inner .section-heading a.hover-link,
  .content-inner button.icon-action,
  .content-inner a.icon-action,
  .content-inner .bottom-actions {
    display: none;
  }
  .footer p:first-of-type {
    display: none;
  }
  .content-inner pre code.makeup {
    white-space: break-spaces;
    break-inside: avoid;
  }
}

/* css/print-cheatsheet.css */
@media print {
  .page-cheatmd .content-inner * {
    background-color: transparent !important;
    border-color: var(--gray400) !important;
  }
  .page-cheatmd .content-inner {
    max-width: 100%;
    width: 100%;
    padding: 0;
    font-size: .7em;
  }
  .page-cheatmd .content-inner section:is(.col-2, .col-2-left, .col-3) {
    column-gap: 30px;
  }
  .page-cheatmd .content-inner section.col-2 {
    column-count: 2;
  }
  .page-cheatmd .content-inner section.col-2-left {
    display: grid;
  }
  .page-cheatmd .content-inner section.col-3 {
    column-count: 3;
  }
  .page-cheatmd .content-inner h1 {
    margin-top: 0;
    margin-bottom: .5em;
  }
  .page-cheatmd .content-inner h2.section-heading {
    font-weight: 700;
    margin-top: 1em;
    column-span: all;
  }
  .page-cheatmd .content-inner section.h2 {
    break-inside: avoid;
  }
  .page-cheatmd .content-inner h3 {
    font-weight: 700;
    color: var(--mainDark);
  }
  .page-cheatmd .content-inner h3:after {
    height: 2px;
    background-color: var(--gray400);
  }
  .page-cheatmd .content-inner section.h3 {
    min-width: 300px;
    break-inside: avoid;
  }
  .page-cheatmd .content-inner h4 {
    padding: .5em 0;
    border: none;
    font-weight: 700;
    color: #000;
  }
  .page-cheatmd .content-inner .h2 p {
    padding-left: 0;
    padding-right: 0;
    border: none !important;
  }
  .page-cheatmd .content-inner code {
    line-height: 1.5em;
  }
  .page-cheatmd .content-inner .h2 table {
    font-variant-numeric: tabular-nums;
    break-inside: avoid;
  }
  .page-cheatmd .content-inner .h2 :is(th, td) {
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
  }
  .page-cheatmd .content-inner .h2 thead {
    border-style: solid none;
    border-width: 1px;
  }
  .page-cheatmd .content-inner .h2 tr {
    border-bottom: none;
  }
  .page-cheatmd .content-inner .h2 th {
    font-weight: 700;
  }
  .page-cheatmd .content-inner .h2 li {
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    border-bottom: none;
  }
  .page-cheatmd .content-inner pre:hover button.copy-button,
  .page-cheatmd .content-inner div.tooltip {
    display: none;
  }
  .page-cheatmd .content-inner footer p:not(.built-using) {
    display: none;
  }
}

/* css/makeup.css */
code.makeup .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.makeup .hll {
  background-color: #ffc;
}
.makeup .bp {
  color: #3465a4;
}
.makeup .c,
.makeup .c1,
.makeup .ch,
.makeup .cm,
.makeup .cp,
.makeup .cpf,
.makeup .cs {
  color: #4d4d4d;
}
.makeup .dl {
  color: #408200;
}
.makeup .err {
  color: #a40000;
  border: #ef2929;
}
.makeup .fm,
.makeup .g {
  color: #4d4d4c;
}
.makeup .gd {
  color: #a40000;
}
.makeup .ge {
  color: #4d4d4c;
  font-style: italic;
}
.makeup .gh {
  color: navy;
  font-weight: 700;
}
.makeup .gi {
  color: #00a000;
}
.makeup .go {
  color: #4d4d4c;
  font-style: italic;
}
.makeup .gp {
  color: #4d4d4d;
}
.makeup .gr {
  color: #ef2929;
}
.makeup .gs {
  color: #4d4d4c;
  font-weight: 700;
}
.makeup .gt {
  color: #a40000;
  font-weight: 700;
}
.makeup .gu {
  color: purple;
  font-weight: 700;
}
.makeup .il {
  color: #0000cf;
  font-weight: 700;
}
.makeup .k,
.makeup .kc,
.makeup .kd,
.makeup .kn,
.makeup .kp,
.makeup .kr,
.makeup .kt {
  color: #204a87;
}
.makeup .l {
  color: #4d4d4c;
}
.makeup .ld {
  color: #c00;
}
.makeup .m,
.makeup .mb,
.makeup .mf,
.makeup .mh,
.makeup .mi,
.makeup .mo {
  color: #2937ab;
}
.makeup .n {
  color: #4d4d4c;
}
.makeup .na {
  color: #8a7000;
}
.makeup .nb {
  color: #204a87;
}
.makeup .nc {
  color: #0000cf;
}
.makeup .nd {
  color: #5c35cc;
  font-weight: 700;
}
.makeup .ne {
  color: #c00;
  font-weight: 700;
}
.makeup .nf {
  color: #b65800;
}
.makeup .ni {
  color: #bc5400;
}
.makeup .nl {
  color: #b65800;
}
.makeup .nn {
  color: #4d4d4c;
}
.makeup .no {
  color: #a06600;
}
.makeup .nt {
  color: #204a87;
  font-weight: 700;
}
.makeup .nv,
.makeup .nx {
  color: #4d4d4c;
}
.makeup .o {
  color: #bc5400;
}
.makeup .ow {
  color: #204a87;
}
.makeup .p,
.makeup .py {
  color: #4d4d4c;
}
.makeup .s,
.makeup .s1,
.makeup .s2,
.makeup .sa,
.makeup .sb,
.makeup .sc {
  color: #408200;
}
.makeup .sd {
  color: #8f5902;
  font-style: italic;
}
.makeup .se {
  color: #204a87;
}
.makeup .sh {
  color: #408200;
}
.makeup .si {
  color: #204a87;
}
.makeup .sr {
  color: #c00;
}
.makeup .ss {
  color: #a06600;
}
.makeup .sx {
  color: #408200;
}
.makeup .vc,
.makeup .vg,
.makeup .vi,
.makeup .vm,
.makeup .x {
  color: #4d4d4c;
}
.dark .makeup {
  color: #dce1e6;
}
.dark .makeup .hll {
  background-color: #49483e;
}
.dark .makeup .bp {
  color: #dce1e6;
}
.dark .makeup .c,
.dark .makeup .c1,
.dark .makeup .ch,
.dark .makeup .cm,
.dark .makeup .cp,
.dark .makeup .cpf,
.dark .makeup .cs {
  color: #969386;
}
.dark .makeup .dl {
  color: #e6db74;
}
.dark .makeup .err {
  color: #960050;
  background-color: #1e0010;
}
.dark .makeup .fm {
  color: #a6e22e;
}
.dark .makeup .gd {
  color: #ff5385;
}
.dark .makeup .ge {
  font-style: italic;
}
.dark .makeup .gi {
  color: #a6e22e;
}
.dark .makeup .gp {
  color: #969386;
}
.dark .makeup .gs {
  font-weight: 700;
}
.dark .makeup .gu {
  color: #969386;
}
.dark .makeup .gt {
  color: #ff5385;
  font-weight: 700;
}
.dark .makeup .il {
  color: #ae81ff;
}
.dark .makeup .k,
.dark .makeup .kc,
.dark .makeup .kd {
  color: #66d9ef;
}
.dark .makeup .kn {
  color: #ff5385;
}
.dark .makeup .kp,
.dark .makeup .kr,
.dark .makeup .kt {
  color: #66d9ef;
}
.dark .makeup .l,
.dark .makeup .ld,
.dark .makeup .m,
.dark .makeup .mb,
.dark .makeup .mf,
.dark .makeup .mh,
.dark .makeup .mi,
.dark .makeup .mo {
  color: #ae81ff;
}
.dark .makeup .n {
  color: #dce1e6;
}
.dark .makeup .na {
  color: #a6e22e;
}
.dark .makeup .nb {
  color: #dce1e6;
}
.dark .makeup .nc,
.dark .makeup .nd,
.dark .makeup .ne,
.dark .makeup .nf {
  color: #a6e22e;
}
.dark .makeup .ni,
.dark .makeup .nl,
.dark .makeup .nn {
  color: #dce1e6;
}
.dark .makeup .no {
  color: #66d9ef;
}
.dark .makeup .nt {
  color: #ff5385;
}
.dark .makeup .nv {
  color: #dce1e6;
}
.dark .makeup .nx {
  color: #a6e22e;
}
.dark .makeup .o,
.dark .makeup .ow {
  color: #ff5385;
}
.dark .makeup .p,
.dark .makeup .py {
  color: #dce1e6;
}
.dark .makeup .s,
.dark .makeup .s1,
.dark .makeup .s2,
.dark .makeup .sa,
.dark .makeup .sb,
.dark .makeup .sc,
.dark .makeup .sd {
  color: #e6db74;
}
.dark .makeup .se {
  color: #ae81ff;
}
.dark .makeup .sh,
.dark .makeup .si,
.dark .makeup .sr,
.dark .makeup .ss,
.dark .makeup .sx {
  color: #e6db74;
}
.dark .makeup .vc,
.dark .makeup .vg,
.dark .makeup .vi,
.dark .makeup .vm {
  color: #dce1e6;
}

/* css/tabset.css */
.tabset {
  --borderWidth: 1px;
  --tabsetPadding: var(--baseLineHeight);
  margin: var(--baseLineHeight) 0;
  border: var(--borderWidth) solid var(--tabBorder);
  padding: 0 var(--tabsetPadding);
  border-radius: var(--borderRadius-lg);
}
.tabset-tablist {
  display: flex;
  overflow: auto;
  scrollbar-width: thin;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--tabBorderTop);
}
.tabset-tab {
  padding: 1.1rem var(--tabsetPadding);
  font-family: var(--sansFontFamily);
  color: var(--textColor);
  margin-right: calc(-1 * var(--borderWidth));
  background-color: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  transition: var(--transition-all);
}
:hover.tabset-tab {
  border-bottom-color: var(--tabBorderTop);
  color: var(--textHeaders);
}
.tabset-tab[aria-selected=true] {
  border-bottom-color: var(--mainLight);
  color: var(--textHeaders);
}
.tabset-tab[aria-selected=true]:focus-visible {
  background-color: var(--mainLight);
  border-color: var(--mainLight);
  color: var(--white);
}
@media screen and (max-width: 768px) {
  .tabset {
    --tabsetPadding: calc(var(--baseLineHeight) / 2);
  }
  .tabset-panel {
    padding-top: calc(var(--tabsetPadding) / 2);
    padding-bottom: calc(var(--tabsetPadding) / 2);
  }
  .tabset-panel pre,
  .tabset-panel blockquote,
  .tabset-panel section.admonition {
    margin-left: calc(-1 * var(--tabsetPadding)) !important;
    margin-right: calc(-1 * var(--tabsetPadding)) !important;
  }
  .tabset-panel > pre code {
    border-left-width: 0;
    border-right-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .tabset-panel > :is(:first-child) {
    &:is(table) {
      margin: .5em 0;
    }
  }
}
@media screen and (min-width: 769px) {
  .tabset-panel > :is(:first-child) {
    &:is(blockquote, .admonition) {
      margin-top: 1.5em;
    }
    &:is(p:has(img)) {
      margin-top: 1.25em;
    }
    &:is(table) {
      margin-top: .75em;
    }
  }
  .tabset-panel > :is(:last-child) {
    &:is(blockquote, .admonition) {
      margin-bottom: 1.5em;
    }
    &:is(p:not(:has(img)), ul, ol) {
      margin-bottom: 1.25em;
    }
    &:is(table) {
      margin-bottom: .75em;
    }
  }
}

/* css/_html.css */
body:not(.dark) .content-inner img[src*="#gh-dark-mode-only"],
body.dark .content-inner img[src*="#gh-light-mode-only"] {
  display: none;
}

/* css/entry/html-elixir.css */
/*! Bundled license information:

modern-normalize/modern-normalize.css:
  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)
*/