:root { /* initially use section background to avoid flickering on load when a non default variant is active; this is only possible because every color variant defines this variable, otherwise we would have been lost */ --INTERNAL-PRIMARY-color: var(--PRIMARY-color, var(--MENU-HEADER-BG-color, rgba( 0, 0, 0, 0 ))); /* not --INTERNAL-MENU-HEADER-BG-color */ --INTERNAL-SECONDARY-color: var(--SECONDARY-color, var(--MAIN-LINK-color, rgba( 72, 106, 201, 1 ))); /* not --INTERNAL-MAIN-LINK-color */ --INTERNAL-ACCENT-color: var(--ACCENT-color, rgba( 255, 215, 0, 1 )); --INTERNAL-MAIN-TOPBAR-BORDER-color: var(--MAIN-TOPBAR-BORDER-color, transparent); --INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, var(--SECONDARY-color, rgba( 72, 106, 201, 1 ))); /* not --INTERNAL-SECONDARY-color */ --INTERNAL-MAIN-LINK-HOVER-color: var(--MAIN-LINK-HOVER-color, var(--INTERNAL-MAIN-LINK-color)); --INTERNAL-MAIN-BG-color: var(--MAIN-BG-color, rgba( 255, 255, 255, 1 )); --INTERNAL-MAIN-BOLD-font-weight: var(--MAIN-BOLD-font-weight, 800); --INTERNAL-MAIN-TEXT-color: var(--MAIN-TEXT-color, rgba( 16, 16, 16, 1 )); --INTERNAL-MAIN-font: var(--MAIN-font, "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif); --INTERNAL-MAIN-font-variation-settings: var(--MAIN-font-variation-settings, "wdth" 118, "GRAD" -200, "YTFI" 710); --INTERNAL-MAIN-font-weight: var(--MAIN-font-weight, 300); --INTERNAL-MAIN-letter-spacing: var(--MAIN-letter-spacing, .014em); --INTERNAL-MAIN-TITLES-TEXT-color: var(--MAIN-TITLES-TEXT-color, var(--INTERNAL-MAIN-TEXT-color)); --INTERNAL-MAIN-TITLES-font: var(--MAIN-TITLES-font, var(--MAIN-TITLES-TEXT-font, var(--INTERNAL-MAIN-font))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-font-variation-settings: var(--MAIN-TITLES-font-variation-settings, "wdth" 118, "GRAD" 0, "YTFI" 710); --INTERNAL-MAIN-TITLES-font-weight: var(--MAIN-TITLES-font-weight, 500); --INTERNAL-MAIN-TITLES-letter-spacing: var(--MAIN-TITLES-letter-spacing, var(--INTERNAL-MAIN-letter-spacing)); --INTERNAL-MAIN-TITLES-H1-TEXT-color: var(--MAIN-TITLES-H1-TEXT-color, var(--MAIN-TITLES-H1-color, var(--INTERNAL-MAIN-TITLES-TEXT-color))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-H1-font: var(--MAIN-TITLES-H1-font, var(--INTERNAL-MAIN-TITLES-font)); --INTERNAL-MAIN-TITLES-H1-font-variation-settings: var(--MAIN-TITLES-H1-font-variation-settings, "wdth" 118, "GRAD" -100, "YTFI" 710); --INTERNAL-MAIN-TITLES-H1-font-weight: var(--MAIN-TITLES-H1-font-weight, 200); --INTERNAL-MAIN-TITLES-H1-letter-spacing: var(--MAIN-TITLES-H1-letter-spacing, var(--INTERNAL-MAIN-TITLES-letter-spacing)); --INTERNAL-MAIN-TITLES-H2-TEXT-color: var(--MAIN-TITLES-H2-TEXT-color, var(--MAIN-TITLES-H2-color, var(--INTERNAL-MAIN-TITLES-TEXT-color))); --INTERNAL-MAIN-TITLES-H2-font: var(--MAIN-TITLES-H2-font, var(--INTERNAL-MAIN-TITLES-font)); --INTERNAL-MAIN-TITLES-H2-font-variation-settings: var(--MAIN-TITLES-H2-font-variation-settings, var(--INTERNAL-MAIN-TITLES-font-variation-settings)); --INTERNAL-MAIN-TITLES-H2-font-weight: var(--MAIN-TITLES-H2-font-weight, var(--INTERNAL-MAIN-TITLES-font-weight)); --INTERNAL-MAIN-TITLES-H2-letter-spacing: var(--MAIN-TITLES-H2-letter-spacing, var(--INTERNAL-MAIN-TITLES-letter-spacing)); --INTERNAL-MAIN-TITLES-H3-TEXT-color: var(--MAIN-TITLES-H3-TEXT-color, var(--MAIN-TITLES-H3-color, var(--INTERNAL-MAIN-TITLES-H2-TEXT-color))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-H3-font: var(--MAIN-TITLES-H3-font, var(--INTERNAL-MAIN-TITLES-H2-font)); --INTERNAL-MAIN-TITLES-H3-font-variation-settings: var(--MAIN-TITLES-H3-font-variation-settings, var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings)); --INTERNAL-MAIN-TITLES-H3-font-weight: var(--MAIN-TITLES-H3-font-weight, var(--INTERNAL-MAIN-TITLES-H2-font-weight)); --INTERNAL-MAIN-TITLES-H3-letter-spacing: var(--MAIN-TITLES-H3-letter-spacing, var(--INTERNAL-MAIN-TITLES-H2-letter-spacing)); --INTERNAL-MAIN-TITLES-H4-TEXT-color: var(--MAIN-TITLES-H4-TEXT-color, var(--MAIN-TITLES-H4-color, var(--INTERNAL-MAIN-TITLES-H3-TEXT-color))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-H4-font: var(--MAIN-TITLES-H4-font, var(--INTERNAL-MAIN-TITLES-H3-font)); --INTERNAL-MAIN-TITLES-H4-font-variation-settings: var(--MAIN-TITLES-H4-font-variation-settings, "wdth" 118, "GRAD" -150, "YTFI" 710); --INTERNAL-MAIN-TITLES-H4-font-weight: var(--MAIN-TITLES-H4-font-weight, 300); --INTERNAL-MAIN-TITLES-H4-letter-spacing: var(--MAIN-TITLES-H4-letter-spacing, var(--INTERNAL-MAIN-TITLES-H3-letter-spacing)); --INTERNAL-MAIN-TITLES-H5-TEXT-color: var(--MAIN-TITLES-H5-TEXT-color, var(--MAIN-TITLES-H5-color, var(--INTERNAL-MAIN-TITLES-H4-TEXT-color))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-H5-font: var(--MAIN-TITLES-H5-font, var(--INTERNAL-MAIN-TITLES-H4-font)); --INTERNAL-MAIN-TITLES-H5-font-variation-settings: var(--MAIN-TITLES-H5-font-variation-settings, var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings)); --INTERNAL-MAIN-TITLES-H5-font-weight: var(--MAIN-TITLES-H5-font-weight, var(--INTERNAL-MAIN-TITLES-H4-font-weight)); --INTERNAL-MAIN-TITLES-H5-letter-spacing: var(--MAIN-TITLES-H5-letter-spacing, var(--INTERNAL-MAIN-TITLES-H4-letter-spacing)); --INTERNAL-MAIN-TITLES-H6-TEXT-color: var(--MAIN-TITLES-H6-TEXT-color, var(--MAIN-TITLES-H6-color, var(--INTERNAL-MAIN-TITLES-H5-TEXT-color))); /* fallback for renaming */ --INTERNAL-MAIN-TITLES-H6-font: var(--MAIN-TITLES-H6-font, var(--INTERNAL-MAIN-TITLES-H5-font)); --INTERNAL-MAIN-TITLES-H6-font-variation-settings: var(--MAIN-TITLES-H6-font-variation-settings, var(--INTERNAL-MAIN-TITLES-H5-font-variation-settings)); --INTERNAL-MAIN-TITLES-H6-font-weight: var(--MAIN-TITLES-H6-font-weight, var(--INTERNAL-MAIN-TITLES-H5-font-weight)); --INTERNAL-MAIN-TITLES-H6-letter-spacing: var(--MAIN-TITLES-H6-letter-spacing, var(--INTERNAL-MAIN-TITLES-H5-letter-spacing)); --INTERNAL-CODE-font: var(--CODE-font, "Consolas", menlo, monospace); --INTERNAL-CODE-font-variation-settings: var(--CODE-font-variation-settings, normal); --INTERNAL-CODE-font-weight: var(--CODE-font-weight, 300); --INTERNAL-CODE-letter-spacing: var(--CODE-letter-spacing, normal); --INTERNAL-CODE-theme: var(--CODE-theme, relearn-light); --INTERNAL-CODE-BLOCK-color: var(--CODE-BLOCK-color, var(--MAIN-CODE-color, rgba( 39, 40, 34, 1 ))); /* fallback for renaming */ --INTERNAL-CODE-BLOCK-BG-color: var(--CODE-BLOCK-BG-color, var(--MAIN-CODE-BG-color, rgba( 250, 250, 250, 1 ))); /* fallback for renaming */ --INTERNAL-CODE-BLOCK-BORDER-color: var(--CODE-BLOCK-BORDER-color, var(--MAIN-CODE-BG-color, var(--INTERNAL-CODE-BLOCK-BG-color))); /* fallback for renaming */ --INTERNAL-CODE-INLINE-color: var(--CODE-INLINE-color, rgba( 94, 94, 94, 1 )); --INTERNAL-CODE-INLINE-BG-color: var(--CODE-INLINE-BG-color, rgba( 255, 250, 233, 1 )); --INTERNAL-CODE-INLINE-BORDER-color: var(--CODE-INLINE-BORDER-color, rgba( 251, 240, 203, 1 )); --INTERNAL-BROWSER-theme: var(--BROWSER-theme, light); --INTERNAL-MERMAID-theme: var(--CONFIG-MERMAID-theme, var(--MERMAID-theme, var(--INTERNAL-PRINT-MERMAID-theme))); --INTERNAL-OPENAPI-theme: var(--CONFIG-OPENAPI-theme, var(--OPENAPI-theme, var(--SWAGGER-theme, var(--INTERNAL-PRINT-OPENAPI-theme)))); /* fallback for renaming */ --INTERNAL-OPENAPI-CODE-theme: var(--CONFIG-OPENAPI-CODE-theme, var(--OPENAPI-CODE-theme, --INTERNAL-PRINT-OPENAPI-CODE-theme)); --INTERNAL-TAG-BG-color: var(--TAG-BG-color, var(--INTERNAL-PRIMARY-color)); --INTERNAL-MENU-BORDER-color: var(--MENU-BORDER-color, transparent); --INTERNAL-MENU-TOPBAR-BORDER-color: var(--MENU-TOPBAR-BORDER-color, var(--INTERNAL-MENU-HEADER-BG-color)); --INTERNAL-MENU-TOPBAR-SEPARATOR-color: var(--MENU-TOPBAR-SEPARATOR-color, transparent); --INTERNAL-MENU-HEADER-color: var(--MENU-HEADER-color, var(--INTERNAL-MENU-SECTIONS-LINK-color)); --INTERNAL-MENU-HEADER-BG-color: var(--MENU-HEADER-BG-color, var(--PRIMARY-color, rgba( 0, 0, 0, 0 ))); /* not --INTERNAL-PRIMARY-color */ --INTERNAL-MENU-HEADER-BORDER-color: var(--MENU-HEADER-BORDER-color, var(--INTERNAL-MENU-HEADER-BG-color)); --INTERNAL-MENU-SEARCH-color: var(--MENU-SEARCH-color, var(--MENU-SEARCH-BOX-ICONS-color, rgba( 224, 224, 224, 1 ))); /* fallback for renaming */ --INTERNAL-MENU-SEARCH-BG-color: var(--MENU-SEARCH-BG-color, rgba( 50, 50, 50, 1 )); --INTERNAL-MENU-SEARCH-BORDER-color: var(--MENU-SEARCH-BORDER-color, var(--MENU-SEARCH-BOX-color, var(--INTERNAL-MENU-SEARCH-BG-color))); /* fallback for renaming */ --INTERNAL-MENU-HOME-LINK-color: var(--MENU-HOME-LINK-color, rgba( 50, 50, 50, 1 )); --INTERNAL-MENU-HOME-LINK-HOVER-color: var(--MENU-HOME-LINK-HOVER-color, var(--MENU-HOME-LINK-HOVERED-color, rgba( 128, 128, 128, 1 ))); /* fallback for renaming */ --INTERNAL-MENU-HOME-TOP-SEPARATOR-color: var(--MENU-HOME-TOP-SEPARATOR-color, var(--INTERNAL-MENU-HOME-LINK-color)); --INTERNAL-MENU-HOME-SEPARATOR-color: var(--MENU-HOME-SEPARATOR-color, var(--INTERNAL-MENU-HOME-LINK-color)); --INTERNAL-MENU-HOME-BOTTOM-SEPARATOR-color: var(--MENU-HOME-BOTTOM-SEPARATOR-color, var(--MENU-HEADER-SEPARATOR-color, var(--INTERNAL-MENU-HEADER-BORDER-color))); /* fallback for renaming */ --INTERNAL-MENU-SECTIONS-ACTIVE-BG-color: var(--MENU-SECTIONS-ACTIVE-BG-color, rgba( 0, 0, 0, .166 )); --INTERNAL-MENU-SECTIONS-BG-color: var(--MENU-SECTIONS-BG-color, rgba( 40, 40, 40, 1 )); --INTERNAL-MENU-SECTIONS-LINK-color: var(--MENU-SECTIONS-LINK-color, rgba( 186, 186, 186, 1 )); --INTERNAL-MENU-SECTIONS-LINK-HOVER-color: var(--MENU-SECTIONS-LINK-HOVER-color, var(--INTERNAL-MENU-SECTIONS-LINK-color)); --INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color: var(--MENU-SECTION-ACTIVE-CATEGORY-color, rgba( 68, 68, 68, 1 )); --INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color: var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color, var(--INTERNAL-MAIN-BG-color)); --INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BORDER-color: var(--MENU-SECTION-ACTIVE-CATEGORY-BORDER-color, transparent); --INTERNAL-MENU-VISITED-color: var(--MENU-VISITED-color, var(--INTERNAL-SECONDARY-color)); --INTERNAL-MENU-SECTION-SEPARATOR-color: var(--MENU-SECTION-SEPARATOR-color, var(--MENU-SECTION-HR-color, var(--INTERNAL-MENU-SECTIONS-LINK-color))); /* fallback for renaming */ --INTERNAL-BOX-CAPTION-color: var(--BOX-CAPTION-color, rgba( 255, 255, 255, 1 )); --INTERNAL-BOX-BG-color: var(--BOX-BG-color, rgba( 255, 255, 255, .833 )); --INTERNAL-BOX-TEXT-color: var(--BOX-TEXT-color, var(--INTERNAL-MAIN-TEXT-color)); --INTERNAL-BOX-BLUE-color: var(--BOX-BLUE-color, rgba( 48, 117, 229, 1 )); --INTERNAL-BOX-CYAN-color: var(--BOX-CYAN-color, rgba( 45, 190, 200, 1 )); --INTERNAL-BOX-GREEN-color: var(--BOX-GREEN-color, rgba( 42, 178, 24, 1 )); --INTERNAL-BOX-GREY-color: var(--BOX-GREY-color, rgba( 160, 160, 160, 1 )); --INTERNAL-BOX-MAGENTA-color: var(--BOX-MAGENTA-color, rgba( 229, 50, 210, 1 )); --INTERNAL-BOX-ORANGE-color: var(--BOX-ORANGE-color, rgba( 237, 153, 9, 1 )); --INTERNAL-BOX-RED-color: var(--BOX-RED-color, rgba( 224, 62, 62, 1 )); --INTERNAL-BOX-CAUTION-color: var(--BOX-CAUTION-color, var(--INTERNAL-BOX-MAGENTA-color)); --INTERNAL-BOX-INFO-color: var(--BOX-INFO-color, var(--INTERNAL-BOX-BLUE-color)); --INTERNAL-BOX-IMPORTANT-color: var(--BOX-IMPORTANT-color, var(--INTERNAL-BOX-CYAN-color)); --INTERNAL-BOX-NEUTRAL-color: var(--BOX-NEUTRAL-color, var(--INTERNAL-BOX-GREY-color)); --INTERNAL-BOX-NOTE-color: var(--BOX-NOTE-color, var(--INTERNAL-BOX-ORANGE-color)); --INTERNAL-BOX-TIP-color: var(--BOX-TIP-color, var(--INTERNAL-BOX-GREEN-color)); --INTERNAL-BOX-WARNING-color: var(--BOX-WARNING-color, var(--INTERNAL-BOX-RED-color)); --INTERNAL-BOX-BLUE-TEXT-color: var(--BOX-BLUE-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-CYAN-TEXT-color: var(--BOX-CYAN-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-GREEN-TEXT-color: var(--BOX-GREEN-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-GREY-TEXT-color: var(--BOX-GREY-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-MAGENTA-TEXT-color: var(--BOX-MAGENTA-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-ORANGE-TEXT-color: var(--BOX-ORANGE-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-RED-TEXT-color: var(--BOX-RED-TEXT-color, var(--INTERNAL-BOX-TEXT-color)); --INTERNAL-BOX-CAUTION-TEXT-color: var(--BOX-CAUTION-TEXT-color, var(--INTERNAL-BOX-MAGENTA-TEXT-color)); --INTERNAL-BOX-INFO-TEXT-color: var(--BOX-INFO-TEXT-color, var(--INTERNAL-BOX-BLUE-TEXT-color)); --INTERNAL-BOX-IMPORTANT-TEXT-color: var(--BOX-IMPORTANT-TEXT-color, var(--INTERNAL-BOX-CYAN-TEXT-color)); --INTERNAL-BOX-NEUTRAL-TEXT-color: var(--BOX-NEUTRAL-TEXT-color, var(--INTERNAL-BOX-GREY-TEXT-color)); --INTERNAL-BOX-NOTE-TEXT-color: var(--BOX-NOTE-TEXT-color, var(--INTERNAL-BOX-ORANGE-TEXT-color)); --INTERNAL-BOX-TIP-TEXT-color: var(--BOX-TIP-TEXT-color, var(--INTERNAL-BOX-GREEN-TEXT-color)); --INTERNAL-BOX-WARNING-TEXT-color: var(--BOX-WARNING-TEXT-color, var(--INTERNAL-BOX-RED-TEXT-color)); /* print style, values taken from relearn-light as it is used as a default print style */ --INTERNAL-PRINT-MAIN-BG-color: var(--PRINT-MAIN-BG-color, rgba( 255, 255, 255, 1 )); --INTERNAL-PRINT-CODE-font: var(--PRINT-CODE-font, "Consolas", menlo, monospace); --INTERNAL-PRINT-TAG-BG-color: var(--PRINT-TAG-BG-color, rgba( 125, 201, 3, 1 )); --INTERNAL-PRINT-MAIN-font: var(--PRINT-MAIN-font, "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif); --INTERNAL-PRINT-MAIN-TEXT-color: var(--PRINT-MAIN-TEXT-color, rgba( 16, 16, 16, 1 )); --INTERNAL-PRINT-MERMAID-theme: var(--PRINT-MERMAID-theme, default); --INTERNAL-PRINT-OPENAPI-theme: var(--PRINT-OPENAPI-theme, var(--PRINT-SWAGGER-theme, light)); /* fallback for renaming */ --INTERNAL-PRINT-OPENAPI-CODE-theme: var(--PRINT-OPENAPI-CODE-theme, idea); --INTERNAL-MENU-WIDTH-S: var(--MENU-WIDTH-S, 14.375rem); --INTERNAL-MENU-WIDTH-M: var(--MENU-WIDTH-M, 14.375rem); --INTERNAL-MENU-WIDTH-L: var(--MENU-WIDTH-L, 18.75rem); --INTERNAL-MAIN-WIDTH-MAX: var(--MAIN-WIDTH-MAX, 81.25rem); } *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } sub, sup { font-size: 0.8rem; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } iframe { border: 0; } img { border: 0; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1rem 2.5rem; } hr { height: 0; } pre:not(.mermaid) { overflow: auto; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; padding: 0; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; } tr, td, th { vertical-align: middle; } th, td { padding: 0.425rem 0; } th { text-align: start; } p { margin: 1rem 0; } ul, ol { padding-inline-start: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; } ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { margin: 1.5rem 0; padding-inline-start: 0.85rem; } cite { display: block; font-size: 0.925rem; } cite:before { content: '\2014 \0020'; } pre:not(.mermaid) { margin: 1.5rem 0; padding: 0.938rem; } code { vertical-align: bottom; } small { font-size: 0.925rem; } hr { border-left: none; border-right: none; border-top: none; margin: 1.5rem 0; } fieldset { border: 0; padding: 0.938rem; margin: 0 0 1rem 0; } input, label, select { display: block; } label { margin-bottom: 0.425rem; } label.required:after { content: '*'; } label abbr { display: none; } textarea, input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='time'], input[type='week'], select[multiple='multiple'] { -webkit-transition: border-color; -moz-transition: border-color; transition: border-color; border-radius: 0.1875rem; margin-bottom: 0.85rem; padding: 0.425rem 0.425rem; width: 100%; } textarea:focus, input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, input[type='color']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, select[multiple='multiple']:focus { outline: none; } textarea { resize: vertical; } input[type='checkbox'], input[type='radio'] { display: inline; margin-inline-end: 0.425rem; } input[type='file'] { width: 100%; } select { width: auto; max-width: 100%; margin-bottom: 1rem; } button, input[type='submit'] { cursor: pointer; -webkit-user-select: none; user-select: none; white-space: nowrap; border: inherit; } /* until browsers don't let us set length values based on dppx, we need a way to calculate them ourself */ :root { --dpr: 1; --bpx: 1; --bpx1: 1; } @media (min-resolution: 105dpi) { :root { --dpr: 1.1; --bpx: 1.1; --bpx1: calc(1 / 1.1); } } @media (min-resolution: 115dpi) { :root { --dpr: 1.2; --bpx: 1.2; --bpx1: calc(1 / 1.2); } } @media (min-resolution: 120dpi) { :root { --dpr: 1.25; --bpx: 1.25; --bpx1: calc(1 / 1.25); } } @media (min-resolution: 128dpi) { :root { --dpr: 1.333; --bpx: 1.333; --bpx1: calc(1 / 1.333); } } @media (min-resolution: 144dpi) { :root { --dpr: 1.5; --bpx: 1.5; --bpx1: calc(1 / 1.5); } } @media (min-resolution: 160dpi) { :root { --dpr: 1.666; --bpx: 1.666; --bpx1: calc(1 / 1.666); } } @media (min-resolution: 168dpi) { :root { --dpr: 1.75; --bpx: 1.75; --bpx1: calc(1 / 1.75); } } @media (min-resolution: 192dpi) { :root { --dpr: 2; --bpx: 1; --bpx1: 1; } } @media (min-resolution: 240dpi) { :root { --dpr: 2.5; --bpx: 1.25; --bpx1: calc(1 / 1.25); } } @media (min-resolution: 288dpi) { :root { --dpr: 3; --bpx: 1; --bpx1: 1; } } @media (min-resolution: 384dpi) { :root { --dpr: 4; --bpx: 1; --bpx1: 1; } } @media (min-resolution: 480dpi) { :root { --dpr: 5; --bpx: 1.25; --bpx1: calc(1 / 1.25); } } @media (min-resolution: 576dpi) { :root { --dpr: 6; --bpx: 1.5; --bpx1: calc(1 / 1.5); } } @media (min-resolution: 768dpi) { :root { --dpr: 8; --bpx: 1; --bpx1: 1; } } html { color-scheme: only var(--INTERNAL-BROWSER-theme); height: 100%; width: 100%; } body { background-color: var(--INTERNAL-MAIN-BG-color); color: var(--INTERNAL-MAIN-TEXT-color); display: flex; flex-direction: row-reverse; /* to allow body to have initial focus for PS in some browsers and better SEO and a11y */ font-size: 1.015625rem; font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings); font-weight: var(--INTERNAL-MAIN-font-weight); font-family: var(--INTERNAL-MAIN-font); height: 100%; justify-content: flex-end; letter-spacing: var(--INTERNAL-MAIN-letter-spacing); line-height: 1.574; /* overflow: hidden; PSC removed for #242 #243 #244; to avoid browser scrollbar to flicker before we create our own */ width: 100%; } b, strong, label, th, blockquote cite { font-weight: var(--INTERNAL-MAIN-BOLD-font-weight); } ul { list-style: disc; } dt { font-style: italic; } dd { display: list-item; list-style: disc; margin-inline-start: 1.5rem; } a, .topbar-button button { color: var(--INTERNAL-MAIN-LINK-color); } a:hover, a:active, a:focus, .topbar-button button:hover, .topbar-button button:active, .topbar-button button:focus { color: var(--INTERNAL-MAIN-LINK-HOVER-color); } .default-animation { transition: all 0.35s ease; } #R-sidebar { background: var(--INTERNAL-MENU-SECTIONS-BG-color); display: flex; flex-basis: auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; font-size: 0.953125rem; height: 100%; inset-inline-start: 0; line-height: 1.574; min-height: 100%; position: fixed; min-width: var(--INTERNAL-MENU-WIDTH-L); max-width: var(--INTERNAL-MENU-WIDTH-L); width: var(--INTERNAL-MENU-WIDTH-L); } #R-sidebar a { text-decoration: none; } #R-header-wrapper { background-color: var(--INTERNAL-MENU-HEADER-BG-color); color: var(--INTERNAL-MENU-SEARCH-color); text-align: center; padding: 1rem; position: relative; } #R-header { border-block-end: 1px solid transparent; position: relative; z-index: 1; } #R-header a { display: inline-block; } .searchbox { background-color: var(--INTERNAL-MENU-SEARCH-BG-color); border-color: var(--INTERNAL-MENU-SEARCH-BORDER-color); border-radius: 4px; border-style: solid; border-width: 1px; position: relative; margin-top: 1rem; } .searchbox > :first-child { inset-inline-start: 0.5rem; position: absolute; } .searchbox > button { -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; margin: 0; padding: 0; top: 0.25rem; } .searchbox > i { top: 0.45rem; } .searchbox > :last-child { inset-inline-end: 0.5rem; position: absolute; } #R-sidebar .searchbox > :first-child, #R-sidebar .searchbox > :last-child { color: var(--INTERNAL-MENU-SEARCH-color); opacity: 0.65; } #R-sidebar .searchbox button:hover { opacity: 1; } .searchbox input { display: inline-block; width: 100%; height: 1.875rem; background: transparent; border: 0; padding-bottom: 0; padding-inline-end: 1.6rem; padding-inline-start: 1.8rem; padding-top: 0; margin: 0; } .searchbox input::-webkit-input-placeholder { color: var(--INTERNAL-MENU-SEARCH-color); } .searchbox input::placeholder { color: var(--INTERNAL-MENU-SEARCH-color); opacity: 0.45; } #R-content-wrapper { --ps-rail-hover-color: rgba(176, 176, 176, 0.25); display: flex; flex-direction: column; flex: 1; /* fill rest of vertical space */ overflow: hidden; position: relative; /* PS */ z-index: 100; } #R-sidebar .padding { padding: 0 1rem; } #R-sidebar .R-sidebarmenu > ul { margin-top: 1rem; } #R-sidebar ul { list-style: none; padding: 0; margin: 0; } #R-sidebar ul li { padding: 0; } #R-sidebar ul li.visited + span { margin-inline-end: 1rem; } #R-sidebar ul li .read-icon { display: none; font-size: 0.8125rem; inset-inline-end: 1rem; margin: 0.25rem 0 0 0; min-width: 1rem; position: absolute; } #R-sidebar ul li > a .read-icon { color: var(--INTERNAL-MENU-VISITED-color); } #R-sidebar ul li.visited > a .read-icon { display: inline; } #R-sidebar .nav-title { color: var(--INTERNAL-MENU-SECTIONS-LINK-color); font-size: 2rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H1-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H1-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H1-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H1-letter-spacing); line-height: 110%; margin: 1.25rem 0 -0.25rem 0; padding-inline-start: 1rem; text-rendering: optimizeLegibility; text-transform: uppercase; } #R-sidebar hr { border-bottom-style: solid; border-bottom-width: 1px; margin: 1rem 1rem 0 1rem; } #R-homelinks hr { border-color: var(--INTERNAL-MENU-HOME-SEPARATOR-color); } #R-homelinks .R-menu-divider:first-child hr { border-color: var(--INTERNAL-MENU-HOME-TOP-SEPARATOR-color); margin-top: 0; } #R-homelinks .R-menu-divider:last-child hr { border-color: var(--INTERNAL-MENU-HOME-BOTTOM-SEPARATOR-color); margin-bottom: 3px; margin-top: 0; } /* visibility for sidebarheader is tricky; first and last divider may have different colors than the ones in between, so they need to have privileged visibility; order is: - last - first - in between */ #R-sidebar .R-sidebarmenu:not(:has(> ul > *)) { /* hide all empty menus */ display: none; } #R-sidebar .R-menu-divider:not(:has(+ .R-sidebarmenu > ul > *)) hr { /* hide all upper hrs if the following menu has no entries, this is common for all menu regardless of header, body or footer */ display: none; } #R-homelinks .R-menu-divider:first-child:not(:has(+ .R-sidebarmenu > ul > *)):has(~ .R-sidebarmenu > ul > *) hr { /* in case if the first menu is empty and we have some other menus to follow, we have to show the first divider because of different coloring */ display: revert; } #R-homelinks .R-menu-divider:first-child + .R-sidebarmenu:not(:has(> ul > *)) ~ .R-menu-divider:has(+ .R-sidebarmenu > ul > *) hr { /* in case if the first menu is empty and we have some other menus to follow, we have to hide the first following menus divider because of different coloring; this selector selects all following menus, so we have to write a follow up rule to remove that effect on all but the first */ display: none; } #R-sidebar #R-homelinks .R-menu-divider:has(+ .R-sidebarmenu > ul > *) ~ .R-menu-divider:has(+ .R-sidebarmenu > ul > *) hr { /* the mentioned follow up rule from above */ display: revert; } #R-sidebar #R-homelinks .R-menu-divider:last-child hr { display: revert; } #R-content-wrapper hr { border-color: var(--INTERNAL-MENU-SECTION-SEPARATOR-color); } #R-footer-margin { flex-grow: 1; } #R-footer-margin + .R-menu-divider hr { margin-top: 1.25rem; } #R-footer { color: var(--INTERNAL-MENU-SECTIONS-LINK-color); font-size: 0.8125rem; padding-bottom: 1.25rem; padding-top: 2rem; text-align: center; } #R-footer:empty { padding-bottom: 0.625rem; padding-top: 0.625rem; } #R-footer > * { margin: 0 auto; } #R-footer > hr:first-child { margin-bottom: 1.25rem; margin-top: -0.5rem; } #R-footer > hr { margin-left: 0; margin-right: 0; } article .R-taxonomy.tags { --VARIABLE-TAGS-color: var(--INTERNAL-MAIN-BG-color); --VARIABLE-TAGS-BG-color: var(--VARIABLE-BOX-color); margin-left: 1rem; margin-top: 1rem; } article .R-taxonomy.tags i { display: none; } article .R-taxonomy.tags ul > li ~ li:before { content: ' '; } article .R-taxonomy.tags a.term-link { background-color: var(--VARIABLE-TAGS-BG-color); border-bottom-right-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: var(--VARIABLE-TAGS-color); display: inline-block; font-size: 0.8em; font-weight: var(--INTERNAL-MAIN-TITLES-font-weight); line-height: 2em; margin: 0 0 8px -1px; margin-inline-end: 16px; padding: 0 10px 0 12px; position: relative; } article .R-taxonomy.tags a.term-link:before { border-color: transparent; border-right-color: var(--VARIABLE-TAGS-BG-color); border-style: solid; border-width: 1em 1em 1em 0; content: ''; left: -1em; height: 0; position: absolute; top: 0; width: 0; } article .R-taxonomy.tags a.term-link:after { background-color: var(--VARIABLE-TAGS-color); border-radius: 100%; content: ''; left: 1px; height: 5px; position: absolute; top: 10px; width: 5px; } article .R-taxonomy.tags a.term-link:hover:after { width: 5px; } #R-body { display: flex; flex-basis: 100%; flex-direction: column; flex-grow: 1; flex-shrink: 0; height: 100%; margin-inline-start: var(--INTERNAL-MENU-WIDTH-L); min-height: 100%; overflow-wrap: break-word; /* avoid x-scrolling of body if it is to large to fit */ position: relative; /* PS */ min-width: calc(100% - var(--INTERNAL-MENU-WIDTH-L)); max-width: calc(100% - var(--INTERNAL-MENU-WIDTH-L)); width: calc(100% - var(--INTERNAL-MENU-WIDTH-L)); z-index: 70; } #R-body svg, #R-body img, #R-body figure > figcaption > h4, #R-body figure > figcaption > p, #R-body .video-container { display: block; margin-left: auto; margin-right: auto; padding: 0; text-align: center; } #R-body svg:not(.lightbox-image).left, #R-body img:not(.lightbox-image).left { margin-left: 0; } #R-body svg:not(.lightbox-image).right, #R-body img:not(.lightbox-image).right { margin-right: 0; } #R-body svg:not(.lightbox-image).border, #R-body img:not(.lightbox-image).border, #R-body .video-container.border { background-clip: padding-box; border: 1px solid rgba(134, 134, 134, 0.333); } #R-body svg:not(.lightbox-image).shadow, #R-body img:not(.lightbox-image).shadow, #R-body .video-container.shadow { box-shadow: 0 10px 30px rgba(176, 176, 176, 0.666); } #R-body svg:not(.lightbox-image).inline, #R-body img:not(.lightbox-image).inline { display: inline; margin: 0; vertical-align: bottom; } #R-body figure > figcaption { margin: 0; } #R-body figure > figcaption > h4 { font-size: 1rem; font-weight: 500; margin: 0; } #R-body figure > figcaption > p { font-size: 0.85rem; font-weight: 300; margin-top: 0.15rem; } #R-body figure > figcaption > h4 + p { margin-top: 0; } #R-body-inner { display: flex; flex: auto; flex-direction: column; overflow-y: auto; padding: 0 3.25rem 4rem 3.25rem; position: relative; /* PS */ } @media screen and (max-width: 59.999rem) { #R-body-inner { padding: 0 2rem 1rem 2rem; } } @media screen and (max-width: 47.999rem) { #R-body-inner { padding: 0 1.25rem 0.375rem 1.25rem; } } #R-topbar a:hover:empty, #R-topbar a:active:empty, #R-topbar a:focus:empty, #R-topbar a:hover :not(i), #R-topbar a:active :not(i), #R-topbar a:focus :not(i), #R-topbar button:hover :not(i), #R-topbar button:active :not(i), #R-topbar button:focus :not(i), #R-topbar .title:hover, #R-topbar .title:active, #R-topbar .title:focus, .topbar-content a:hover, .topbar-content a:active, .topbar-content a:focus, article a:hover, article a:active, article a:focus, article a:hover .copy-to-clipboard, article a:active .copy-to-clipboard, article a:focus .copy-to-clipboard { text-decoration: underline; } .topbar-content a:hover, .topbar-content a:active, .topbar-content a:focus, article a:hover, article a:active, article a:focus, article a:hover .copy-to-clipboard, article a:active .copy-to-clipboard, article a:focus .copy-to-clipboard, article a.lightbox-back:hover > svg:only-child:empty, article a.lightbox-back:active > svg:only-child:empty, article a.lightbox-back:focus > svg:only-child:empty, article a.lightbox-back:hover > img:only-child:empty, article a.lightbox-back:active > img:only-child:empty, article a.lightbox-back:focus > img:only-child:empty, article .btn > button:hover, article .btn > button:active, article .btn > button:focus { outline: none; } article a:hover > svg:only-child:empty, article a:active > svg:only-child:empty, article a:focus > svg:only-child:empty, article a:hover > img:only-child:empty, article a:active > img:only-child:empty, article a:focus > img:only-child:empty { outline: 0.15rem solid var(--INTERNAL-MAIN-LINK-HOVER-color); } #R-body-inner:focus-visible { /* remove focus indicator for programatically set focus */ outline: none; } #R-body h1 + hr { margin-bottom: 2rem; margin-top: -1rem; } #R-body .flex-block-wrapper { margin-left: auto; margin-right: auto; max-width: calc(var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem); width: 100%; } #R-body .flex-block-wrapper:has(article.narrow) { max-width: calc(var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 9.75rem); } .main-width-max #R-body .flex-block-wrapper { width: calc(var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem); } .main-width-max #R-body .flex-block-wrapper:has(article.narrow) { width: calc(var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 9.75rem); } #R-body-inner:has(> .flex-block-wrapper article.narrow) { padding: 0 9.75rem 2rem 9.75rem; } @media screen and (max-width: 59.999rem) { #R-body-inner:has(> .flex-block-wrapper article.narrow) { padding: 0 6.5rem 1rem 6.5rem; } } @media screen and (max-width: 47.999rem) { #R-body-inner:has(> .flex-block-wrapper article.narrow) { padding: 0 3.25rem 0.375rem 3.25rem; } } #R-body-inner > .flex-block-wrapper article.narrow > p { font-size: 1.2rem; text-align: justify; } mark { background: transparent; background-image: linear-gradient(to right, color-mix(in srgb, var(--INTERNAL-ACCENT-color) 20%, transparent), color-mix(in srgb, var(--INTERNAL-ACCENT-color) 90%, transparent) 4%, color-mix(in srgb, var(--INTERNAL-ACCENT-color) 40%, transparent)); border-radius: 0.8em 0.3rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: rgba(0, 0, 0, 1); -webkit-print-color-adjust: exact; color-adjust: exact; margin: 0 -0.4rem; padding: 0.1em 0.4rem; } kbd { background-color: rgba(134, 134, 134, 0.166); border-color: rgba(134, 134, 134, 0.5); border-radius: 0.25rem; border-style: solid; border-width: 1px; box-shadow: 0 0.0625rem 0 0.0625rem rgba(134, 134, 134, 0.5); color: var(--INTERNAL-TEXT-color); -webkit-print-color-adjust: exact; color-adjust: exact; line-height: 1; min-width: 0.75rem; padding: 0.125rem 0.3125rem 0.125rem 0.3125rem; position: relative; text-align: center; top: -0.125rem; } h1 { color: var(--INTERNAL-MAIN-TITLES-H1-TEXT-color); font-size: 3.25rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H1-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H1-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H1-font); hyphens: auto; letter-spacing: var(--INTERNAL-MAIN-TITLES-H1-letter-spacing); margin: 0.85rem 0 1rem 0; /* big titles cause a horizontal scrollbar - fixing this by wrapping text */ overflow-wrap: break-word; overflow-x: hidden; text-align: center; text-rendering: optimizeLegibility; text-transform: uppercase; } #R-body-inner > .flex-block-wrapper article.narrow h1 { border-bottom: 4px solid rgba(134, 134, 134, 0.125); } @media only screen and (min-width: 48rem) and (max-width: 59.999rem) { #R-body-inner > .flex-block-wrapper article h1 { font-size: 2.8rem; } } @media only screen and (max-width: 47.999rem) { #R-body-inner > .flex-block-wrapper article h1 { font-size: 2.5rem; } } .article-subheading { color: var(--INTERNAL-MAIN-TITLES-H1-TEXT-color); font-size: 1.8rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H1-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H1-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H1-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H1-letter-spacing); text-align: center; } #R-body-inner > .flex-block-wrapper article > .article-subheading { margin-top: 0; } #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading { margin-top: 2rem; } @media screen and (max-width: 59.999rem) { #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading { margin-top: 1rem; } } @media screen and (max-width: 47.999rem) { #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading { margin-top: 0.375rem; } } h2 { color: var(--INTERNAL-MAIN-TITLES-H2-TEXT-color); font-size: 2.2rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H2-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H2-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing); } h3 { color: var(--INTERNAL-MAIN-TITLES-H3-TEXT-color); font-size: 1.8rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H3-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H3-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H3-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H3-letter-spacing); } h4 { color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color); font-size: 1.85rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H4-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing); } h5 { color: var(--INTERNAL-MAIN-TITLES-H5-TEXT-color); font-size: 1.6rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H5-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H5-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H5-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H5-letter-spacing); } h6 { color: var(--INTERNAL-MAIN-TITLES-H6-TEXT-color); font-size: 1.3rem; font-variation-settings: var(--INTERNAL-MAIN-TITLES-H6-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H6-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H6-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H6-letter-spacing); } h2, h3, .article-subheading, h4, h5, h6 { hyphens: auto; margin: 1.5rem 0 1rem 0; /* big titles cause a horizontal scrollbar - fixing this by wrapping text */ overflow-wrap: break-word; overflow-x: hidden; text-rendering: optimizeLegibility; } h2, h3, h4, h5, h6 { /* leave space for anchor to avoid overflow */ padding-inline-end: 2rem; } blockquote { border-inline-start: 0.6rem solid rgba(134, 134, 134, 0.4); } blockquote p { font-size: 1.06640625rem; font-style: italic; opacity: 0.75; text-align: justify; } blockquote cite { display: block; opacity: 0.5; padding-top: 0.5rem; text-align: end; } /* colored boxes */ .box { background-color: var(--VARIABLE-BOX-color); border-color: var(--VARIABLE-BOX-color); border-style: solid; border-width: 1px; margin: 1.5rem 0; outline: none; pointer-events: none; } .box > .box-label { color: var(--VARIABLE-BOX-CAPTION-color); font-weight: 500; margin-left: 0.6rem; margin-right: 0.6rem; padding: 0.2rem 0; } .box > .box-label::-webkit-details-marker, .box > .box-label::marker { display: none; } .box > .box-content { background-color: var(--VARIABLE-BOX-BG-color); color: var(--VARIABLE-BOX-TEXT-color); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; pointer-events: auto; } /* remove margin if only a single code block is contained in the tab */ #R-body .box-content:not(:has(> p)):has(> div[class*='highlight']:only-of-type), #R-body .box-content:has(> p:empty):has(> div[class*='highlight']:only-of-type) { padding: 0; } /* remove border from a code block if single */ #R-body .box-content:not(:has(> p)) > div[class*='highlight']:only-of-type > pre, #R-body .box-content:has(> p:empty) > div[class*='highlight']:only-of-type > pre { border: 0; } p:empty { /* in case of image render hook, Hugo may generate empty

