Regular Expressions 101

Save & Share

  • Regex Version: ver. 89
  • Update Regex
    ctrl+⇧+s
  • Save new Regex
    ctrl+s
  • Add to Community Library

Flavor

  • PCRE2 (PHP >=7.3)
  • PCRE (PHP <7.3)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java 8
  • .NET 7.0 (C#)
  • Rust
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests

Tools

Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression
No Match

r"
"
mgi

Test String

Code Generator

Language

Generated Code

#include <StringConstants.au3> ; to declare the Constants of StringRegExp #include <Array.au3> ; UDF needed for _ArrayDisplay and _ArrayConcatenate Local $sRegex = "(?mi)((?:^\s*)([\w#.@*,:\-.:>,*\s]+)\s*{(?:[\s]*)((?:[A-Za-z\- \s]+[:]\s*['"0-9\w .,\/()\-!%]+;?)*)*\s*}(?:\s*))" Local $sString = "/* " & @CRLF & _ " This is the base css style sheet for adoc Studio" & @CRLF & _ " based on the Stylesheet for Asciidoctor available at:" & @CRLF & _ " https://github.com/asciidoctor/asciidoctor/tree/main/src/stylesheets " & @CRLF & _ " " & @CRLF & _ " Author: Frank Blome for ProjectWizards GmbH" & @CRLF & _ " License: Distributed under the permissive MIT license" & @CRLF & _ "*/" & @CRLF & _ "" & @CRLF & _ ":root {" & @CRLF & _ " /* " & @CRLF & _ " Fonts: Use as few fonts as possible to achieve a homogeneous appearance of the document." & @CRLF & _ " */" & @CRLF & _ " --body-font: serif; /* For all text */ " & @CRLF & _ " --headline-font: sans-serif; /* For all headlines */ " & @CRLF & _ " --monospaced-font: monospace; /* For all verbatim or literals */ " & @CRLF & _ " --toc-font: sans-serif; /* For the table of contents */ " & @CRLF & _ "" & @CRLF & _ " /* Colors: The default colors are based on the default styles for Asciidoctor." & @CRLF & _ " " & @CRLF & _ " Modifications:" & @CRLF & _ " - All colors are transfered into a variable (the naming should be obvious)" & @CRLF & _ " - A dark version was added." & @CRLF & _ " - Some minor color changes based on our taste" & @CRLF & _ " - Shadows on admonition icons and other symbols are removed" & @CRLF & _ " */" & @CRLF & _ " --color: #101010; /* base color for all text */" & @CRLF & _ " --color-dark: #f1f1f1; /* dark variant of the base color */" & @CRLF & _ " --background-color: #ffffff; /* base color for the background */" & @CRLF & _ " --background-color-dark: #121212; /* dark variant of the background color */" & @CRLF & _ "" & @CRLF & _ " --headline-color: #ba3925; /* base color for all headline */" & @CRLF & _ " --headline-color-dark: #ba3925; /* dark variant for the headlines */" & @CRLF & _ " --headline-block-color: #7a2518; /* headline color for any blocks */" & @CRLF & _ " --headline-block-color-dark: #b52812; /* dark variant for the block headlines */" & @CRLF & _ " --headline-small-color: #e99b8f; /* color for small headlines */" & @CRLF & _ " --headline-small-color-dark: #b0746b; /* dark variant for the small headlines */" & @CRLF & _ "" & @CRLF & _ " --mark-background-color: #ffff00; /* Text marker with the same in dark mode */" & @CRLF & _ "" & @CRLF & _ " --a-color: #2156a5; /* all kind of links */" & @CRLF & _ " --a-color-dark: #2c72db; /* dark variant of the links */" & @CRLF & _ " --a-hover-color: #1d4b8f; /* hover variant of the links */" & @CRLF & _ " --a-hover-color-dark: #1d4b8f; /* dark variant of links hover */" & @CRLF & _ " " & @CRLF & _ " --single-border-color: #ddd; /* Mainly for single lines */" & @CRLF & _ " --border-color: rgb(0 0 0 / 0.6); /* Light variant for some transparent borders */" & @CRLF & _ " --border-color-dark: rgb(255 255 255 / 0.1); /* Dark variant for all borders */" & @CRLF & _ " --details-color: rgb(0 0 0 / 0.85); /* Some borders needs to be less transparent */ " & @CRLF & _ " --details-color-dark: rgb(255 255 255 / 0.85); /* dark variant of these borders */" & @CRLF & _ " " & @CRLF & _ " /* Colors for tables */" & @CRLF & _ "" & @CRLF & _ " --table-border-color: #ccc; " & @CRLF & _ " --table-background-color: #fff; " & @CRLF & _ " --table-background-color-dark: #212121; " & @CRLF & _ " --table-head-background-color: #f7f8f7;" & @CRLF & _ " --table-head-background-color-dark: #323232;" & @CRLF & _ " --table-alternate-background-color: #f8f8f7;" & @CRLF & _ " --table-alternate-background-color-dark: #f8f8f7;" & @CRLF & _ " --table-stripes-background-color: #f7f8f7;" & @CRLF & _ " --table-stripes-background-color-dark: #323232;" & @CRLF & _ " --linenotable-background-color: none;" & @CRLF & _ " --linenotable-background-color-dark: none;" & @CRLF & _ "" & @CRLF & _ " /* Colors for various kinds of blocks */" & @CRLF & _ " " & @CRLF & _ " --code-color: rgb(0 0 0 / 0.9);" & @CRLF & _ " --code-color-dark: rgb(255 255 255 / 0.9);" & @CRLF & _ " --quote-color: rgb(0 0 0 / 0.85);" & @CRLF & _ " --quote-color-dark: rgb(255 255 255 / 0.85);" & @CRLF & _ " --pre-color: green;" & @CRLF & _ " --pre-color-dark: #eee;" & @CRLF & _ " --pre-background-color: #f7f7f8;" & @CRLF & _ " --pre-background-color-dark: #7f7f7f;" & @CRLF & _ " --exampleblock-background-color: #ffffff;" & @CRLF & _ " --exampleblock-background-color-dark: #121212;" & @CRLF & _ " --sidebar-background-color: #f3f3f2;" & @CRLF & _ " --sidebar-background-color-dark: #3f3f3f;" & @CRLF & _ " --listingblock-background-color: #f7f7f8;" & @CRLF & _ " --listingblock-background-color-dark: #7f7f7f;" & @CRLF & _ " --listingblock-output-background-color: rgb(0 0 0 / 0.9);" & @CRLF & _ " --listingblock-output-background-color-dark: #7f7f7f;" & @CRLF & _ "" & @CRLF & _ " /* Colors for the UI elements */" & @CRLF & _ " " & @CRLF & _ " --kbd-background-color: #f7f7f7;" & @CRLF & _ " --kbd-background-color-dark: #bababa;" & @CRLF & _ " --kbd-border-color: #ccc;" & @CRLF & _ " --kbd-border-color-dark: rgb(0 0 0 / 0.8);" & @CRLF & _ " --kbd-color: rgb(0 0 0 / 0.8);" & @CRLF & _ " --kbd-color-dark: rgb(0 0 0 / 0.8);" & @CRLF & _ " --keyseq-color: rgb(51 51 51 / 0.8);" & @CRLF & _ " --keyseq-color-dark: rgb(255 255 255 / 0.1);" & @CRLF & _ " --menu-color: #000;" & @CRLF & _ " --menu-color-dark: #eee;" & @CRLF & _ "" & @CRLF & _ " /* Colors for the Table of contents */" & @CRLF & _ " " & @CRLF & _ " --toc-background-color: #f8f8f7; " & @CRLF & _ " --toc-border-color: #e7e7e9;" & @CRLF & _ " --toc-background-color-dark: #323232; " & @CRLF & _ " --toc2-background-color: #f8f8f7;" & @CRLF & _ " --toc2-background-color-dark: #323232; " & @CRLF & _ "" & @CRLF & _ " /* Colors for the Footer */" & @CRLF & _ " " & @CRLF & _ " --footer-background-color: rgb(0 0 0 / 0.8);" & @CRLF & _ " --footer-background-color-dark: rgb(100 100 100 / 0.4);" & @CRLF & _ "" & @CRLF & _ " /* Colors for Pretty Print */" & @CRLF & _ " " & @CRLF & _ " --prettyprint-background-color: #f7f7f8;" & @CRLF & _ " --prettyprint-background-color-dark: #7f7f7f;" & @CRLF & _ " --prettyprint-list-background-color: none;" & @CRLF & _ " --prettyprint-list-background-color-dark: none;" & @CRLF & _ "" & @CRLF & _ " /* Admonitions: The background color is unused in the base style." & @CRLF & _ " It is prepared for a style similar to Apple Calendar with dark/light colors */" & @CRLF & _ " " & @CRLF & _ " --admonitionblock-background-color: none;" & @CRLF & _ " --admonitionblock-background-color-dark: none;" & @CRLF & _ " --note-color: #1962d1;" & @CRLF & _ " --note-border-color: #1962d1;" & @CRLF & _ " --note-background-color: #b8d4ff;" & @CRLF & _ " --tip-color: #ebd005;" & @CRLF & _ " --tip-border-color: #ebd005;" & @CRLF & _ " --tip-background-color: #fcf3ae;" & @CRLF & _ " --warning-color: #fc9803;" & @CRLF & _ " --warning-border-color: #fc9803;" & @CRLF & _ " --warning-background-color: #fae1bb;" & @CRLF & _ " --caution-color: #cf2604;" & @CRLF & _ " --caution-border-color: #cf2604;" & @CRLF & _ " --caution-background-color: #fadbd4;" & @CRLF & _ " --important-color: #800101;" & @CRLF & _ " --important-border-color: #800101;" & @CRLF & _ " --important-background-color: #fbd0d0;" & @CRLF & _ "" & @CRLF & _ " /* Standard color definitions: can be used as classes for colouring the text */" & @CRLF & _ " " & @CRLF & _ " --aqua-color: #00fafa;" & @CRLF & _ " --aqua-color-dark: #446666;" & @CRLF & _ " --aqua-background-color: #00fafa;" & @CRLF & _ " --aqua-background-color-dark: #446666;" & @CRLF & _ " --black-color: #000;" & @CRLF & _ " --black-color-dark: #eee;" & @CRLF & _ " --black-background-color: #000;" & @CRLF & _ " --black-background-color-dark: #eee;" & @CRLF & _ " --blue-color: #0000bf;" & @CRLF & _ " --blue-color-dark: #575778;" & @CRLF & _ " --blue-background-color: #0000bf;" & @CRLF & _ " --blue-background-color-dark: #575778;" & @CRLF & _ " --fuchsia-color: #fa00fa;" & @CRLF & _ " --fuchsia-color-dark: #575778;" & @CRLF & _ " --fuchsia-background-color: #fa00fa;" & @CRLF & _ " --fuchsia-background-color-dark: #575778;" & @CRLF & _ " --gray-color: #7d7d7d;" & @CRLF & _ " --gray-color-dark: #7d7d7d;" & @CRLF & _ " --gray-background-color: #7d7d7d;" & @CRLF & _ " --gray-background-color-dark: #7d7d7d;" & @CRLF & _ " --green-color: #007d00;" & @CRLF & _ " --green-color-dark: #007d00;" & @CRLF & _ " --green-background-color: #007d00;" & @CRLF & _ " --green-background-color-dark: #007d00;" & @CRLF & _ " --lime-color: #00fa00;" & @CRLF & _ " --lime-color-dark: #00fa00;" & @CRLF & _ " --lime-background-color: #00fa00;" & @CRLF & _ " --lime-background-color-dark: #00fa00;" & @CRLF & _ " --maroon-color: #7d0000;" & @CRLF & _ " --maroon-color-dark: #7d0000;" & @CRLF & _ " --maroon-background-color: #7d0000;" & @CRLF & _ " --maroon-background-color-dark: #7d0000;" & @CRLF & _ " --navy-color: #00007d;" & @CRLF & _ " --navy-color-dark: #00007d;" & @CRLF & _ " --navy-background-color: #00007d;" & @CRLF & _ " --navy-background-color-dark: #00007d;" & @CRLF & _ " --olive-color: #7d7d00;" & @CRLF & _ " --olive-color-dark: #616100;" & @CRLF & _ " --olive-background-color: #7d7d00;" & @CRLF & _ " --olive-background-color-dark: #616100;" & @CRLF & _ " --orange-color: #FF9300;" & @CRLF & _ " --orange-color-dark: #C37C2D;" & @CRLF & _ " --orange-background-color: #FF9300;" & @CRLF & _ " --orange-background-color-dark: #C37C2D;" & @CRLF & _ " --purple-color: #7d007d;" & @CRLF & _ " --purple-ccolor-dark: #660066;" & @CRLF & _ " --purple-background-color: #7d007d;" & @CRLF & _ " --purple-background-color-dark: #660066;" & @CRLF & _ " --red-color: #fa0000;" & @CRLF & _ " --red-color-dark: #b00000;" & @CRLF & _ " --red-background-color: #fa0000;" & @CRLF & _ " --red-background-color-dark: #b00000;" & @CRLF & _ " --silver-color: #bcbcbc;" & @CRLF & _ " --silver-color-dark: #878787;" & @CRLF & _ " --silver-background-color: #bcbcbc;" & @CRLF & _ " --silver-background-color-dark: #878787;" & @CRLF & _ " --teal-color: #007d7d;" & @CRLF & _ " --teal-color-dark: #006969;" & @CRLF & _ " --teal-background-color: #007d7d;" & @CRLF & _ " --teal-background-color-dark: #006969;" & @CRLF & _ " --white-color: #fafafa;" & @CRLF & _ " --white-color-dark: #3b3b3b;" & @CRLF & _ " --white-background-color: #fafafa;" & @CRLF & _ " --white-background-color-dark: #3b3b3b;" & @CRLF & _ " --yellow-color: #fafa00;" & @CRLF & _ " --yellow-color-dark: #adad00;" & @CRLF & _ " --yellow-background-color: #fafa00;" & @CRLF & _ " --yellow-background-color-dark: #adad00;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** End of the vars ***/" & @CRLF & _ "" & @CRLF & _ "*," & @CRLF & _ "::before," & @CRLF & _ "::after {" & @CRLF & _ " box-sizing: border-box;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "html {" & @CRLF & _ " font-size: 100%; /* the the users default font size as the basis */" & @CRLF & _ " -webkit-text-size-adjust: 100%;" & @CRLF & _ " hyphens: auto;" & @CRLF & _ " -webkit-hyphens: auto;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "body { /* Here are many default values inherited to others */" & @CRLF & _ " background: var(--background-color);" & @CRLF & _ " color: var(--color); " & @CRLF & _ " padding: 0;" & @CRLF & _ " margin: 0;" & @CRLF & _ " font-family: var(--body-font); /* Standard font */" & @CRLF & _ " font-size: inherit; /* Font size from <html> */" & @CRLF & _ " line-height: 1; /* Standard line height */" & @CRLF & _ " position: relative; /* The main anchor for all postion:absolute elements */" & @CRLF & _ " cursor: auto; /* show the default cursor based on the detail */" & @CRLF & _ " tab-size: 4; /* for formatting code */" & @CRLF & _ " word-wrap: anywhere; /* do word wrap wherever it's possible & needed */" & @CRLF & _ " -moz-osx-font-smoothing: grayscale; /* how to antialias the fonts in... */" & @CRLF & _ " -webkit-font-smoothing: antialiased; /* ... different browsers */" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) { /* this is how all dark variants are done */" & @CRLF & _ " body { /* modifying only the colors, the rest remains the same */" & @CRLF & _ " background: var(--background-color-dark);" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dl," & @CRLF & _ "dt," & @CRLF & _ "dd," & @CRLF & _ "ul," & @CRLF & _ "ol," & @CRLF & _ "li," & @CRLF & _ "h1," & @CRLF & _ "h2," & @CRLF & _ "h3," & @CRLF & _ "h4," & @CRLF & _ "h5," & @CRLF & _ "h6," & @CRLF & _ "pre," & @CRLF & _ "p," & @CRLF & _ "blockquote," & @CRLF & _ "th," & @CRLF & _ "td {" & @CRLF & _ " margin: 0;" & @CRLF & _ " padding: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a {" & @CRLF & _ " background: none;" & @CRLF & _ " color: var(--a-color);" & @CRLF & _ " text-decoration: underline;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " a {" & @CRLF & _ " color: var(--a-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a:active," & @CRLF & _ "a:hover {" & @CRLF & _ " cursor: pointer;" & @CRLF & _ " outline: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a:focus {" & @CRLF & _ " outline: thin dotted;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a:hover," & @CRLF & _ "a:focus {" & @CRLF & _ " color: var(--a-color-hover);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " a:hover," & @CRLF & _ " a:focus {" & @CRLF & _ " color: var(--a-hover-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "abbr {" & @CRLF & _ " font-size: 0.9em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "abbr[title] {" & @CRLF & _ " cursor: help;" & @CRLF & _ " border-bottom: 1px dotted var(--single-border-color);" & @CRLF & _ " text-decoration: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "b," & @CRLF & _ "strong {" & @CRLF & _ " font-weight: bold;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "strong strong {" & @CRLF & _ " font-weight: 400;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "code," & @CRLF & _ "kbd," & @CRLF & _ "pre {" & @CRLF & _ " /* Sizes and other font variables are inherited from body and need not be listed again." & @CRLF & _ " Only changed attributes are listed:" & @CRLF & _ " */" & @CRLF & _ " font-family: var(--monospaced-font);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "code {" & @CRLF & _ " font-weight: normal; " & @CRLF & _ " color: var(--code-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " code {" & @CRLF & _ " color: var(--code-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre {" & @CRLF & _ " color: var(--code-color);" & @CRLF & _ " line-height: 1.45;" & @CRLF & _ " text-rendering: optimizeSpeed;" & @CRLF & _ " white-space: pre-wrap;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " pre {" & @CRLF & _ " color: var(--code-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dfn {" & @CRLF & _ " font-style: italic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "em," & @CRLF & _ "i {" & @CRLF & _ " font-style: italic;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "em em { /* em in em gets back to normal */" & @CRLF & _ " font-style: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "hr {" & @CRLF & _ " border: solid var(--single-border-color);" & @CRLF & _ " border-width: 1px 0 0;" & @CRLF & _ " clear: both;" & @CRLF & _ " height: 0;" & @CRLF & _ " margin: 1.25em 0 1.1875em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/* " & @CRLF & _ " The dark varian of mark is the same as the blight variant" & @CRLF & _ " So there is no definition for dark mode" & @CRLF & _ " */" & @CRLF & _ "mark {" & @CRLF & _ " background: var(--mark-background-color);" & @CRLF & _ " color: var(--color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "" & @CRLF & _ "p {" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ " margin-bottom: 1.6em; /* rem is relative to the root definition in <html> */" & @CRLF & _ " text-rendering: optimizeLegibility;" & @CRLF & _ " /* hanging-punctuation: first force-end; */" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "q {" & @CRLF & _ " quotes: "\201C" "\201D" "\2018" "\2019";" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "small {" & @CRLF & _ " font-size: 60%;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sub," & @CRLF & _ "sup {" & @CRLF & _ " font-size: 75%;" & @CRLF & _ " line-height: 0;" & @CRLF & _ " position: relative;" & @CRLF & _ " vertical-align: baseline;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sup {" & @CRLF & _ " top: -0.5em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sub {" & @CRLF & _ " bottom: -0.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "img," & @CRLF & _ "object[type^="image/"]," & @CRLF & _ "svg {" & @CRLF & _ " display: inline-block;" & @CRLF & _ " height: auto;" & @CRLF & _ " max-width: 100%;" & @CRLF & _ " vertical-align: middle;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "img {" & @CRLF & _ " border: 0;" & @CRLF & _ " -ms-interpolation-mode: bicubic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "object {" & @CRLF & _ " max-width: 100%;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "svg:not(:root) {" & @CRLF & _ " overflow: hidden;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "figure {" & @CRLF & _ " margin: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "audio," & @CRLF & _ "video {" & @CRLF & _ " display: inline-block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "audio:not([controls]) {" & @CRLF & _ " display: none;" & @CRLF & _ " height: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** Standards for usage in classes ***/" & @CRLF & _ "" & @CRLF & _ ".left {" & @CRLF & _ " float: left !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".right {" & @CRLF & _ " float: right !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".text-left {" & @CRLF & _ " text-align: left !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".text-right {" & @CRLF & _ " text-align: right !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".text-center {" & @CRLF & _ " text-align: center !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".text-justify {" & @CRLF & _ " text-align: justify !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hide {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** Title-Definitions ***/" & @CRLF & _ "" & @CRLF & _ ".subheader," & @CRLF & _ ".admonitionblock td.content > .title," & @CRLF & _ ".audioblock > .title," & @CRLF & _ ".exampleblock > .title," & @CRLF & _ ".imageblock > .title," & @CRLF & _ ".listingblock > .title," & @CRLF & _ ".literalblock > .title," & @CRLF & _ ".stemblock > .title," & @CRLF & _ ".openblock > .title," & @CRLF & _ ".paragraph > .title," & @CRLF & _ ".quoteblock > .title," & @CRLF & _ "table.tableblock > .title," & @CRLF & _ ".verseblock > .title," & @CRLF & _ ".videoblock > .title," & @CRLF & _ ".dlist > .title," & @CRLF & _ ".olist > .title," & @CRLF & _ ".ulist > .title," & @CRLF & _ ".qlist > .title," & @CRLF & _ ".hdlist > .title {" & @CRLF & _ " line-height: 1.45;" & @CRLF & _ " color: var(--headline-block-color);" & @CRLF & _ " font-weight: 400;" & @CRLF & _ " margin-top: 0;" & @CRLF & _ " margin-bottom: 0.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .subheader," & @CRLF & _ " .admonitionblock td.content > .title," & @CRLF & _ " .audioblock > .title," & @CRLF & _ " .exampleblock > .title," & @CRLF & _ " .imageblock > .title," & @CRLF & _ " .listingblock > .title," & @CRLF & _ " .literalblock > .title," & @CRLF & _ " .stemblock > .title," & @CRLF & _ " .openblock > .title," & @CRLF & _ " .paragraph > .title," & @CRLF & _ " .quoteblock > .title," & @CRLF & _ " table.tableblock > .title," & @CRLF & _ " .verseblock > .title," & @CRLF & _ " .videoblock > .title," & @CRLF & _ " .dlist > .title," & @CRLF & _ " .olist > .title," & @CRLF & _ " .ulist > .title," & @CRLF & _ " .qlist > .title," & @CRLF & _ " .hdlist > .title {" & @CRLF & _ " color: var(--headline-block-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p aside {" & @CRLF & _ " font-size: 0.875em;" & @CRLF & _ " line-height: 1.35;" & @CRLF & _ " font-style: italic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h1," & @CRLF & _ "h2," & @CRLF & _ "h3," & @CRLF & _ "#toctitle," & @CRLF & _ ".sidebarblock > .content > .title," & @CRLF & _ "h4," & @CRLF & _ "h5," & @CRLF & _ "h6 {" & @CRLF & _ " font-family: var(--headline-font); " & @CRLF & _ " font-weight: 300;" & @CRLF & _ " font-style: normal;" & @CRLF & _ " color: var(--headline-color);" & @CRLF & _ " text-rendering: optimizeLegibility;" & @CRLF & _ " margin-bottom: 0.5em;" & @CRLF & _ " word-spacing: -0.05em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " h1," & @CRLF & _ " h2," & @CRLF & _ " h3," & @CRLF & _ " #toctitle," & @CRLF & _ " .sidebarblock > .content > .title," & @CRLF & _ " h4," & @CRLF & _ " h5," & @CRLF & _ " h6 {" & @CRLF & _ " color: var(--headline-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h1 small," & @CRLF & _ "h2 small," & @CRLF & _ "h3 small," & @CRLF & _ "#toctitle small," & @CRLF & _ ".sidebarblock > .content > .title small," & @CRLF & _ "h4 small," & @CRLF & _ "h5 small," & @CRLF & _ "h6 small {" & @CRLF & _ " color: var(--headline-small-color);" & @CRLF & _ " line-height: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " h1 small," & @CRLF & _ " h2 small," & @CRLF & _ " h3 small," & @CRLF & _ " #toctitle small," & @CRLF & _ " .sidebarblock > .content > .title small," & @CRLF & _ " h4 small," & @CRLF & _ " h5 small," & @CRLF & _ " h6 small {" & @CRLF & _ " color: var(--headline-small-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h1 {" & @CRLF & _ " font-size: 2.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h2 {" & @CRLF & _ " font-size: 1.6875em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h3," & @CRLF & _ "#toctitle," & @CRLF & _ ".sidebarblock > .content > .title {" & @CRLF & _ " font-size: 1.375em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h4," & @CRLF & _ "h5 {" & @CRLF & _ " font-size: 1.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h6 {" & @CRLF & _ " font-size: 1em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul," & @CRLF & _ "ol," & @CRLF & _ "dl {" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " list-style-position: outside;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul," & @CRLF & _ "ol {" & @CRLF & _ " margin-left: 1.5em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul li ul," & @CRLF & _ "ul li ol {" & @CRLF & _ " margin-left: 1.25em;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.square li ul," & @CRLF & _ "ul.circle li ul," & @CRLF & _ "ul.disc li ul {" & @CRLF & _ " list-style: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.square {" & @CRLF & _ " list-style-type: square;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.circle {" & @CRLF & _ " list-style-type: circle;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.disc {" & @CRLF & _ " list-style-type: disc;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol li ul," & @CRLF & _ "ol li ol {" & @CRLF & _ " margin-left: 1.25em;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dl dt {" & @CRLF & _ " margin-bottom: 0.3125em;" & @CRLF & _ " font-weight: bold;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dl dd {" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " margin-left: 1.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "blockquote {" & @CRLF & _ " margin: 0 0 1.25em;" & @CRLF & _ " padding: 0.5625em 1.25em 0 1.1875em;" & @CRLF & _ " border-left: 1px solid var(--single-border-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "blockquote," & @CRLF & _ "blockquote p {" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ " color: var(--quote-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " blockquote," & @CRLF & _ " blockquote p {" & @CRLF & _ " color: var(--quote-color-dark);" & @CRLF & _ "}" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 768px) {" & @CRLF & _ " h1 {" & @CRLF & _ " font-size: 2.75em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " h2 {" & @CRLF & _ " font-size: 2.3125em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " h3," & @CRLF & _ " #toctitle," & @CRLF & _ " .sidebarblock > .content > .title {" & @CRLF & _ " font-size: 1.6875em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " h4 {" & @CRLF & _ " font-size: 1.4375em;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table {" & @CRLF & _ " background: var(--table-background-color);" & @CRLF & _ " border: 1px solid var(--single-border-color);" & @CRLF & _ " border-collapse: collapse;" & @CRLF & _ " border-spacing: 0;" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " word-wrap: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table {" & @CRLF & _ " background: var(--table-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table thead," & @CRLF & _ "table tfoot {" & @CRLF & _ " background: var(--table-head-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table thead," & @CRLF & _ " table tfoot {" & @CRLF & _ " background: var(--table-head-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table thead tr th," & @CRLF & _ "table thead tr td," & @CRLF & _ "table tfoot tr th," & @CRLF & _ "table tfoot tr td {" & @CRLF & _ " padding: 0.5em 0.625em 0.625em;" & @CRLF & _ " font-size: inherit;" & @CRLF & _ " color: var(--color);" & @CRLF & _ " text-align: left;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table thead tr th," & @CRLF & _ " table thead tr td," & @CRLF & _ " table tfoot tr th," & @CRLF & _ " table tfoot tr td {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table tr th," & @CRLF & _ "table tr td {" & @CRLF & _ " padding: 0.5625em 0.625em;" & @CRLF & _ " font-size: inherit;" & @CRLF & _ " color: var(--color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table tr th," & @CRLF & _ " table tr td {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table tr.even," & @CRLF & _ "table tr.alt {" & @CRLF & _ " background: var(--table-alternate-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table tr.even," & @CRLF & _ " table tr.alt {" & @CRLF & _ " background: var(--table-alternate-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table thead tr th," & @CRLF & _ "table tfoot tr th," & @CRLF & _ "table tbody tr td," & @CRLF & _ "table tr td," & @CRLF & _ "table tfoot tr td {" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h1 strong," & @CRLF & _ "h2 strong," & @CRLF & _ "h3 strong," & @CRLF & _ "#toctitle strong," & @CRLF & _ ".sidebarblock > .content > .title strong," & @CRLF & _ "h4 strong," & @CRLF & _ "h5 strong," & @CRLF & _ "h6 strong {" & @CRLF & _ " font-weight: 400;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".center {" & @CRLF & _ " margin-left: auto;" & @CRLF & _ " margin-right: auto;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".stretch {" & @CRLF & _ " width: 100%;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".clearfix::before," & @CRLF & _ ".clearfix::after," & @CRLF & _ ".float-group::before," & @CRLF & _ ".float-group::after {" & @CRLF & _ " content: "";" & @CRLF & _ " display: table;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".clearfix::after," & @CRLF & _ ".float-group::after {" & @CRLF & _ " clear: both;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ":not(pre).nobreak {" & @CRLF & _ " word-wrap: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ":not(pre).nowrap {" & @CRLF & _ " white-space: nowrap;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ":not(pre).pre-wrap {" & @CRLF & _ " white-space: pre-wrap;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ":not(pre):not([class^=L]) > code {" & @CRLF & _ " font-size: 0.9375em;" & @CRLF & _ " font-style: normal !important;" & @CRLF & _ " letter-spacing: 0;" & @CRLF & _ " padding: 0.1em 0.5ex;" & @CRLF & _ " word-spacing: -0.15em;" & @CRLF & _ " background: var(--pre-background-color);" & @CRLF & _ " border-radius: 4px;" & @CRLF & _ " line-height: 1.45;" & @CRLF & _ " text-rendering: optimizeSpeed;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " :not(pre):not([class^=L]) > code {" & @CRLF & _ " background: var(--pre-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre code," & @CRLF & _ "pre pre {" & @CRLF & _ " color: inherit;" & @CRLF & _ " font-size: inherit;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre > code {" & @CRLF & _ " display: block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.nowrap," & @CRLF & _ "pre.nowrap pre {" & @CRLF & _ " white-space: pre;" & @CRLF & _ " word-wrap: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".keyseq {" & @CRLF & _ " color: var(--keyseq-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .keyseq {" & @CRLF & _ " color: var(--keyseq-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "kbd {" & @CRLF & _ " display: inline-block;" & @CRLF & _ " color: var(--kbd-color);" & @CRLF & _ " font-size: 0.65em;" & @CRLF & _ " line-height: 1.5;" & @CRLF & _ " background: var(--kbd-background-color);" & @CRLF & _ " border: 1px solid var(--kbd-border-color);" & @CRLF & _ " border-radius: 3px;" & @CRLF & _ " box-shadow: 0 1px 1px rgb(0 0 0 / 0.2), 0 0 0 0.1em white inset;" & @CRLF & _ " margin: 0 0.2em;" & @CRLF & _ " padding: 0.2em 0.5em;" & @CRLF & _ " vertical-align: middle;" & @CRLF & _ " position: relative;" & @CRLF & _ " top: -0.1em;" & @CRLF & _ " white-space: nowrap;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " kbd {" & @CRLF & _ " color: var(--kbd-color-dark);" & @CRLF & _ " background: var(--kbd-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".keyseq kbd:first-child {" & @CRLF & _ " margin-left: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".keyseq kbd:last-child {" & @CRLF & _ " margin-right: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".menuseq," & @CRLF & _ ".menuref {" & @CRLF & _ " color: var(--menu-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .menuseq," & @CRLF & _ " .menuref {" & @CRLF & _ " color: var(--menu-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ ".menuseq b:not(.caret)," & @CRLF & _ ".menuref {" & @CRLF & _ " font-weight: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".menuseq {" & @CRLF & _ " word-spacing: -0.02em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".menuseq b.caret {" & @CRLF & _ " font-size: 1.25em;" & @CRLF & _ " line-height: 0.8;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".menuseq i.caret {" & @CRLF & _ " font-weight: bold;" & @CRLF & _ " text-align: center;" & @CRLF & _ " width: 0.45em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "b.button::before," & @CRLF & _ "b.button::after {" & @CRLF & _ " position: relative;" & @CRLF & _ " top: -1px;" & @CRLF & _ " font-weight: 400;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "b.button::before {" & @CRLF & _ " content: "[";" & @CRLF & _ " padding: 0 3px 0 2px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "b.button::after {" & @CRLF & _ " content: "]";" & @CRLF & _ " padding: 0 2px 0 3px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p a > code:hover {" & @CRLF & _ " color: var(--color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " p a > code:hover {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "body > div[id] {" & @CRLF & _ " margin: 0 auto;" & @CRLF & _ " max-width: 62.5em;" & @CRLF & _ " position: relative;" & @CRLF & _ " padding-left: 0.9375em;" & @CRLF & _ " padding-right: 0.9375em;" & @CRLF & _ " width: 100%;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "" & @CRLF & _ "@media screen {" & @CRLF & _ " /* This original asciidoctor rule leads to empty PDF pages when paginating. Therefore we limited it to screen use only */" & @CRLF & _ "" & @CRLF & _ " body > div[id]::before," & @CRLF & _ " body > div[id]::after," & @CRLF & _ " #content #footnotes::before {" & @CRLF & _ " content: "";" & @CRLF & _ " display: table;" & @CRLF & _ " clear: both;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content {" & @CRLF & _ " margin-top: 1.25em;" & @CRLF & _ " margin-bottom: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content::before {" & @CRLF & _ " content: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header > h1:first-child {" & @CRLF & _ " color: var(--headline-color);" & @CRLF & _ " margin-top: 2.25rem;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #header > h1:first-child {" & @CRLF & _ " color: var(--headline-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header > h1:first-child + #toc {" & @CRLF & _ " margin-top: 8px;" & @CRLF & _ " border-top: 1px solid var(--single-border-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header > h1:only-child," & @CRLF & _ "body.toc2 #header > h1:nth-last-child(2) {" & @CRLF & _ " border-bottom: 1px solid var(--single-border-color);" & @CRLF & _ " padding-bottom: 8px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details {" & @CRLF & _ " border-bottom: 1px solid var(--single-border-color);" & @CRLF & _ " padding-top: 0.25em;" & @CRLF & _ " padding-bottom: 0.5em;" & @CRLF & _ " padding-left: 0.25em;" & @CRLF & _ " color: var(--details-color);" & @CRLF & _ " display: flex;" & @CRLF & _ " flex-flow: row wrap;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #header .details {" & @CRLF & _ " color: var(--details-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details span:first-child {" & @CRLF & _ " margin-left: -0.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details span.email a {" & @CRLF & _ " color: var(--details-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #header .details span.email a {" & @CRLF & _ " color: var(--details-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details br {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details br + span::before {" & @CRLF & _ " content: "\00a0\2013\00a0";" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details br + span.author::before {" & @CRLF & _ " content: "\00a0\22c5\00a0";" & @CRLF & _ " color: var(--details-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #header .details br + span.author::before {" & @CRLF & _ " color: var(--details-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header .details br + span#revremark::before {" & @CRLF & _ " content: "\00a0|\00a0";" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header #revnumber {" & @CRLF & _ " text-transform: capitalize;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#header #revnumber::after {" & @CRLF & _ " content: "\00a0";" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content > h1:first-child:not([class]) {" & @CRLF & _ " color: var(--details-color);" & @CRLF & _ " border-bottom: 1px solid var(--single-border-color);" & @CRLF & _ " padding-bottom: 8px;" & @CRLF & _ " margin-top: 0;" & @CRLF & _ " padding-top: 1rem;" & @CRLF & _ " margin-bottom: 1.25rem;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #content > h1:first-child:not([class]) {" & @CRLF & _ " color: var(--details-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc {" & @CRLF & _ " border-bottom: 1px solid var(--toc-border-color);" & @CRLF & _ " padding-bottom: 0.5em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc > ul {" & @CRLF & _ " margin-left: 0.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc ul.sectlevel0 > li > a {" & @CRLF & _ " font-style: italic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc ul.sectlevel0 ul.sectlevel1 {" & @CRLF & _ " margin: 0.5em 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc ul {" & @CRLF & _ " font-family: var(--toc-font); " & @CRLF & _ " list-style-type: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc li {" & @CRLF & _ " line-height: 1.3334;" & @CRLF & _ " margin-top: 0.3334em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc a {" & @CRLF & _ " text-decoration: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toc a:active {" & @CRLF & _ " text-decoration: underline;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#toctitle {" & @CRLF & _ " color: var(--headline-block-color);" & @CRLF & _ " font-size: 1.2em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #toctitle {" & @CRLF & _ " color: var(--headline-block-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 768px) {" & @CRLF & _ " #toctitle {" & @CRLF & _ " font-size: 1.375em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.toc2 {" & @CRLF & _ " padding-left: 15em;" & @CRLF & _ " padding-right: 0;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 {" & @CRLF & _ " margin-top: 0 !important;" & @CRLF & _ " background: var(--toc2-background-color);" & @CRLF & _ " position: fixed;" & @CRLF & _ " width: 15em;" & @CRLF & _ " left: 0;" & @CRLF & _ " top: 0;" & @CRLF & _ " border-right: 1px solid var(--toc-border-color);" & @CRLF & _ " border-top-width: 0 !important;" & @CRLF & _ " border-bottom-width: 0 !important;" & @CRLF & _ " z-index: 1000;" & @CRLF & _ " padding: 1.25em 1em;" & @CRLF & _ " height: 100%;" & @CRLF & _ " overflow: auto;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @media (prefers-color-scheme: dark) {" & @CRLF & _ " #toc.toc2 {" & @CRLF & _ " background: var(--background-toc2-color-dark);" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 #toctitle {" & @CRLF & _ " margin-top: 0;" & @CRLF & _ " margin-bottom: 0.8rem;" & @CRLF & _ " font-size: 1.2em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 > ul {" & @CRLF & _ " font-size: 0.9em;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 ul ul {" & @CRLF & _ " margin-left: 0;" & @CRLF & _ " padding-left: 1em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 ul.sectlevel0 ul.sectlevel1 {" & @CRLF & _ " padding-left: 0;" & @CRLF & _ " margin-top: 0.5em;" & @CRLF & _ " margin-bottom: 0.5em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.toc2.toc-right {" & @CRLF & _ " padding-left: 0;" & @CRLF & _ " padding-right: 15em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.toc2.toc-right #toc.toc2 {" & @CRLF & _ " border-right-width: 0;" & @CRLF & _ " border-left: 1px solid #e7e7e9;" & @CRLF & _ " left: auto;" & @CRLF & _ " right: 0;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 1280px) {" & @CRLF & _ " body.toc2 {" & @CRLF & _ " padding-left: 20em;" & @CRLF & _ " padding-right: 0;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 {" & @CRLF & _ " width: 20em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 #toctitle {" & @CRLF & _ " font-size: 1.375em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 > ul {" & @CRLF & _ " font-size: 0.95em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc.toc2 ul ul {" & @CRLF & _ " padding-left: 1.25em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.toc2.toc-right {" & @CRLF & _ " padding-left: 0;" & @CRLF & _ " padding-right: 20em;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content #toc {" & @CRLF & _ " border: 1px solid var(--single-border-color);" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " padding: 1.25em;" & @CRLF & _ " background: var(--background-toc-color); " & @CRLF & _ " border-radius: 4px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #content #toc {" & @CRLF & _ " background: var(--background-toc-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content #toc > :first-child {" & @CRLF & _ " margin-top: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content #toc > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footer {" & @CRLF & _ " max-width: none;" & @CRLF & _ " background: var(--footer-background-color); " & @CRLF & _ " padding: 1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #footer {" & @CRLF & _ " background: var(--footer-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footer-text {" & @CRLF & _ " color: var(--color-dark); /* Use the dark color as the inverted color */" & @CRLF & _ " line-height: 1.44;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #footer-text {" & @CRLF & _ " color: var(--color); /* Use the light color as the inverted color */" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sect1 {" & @CRLF & _ " padding-bottom: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 768px) {" & @CRLF & _ " #content {" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .sect1 {" & @CRLF & _ " padding-bottom: 1.25em;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sect1:last-child {" & @CRLF & _ " padding-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/* FB: Temporarily deactivated " & @CRLF & _ "" & @CRLF & _ ".sect1 + .sect1 {" & @CRLF & _ " border-top: 1px solid #e7e7e9;" & @CRLF & _ "}" & @CRLF & _ "*/" & @CRLF & _ "" & @CRLF & _ "#content h1 > a.anchor," & @CRLF & _ "h2 > a.anchor," & @CRLF & _ "h3 > a.anchor," & @CRLF & _ "#toctitle > a.anchor," & @CRLF & _ ".sidebarblock > .content > .title > a.anchor," & @CRLF & _ "h4 > a.anchor," & @CRLF & _ "h5 > a.anchor," & @CRLF & _ "h6 > a.anchor {" & @CRLF & _ " position: absolute;" & @CRLF & _ " z-index: 1001;" & @CRLF & _ " width: 1.5ex;" & @CRLF & _ " margin-left: -1.5ex;" & @CRLF & _ " display: block;" & @CRLF & _ " text-decoration: none !important;" & @CRLF & _ " visibility: hidden;" & @CRLF & _ " text-align: center;" & @CRLF & _ " font-weight: 400;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content h1 > a.anchor::before," & @CRLF & _ "h2 > a.anchor::before," & @CRLF & _ "h3 > a.anchor::before," & @CRLF & _ "#toctitle > a.anchor::before," & @CRLF & _ ".sidebarblock > .content > .title > a.anchor::before," & @CRLF & _ "h4 > a.anchor::before," & @CRLF & _ "h5 > a.anchor::before," & @CRLF & _ "h6 > a.anchor::before {" & @CRLF & _ " content: "\00A7";" & @CRLF & _ " font-size: 0.85em;" & @CRLF & _ " display: block;" & @CRLF & _ " padding-top: 0.1em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content h1:hover > a.anchor," & @CRLF & _ "#content h1 > a.anchor:hover," & @CRLF & _ "h2:hover > a.anchor," & @CRLF & _ "h2 > a.anchor:hover," & @CRLF & _ "h3:hover > a.anchor," & @CRLF & _ "#toctitle:hover > a.anchor," & @CRLF & _ ".sidebarblock > .content > .title:hover > a.anchor," & @CRLF & _ "h3 > a.anchor:hover," & @CRLF & _ "#toctitle > a.anchor:hover," & @CRLF & _ ".sidebarblock > .content > .title > a.anchor:hover," & @CRLF & _ "h4:hover > a.anchor," & @CRLF & _ "h4 > a.anchor:hover," & @CRLF & _ "h5:hover > a.anchor," & @CRLF & _ "h5 > a.anchor:hover," & @CRLF & _ "h6:hover > a.anchor," & @CRLF & _ "h6 > a.anchor:hover {" & @CRLF & _ " visibility: visible;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content h1 > a.link," & @CRLF & _ "h2 > a.link," & @CRLF & _ "h3 > a.link," & @CRLF & _ "#toctitle > a.link," & @CRLF & _ ".sidebarblock > .content > .title > a.link," & @CRLF & _ "h4 > a.link," & @CRLF & _ "h5 > a.link," & @CRLF & _ "h6 > a.link {" & @CRLF & _ " color: var(--headline-color);" & @CRLF & _ " text-decoration: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #content h1 > a.link," & @CRLF & _ " h2 > a.link," & @CRLF & _ " h3 > a.link," & @CRLF & _ " #toctitle > a.link," & @CRLF & _ " .sidebarblock > .content > .title > a.link," & @CRLF & _ " h4 > a.link," & @CRLF & _ " h5 > a.link," & @CRLF & _ " h6 > a.link {" & @CRLF & _ " color: var(--headline-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content h1 > a.link:hover," & @CRLF & _ "h2 > a.link:hover," & @CRLF & _ "h3 > a.link:hover," & @CRLF & _ "#toctitle > a.link:hover," & @CRLF & _ ".sidebarblock > .content > .title > a.link:hover," & @CRLF & _ "h4 > a.link:hover," & @CRLF & _ "h5 > a.link:hover," & @CRLF & _ "h6 > a.link:hover {" & @CRLF & _ " color: var(--a-hover-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " #content h1 > a.link:hover," & @CRLF & _ " h2 > a.link:hover," & @CRLF & _ " h3 > a.link:hover," & @CRLF & _ " #toctitle > a.link:hover," & @CRLF & _ " .sidebarblock > .content > .title > a.link:hover," & @CRLF & _ " h4 > a.link:hover," & @CRLF & _ " h5 > a.link:hover," & @CRLF & _ " h6 > a.link:hover {" & @CRLF & _ " color: var(--a-hover-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details," & @CRLF & _ ".audioblock," & @CRLF & _ ".imageblock," & @CRLF & _ ".literalblock," & @CRLF & _ ".listingblock," & @CRLF & _ ".stemblock," & @CRLF & _ ".videoblock {" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details {" & @CRLF & _ " margin-left: 1.25rem;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details > summary {" & @CRLF & _ " cursor: pointer;" & @CRLF & _ " display: block;" & @CRLF & _ " position: relative;" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ " margin-bottom: 0.625rem;" & @CRLF & _ " outline: none;" & @CRLF & _ " -webkit-tap-highlight-color: transparent;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details > summary::-webkit-details-marker {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details > summary::before {" & @CRLF & _ " content: "";" & @CRLF & _ " border: solid transparent;" & @CRLF & _ " border-left-color: currentColor; /* TODO: Verstehe ich nicht. */" & @CRLF & _ " border-width: 0.3em 0 0.3em 0.5em;" & @CRLF & _ " position: absolute;" & @CRLF & _ " top: 0.5em;" & @CRLF & _ " left: -1.25rem;" & @CRLF & _ " transform: translateX(15%);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details[open] > summary::before {" & @CRLF & _ " border: solid transparent;" & @CRLF & _ " border-top-color: currentColor; /* TODO: Verstehe ich nicht. */" & @CRLF & _ " border-width: 0.5em 0.3em 0;" & @CRLF & _ " transform: translateY(15%);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "details > summary::after {" & @CRLF & _ " content: "";" & @CRLF & _ " width: 1.25rem;" & @CRLF & _ " height: 1em;" & @CRLF & _ " position: absolute;" & @CRLF & _ " top: 0.3em;" & @CRLF & _ " left: -1.25rem;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.content > .title," & @CRLF & _ ".audioblock > .title," & @CRLF & _ ".exampleblock > .title," & @CRLF & _ ".imageblock > .title," & @CRLF & _ ".listingblock > .title," & @CRLF & _ ".literalblock > .title," & @CRLF & _ ".stemblock > .title," & @CRLF & _ ".openblock > .title," & @CRLF & _ ".paragraph > .title," & @CRLF & _ ".quoteblock > .title," & @CRLF & _ "table.tableblock > .title," & @CRLF & _ ".verseblock > .title," & @CRLF & _ ".videoblock > .title," & @CRLF & _ ".dlist > .title," & @CRLF & _ ".olist > .title," & @CRLF & _ ".ulist > .title," & @CRLF & _ ".qlist > .title," & @CRLF & _ ".hdlist > .title {" & @CRLF & _ " text-rendering: optimizeLegibility;" & @CRLF & _ " text-align: left;" & @CRLF & _ " font-family: var(--headline-font);" & @CRLF & _ " font-size: 1rem;" & @CRLF & _ " font-style: italic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.tableblock.fit-content > caption.title {" & @CRLF & _ " white-space: nowrap;" & @CRLF & _ " width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".paragraph.lead > p," & @CRLF & _ "#preamble > .sectionbody > [class=paragraph]:first-of-type p {" & @CRLF & _ " font-size: 1.15em; /* .lead should be 15% bigger than the normal font */" & @CRLF & _ " line-height: 1.6;" & @CRLF & _ " color: var(--details-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .paragraph.lead > p," & @CRLF & _ " #preamble > .sectionbody > [class=paragraph]:first-of-type p {" & @CRLF & _ " color: var(--details-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "" & @CRLF & _ "/* fb: Added a few non typical but useful text formats to the basis. */ " & @CRLF & _ "" & @CRLF & _ ".allcaps {" & @CRLF & _ " text-transform: uppercase;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".smallcaps {" & @CRLF & _ " font-variant: small-caps;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".more-spacing {" & @CRLF & _ " letter-spacing: 0.05em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".less-spacing {" & @CRLF & _ " letter-spacing: -0.05em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table {" & @CRLF & _ " border-collapse: separate;" & @CRLF & _ " border: 0;" & @CRLF & _ " background: var(--admonitionblock-background-color);" & @CRLF & _ " width: 100%;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .admonitionblock > table {" & @CRLF & _ " background: var(--admonitionblock-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table td.icon {" & @CRLF & _ " text-align: center;" & @CRLF & _ " width: 80px;" & @CRLF & _ " font-weight: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table td.icon img {" & @CRLF & _ " max-width: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table td.icon .title {" & @CRLF & _ " font-weight: 600;" & @CRLF & _ " font-family: var(--headline-font); " & @CRLF & _ " text-transform: uppercase;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table td.content {" & @CRLF & _ " padding-left: 1.125em;" & @CRLF & _ " padding-right: 1.25em;" & @CRLF & _ " border-left: 1px solid var(--single-border-color);" & @CRLF & _ " color: var(--color);" & @CRLF & _ " word-wrap: anywhere;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .admonitionblock > table td.content {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock > table td.content > :last-child > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".exampleblock > .content {" & @CRLF & _ " border: 1px solid var(--single-border-color);" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " padding: 1.25em;" & @CRLF & _ " background: var(--background-exampleblock-color); " & @CRLF & _ " border-radius: 4px;" & @CRLF & _ " box-shadow: 0 1px 4px #e0e0dc;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .exampleblock > .content {" & @CRLF & _ " background: var(--background-exampleblock-color-dark); " & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".exampleblock > .content > :first-child {" & @CRLF & _ " margin-top: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".exampleblock > .content > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sidebarblock {" & @CRLF & _ " border: 1px solid var(--single-border-color);" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " padding: 1.25em;" & @CRLF & _ " background: var(--background-sidebar-color); " & @CRLF & _ " border-radius: 4px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .sidebarblock {" & @CRLF & _ " background: var(--background-sidebar-color-dark); " & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sidebarblock > :first-child {" & @CRLF & _ " margin-top: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sidebarblock > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sidebarblock > .content > .title {" & @CRLF & _ " color: var(--headline-block-color);" & @CRLF & _ " margin-top: 0;" & @CRLF & _ " text-align: center;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .sidebarblock > .content > .title {" & @CRLF & _ " color: var(--headline-block-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".exampleblock > .content > :last-child > :last-child," & @CRLF & _ ".exampleblock > .content .olist > ol > li:last-child > :last-child," & @CRLF & _ ".exampleblock > .content .ulist > ul > li:last-child > :last-child," & @CRLF & _ ".exampleblock > .content .qlist > ol > li:last-child > :last-child," & @CRLF & _ ".sidebarblock > .content > :last-child > :last-child," & @CRLF & _ ".sidebarblock > .content .olist > ol > li:last-child > :last-child," & @CRLF & _ ".sidebarblock > .content .ulist > ul > li:last-child > :last-child," & @CRLF & _ ".sidebarblock > .content .qlist > ol > li:last-child > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".literalblock pre," & @CRLF & _ ".listingblock > .content > pre {" & @CRLF & _ " border-radius: 4px;" & @CRLF & _ " overflow-x: auto;" & @CRLF & _ " padding: 1em;" & @CRLF & _ " font-size: 0.8125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 768px) {" & @CRLF & _ " .literalblock pre," & @CRLF & _ " .listingblock > .content > pre {" & @CRLF & _ " font-size: 0.90625em;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media screen and (min-width: 1280px) {" & @CRLF & _ " .literalblock pre," & @CRLF & _ " .listingblock > .content > pre {" & @CRLF & _ " font-size: 1em;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".literalblock pre," & @CRLF & _ ".listingblock > .content > pre:not(.highlight)," & @CRLF & _ ".listingblock > .content > pre[class=highlight]," & @CRLF & _ ".listingblock > .content > pre[class^="highlight "] {" & @CRLF & _ " background: var(--listingblock-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .literalblock pre," & @CRLF & _ " .listingblock > .content > pre:not(.highlight)," & @CRLF & _ " .listingblock > .content > pre[class=highlight]," & @CRLF & _ " .listingblock > .content > pre[class^="highlight "] {" & @CRLF & _ " background: var(--background-listingblock-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".literalblock.output pre {" & @CRLF & _ " color: var(--pre-color);" & @CRLF & _ " background: var(--background-listingblock-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .literalblock.output pre {" & @CRLF & _ " color: var(--pre-color-dark);" & @CRLF & _ " background: var(--background-listingblock-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock > .content {" & @CRLF & _ " position: relative;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock code[data-lang]::before {" & @CRLF & _ " display: none;" & @CRLF & _ " content: attr(data-lang);" & @CRLF & _ " position: absolute;" & @CRLF & _ " font-size: 0.75em;" & @CRLF & _ " top: 0.425rem;" & @CRLF & _ " right: 0.5rem;" & @CRLF & _ " line-height: 1;" & @CRLF & _ " text-transform: uppercase;" & @CRLF & _ " color: inherit;" & @CRLF & _ " opacity: 0.5;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock:hover code[data-lang]::before {" & @CRLF & _ " display: block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock.terminal pre .command::before {" & @CRLF & _ " content: attr(data-prompt);" & @CRLF & _ " padding-right: 0.5em;" & @CRLF & _ " color: inherit;" & @CRLF & _ " opacity: 0.5;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock.terminal pre .command:not([data-prompt])::before {" & @CRLF & _ " content: "$";" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock pre.highlightjs {" & @CRLF & _ " padding: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock pre.highlightjs > code {" & @CRLF & _ " padding: 1em;" & @CRLF & _ " border-radius: 4px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".listingblock pre.prettyprint {" & @CRLF & _ " border-width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".prettyprint {" & @CRLF & _ " background: var(--prettyprint-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .prettyprint {" & @CRLF & _ " background: var(--prettyprint-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.prettyprint .linenums {" & @CRLF & _ " line-height: 1.45;" & @CRLF & _ " margin-left: 2em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.prettyprint li {" & @CRLF & _ " background: var(--prettyprint-list-background-color);" & @CRLF & _ " list-style-type: inherit;" & @CRLF & _ " padding-left: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " pre.prettyprint li {" & @CRLF & _ " background: var(--prettyprint-list-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.prettyprint li code[data-lang]::before {" & @CRLF & _ " opacity: 1;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.prettyprint li:not(:first-child) code[data-lang]::before {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.linenotable {" & @CRLF & _ " border-collapse: separate;" & @CRLF & _ " border: 0;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ " background: var(--linenotable-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table.linenotable {" & @CRLF & _ " background: var(--linenotable-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.linenotable td[class] {" & @CRLF & _ " color: inherit;" & @CRLF & _ " vertical-align: top;" & @CRLF & _ " padding: 0;" & @CRLF & _ " line-height: inherit;" & @CRLF & _ " white-space: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.linenotable td.code {" & @CRLF & _ " padding-left: 0.75em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.linenotable td.linenos {" & @CRLF & _ " width: 0.01%;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.linenotable td.linenos," & @CRLF & _ "pre.pygments .linenos," & @CRLF & _ "pre.rouge .linenos {" & @CRLF & _ " border-right: 1px solid;" & @CRLF & _ " opacity: 0.35;" & @CRLF & _ " padding-right: 0.5em;" & @CRLF & _ " user-select: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre.pygments span.linenos," & @CRLF & _ "pre.rouge span.linenos {" & @CRLF & _ " display: inline-block;" & @CRLF & _ " margin-right: 0.75em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock {" & @CRLF & _ " margin: 0 1em 1.25em 1.5em;" & @CRLF & _ " display: table;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock:not(.excerpt) > .title {" & @CRLF & _ " margin-left: -1.5em;" & @CRLF & _ " margin-bottom: 0.75em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock blockquote," & @CRLF & _ ".quoteblock p {" & @CRLF & _ " color: var(--quote-color);" & @CRLF & _ " font-size: 1.15rem;" & @CRLF & _ " word-spacing: -0.05em;" & @CRLF & _ " line-height: 1.4;" & @CRLF & _ " font-style: italic;" & @CRLF & _ " text-align: justify;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .quoteblock blockquote," & @CRLF & _ " .quoteblock p {" & @CRLF & _ " color: var(--quote-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock blockquote {" & @CRLF & _ " margin: 0;" & @CRLF & _ " padding: 0;" & @CRLF & _ " border: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock blockquote::before {" & @CRLF & _ " content: "\201c";" & @CRLF & _ " float: left;" & @CRLF & _ " font-size: 2.75em;" & @CRLF & _ " font-weight: bold;" & @CRLF & _ " line-height: 0.5em;" & @CRLF & _ " margin-left: -0.6em;" & @CRLF & _ " color: var(--headline-block-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .quoteblock blockquote::before {" & @CRLF & _ " color: var(--headline-block-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock blockquote > .paragraph:last-child p {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock .attribution {" & @CRLF & _ " margin-top: 0.75em;" & @CRLF & _ " margin-right: 0.5ex;" & @CRLF & _ " text-align: right;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".verseblock {" & @CRLF & _ " margin: 0 1em 1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".verseblock pre {" & @CRLF & _ " font-family: var(--body-font);" & @CRLF & _ " color: var(--pre-color);" & @CRLF & _ " font-weight: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .verseblock pre {" & @CRLF & _ " color: var(--pre-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".verseblock pre strong {" & @CRLF & _ " font-weight: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".verseblock .attribution {" & @CRLF & _ " margin-top: 1.25rem;" & @CRLF & _ " margin-left: 0.5ex;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock .attribution," & @CRLF & _ ".verseblock .attribution {" & @CRLF & _ " font-style: italic;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock .attribution br," & @CRLF & _ ".verseblock .attribution br {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock .attribution cite," & @CRLF & _ ".verseblock .attribution cite {" & @CRLF & _ " display: block;" & @CRLF & _ " letter-spacing: -0.025em;" & @CRLF & _ " color: var(--quote-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .quoteblock .attribution cite," & @CRLF & _ " .verseblock .attribution cite {" & @CRLF & _ " color: var(--quote-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.abstract blockquote::before," & @CRLF & _ ".quoteblock.excerpt blockquote::before," & @CRLF & _ ".quoteblock .quoteblock blockquote::before {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.abstract {" & @CRLF & _ " margin: 0 1em 1.25em;" & @CRLF & _ " display: block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.abstract > .title {" & @CRLF & _ " margin: 0 0 0.375em;" & @CRLF & _ " font-size: 1.15em;" & @CRLF & _ " text-align: center;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.excerpt > blockquote," & @CRLF & _ ".quoteblock .quoteblock {" & @CRLF & _ " padding: 0 0 0.25em 1em;" & @CRLF & _ " border-left: 0.25em solid var(--single-border-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.excerpt," & @CRLF & _ ".quoteblock .quoteblock {" & @CRLF & _ " margin-left: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.excerpt blockquote," & @CRLF & _ ".quoteblock.excerpt p," & @CRLF & _ ".quoteblock .quoteblock blockquote," & @CRLF & _ ".quoteblock .quoteblock p {" & @CRLF & _ " color: var(--quote-color);" & @CRLF & _ " font-size: 1.0625rem;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".quoteblock.excerpt .attribution," & @CRLF & _ ".quoteblock .quoteblock .attribution {" & @CRLF & _ " color: inherit;" & @CRLF & _ " font-size: 0.85rem;" & @CRLF & _ " text-align: left;" & @CRLF & _ " margin-right: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p.tableblock:last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "td.tableblock > .content {" & @CRLF & _ " margin-bottom: 1.25em;" & @CRLF & _ " word-wrap: anywhere;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "td.tableblock > .content > :last-child {" & @CRLF & _ " margin-bottom: -1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.tableblock," & @CRLF & _ "th.tableblock," & @CRLF & _ "td.tableblock {" & @CRLF & _ " border: 0 solid var(--table-border-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.grid-all > * > tr > * {" & @CRLF & _ " border-width: 1px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.grid-cols > * > tr > * {" & @CRLF & _ " border-width: 0 1px; /* For: Top+Bottom Left+Right*/" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.grid-rows > * > tr > * {" & @CRLF & _ " border-width: 1px 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-all {" & @CRLF & _ " border-width: 1px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-ends {" & @CRLF & _ " border-width: 1px 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-sides {" & @CRLF & _ " border-width: 0 1px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-none > colgroup + * > :first-child > *," & @CRLF & _ "table.frame-sides > colgroup + * > :first-child > * {" & @CRLF & _ " border-top-width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-none > :last-child > :last-child > *," & @CRLF & _ "table.frame-sides > :last-child > :last-child > * {" & @CRLF & _ " border-bottom-width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-none > * > tr > :first-child," & @CRLF & _ "table.frame-ends > * > tr > :first-child {" & @CRLF & _ " border-left-width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.frame-none > * > tr > :last-child," & @CRLF & _ "table.frame-ends > * > tr > :last-child {" & @CRLF & _ " border-right-width: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table.stripes-all > * > tr," & @CRLF & _ "table.stripes-odd > * > tr:nth-of-type(odd)," & @CRLF & _ "table.stripes-even > * > tr:nth-of-type(even)," & @CRLF & _ "table.stripes-hover > * > tr:hover {" & @CRLF & _ " background: var(--table-stripes-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " table.stripes-all > * > tr," & @CRLF & _ " table.stripes-odd > * > tr:nth-of-type(odd)," & @CRLF & _ " table.stripes-even > * > tr:nth-of-type(even)," & @CRLF & _ " table.stripes-hover > * > tr:hover {" & @CRLF & _ " background: var(--table-stripes-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.halign-left," & @CRLF & _ "td.halign-left {" & @CRLF & _ " text-align: left;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.halign-right," & @CRLF & _ "td.halign-right {" & @CRLF & _ " text-align: right;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.halign-center," & @CRLF & _ "td.halign-center {" & @CRLF & _ " text-align: center;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.valign-top," & @CRLF & _ "td.valign-top {" & @CRLF & _ " vertical-align: top;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.valign-bottom," & @CRLF & _ "td.valign-bottom {" & @CRLF & _ " vertical-align: bottom;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "th.valign-middle," & @CRLF & _ "td.valign-middle {" & @CRLF & _ " vertical-align: middle;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "table thead th," & @CRLF & _ "table tfoot th {" & @CRLF & _ " font-weight: bold;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "tbody tr th {" & @CRLF & _ " background: var(--background-table-head-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " tbody tr th {" & @CRLF & _ " background: var(--background-table-head-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "tbody tr th," & @CRLF & _ "tbody tr th p," & @CRLF & _ "tfoot tr th," & @CRLF & _ "tfoot tr th p {" & @CRLF & _ " color: var(--color);" & @CRLF & _ " font-weight: bold;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " tbody tr th," & @CRLF & _ " tbody tr th p," & @CRLF & _ " tfoot tr th," & @CRLF & _ " tfoot tr th p {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p.tableblock > code:only-child {" & @CRLF & _ " background: var(--background-linenotable-color);" & @CRLF & _ " padding: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " p.tableblock > code:only-child {" & @CRLF & _ " background: var(--background-linenotable-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p.tableblock {" & @CRLF & _ " font-size: 1em;" & @CRLF & _ " /* text-align: left; < Fix for Issue #343 */" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul li ol {" & @CRLF & _ " margin-left: 1.5em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dl dd:last-child," & @CRLF & _ "dl dd:last-child > :last-child {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "li p," & @CRLF & _ "ul dd," & @CRLF & _ "ol dd," & @CRLF & _ ".olist .olist," & @CRLF & _ ".ulist .ulist," & @CRLF & _ ".ulist .olist," & @CRLF & _ ".olist .ulist {" & @CRLF & _ " margin-bottom: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.checklist," & @CRLF & _ "ul.none," & @CRLF & _ "ol.none," & @CRLF & _ "ul.no-bullet," & @CRLF & _ "ol.no-bullet," & @CRLF & _ "ol.unnumbered," & @CRLF & _ "ul.unstyled," & @CRLF & _ "ol.unstyled {" & @CRLF & _ " list-style-type: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.no-bullet," & @CRLF & _ "ol.no-bullet," & @CRLF & _ "ol.unnumbered {" & @CRLF & _ " margin-left: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.unstyled," & @CRLF & _ "ol.unstyled {" & @CRLF & _ " margin-left: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "li > p:empty:only-child::before {" & @CRLF & _ " content: "";" & @CRLF & _ " display: inline-block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.checklist > li > p:first-child {" & @CRLF & _ " margin-left: -1em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.checklist > li > p:first-child > .fa-square-o:first-child," & @CRLF & _ "ul.checklist > li > p:first-child > .fa-check-square-o:first-child {" & @CRLF & _ " width: 1.25em;" & @CRLF & _ " font-size: 0.8em;" & @CRLF & _ " position: relative;" & @CRLF & _ " bottom: 0.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.checklist > li > p:first-child > input[type=checkbox]:first-child {" & @CRLF & _ " font: inherit;" & @CRLF & _ " margin: 0 0.25em 0 0;" & @CRLF & _ " padding: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.inline {" & @CRLF & _ " display: flex;" & @CRLF & _ " flex-flow: row wrap;" & @CRLF & _ " list-style: none;" & @CRLF & _ " margin: 0 0 0.625em -1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ul.inline > li {" & @CRLF & _ " margin-left: 1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".unstyled dl dt {" & @CRLF & _ " font-weight: 400;" & @CRLF & _ " font-style: normal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.arabic {" & @CRLF & _ " list-style-type: decimal;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.decimal {" & @CRLF & _ " list-style-type: decimal-leading-zero;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.loweralpha {" & @CRLF & _ " list-style-type: lower-alpha;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.upperalpha {" & @CRLF & _ " list-style-type: upper-alpha;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.lowerroman {" & @CRLF & _ " list-style-type: lower-roman;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.upperroman {" & @CRLF & _ " list-style-type: upper-roman;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "ol.lowergreek {" & @CRLF & _ " list-style-type: lower-greek;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hdlist > table," & @CRLF & _ ".colist > table {" & @CRLF & _ " border: 0;" & @CRLF & _ " background: var(--background-linenotable-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .hdlist > table," & @CRLF & _ " .colist > table {" & @CRLF & _ " background: var(--background-linenotable-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hdlist > table > tbody > tr," & @CRLF & _ ".colist > table > tbody > tr {" & @CRLF & _ " background: var(--background-linenotable-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .hdlist > table > tbody > tr," & @CRLF & _ " .colist > table > tbody > tr {" & @CRLF & _ " background: var(--background-linenotable-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "td.hdlist1," & @CRLF & _ "td.hdlist2 {" & @CRLF & _ " vertical-align: top;" & @CRLF & _ " padding: 0 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "td.hdlist1 {" & @CRLF & _ " font-weight: bold;" & @CRLF & _ " padding-bottom: 1.25em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "td.hdlist2 {" & @CRLF & _ " word-wrap: anywhere;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".literalblock + .colist," & @CRLF & _ ".listingblock + .colist {" & @CRLF & _ " margin-top: -0.5em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".colist td:not([class]):first-child {" & @CRLF & _ " padding: 0.4em 0.75em 0;" & @CRLF & _ " line-height: 1;" & @CRLF & _ " vertical-align: top;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".colist td:not([class]):first-child img {" & @CRLF & _ " max-width: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".colist td:not([class]):last-child {" & @CRLF & _ " padding: 0.25em 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".thumb," & @CRLF & _ ".th {" & @CRLF & _ " line-height: 0;" & @CRLF & _ " display: inline-block;" & @CRLF & _ " border: 4px solid #fff;" & @CRLF & _ " box-shadow: 0 0 0 1px #ddd;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".imageblock.left {" & @CRLF & _ " margin: 0.25em 0.625em 0.25em 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".imageblock.right {" & @CRLF & _ " margin: 0.25em 0 0.25em 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".imageblock > .title {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".imageblock.thumb," & @CRLF & _ ".imageblock.th {" & @CRLF & _ " border-width: 6px;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".imageblock.thumb > .title," & @CRLF & _ ".imageblock.th > .title {" & @CRLF & _ " padding: 0 0.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".image.left," & @CRLF & _ ".image.right {" & @CRLF & _ " margin-top: 0.25em;" & @CRLF & _ " margin-bottom: 0.25em;" & @CRLF & _ " display: inline-block;" & @CRLF & _ " line-height: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".image.left {" & @CRLF & _ " margin-right: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".image.right {" & @CRLF & _ " margin-left: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a.image {" & @CRLF & _ " text-decoration: none;" & @CRLF & _ " display: inline-block;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a.image object {" & @CRLF & _ " pointer-events: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sup.footnote," & @CRLF & _ "sup.footnoteref {" & @CRLF & _ " font-size: 0.875em;" & @CRLF & _ " position: static;" & @CRLF & _ " vertical-align: super;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sup.footnote a," & @CRLF & _ "sup.footnoteref a {" & @CRLF & _ " text-decoration: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "sup.footnote a:active," & @CRLF & _ "sup.footnoteref a:active {" & @CRLF & _ " text-decoration: underline;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footnotes {" & @CRLF & _ " padding-top: 0.75em;" & @CRLF & _ " padding-bottom: 0.75em;" & @CRLF & _ " margin-bottom: 0.625em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footnotes hr {" & @CRLF & _ " width: 20%;" & @CRLF & _ " min-width: 6.25em;" & @CRLF & _ " margin: -0.25em 0 0.75em;" & @CRLF & _ " border-width: 1px 0 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footnotes .footnote {" & @CRLF & _ " padding: 0 0.375em 0 0.225em;" & @CRLF & _ " line-height: 1.3334;" & @CRLF & _ " font-size: 0.875em;" & @CRLF & _ " margin-left: 1.2em;" & @CRLF & _ " margin-bottom: 0.2em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footnotes .footnote a:first-of-type {" & @CRLF & _ " font-weight: bold;" & @CRLF & _ " text-decoration: none;" & @CRLF & _ " margin-left: -1.05em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#footnotes .footnote:last-of-type {" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "#content #footnotes {" & @CRLF & _ " margin-top: -0.625em;" & @CRLF & _ " margin-bottom: 0;" & @CRLF & _ " padding: 0.75em 0;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "div.page-break {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "div.unbreakable {" & @CRLF & _ " page-break-inside: avoid;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".big {" & @CRLF & _ " font-size: larger;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".small {" & @CRLF & _ " font-size: smaller;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".underline {" & @CRLF & _ " text-decoration: underline;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".overline {" & @CRLF & _ " text-decoration: overline;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".line-through {" & @CRLF & _ " text-decoration: line-through;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*******************************************************************" & @CRLF & _ " Standard color usage: the classes are each for light and dark mode." & @CRLF & _ "********************************************************************/" & @CRLF & _ ".aqua {" & @CRLF & _ " color: var(--aqua-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .aqua {" & @CRLF & _ " color: var(--aqua-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".aqua-background {" & @CRLF & _ " background: var(--aqua-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .aqua-background {" & @CRLF & _ " background: var(--aqua-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".black {" & @CRLF & _ " color: var(--black-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .black {" & @CRLF & _ " color: var(--black-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".black-background {" & @CRLF & _ " background: var(--black-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .black-background { " & @CRLF & _ " background: var(--black-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".blue {" & @CRLF & _ " color: var(--blue-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .blue {" & @CRLF & _ " color: var(--blue-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".blue-background {" & @CRLF & _ " background: var(--blue-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .blue-background { " & @CRLF & _ " background: var(--blue-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".fuchsia {" & @CRLF & _ " color: var(--fuchsia-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .fuchsia {" & @CRLF & _ " color: var(--fuchsia-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".fuchsia-background {" & @CRLF & _ " background: var(--fuchsia-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .fuchsia-background { " & @CRLF & _ " background: var(--fuchsia-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".gray {" & @CRLF & _ " color: var(--gray-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .gray {" & @CRLF & _ " color: var(--gray-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".gray-background {" & @CRLF & _ " background: var(--gray-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .gray-background { " & @CRLF & _ " background: var(--gray-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".green {" & @CRLF & _ " color: var(--color-green);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .green {" & @CRLF & _ " color: var(--green-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".green-background {" & @CRLF & _ " background: var(--green-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .green-background { " & @CRLF & _ " background: var(--green-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".lime {" & @CRLF & _ " color: var(--lime-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .lime {" & @CRLF & _ " color: var(--lime-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".lime-background {" & @CRLF & _ " background: var(--lime-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .lime-background { " & @CRLF & _ " background: var(--lime-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".maroon {" & @CRLF & _ " color: var(--maroon-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .maroon {" & @CRLF & _ " color: var(--maroon-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".maroon-background {" & @CRLF & _ " background: var(--maroon-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .maroon-background { " & @CRLF & _ " background: var(--maroon-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".navy {" & @CRLF & _ " color: var(--navy-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .navy {" & @CRLF & _ " color: var(--navy-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".navy-background {" & @CRLF & _ " background: var(--navy-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .navy-background { " & @CRLF & _ " background: var(--navy-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".olive {" & @CRLF & _ " color: var(--olive-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .olive {" & @CRLF & _ " color: var(--olive-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".olive-background {" & @CRLF & _ " background: var(--olive-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .olive-background { " & @CRLF & _ " background: var(--olive-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".orange {" & @CRLF & _ " color: var(--orange-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .orange {" & @CRLF & _ " color: var(--orange-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".orange-background {" & @CRLF & _ " background: var(--orange-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .orange-background { " & @CRLF & _ " background: var(--orange-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".purple {" & @CRLF & _ " color: var(--purple-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .purple {" & @CRLF & _ " color: var(--purple-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".purple-background {" & @CRLF & _ " background: var(--purple-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .purple-background { " & @CRLF & _ " background: var(--purple-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".red {" & @CRLF & _ " color: var(--red-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .red {" & @CRLF & _ " color: var(--red-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".red-background {" & @CRLF & _ " background: var(--red-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .red-background { " & @CRLF & _ " background: var(--red-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".silver {" & @CRLF & _ " color: var(--silver-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .silver {" & @CRLF & _ " color: var(--silver-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".silver-background {" & @CRLF & _ " background: var(--silver-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .silver-background { " & @CRLF & _ " background: var(--silver-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".teal {" & @CRLF & _ " color: var(--teal-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .teal {" & @CRLF & _ " color: var(--teal-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".teal-background {" & @CRLF & _ " background: var(--teal-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .teal-background { " & @CRLF & _ " background: var(--teal-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".white {" & @CRLF & _ " color: var(--white-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .white {" & @CRLF & _ " color: var(--white-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".white-background {" & @CRLF & _ " background: var(--white-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .white-background { " & @CRLF & _ " background: var(--white-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".yellow {" & @CRLF & _ " color: var(--yellow-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .yellow {" & @CRLF & _ " color: var(--yellow-color-dark); " & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".yellow-background {" & @CRLF & _ " background: var(--yellow-background-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .yellow-background { " & @CRLF & _ " background: var(--yellow-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "span.icon > .fa {" & @CRLF & _ " cursor: default;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "a span.icon > .fa {" & @CRLF & _ " cursor: inherit;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*******************************************************************" & @CRLF & _ " The Admonitions as Standard Text or only Icons" & @CRLF & _ "********************************************************************/" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon [class^="fa icon-"] {" & @CRLF & _ " font-size: 2.5em; /* The size of the icon if displayed */" & @CRLF & _ " cursor: default;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon .icon-note::before {" & @CRLF & _ " content: "\f05a"; /* The font icon for NOTE */" & @CRLF & _ " color: var(--note-color); " & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon .icon-tip::before {" & @CRLF & _ " content: "\f0eb"; /* The font icon for TIP */" & @CRLF & _ " color: var(--tip-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon .icon-warning::before {" & @CRLF & _ " content: "\f071"; /* The font icon for WARNING */" & @CRLF & _ " color: var(--warning-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon .icon-caution::before {" & @CRLF & _ " content: "\f06d"; /* The font icon for CAUTION */" & @CRLF & _ " color: var(--caution-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".admonitionblock td.icon .icon-important::before {" & @CRLF & _ " content: "\f06a"; /* The font icon for IMPRTDANT */" & @CRLF & _ " color: var(--important-color);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/***********************************************************************************" & @CRLF & _ "To control the style of callout numbers inside verbatim blocks and in callout lists." & @CRLF & _ "************************************************************************************/" & @CRLF & _ "" & @CRLF & _ ".conum[data-value] {" & @CRLF & _ " display: inline-block;" & @CRLF & _ " color: #fff !important;" & @CRLF & _ " background: var(--footer-background-color);" & @CRLF & _ " border-radius: 50%;" & @CRLF & _ " text-align: center;" & @CRLF & _ " font-size: 0.75em;" & @CRLF & _ " width: 1.67em;" & @CRLF & _ " height: 1.67em;" & @CRLF & _ " line-height: 1.67em;" & @CRLF & _ " font-family: var(--body-font);" & @CRLF & _ " font-style: normal;" & @CRLF & _ " font-weight: bold;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "@media (prefers-color-scheme: dark) {" & @CRLF & _ " .conum[data-value] {" & @CRLF & _ " background: var(--footer-background-color-dark);" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".conum[data-value] * {" & @CRLF & _ " color: #fff !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".conum[data-value] + b {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".conum[data-value]::after {" & @CRLF & _ " content: attr(data-value);" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "pre .conum[data-value] {" & @CRLF & _ " position: relative;" & @CRLF & _ " top: -0.125em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "b.conum * {" & @CRLF & _ " color: inherit !important;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".conum:not([data-value]):empty {" & @CRLF & _ " display: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "dt," & @CRLF & _ "th.tableblock," & @CRLF & _ "td.content," & @CRLF & _ "div.footnote {" & @CRLF & _ " text-rendering: optimizeLegibility;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "h1," & @CRLF & _ "h2," & @CRLF & _ "p," & @CRLF & _ "td.content," & @CRLF & _ "span.alt," & @CRLF & _ "summary {" & @CRLF & _ " letter-spacing: -0.01em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p strong," & @CRLF & _ "td.content strong," & @CRLF & _ "div.footnote strong {" & @CRLF & _ " letter-spacing: -0.005em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "p," & @CRLF & _ "blockquote," & @CRLF & _ "dt," & @CRLF & _ "td.content," & @CRLF & _ "span.alt," & @CRLF & _ "summary {" & @CRLF & _ " font-size: 1.0625rem;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".sidebarblock p," & @CRLF & _ ".sidebarblock dt," & @CRLF & _ ".sidebarblock td.content," & @CRLF & _ "p.tableblock {" & @CRLF & _ " font-size: 1em;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hyphens-none {" & @CRLF & _ " hyphens: none;" & @CRLF & _ " -webkit-hyphens: none;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hyphens-auto {" & @CRLF & _ " hyphens: auto;" & @CRLF & _ " -webkit-hyphens: auto;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ ".hyphens-manual {" & @CRLF & _ " hyphens: manual;" & @CRLF & _ " -webkit-hyphens: manual;" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/***********************************************************************************" & @CRLF & _ "Printing " & @CRLF & _ "************************************************************************************/" & @CRLF & _ "" & @CRLF & _ "/*** These rules apply for printing HTML AND PDF pagination inside adoc Studio ***/" & @CRLF & _ "@media print {" & @CRLF & _ " html {" & @CRLF & _ " font-size: 80%;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " abbr[title] {" & @CRLF & _ " border-bottom: 1px dotted;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " abbr[title]::after {" & @CRLF & _ " content: " (" attr(title) ")";" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " pre," & @CRLF & _ " blockquote," & @CRLF & _ " tr," & @CRLF & _ " img," & @CRLF & _ " object," & @CRLF & _ " svg {" & @CRLF & _ " page-break-inside: avoid;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " p," & @CRLF & _ " blockquote," & @CRLF & _ " dt," & @CRLF & _ " td.content {" & @CRLF & _ " font-size: 1em; /* Resets the whole text to default based on their parents */" & @CRLF & _ " orphans: 3;" & @CRLF & _ " widows: 3;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " h2," & @CRLF & _ " h3," & @CRLF & _ " #toctitle," & @CRLF & _ " .sidebarblock > .content > .title {" & @CRLF & _ " page-break-after: avoid;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body > div[id] {" & @CRLF & _ " max-width: none;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** These rules only apply for paginating PDFs inside adoc Studio ***/" & @CRLF & _ "@media vivliostyle {" & @CRLF & _ " " & @CRLF & _ " /* Prevent an empty header from opening new pages */" & @CRLF & _ " #header:empty { display:none; } " & @CRLF & _ " " & @CRLF & _ " " & @CRLF & _ " " & @CRLF & _ " @page {" & @CRLF & _ " size: var(--ads-page-size, A4 portrait); /* --ads-page-size transfers the set dimensions */" & @CRLF & _ " margin: var(--ads-page-margin, 2.5cm); /* to the print dialog of adoc Studio.*/" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @page :first {" & @CRLF & _ " @top-center {" & @CRLF & _ " content: "";" & @CRLF & _ " }" & @CRLF & _ " @top-right {" & @CRLF & _ " content: "";" & @CRLF & _ " }" & @CRLF & _ " @bottom-center {" & @CRLF & _ " content: "";" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " /* The main pages are the ones which show a counter according to the pagenums attribute */" & @CRLF & _ " @page main {" & @CRLF & _ " counter-increment: main-page;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @page main:left {" & @CRLF & _ " @bottom-left {" & @CRLF & _ " content: counter(main-page);" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @page main:right {" & @CRLF & _ " @bottom-right {" & @CRLF & _ " content: counter(main-page);" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @page :left {" & @CRLF & _ " @top-right {" & @CRLF & _ " content: string(doctitle);" & @CRLF & _ " }" & @CRLF & _ " @bottom-right {" & @CRLF & _ " content: string(heading, first);" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " @page :right {" & @CRLF & _ " @top-right {" & @CRLF & _ " content: string(doctitle);" & @CRLF & _ " }" & @CRLF & _ " @bottom-left {" & @CRLF & _ " content: string(heading, first);" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " h1 {" & @CRLF & _ " string-set: doctitle content(text);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body[data-pagenums="title"] {" & @CRLF & _ " page: main;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body[data-pagenums="toc"] .toc," & @CRLF & _ " body[data-pagenums="toc"] #content * {" & @CRLF & _ " page: main;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body[data-pagenums="body"] #content * {" & @CRLF & _ " page: main;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.title-page .toc," & @CRLF & _ " body.title-page h1.sect0," & @CRLF & _ " body.title-page .sect1 > h2," & @CRLF & _ " body.title-page #content {" & @CRLF & _ " break-before: page; " & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " #toc a::after {" & @CRLF & _ " content: leader('.') target-counter(attr(href), main-page);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #header {" & @CRLF & _ " font-size: 1.4em;" & @CRLF & _ " text-align: left;" & @CRLF & _ " left: -0.5em;" & @CRLF & _ " padding-bottom: 1.2em;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " body.title-page #header {" & @CRLF & _ " margin-top: 15pvh;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #header > h1:first-child {" & @CRLF & _ " color: var(--headline-color);" & @CRLF & _ " font-size: 1.4em;" & @CRLF & _ " margin-bottom: 0.6em;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " #header .details {" & @CRLF & _ " color: var(--color);" & @CRLF & _ " display: inline;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #header #revnumber {" & @CRLF & _ " text-transform: unset !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #header #revnumber::before {" & @CRLF & _ " display: block;" & @CRLF & _ " content: "\A";" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body[data-media="print"] #toc," & @CRLF & _ " body[data-media="print"] .sidebarblock," & @CRLF & _ " body[data-media="print"] .exampleblock > .content, " & @CRLF & _ " body[data-media="prepress"] #toc," & @CRLF & _ " body[data-media="prepress"] .sidebarblock," & @CRLF & _ " body[data-media="prepress"] .exampleblock > .content {" & @CRLF & _ " background: none !important;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " body[data-media="print"] a[href^="http:"]:not(.bare)::after," & @CRLF & _ " body[data-media="print"] a[href^="https:"]:not(.bare)::after," & @CRLF & _ " body[data-media="prepress"] a[href^="http:"]:not(.bare)::after," & @CRLF & _ " body[data-media="prepress"] a[href^="https:"]:not(.bare)::after {" & @CRLF & _ " content: "\00a0(" attr(href) ")";" & @CRLF & _ " display: inline-block;" & @CRLF & _ " font-size: 0.8em;" & @CRLF & _ " color: var(--color);" & @CRLF & _ "" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc {" & @CRLF & _ " font-size: 80%;" & @CRLF & _ " margin-top: 5pvh;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " /* Do I really have to re-set all background colors for the Vivliostyle media type? */" & @CRLF & _ " " & @CRLF & _ " /* Here a few examples */" & @CRLF & _ " " & @CRLF & _ " table thead," & @CRLF & _ " table tfoot {" & @CRLF & _ " background: var(--table-head-background-color);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " table.stripes-all > * > tr," & @CRLF & _ " table.stripes-odd > * > tr:nth-of-type(odd)," & @CRLF & _ " table.stripes-even > * > tr:nth-of-type(even)," & @CRLF & _ " table.stripes-hover > * > tr:hover {" & @CRLF & _ " background: var(--table-stripes-background-color);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " :not(pre):not([class^=L]) > code {" & @CRLF & _ " background: var(--pre-background-color);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ "" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** These rules are only for printing HTML documents and are NOT applied for PDF pagination ***/" & @CRLF & _ "@media print {" & @CRLF & _ " @media not vivliostyle {" & @CRLF & _ " " & @CRLF & _ " * {" & @CRLF & _ " box-shadow: none !important;" & @CRLF & _ " text-shadow: none !important;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " a {" & @CRLF & _ " color: inherit !important;" & @CRLF & _ " text-decoration: underline !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " a.bare," & @CRLF & _ " a[href^="#"]," & @CRLF & _ " a[href^="mailto:"] {" & @CRLF & _ " text-decoration: none !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " a[href^="http:"]:not(.bare)::after," & @CRLF & _ " a[href^="https:"]:not(.bare)::after {" & @CRLF & _ " content: "\00a0(" attr(href) ")"; /* Add a space between Text and Link */" & @CRLF & _ " display: inline-block;" & @CRLF & _ " font-size: 0.875em;" & @CRLF & _ " padding-left: 0.25em;" & @CRLF & _ " color: var(--color);" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " thead {" & @CRLF & _ " display: table-header-group;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #toc {" & @CRLF & _ " border-bottom: 1px solid var(--single-border-color) !important;" & @CRLF & _ " padding-bottom: 0 !important;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " #toc," & @CRLF & _ " .sidebarblock," & @CRLF & _ " .exampleblock > .content {" & @CRLF & _ " background: none !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header {" & @CRLF & _ " text-align: center;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header > h1:first-child {" & @CRLF & _ " border: 0 !important;" & @CRLF & _ " margin: 2.5em 0 1em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header .details {" & @CRLF & _ " border: 0 !important;" & @CRLF & _ " display: block;" & @CRLF & _ " padding: 0 !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header .details span:first-child {" & @CRLF & _ " margin-left: 0 !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header .details br {" & @CRLF & _ " display: block;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #header .details br + span::before {" & @CRLF & _ " content: none !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " body.book #toc {" & @CRLF & _ " border: 0 !important;" & @CRLF & _ " text-align: left !important;" & @CRLF & _ " padding: 0 !important;" & @CRLF & _ " margin: 0 !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .listingblock code[data-lang]::before {" & @CRLF & _ " display: block;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " div.page-break {" & @CRLF & _ " display: block;" & @CRLF & _ " page-break-after: always;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #footer {" & @CRLF & _ " padding: 0 0.9375em;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .hide-on-print {" & @CRLF & _ " display: none !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .print-only {" & @CRLF & _ " display: block !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .hide-for-print {" & @CRLF & _ " display: none !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .show-for-print {" & @CRLF & _ " display: inherit !important;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " #header > h1:first-child {" & @CRLF & _ " margin-top: 1.25rem;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .sect1 {" & @CRLF & _ " padding: 0 !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .sect1 + .sect1 {" & @CRLF & _ " border: 0;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #footer {" & @CRLF & _ " background: none;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #footer-text {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " font-size: 0.9em;" & @CRLF & _ " }" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" & @CRLF & _ "/*** Special Styles for Amazon Devices ***/" & @CRLF & _ "@media amzn-kf8 {" & @CRLF & _ " #header > h1:first-child {" & @CRLF & _ " margin-top: 1.25rem;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .sect1 {" & @CRLF & _ " padding: 0 !important;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " .sect1 + .sect1 {" & @CRLF & _ " border: 0;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #footer {" & @CRLF & _ " background: none;" & @CRLF & _ " }" & @CRLF & _ "" & @CRLF & _ " #footer-text {" & @CRLF & _ " color: var(--color-dark);" & @CRLF & _ " font-size: 0.9em;" & @CRLF & _ " }" & @CRLF & _ " " & @CRLF & _ " body > div[id] {" & @CRLF & _ " padding: 0;" & @CRLF & _ " }" & @CRLF & _ "}" & @CRLF & _ "" Local $aArray = StringRegExp($sString, $sRegex, $STR_REGEXPARRAYGLOBALFULLMATCH) Local $aFullArray[0] For $i = 0 To UBound($aArray) -1 _ArrayConcatenate($aFullArray, $aArray[$i]) Next $aArray = $aFullArray ; Present the entire match result _ArrayDisplay($aArray, "Result")

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for AutoIt, please visit: https://www.autoitscript.com/autoit3/docs/functions/StringRegExp.htm