Packages

ex_doc

0.40.0
0.40.3 0.40.2 0.40.1 0.40.0 0.39.3 0.39.2 0.39.1 0.39.0 0.38.4 0.38.3 0.38.2 0.38.1 0.38.0 0.37.3 0.37.2 0.37.1 0.37.0 0.37.0-rc.2 0.37.0-rc.1 0.37.0-rc.0 0.36.1 0.36.0 0.35.1 0.35.0 0.34.2 0.34.1 0.34.0 0.33.0 0.32.2 0.32.1 0.32.0 0.31.2 0.31.1 0.31.0 0.30.9 0.30.8 0.30.7 0.30.6 0.30.5 0.30.4 0.30.3 0.30.2 0.30.1 0.30.0 0.29.4 0.29.3 0.29.2 0.29.1 0.29.0 0.28.6 0.28.5 0.28.4 0.28.3 0.28.2 0.28.1 0.28.0 0.27.3 0.27.2 0.27.1 0.27.0 0.26.0 0.25.5 0.25.4 0.25.3 0.25.2 0.25.1 0.25.0 0.24.2 0.24.1 0.24.0 0.23.0 0.22.6 0.22.5 0.22.4 0.22.2 0.22.1 0.22.0 0.21.3 0.21.2 0.21.1 0.21.0 0.20.2 0.20.1 0.20.0 0.19.3 0.19.2 0.19.1 0.19.0 0.19.0-rc 0.18.4 0.18.3 0.18.2 0.18.1 0.18.0 retired 0.17.1 0.17.0 retired 0.16.4 0.16.3 0.16.2 0.16.1 0.16.0 0.15.1 0.15.0 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.2 0.13.1 0.13.0 0.12.0 0.11.5 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.0 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.3 0.7.2 0.7.1 0.7.0 0.6.2 0.6.1 0.6.0 0.5.2 0.5.1

ExDoc is a documentation generation tool for Elixir

HexDocs

Current section

Files

Jump to
Readme
135 Versions
5 Dependencies
Dependants
Files
Activity
ex_doc formatters html dist html-elixir-PEPNOX6A.css
Raw

formatters/html/dist/html-elixir-PEPNOX6A.css 

/* 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 *)

*/