s that we want to ignore */ display: none; } /* in case of image render hook, Hugo may generate empty

s that we want to ignore as well, so a simple :first-child or :last-child is not enough */ #R-body table th > :nth-child(1 of :not(:empty)), #R-body table th > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)), #R-body table td > :nth-child(1 of :not(:empty)), #R-body table td > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)), #R-body .box > .box-content > :nth-child(1 of :not(:empty)), #R-body .box > .box-content > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)), #R-body .tab-content > .tab-content-text > :nth-child(1 of :not(:empty)), #R-body .tab-content > .tab-content-text > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)) { margin-top: 0; } #R-body table th > :nth-last-child(1 of :not(:empty)), #R-body table th > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)), #R-body table th > div.highlight:last-child pre:not(.mermaid), #R-body table td > :nth-last-child(1 of :not(:empty)), #R-body table td > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)), #R-body table td > div:last-child pre:not(.mermaid), #R-body .box > .box-content > :nth-last-child(1 of :not(:empty)), #R-body .box > .box-content > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)), #R-body .box > .box-content > div:last-child pre:not(.mermaid), #R-body .tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)), #R-body .tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)), #R-body .tab-content > .tab-content-text > div:last-child pre:not(.mermaid) { margin-bottom: 0; } /* resources shortcode */ .attachments .box-content { display: block; margin: 0; padding-inline-start: 1.75rem; } /* Children shortcode */ .children p { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .children-li p { font-style: italic; } .children-h2 p, .children-h3 p, .children-h4 p, .children-h5 p, .children-h6 p { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } #R-body-inner .children h2, #R-body-inner .children h3, #R-body-inner .children h4, #R-body-inner .children h5, #R-body-inner .children h6 { margin-bottom: 0; margin-top: 1rem; } #R-body-inner ul.children-h2, #R-body-inner ul.children-h3, #R-body-inner ul.children-h4, #R-body-inner ul.children-h5, #R-body-inner ul.children-h6 { /* if we display children with style=h2 but without a containerstyle a ul will be used for structuring; we remove default indention for uls in this case */ padding-inline-start: 0; } code, kbd, pre:not(.mermaid), samp { font-size: 0.934375em; font-variation-settings: var(--INTERNAL-CODE-font-variation-settings); font-weight: var(--INTERNAL-CODE-font-weight); font-family: var(--INTERNAL-CODE-font); letter-spacing: var(--INTERNAL-CODE-letter-spacing); vertical-align: baseline; } code { background-color: var(--INTERNAL-CODE-INLINE-BG-color); border-color: var(--INTERNAL-CODE-INLINE-BORDER-color); border-radius: 0.125em; border-style: solid; border-width: 1px; color: var(--INTERNAL-CODE-INLINE-color); -webkit-print-color-adjust: economy; color-adjust: economy; padding-left: 0.125em; padding-right: 0.125em; } pre:not(.mermaid) { background-color: var(--INTERNAL-CODE-BLOCK-BG-color); border-color: var(--INTERNAL-CODE-BLOCK-BORDER-color); border-radius: 2px; border-style: solid; border-width: 1px; color: var(--INTERNAL-CODE-BLOCK-color); -webkit-print-color-adjust: economy; color-adjust: economy; line-height: 1.15; padding: 1rem; position: relative; } pre:not(.mermaid) code { background-color: inherit; border: 0; color: inherit; -webkit-print-color-adjust: economy; color-adjust: economy; font-size: 0.9375rem; margin: 0; padding: 0; } div.highlight { position: relative; } /* we may have special treatment if highlight shortcode was used in table lineno mode */ div.highlight > div { background-color: var(--INTERNAL-CODE-BLOCK-BG-color); border-color: var(--INTERNAL-CODE-BLOCK-BORDER-color); border-style: solid; border-width: 1px; } /* remove default style for usual markdown tables */ div.highlight > div table { background-color: transparent; border-width: 0; margin: 0; } table { color: var(--INTERNAL-MAIN-TEXT-color); position: relative; } tr:has(th) { background-color: var(--INTERNAL-MAIN-BG-color); position: sticky; top: -1px; z-index: 110; } div.highlight > div td { border-width: 0; } #R-body div.highlight > div a { line-height: inherit; } #R-body div.highlight > div a:after { display: none; } /* disable selection for lineno cells */ div.highlight > div td:first-child:not(:last-child), div.highlight > span[id] { -webkit-user-select: none; user-select: none; } /* increase code column to full width if highlight shortcode was used in table lineno mode */ div.highlight > div td:not(:first-child):last-child { width: 100%; } /* add scrollbars if highlight shortcode was used in table lineno mode */ div.highlight > div table { display: block; overflow: auto; } div.highlight:not(.wrap-code) pre:not(.mermaid) { overflow: auto; } div.highlight:not(.wrap-code) pre:not(.mermaid) code { white-space: pre; } div.highlight.wrap-code pre:not(.mermaid) code { white-space: pre-wrap; } /* remove border from row cells if highlight shortcode was used in table lineno mode */ div.highlight > div td > pre:not(.mermaid) { border-radius: 0; border-width: 0; } /* in case of table lineno mode we want to move each row closer together - besides the edges this usually applies only to wrapfix tables but it doesn't hurt for non-wrapfix tables too */ div.highlight > div tr:not(:first-child) pre:not(.mermaid) { padding-top: 0; } div.highlight > div tr:not(:last-child) pre:not(.mermaid) { padding-bottom: 0; } /* in case of table lineno mode we want to move each columns closer together on the inside */ div.highlight > div td:first-child:not(:last-child) pre:not(.mermaid) { padding-right: 0; } div.highlight > div td:not(:first-child):last-child pre:not(.mermaid) { padding-left: 0; } hr { border-bottom: 4px solid rgba(134, 134, 134, 0.125); } #R-body-inner pre:not(.mermaid) { white-space: pre-wrap; } table { background-color: var(--INTERNAL-MAIN-BG-color); border: 1px solid rgba(134, 134, 134, 0.333); margin-bottom: 1rem; margin-top: 1rem; table-layout: auto; } th, thead td { background-color: rgba(134, 134, 134, 0.166); border: 1px solid rgba(134, 134, 134, 0.333); -webkit-print-color-adjust: exact; color-adjust: exact; padding: 0.5rem; } td { border: 1px solid rgba(134, 134, 134, 0.333); padding: 0.5rem; } tbody > tr:nth-child(even) > td { background-color: rgba(134, 134, 134, 0.045); } .tooltipped { position: relative; } .tooltipped:after { background: rgba(0, 0, 0, 1); border: 1px solid rgba(119, 119, 119, 1); border-radius: 3px; color: rgba(255, 255, 255, 1); content: attr(aria-label); display: none; font-family: var(--INTERNAL-MAIN-font); font-size: 0.6875rem; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; line-height: 1.5; padding: 5px 8px; pointer-events: none; position: absolute; text-align: center; text-decoration: none; text-shadow: none; text-transform: none; white-space: pre; word-wrap: break-word; z-index: 140; } .tooltipped:before { border: 5px solid transparent; color: rgba(0, 0, 0, 1); content: ''; display: none; height: 0; pointer-events: none; position: absolute; width: 0; z-index: 150; } .tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after { display: inline-block; text-decoration: none; } .tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after { margin-top: 5px; right: 50%; top: 100%; } .tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before { border-bottom-color: rgba(0, 0, 0, 0.8); bottom: -5px; margin-right: -5px; right: 50%; top: auto; } .tooltipped-se:after { left: 50%; margin-left: -15px; right: auto; } .tooltipped-sw:after { margin-right: -15px; } .tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after { bottom: 100%; margin-bottom: 5px; right: 50%; } .tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before { border-top-color: rgba(0, 0, 0, 0.8); bottom: auto; margin-right: -5px; right: 50%; top: -5px; } .tooltipped-ne:after { left: 50%; margin-left: -15px; right: auto; } .tooltipped-nw:after { margin-right: -15px; } .tooltipped-s:after, .tooltipped-n:after { transform: translateX(50%); } .tooltipped-w:after { bottom: 50%; margin-right: 5px; right: 100%; transform: translateY(50%); } .tooltipped-w:before { border-left-color: rgba(0, 0, 0, 0.8); bottom: 50%; left: -5px; margin-top: -5px; top: 50%; } .tooltipped-e:after { bottom: 50%; left: 100%; margin-left: 5px; transform: translateY(50%); } .tooltipped-e:before { border-right-color: rgba(0, 0, 0, 0.8); bottom: 50%; margin-top: -5px; right: -5px; top: 50%; } #R-topbar { min-height: 3rem; position: relative; z-index: 170; } #R-topbar > .topbar-wrapper { align-items: center; background-color: rgba(134, 134, 134, 0.066); display: flex; flex-basis: 100%; flex-direction: row; height: 100%; } .topbar-button { display: inline-block; position: relative; } .topbar-button:not([data-origin]) { display: none; } .topbar-button > .topbar-control { display: inline-block; padding-left: 1rem; padding-right: 1rem; } .topbar-wrapper > .topbar-area-start > .topbar-button > .topbar-control { border-inline-end: 1px solid rgba(134, 134, 134, 0.333); } .topbar-wrapper > .topbar-area-end > .topbar-button > .topbar-control { border-inline-start: 1px solid rgba(134, 134, 134, 0.333); } .topbar-button > button:disabled i, .topbar-button > span i { color: rgba(134, 134, 134, 0.333); } .topbar-button button { -webkit-appearance: none; appearance: none; background-color: transparent; } .topbar-sidebar-divider { border-inline-start-color: var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color); border-inline-start-style: solid; border-inline-start-width: 1px; margin-inline-end: calc(var(--bpx1) * -0.75px); inset-inline-start: calc(var(--bpx1) * -0.75px); position: relative; width: 1px; } @media screen and (max-width: 47.999rem) { .topbar-sidebar-divider { border-inline-start-color: transparent; } } .topbar-sidebar-divider::after { content: '\00a0'; } .topbar-wrapper > .topbar-area-start { display: flex; flex-direction: row; flex-shrink: 0; } .topbar-wrapper > .topbar-area-end { display: flex; flex-direction: row; flex-shrink: 0; } .topbar-wrapper > .topbar-hidden { display: none; } html[dir='rtl'] .topbar-button-prev i, html[dir='rtl'] .topbar-button-next i { transform: scaleX(-1); } .topbar-content { top: 0.75rem; } .topbar-wrapper > .topbar-area-start .topbar-content { inset-inline-start: 1.5rem; } .topbar-wrapper > .topbar-area-end .topbar-content { inset-inline-end: 1.5rem; } .topbar-content .topbar-content { /* we don't allow flyouts in flyouts; come on, don't get funny... */ display: none; } .topbar-breadcrumbs { flex-grow: 1; margin: 0; padding: 0 1rem; } @media screen and (max-width: 47.999rem) { .topbar-breadcrumbs { /* we just hide the breadcrumbs instead of display: none; this makes sure that the breadcrumbs are still usable for accessability */ visibility: hidden; } } .breadcrumbs { min-width: 0; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .breadcrumbs meta { display: none; } .breadcrumbs li { display: inline-block; } #R-body a[aria-disabled='true'] { color: var(--INTERNAL-MAIN-TEXT-color); pointer-events: none; text-decoration: none; } @media screen and (max-width: 59.999rem) { #R-sidebar { min-width: var(--INTERNAL-MENU-WIDTH-M); max-width: var(--INTERNAL-MENU-WIDTH-M); width: var(--INTERNAL-MENU-WIDTH-M); } #R-body { margin-inline-start: var(--INTERNAL-MENU-WIDTH-M); min-width: calc(100% - var(--INTERNAL-MENU-WIDTH-M)); max-width: calc(100% - var(--INTERNAL-MENU-WIDTH-M)); width: calc(100% - var(--INTERNAL-MENU-WIDTH-M)); } } @media screen and (max-width: 47.999rem) { /* we don't support sidebar flyout in mobile */ .mobile-support #R-sidebar { inset-inline-start: calc(-1 * var(--INTERNAL-MENU-WIDTH-S)); min-width: var(--INTERNAL-MENU-WIDTH-S); max-width: var(--INTERNAL-MENU-WIDTH-S); width: var(--INTERNAL-MENU-WIDTH-S); } .mobile-support #navshow { display: inline; } .mobile-support #R-body { min-width: 100%; max-width: 100%; width: 100%; } .mobile-support #R-body { margin-inline-start: 0; } .mobile-support.sidebar-flyout { overflow: hidden; } .mobile-support.sidebar-flyout #R-sidebar { inset-inline-start: 0; z-index: 90; } .mobile-support.sidebar-flyout #R-body { margin-inline-start: var(--INTERNAL-MENU-WIDTH-S); overflow: hidden; } .mobile-support.sidebar-flyout #R-body-overlay { background-color: rgba(134, 134, 134, 0.5); bottom: 0; cursor: pointer; height: 100vh; left: 0; position: absolute; right: 0; top: 0; z-index: 190; } } span.copy-to-clipboard { display: inline; position: relative; } code.copy-to-clipboard-code:has(+ .inline-copy-to-clipboard-button):after { display: inline-block; width: calc(1.333em + var(--bpx1) * 0.125em); content: ''; } .inline-copy-to-clipboard-button, .block-copy-to-clipboard-button { cursor: pointer; display: inline; font: initial; } .inline-copy-to-clipboard-button { background-color: var(--INTERNAL-CODE-INLINE-BG-color); border-color: var(--INTERNAL-CODE-INLINE-BORDER-color); border-inline-start-style: solid; border-inline-start-width: 1px; color: var(--INTERNAL-CODE-INLINE-color); font-size: 0.934375em; margin-inline-start: calc(-1 * (1.333em + var(--bpx1) * 0.125em)); position: relative; z-index: 10; } .inline-copy-to-clipboard-button:hover { background-color: var(--INTERNAL-CODE-INLINE-color); color: var(--INTERNAL-CODE-INLINE-BG-color); } .block-copy-to-clipboard-button { background-color: rgba(160, 160, 160, 0.2); border-color: transparent; border-radius: 2px; border-style: solid; border-width: 1px; color: var(--INTERNAL-MAIN-LINK-color); /* only show copy to clipboard on hover for code blocks if configured */ display: none; font-size: 0.934375rem; padding: 5px 3px; position: absolute; inset-inline-end: 4px; top: 4px; } @media (any-hover: none) { /* if there is at least one input device that does not support hover, we want to force the copy button */ .block-copy-to-clipboard-button { display: block; } } div.highlight:focus-within .block-copy-to-clipboard-button, div.highlight .block-copy-to-clipboard-button:active, div.highlight:hover .block-copy-to-clipboard-button { display: block; } .disableHoverBlockCopyToClipBoard div.highlight .block-copy-to-clipboard-button { display: block; } .force-display { display: block !important; } .block-copy-to-clipboard-button:hover { background-color: var(--INTERNAL-MAIN-LINK-color); border-color: var(--INTERNAL-MAIN-LINK-color); color: var(--INTERNAL-CODE-BLOCK-BG-color); } .inline-copy-to-clipboard-button > i { font-size: 0.859625em; padding-left: 0.333em; padding-right: 0.333em; } .block-copy-to-clipboard-button > i { font-size: 0.859625rem; padding-left: 5px; padding-right: 5px; } option { color: initial; } .expand { margin-bottom: 1.5rem; margin-top: 1.5rem; outline: initial; pointer-events: initial; position: relative; } .expand > .box-label { cursor: pointer; } .expand > .box-label:hover, .expand > .box-label:active, .expand > .box-label:focus { text-decoration: underline; } .expand > .box-label > .expander-icon { font-size: 0.8rem; width: 0.6rem; } .expand[open] > .box-label > i.expander-icon { transform: rotate(90deg); } html[dir='rtl'] .expand > .box-label > i.expander-icon { transform: scaleX(-1); } html[dir='rtl'] .expand[open] > .box-label > i.expander-icon { transform: rotate(90deg); } #R-body footer.footline { margin-top: 2rem; } .headline i, .footline i { margin-inline-start: 0.5rem; } .headline i:first-child, .footline i:first-child { margin-inline-start: 0; } .mermaid-container { margin-bottom: 1.7rem; margin-top: 1.7rem; } .mermaid { display: inline-block; border: 1px solid transparent; padding: 0.5rem 0.5rem 0 0.5rem; position: relative; /* don't use display: none, as this will cause no renderinge by Mermaid */ visibility: hidden; width: 100%; } .mermaid-container.zoomable > .mermaid:hover { border-color: rgba(134, 134, 134, 0.333); } .mermaid.mermaid-render { visibility: visible; } .mermaid > svg { /* remove inline height from generated diagram */ height: initial !important; } .mermaid-container.zoomable > .mermaid > svg { cursor: grab; } .svg-reset-button { background-color: rgba(160, 160, 160, 0.2); border-color: transparent; border-radius: 2px; border-style: solid; border-width: 1px; color: var(--INTERNAL-MAIN-LINK-color); cursor: pointer; display: none; font-size: 0.934375rem; line-height: 1.15; padding: 5px 3px; position: absolute; inset-inline-end: 4px; top: 4px; } .svg-reset-button:hover { background-color: var(--INTERNAL-MAIN-LINK-color); border-color: var(--INTERNAL-MAIN-LINK-color); color: var(--INTERNAL-MAIN-BG-color); } .mermaid:hover .svg-reset-button.zoomed { display: block; } @media (any-hover: some) { /* if there is at least one input device that does not support hover, we want to force the reset button if zoomed */ .svg-reset-button.zoomed { display: block; } } .svg-reset-button > i { font-size: 0.859625rem; padding-left: 5px; padding-right: 5px; } .mermaid-code { display: none; } .include.hide-first-heading h1 ~ h2:first-of-type, .include.hide-first-heading h1 ~ h3:first-of-type, .include.hide-first-heading h2 ~ h3:first-of-type, .include.hide-first-heading h1 ~ h4:first-of-type, .include.hide-first-heading h2 ~ h4:first-of-type, .include.hide-first-heading h3 ~ h4:first-of-type, .include.hide-first-heading h1 ~ h5:first-of-type, .include.hide-first-heading h2 ~ h5:first-of-type, .include.hide-first-heading h3 ~ h5:first-of-type, .include.hide-first-heading h4 ~ h5:first-of-type, .include.hide-first-heading h1 ~ h6:first-of-type, .include.hide-first-heading h2 ~ h6:first-of-type, .include.hide-first-heading h3 ~ h6:first-of-type, .include.hide-first-heading h4 ~ h6:first-of-type, .include.hide-first-heading h5 ~ h6:first-of-type { display: block; } /* Table of contents */ .topbar-flyout #R-main-overlay { bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 3rem; z-index: 160; } .topbar-content { background-color: var(--INTERNAL-MAIN-BG-color); border: 0 solid rgba(134, 134, 134, 0.166); box-shadow: 1px 2px 5px 1px rgba(134, 134, 134, 0.2); height: 0; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; z-index: 180; } .topbar-button.topbar-flyout .topbar-content { border-width: 1px; height: auto; opacity: 1; visibility: visible; width: auto; } .topbar-content .topbar-content-wrapper { background-color: rgba(134, 134, 134, 0.066); } .topbar-content-wrapper { --ps-rail-hover-color: rgba(176, 176, 176, 0.25); max-height: 90vh; overflow: hidden; padding: 0.5rem 1rem; position: relative; /* PS */ } .topbar-content .topbar-button .topbar-control { border-width: 0; padding: 0; } .topbar-content .topbar-button .topbar-control { border-width: 0; padding: 0.5rem 0; } #TableOfContents, .TableOfContents { font-size: 0.8125rem; } #TableOfContents ul, .TableOfContents ul { list-style: none; margin: 0; padding: 0 1rem; } #TableOfContents > ul, .TableOfContents > ul { padding: 0; } #TableOfContents li, .TableOfContents li { white-space: nowrap; } #TableOfContents > ul > li > a, .TableOfContents > ul > li > a { font-weight: 500; } /* tree shortcode */ .list-tree ul { list-style-type: none; padding: 0; position: relative; overflow: hidden; } .list-tree > ul { padding-inline-start: 1rem; } .list-tree li { color: var(--INTERNAL-MAIN-TEXT-color); margin-bottom: 0; margin-inline-end: 0; margin-inline-start: 0.5rem; margin-top: 0; padding-bottom: 0; padding-inline-end: 0.75rem; padding-inline-start: 1rem; padding-top: 0; position: relative; } .list-tree > ul > li { margin-inline-start: calc(-0.5rem); } .list-tree li::before, .list-tree li::after { content: ''; position: absolute; inset-inline-start: 0; } /* horizontal line on inner list items */ .list-tree li::before { border-top: 2px solid var(--INTERNAL-MAIN-TEXT-color); height: 0; top: 0.75rem; width: 0.75rem; } /* vertical line on list items */ .list-tree li:after { border-left: 2px solid var(--INTERNAL-MAIN-TEXT-color); height: 100%; top: -0.5rem; width: 0; } .list-tree ul:last-child li:last-child:after { height: 1.25rem; } .list-tree i { color: var(--INTERNAL-PRIMARY-color); margin-inline-end: 0.25rem; } /* icons with style attribute */ i.cstyle { color: var(--VARIABLE-BOX-color); } .btn { background-color: var(--VARIABLE-BOX-color); border-radius: 4px; display: inline-block; font-size: 0.9rem; font-weight: 500; line-height: 1.1; margin-bottom: 0; touch-action: manipulation; -webkit-user-select: none; user-select: none; } .btn.interactive { cursor: pointer; } .btn > span, .btn > a { display: block; } .btn > :where(button) { -webkit-appearance: none; appearance: none; border-width: 0; margin: 0; padding: 0; } .btn > * { background-color: transparent; border-color: var(--VARIABLE-BOX-color); border-radius: 4px; border-style: solid; border-width: 1px; color: var(--VARIABLE-BOX-CAPTION-color); padding: 6px 12px; text-align: center; touch-action: manipulation; -webkit-user-select: none; user-select: none; white-space: nowrap; } .btn > *:after { /* avoid breakage if no content is given */ content: '\200b'; } #R-body #R-body-inner .btn > *.highlight:after { background-color: transparent; } .btn.interactive > .btn-interactive:focus { outline: none; } .btn.interactive > *:hover, .btn.interactive > *:active, .btn.interactive > *:focus { background-color: var(--VARIABLE-BOX-BG-color); color: var(--VARIABLE-BOX-TEXT-color); text-decoration: none; } .btn.cstyle.transparent { --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color); } .btn.interactive.cstyle.transparent:hover, .btn.interactive.cstyle.transparent:focus, .btn.interactive.cstyle.transparent:active, .btn.interactive.cstyle.transparent:has(a:hover), .btn.interactive.cstyle.transparent:has(a:focus), .btn.interactive.cstyle.transparent:has(a:active) { background-color: var(--INTERNAL-BOX-NEUTRAL-color); } .btn.cstyle.transparent > * { --VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color); --VARIABLE-BOX-TEXT-color: var(--VARIABLE-BOX-CAPTION-color); } /* anchors */ .anchor { -webkit-appearance: none; appearance: none; background-color: transparent; color: var(--INTERNAL-MAIN-LINK-color); cursor: pointer; font-size: 0.5em; margin-inline-start: 0.66em; margin-top: 0.9em; position: absolute; visibility: hidden; } @media (any-hover: none) { /* if there is at least one input device that does not support hover, we want to force the copy button */ .anchor { visibility: visible; } } .anchor:hover, .anchor:active, .anchor:focus { color: var(--INTERNAL-MAIN-LINK-HOVER-color); } h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor { visibility: visible; } /* Redfines headers style */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } #R-body h1 + h2, #R-body h1 + h3, #R-body h1 + h4, #R-body h1 + h5, #R-body h1 + h6, #R-body h2 + h3, #R-body h2 + h4, #R-body h2 + h5, #R-body h2 + h6, #R-body h3 + h4, #R-body h3 + h5, #R-body h3 + h6, #R-body h4 + h5, #R-body h4 + h6, #R-body h5 + h6 { margin-top: 1rem; } .menu-control .control-style { cursor: pointer; height: 1.574em; overflow: hidden; } .menu-control i { padding-top: 0.25em; } .menu-control i, .menu-control span { cursor: pointer; display: block; float: left; } html[dir='rtl'] .menu-control i, html[dir='rtl'] .menu-control span { float: right; } .menu-control :hover, .menu-control i:hover, .menu-control span:hover { cursor: pointer; } .menu-control select, .menu-control button { -webkit-appearance: none; appearance: none; height: 1.33rem; outline: none; width: 100%; } .menu-control button:active, .menu-control button:focus, .menu-control select:active, .menu-control select:focus { outline-style: solid; } .menu-control select { background-color: transparent; background-image: none; border: none; box-shadow: none; padding-left: 0; padding-right: 0; } .menu-control option { color: rgba(0, 0, 0, 1); padding: 0; margin: 0; } .menu-control button { background-color: transparent; cursor: pointer; display: block; text-align: start; } .clear { clear: both; } /* clears the 'X' from Chrome's search input */ input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none; } span.math:has(> mjx-container[display]) { display: block; } @supports selector(.math:has(> mjx-container)) { .math { visibility: hidden; } .math:has(> mjx-container) { visibility: visible; } } .math.align-left > mjx-container { text-align: left !important; } .math.align-center > mjx-container { text-align: center !important; } .math.align-right > mjx-container { text-align: right !important; } .scrollbar-measure { /* https://davidwalsh.name/detect-scrollbar-width */ height: 100px; overflow: scroll; position: absolute; width: 100px; top: -9999px; } .include.hide-first-heading h1:first-of-type, .include.hide-first-heading h2:first-of-type, .include.hide-first-heading h3:first-of-type, .include.hide-first-heading h4:first-of-type, .include.hide-first-heading h5:first-of-type, .include.hide-first-heading h6:first-of-type, .a11y-only { /* idea taken from https://www.filamentgroup.com/lab/a11y-form-labels.html */ clip-path: polygon(0 0, 1px 0, 1px 1px, 0 1px); overflow: hidden; position: absolute; height: 1px; transform: translateY(-100%); transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -webkit-user-select: none; user-select: none; white-space: nowrap; width: 1px; } /* filament style for making action visible on focus - not adapted yet .a11y-only:focus { position: fixed; height: auto; overflow: visible; clip: auto; white-space: normal; margin: 0 0 0 -100px; top: -.3em; left: 50%; text-align: center; width: 200px; background: rgba( 255, 255, 255, 1 ); color: rgba( 54, 133, 18, 1 ); padding: .8em 0 .7em; font-size: 16px; z-index: 5000; text-decoration: none; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; outline: 0; transform: translateY(0%); } */ .mermaid-container.align-right { text-align: right; } .mermaid-container.align-center { text-align: center; } .mermaid-container.align-left { text-align: left; } .searchform { display: flex; } .searchform input { flex: 1 0 60%; border-radius: 4px; border: 2px solid rgba(134, 134, 134, 0.125); background: rgba(134, 134, 134, 0.125); display: block; margin: 0; margin-inline-end: 0.5rem; } .searchform input::-webkit-input-placeholder, .searchform input::placeholder { color: rgba(134, 134, 134, 1); opacity: 0.666; } .searchform .btn { display: inline-flex; } .searchhint { margin-top: 1rem; height: 1.5rem; } #R-sidebar .autocomplete-suggestion { /* restore autocomplete default value for sidebar, because it is affectd by coarse element styling */ color: rgba(40, 40, 40, 1); display: block; } #R-sidebar .autocomplete-suggestion.selected { /* restore autocomplete default value for sidebar, because it is affectd by coarse element styling */ color: rgba(255, 255, 255, 1); } #R-sidebar .autocomplete-suggestions > .autocomplete-suggestion > .breadcrumbs { /* don't show breadcrumbs in sidebar search */ display: none; } #R-searchresults .autocomplete-suggestion { color: var(--INTERNAL-MAIN-LINK-color); display: block; font-size: 1.3rem; font-weight: 500; line-height: 1.5rem; padding: 1rem; text-decoration: none; } #R-searchresults .autocomplete-suggestion:after { height: 0; } #R-searchresults .autocomplete-suggestion > .breadcrumbs { color: var(--INTERNAL-PRIMARY-color); font-size: 0.9rem; font-weight: 400; margin-top: 0.167em; padding-left: 0.2em; padding-right: 0.2em; } #R-searchresults .autocomplete-suggestion > .context { color: var(--INTERNAL-MAIN-TEXT-color); font-size: 1rem; font-weight: 300; margin-top: 0.66em; padding-left: 0.1em; padding-right: 0.1em; } .badge { border-radius: 3px; display: inline-block; font-size: 0.8rem; font-weight: 500; vertical-align: middle; } .badge > * { border-color: var(--VARIABLE-BOX-TEXT-color); border-radius: 3px; border-style: solid; border-width: 1px; display: inline-block; padding: 0 0.25rem; } .badge > .badge-title { background-color: rgba(16, 16, 16, 1); border-inline-end: 0; border-start-end-radius: 0; border-end-end-radius: 0; color: rgba(240, 240, 240, 1); filter: contrast(2); opacity: 0.75; } .badge.badge-with-title > .badge-content { border-start-start-radius: 0; border-end-start-radius: 0; } .badge > .badge-content { background-color: var(--VARIABLE-BOX-color); color: var(--VARIABLE-BOX-CAPTION-color); } .badge-content:after { /* avoid breakage if no content is given */ content: '\200b'; } .badge.cstyle.transparent { --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color); } /* task list and its checkboxes */ /* move start of list to left to adjust for missing list-style */ article :not(li) > ul > li:has(> input[type='checkbox']), article :not(li) > ul > li:has(> span > input[type='checkbox']) { margin-inline-start: -1.5rem; } article ul > li:has(> input[type='checkbox']) { list-style: none; } article ul > li:has(> input[type='checkbox'])::before, article ul > li:has(> span > input[type='checkbox'])::before { content: '\200B'; /* accessibilty for Safari https://developer.mozilla.org/en-US/docs/Web/CSS/list-style */ } /* https://moderncss.dev/pure-css-custom-checkbox-style/ */ article ul > li > input[type='checkbox'], article ul > li > span > input[type='checkbox'] { -webkit-appearance: none; appearance: none; background-color: var(--INTERNAL-MAIN-BG-color); /* box background */ /* For iOS < 15 */ border: 0.15em solid currentColor; border-radius: 0.15em; color: var(--INTERNAL-MAIN-TEXT-color); display: inline-grid; font: inherit; height: 1.15em; margin: 0; place-content: center; transform: translateY(-0.075em); width: 1.15em; } article ul > li > input[type='checkbox']::before, article ul > li > span > input[type='checkbox']::before { box-shadow: inset 1em 1em var(--INTERNAL-PRIMARY-color); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); content: ''; height: 0.65em; transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; width: 0.65em; /* Windows High Contrast Mode fallback must be last */ background-color: CanvasText; } article ul > li > input[type='checkbox']:checked::before, article ul > li > span > input[type='checkbox']:checked::before { transform: scale(1); } /* CSS Lightbox https://codepen.io/gschier/pen/kyRXVx */ .lightbox-back { align-items: center; background: rgba(0, 0, 0, 0.8); bottom: 0; display: none; justify-content: center; left: 0; position: fixed; right: 0; text-align: center; top: 0; white-space: nowrap; z-index: 1999; } .lightbox-back:target { display: flex; } .lightbox-back svg, .lightbox-back img { background-color: var(--INTERNAL-MAIN-BG-color); max-height: 95%; max-width: 95%; overflow: auto; padding: min(2vh, 2vw); } /* basic menu list styles (non-collapsible) */ #R-sidebar select, #R-sidebar .collapsible-menu label, #R-sidebar .menu-control, #R-sidebar :is(a, span) { color: var(--INTERNAL-MENU-SECTIONS-LINK-color); } #R-sidebar select:hover, #R-sidebar .collapsible-menu li:not(.active) > label:hover, #R-sidebar .menu-control:hover, #R-sidebar a:hover { color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color); } #R-sidebar li.active > label, #R-sidebar li.active > a { color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color); } #R-sidebar li.active > a { background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color); } #R-sidebar ul > li > :is(a, span) { display: block; position: relative; } #R-sidebar ul.space li > * { padding-bottom: 0.125rem; padding-top: 0.125rem; } #R-sidebar ul.space > li > ul { padding-bottom: 0; padding-top: 0; } #R-sidebar ul.morespace li > * { padding-bottom: 0.25rem; padding-top: 0.25rem; } #R-sidebar ul.morespace li > ul { padding-bottom: 0; padding-top: 0; } #R-sidebar ul.enlarge > li.parent, #R-sidebar ul.enlarge > li.active { background-color: var(--INTERNAL-MENU-SECTIONS-ACTIVE-BG-color); } #R-sidebar ul.enlarge > li > :is(a, span) { font-size: 1.1rem; line-height: 2rem; } #R-sidebar ul.enlarge > li > a > .read-icon { margin-top: 0.5rem; } #R-sidebar ul.enlarge > li > ul > li:last-child { padding-bottom: 1rem; } #R-sidebar ul ul { padding-inline-start: 1rem; } /* collapsible menu style overrides */ #R-sidebar ul.collapsible-menu > li { position: relative; } #R-sidebar ul.collapsible-menu > li > input { -webkit-appearance: none; appearance: none; cursor: pointer; display: inline-block; margin-left: 0; margin-right: 0; margin-top: 0.65rem; position: absolute; width: 1rem; z-index: 1; } #R-sidebar ul.collapsible-menu.enlarge > li > input { margin-top: 0.9rem; } #R-sidebar ul.collapsible-menu > li > label { cursor: pointer; display: inline-block; inset-inline-start: 0; margin-bottom: 0; /* nucleus */ padding-inline-start: 0.125rem; position: absolute; width: 1rem; z-index: 2; } #R-sidebar ul.collapsible-menu.enlarge > li > label { font-size: 1.1rem; line-height: 2rem; } #R-sidebar ul.collapsible-menu > li > label:after { content: ''; display: block; height: 1px; transition: width 0.5s ease; width: 0%; } #R-sidebar ul.collapsible-menu > li > label:hover:after { width: 100%; } #R-sidebar ul.collapsible-menu > li > label > .fas { font-size: 0.8rem; width: 0.6rem; } #R-sidebar ul.collapsible-menu > li > :is(a, span) { display: inline-block; width: 100%; } /* menu states for not(.collapsible-menu) */ #R-sidebar ul ul { display: none; } #R-sidebar ul > li.parent > ul, #R-sidebar ul > li.active > ul, #R-sidebar ul > li.alwaysopen > ul { display: block; } /* closed menu */ #R-sidebar ul.collapsible-menu > li > input + label ~ ul { display: none; } #R-sidebar ul.collapsible-menu > li > input + label > .fa-chevron-right { display: inline-block; text-align: end; } /* open menu */ #R-sidebar ul.collapsible-menu > li > input:checked + label ~ ul { display: block; } #R-sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-right { transform: rotate(90deg); } /* adjust menu for RTL reading direction */ html[dir='rtl'] #R-sidebar ul.collapsible-menu > li > input + label > i.fa-chevron-right { transform: scaleX(-1); } html[dir='rtl'] #R-sidebar ul.collapsible-menu > li > input:checked + label > i.fa-chevron-right { transform: rotate(90deg); } /* basic logo stuff a#R-logo { color: var(--INTERNAL-MENU-HEADER-color); font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings); font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight); font-family: var(--INTERNAL-MAIN-TITLES-H4-font); letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing); text-transform: uppercase; white-space: nowrap; } a#R-logo:hover { color: var(--INTERNAL-MENU-HEADER-color); } /* those sizes are for the default logo */ a#R-logo.R-default { font-size: 1.875rem; } @media only all and (max-width: 59.999rem) { a#R-logo.R-default { font-size: 1.5625rem; } } body a#R-logo, body a#R-logo:hover, body #R-logo svg, body #R-logo svg :not([color]), body #R-logo svg :not([color='black']), body #R-logo svg :not([color='#000000']) { color: var(--INTERNAL-MENU-HEADER-color) !important; } body a#R-logo, body a#R-logo:hover, body #R-logo svg, body #R-logo svg :not([fill]), body #R-logo svg :not([fill='black']), body #R-logo svg :not([fill='#000000']) { fill: var(--INTERNAL-MENU-HEADER-color) !important; } .columnize { column-count: 2; } @media screen and (min-width: 79.25rem) { .columnize { column-count: 3; } } .columnize > * { break-inside: avoid-column; } .columnize .breadcrumbs { font-size: 0.859625rem; } #R-body .tab-panel { margin-bottom: 1.5rem; margin-top: 1.5rem; } #R-body .tab-nav { display: flex; flex-wrap: wrap; } #R-body .tab-nav-title { font-size: 0.9rem; font-weight: 400; line-height: 1.42857143; padding: 0.2rem 0; margin-inline-start: 0.6rem; } #R-body .tab-nav-button { -webkit-appearance: none; appearance: none; background-color: transparent; border: 1px solid transparent; color: var(--INTERNAL-MAIN-LINK-color); display: block; font-size: 0.9rem; font-weight: 300; line-height: 1.42857143; margin-inline-start: 0.6rem; } #R-body .tab-nav-button.active { background-color: var(--VARIABLE-BOX-color); border-bottom-color: var(--VARIABLE-BOX-BG-color); border-radius: 2px 2px 0 0; color: var(--VARIABLE-BOX-TEXT-color); cursor: default; } #R-body .tab-nav-button:not(.active):hover, #R-body .tab-nav-button:not(.active):active, #R-body .tab-nav-button:not(.active):focus { color: var(--INTERNAL-MAIN-LINK-HOVER-color); } #R-body .tab-nav-button > .tab-nav-text { border-bottom-color: var(--VARIABLE-BOX-color); border-bottom-style: solid; border-bottom-width: 0.15rem; display: block; padding: 0.2rem 0.6rem 0 0.6rem; } /* https://stackoverflow.com/a/46452396 */ #R-body .tab-nav-button.active > .tab-nav-text { background-color: var(--VARIABLE-BOX-BG-color); border-bottom-color: transparent; border-radius: 1px 1px 0 0; text-shadow: -0.08ex 0 0 currentColor, 0.08ex 0 0 currentColor; } @supports (-webkit-text-stroke-width: 0.09ex) { #R-body .tab-nav-button.active > .tab-nav-text { text-shadow: -0.08ex 0 0 currentColor, 0.08ex 0 0 currentColor; -webkit-text-stroke-width: 0.09ex; } } #R-body .tab-nav-button:not(.active):hover > .tab-nav-text, #R-body .tab-nav-button:not(.active):active > .tab-nav-text, #R-body .tab-nav-button:not(.active):focus > .tab-nav-text { border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color); } #R-body .tab-content { background-color: var(--VARIABLE-BOX-color); border-color: var(--VARIABLE-BOX-color); border-style: solid; border-width: 1px; display: none; /* if setting a border to 1px, a browser instead sets it to 1dppx which is not usable as a unit yet, so we have to calculate it ourself */ margin-top: calc(var(--bpx1) * -1px); z-index: 10; } #R-body .tab-content.active { display: block; } #R-body .tab-content-text { background-color: var(--VARIABLE-BOX-BG-color); color: var(--VARIABLE-BOX-TEXT-color); padding: 1rem; } /* remove margin if only a single code block is contained in the tab (FF without :has using .codify style) */ #R-body .tab-content.codify > .tab-content-text { padding: 0; } #R-body .tab-content-text:has(> div.highlight:only-child) { padding: 0; } /* remove border from code block if single in tab */ #R-body .tab-content-text > div.highlight:only-child > div, #R-body .tab-content-text > div.highlight:only-child pre:not(.mermaid), #R-body .tab-content-text > pre:not(.mermaid).pre-code:only-child { border-width: 0; } .tab-panel-style.cstyle.initial, .tab-panel-style.cstyle.default { --VARIABLE-BOX-BG-color: var(--INTERNAL-MAIN-BG-color); } .tab-panel-style.cstyle.transparent { --VARIABLE-BOX-color: rgba(134, 134, 134, 0.4); --VARIABLE-BOX-BG-color: transparent; } #R-body .tab-panel-style.cstyle.initial.tab-nav-button.active, #R-body .tab-panel-style.cstyle.default.tab-nav-button.active, #R-body .tab-panel-style.cstyle.transparent.tab-nav-button.active { background-color: var(--VARIABLE-BOX-BG-color); border-left-color: var(--VARIABLE-BOX-color); border-right-color: var(--VARIABLE-BOX-color); border-top-color: var(--VARIABLE-BOX-color); } #R-body .tab-panel-style.cstyle.code.tab-nav-button:not(.active) { --VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color); } #R-body .tab-panel-style.cstyle.initial.tab-content, #R-body .tab-panel-style.cstyle.default.tab-content, #R-body .tab-panel-style.cstyle.transparent.tab-content { background-color: var(--VARIABLE-BOX-BG-color); } /* bordering the menu and topbar */ #R-topbar { background-color: var(--INTERNAL-MAIN-BG-color); border-bottom-color: var(--INTERNAL-MAIN-TOPBAR-BORDER-color); border-bottom-style: solid; border-bottom-width: 1px; } #R-header-topbar { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-inline-end-color: var(--INTERNAL-MENU-TOPBAR-BORDER-color); border-inline-end-style: solid; border-inline-end-width: 1px; height: 3rem; position: absolute; top: 0; width: 100%; z-index: 1; } @media screen and (max-width: 47.999rem) { .mobile-support #R-header-topbar { border-inline-end-color: var(--INTERNAL-MENU-BORDER-color); } } #R-header-wrapper, #R-homelinks, #R-content-wrapper > * { border-inline-end-color: var(--INTERNAL-MENU-BORDER-color); border-inline-end-style: solid; border-inline-end-width: 1px; } #topics > ul { margin-top: 1rem; } #R-sidebar ul.collapsible-menu li.active > a { border-bottom-color: var(--INTERNAL-MENU-BORDER-color); border-top-color: var(--INTERNAL-MENU-BORDER-color); border-inline-start-color: var(--INTERNAL-MENU-BORDER-color); border-inline-end-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BORDER-color); border-style: solid; border-width: 1px; padding-left: calc(1rem - var(--bpx1) * 1px); padding-right: calc(1rem - var(--bpx1) * 1px); width: calc(100% + var(--bpx1) * 1px); } #R-sidebar ul.morespace.collapsible-menu li.active > a { padding-bottom: calc(0.25rem - var(--bpx1) * 1px); padding-top: calc(0.25rem - var(--bpx1) * 1px); } #R-sidebar ul.space.collapsible-menu li.active > a { padding-bottom: calc(0.125rem - var(--bpx1) * 1px); padding-top: calc(0.125rem - var(--bpx1) * 1px); } /* basic menu header styles */ #R-homelinks { background-color: var(--INTERNAL-MENU-HEADER-BORDER-color); padding: 0; } #R-sidebar #R-homelinks ul { margin: 0.75rem 0; } #R-sidebar #R-homelinks ul.space { margin: 0.625rem 0; } #R-sidebar #R-homelinks ul.morespace { margin: 0.5rem 0; } #R-homelinks .nav-title { color: var(--INTERNAL-MENU-HOME-LINK-color); } /* override for the menu header */ #R-homelinks select, #R-homelinks .collapsible-menu label, #R-homelinks .menu-control, #R-homelinks :is(a, span) { color: var(--INTERNAL-MENU-HOME-LINK-color); } #R-homelinks ul.collapsible-menu li.active > a { border-bottom-color: transparent; border-top-color: transparent; border-inline-start-color: transparent; border-inline-end-color: transparent; } #R-homelinks select:hover, #R-homelinks :is(.collapsible-menu, :not(.collapsible-menu)) li:not(.active) > label:hover, #R-homelinks .menu-control:hover, #R-homelinks :is(.collapsible-menu, :not(.collapsible-menu)) a:hover { color: var(--INTERNAL-MENU-HOME-LINK-HOVER-color); } #R-homelinks li.active > label, #R-homelinks li.active > a { color: var(--INTERNAL-MENU-HOME-LINK-color); } #R-homelinks li.active > a { background-color: transparent; } article .R-taxonomy ul, article .R-taxonomy li { list-style: none; display: inline; padding: 0; } article .R-taxonomy i ~ ul > li:before { content: ' '; } article .R-taxonomy ul > li ~ li:before { content: ' | '; } body.notfound p { text-align: center; } body.notfound #R-body { margin-inline-start: 0; max-width: 100%; min-width: 100%; width: 100%; } body.notfound h1 { color: var(--MAIN-TEXT-color); line-height: 1; font-size: 5rem; overflow: hidden; } body.notfound h1 span { font-size: 6.5rem; font-weight: 500; } body.notfound h1 i { font-size: 5rem; vertical-align: text-top; } body.notfound h2 { color: var(--MAIN-TEXT-color); font-size: 2.5rem; font-weight: 500; padding: 0; text-align: center; } body.notfound #shrug svg, body.notfound #shrug svg * { color: #000000; color: var(--MAIN-TEXT-color); fill: #000000 !important; fill: var(--MAIN-TEXT-color) !important; } body.notfound #shrug svg { transform: scaleX(-1); width: 15rem; } /* transparent boxes have different margins and - apperantly - different coloring */ .box.cstyle.transparent { border-width: 0; } .box.cstyle.transparent > .box-label { margin: 0; padding-bottom: 0; padding-top: 0; } .box.expand.cstyle.transparent > .box-label { color: var(--INTERNAL-MAIN-LINK-color); } .box.expand.cstyle.transparent > .box-label:hover, .box.expand.cstyle.transparent > .box-label:active, .box.expand.cstyle.transparent > .box-label:focus { color: var(--INTERNAL-MAIN-LINK-HOVER-color); } .box.cstyle.transparent > .box-content { margin-top: 0; padding-bottom: 0; } /* #1021 avoid mermaid tooltip layout shift */ .mermaidTooltip { position: absolute; } /* color style definitions */ .cstyle { --VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color); --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-BOX-CAPTION-color); --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color); -webkit-print-color-adjust: exact; color-adjust: exact; } .cstyle.caution { --VARIABLE-BOX-color: var(--INTERNAL-BOX-CAUTION-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-CAUTION-TEXT-color); } .cstyle.important { --VARIABLE-BOX-color: var(--INTERNAL-BOX-IMPORTANT-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-IMPORTANT-TEXT-color); } .cstyle.info { --VARIABLE-BOX-color: var(--INTERNAL-BOX-INFO-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-INFO-TEXT-color); } .cstyle.note { --VARIABLE-BOX-color: var(--INTERNAL-BOX-NOTE-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NOTE-TEXT-color); } .cstyle.tip { --VARIABLE-BOX-color: var(--INTERNAL-BOX-TIP-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-TIP-TEXT-color); } .cstyle.warning { --VARIABLE-BOX-color: var(--INTERNAL-BOX-WARNING-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-WARNING-TEXT-color); } .cstyle.primary { --VARIABLE-BOX-color: var(--INTERNAL-PRIMARY-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color); } .cstyle.secondary { --VARIABLE-BOX-color: var(--INTERNAL-SECONDARY-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color); } .cstyle.accent { --VARIABLE-BOX-color: var(--INTERNAL-ACCENT-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color); } .cstyle.blue { --VARIABLE-BOX-color: var(--INTERNAL-BOX-BLUE-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-BLUE-TEXT-color); } .cstyle.cyan { --VARIABLE-BOX-color: var(--INTERNAL-BOX-CYAN-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-CYAN-TEXT-color); } .cstyle.green { --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREEN-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREEN-TEXT-color); } .cstyle.grey { --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREY-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREY-TEXT-color); } .cstyle.magenta { --VARIABLE-BOX-color: var(--INTERNAL-BOX-MAGENTA-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-MAGENTA-TEXT-color); } .cstyle.orange { --VARIABLE-BOX-color: var(--INTERNAL-BOX-ORANGE-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-ORANGE-TEXT-color); } .cstyle.red { --VARIABLE-BOX-color: var(--INTERNAL-BOX-RED-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-RED-TEXT-color); } .cstyle.code { --VARIABLE-BOX-color: var(--INTERNAL-CODE-BLOCK-BORDER-color); --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-CODE-BLOCK-color); --VARIABLE-BOX-BG-color: var(--INTERNAL-CODE-BLOCK-BG-color); --VARIABLE-BOX-TEXT-color: var(--INTERNAL-CODE-BLOCK-color); } .cstyle.transparent { --VARIABLE-BOX-color: transparent; --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-MAIN-TITLES-TEXT-color); --VARIABLE-BOX-BG-color: transparent; --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color); } /* Roboto Flex /* Variant 1: Every glyph, every axis, one big file */ /* - Download TTF font from https://github.com/googlefonts/Roboto-flex */ /* - Convert TTF to WOFF2 using any converter tool */ /* @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url("../fonts/robotoflex/RobotoFlex.woff2") format('woff2-variations'); } */ /* Variant 2: Splitted glyphs, selected axes, multiple moderatly sized files */ /* - Download CSS with selected axes https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTFI@8..144,118,100..1000,-200..150,710&display=swap /* - Downlaod fonts of src attributes of resulting CSS and edit file names accordingly */ @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.cyrillic-ext.woff2') format('woff2-variations'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.cyrillic.woff2') format('woff2-variations'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.greek.woff2') format('woff2-variations'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.vietnamese.woff2') format('woff2-variations'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.latin-ext.woff2') format('woff2-variations'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto Flex'; font-style: normal; font-weight: 100 1000; font-stretch: 100%; font-display: swap; src: url('../fonts/robotoflex/RobotoFlex.latin.woff2') format('woff2-variations'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }