Changeset 7123feb


Ignore:
Timestamp:
Aug 28, 2022, 11:48:21 PM (2 years ago)
Author:
Mikhail Kirillov <w96k@…>
Branches:
master
Children:
1d577b1
Parents:
1f1a1c8
Message:

make mini.css less website

Files:
1 deleted
7 edited

Legend:

Unmodified
Added
Removed

  • .emacs

    r1f1a1c8 r7123feb  
    8686         :html-head "
    8787<link rel=\"shortcut icon\" href=\"/public/favicon.png\">
    88 <link rel=\"stylesheet\" href=\"/public/css/mini.css\" type=\"text/css\"/>
    8988<link rel=\"stylesheet\" href=\"/public/css/custom.css\" type=\"text/css\"/>
    9089"
    … …  
    9291         :html-container "article"
    9392         :html-postamble "
    94   <div class=\"row\">
    95 
    96     <div id=\"copyright\" class=\"col-sm-12 col-md-5\">
     93    <div id=\"copyright\">
    9794      <p>Mikhail Kirillov © 2019-2022</p>
    9895      <p>
    … …  
    10198    </div>
    10299
    103   <div align=\"center\" class=\"col-sm-12\ col-md-2\">
     100  <div align=\"center\">
    104101      <p class=\"licenses\">
    105102        <a href=\"https://creativecommons.org/licenses/by/4.0/\">
    … …  
    112109      <p><span class=\"icon-settings\"></span> %c</p>
    113110      <p><span class=\"icon-calendar\"></span> %C</p>
    114     </div>
    115   </div>"
     111    </div>"
    116112
    117113         :section-numbers nil

  • content/articles.org

    r1f1a1c8 r7123feb  
    7979          (org-webring-display-attribution nil)
    8080          (org-webring-display-generation-time nil)
    81           (org-webring-urls '("http://guix.trop.in/feeds/blog.atom"
     81          (org-webring-urls '(;; "http://guix.trop.in/feeds/blog.atom"
    8282                              "https://drewdevault.com/blog/index.xml"
    8383                              "https://wingolog.org/feed/atom"
    … …  
    8888                              "https://planet.gnu.org/rss20.xml")))
    8989      (org-webring-generate-webring))
    90   #+END_SRC   
     90  #+end_SRC   

  • content/index.org

    r1f1a1c8 r7123feb  
    2121<article>
    2222  <div class="row">
    23     <div class="col-sm-12 col-md-4" align="center">
    24       <img src="/public/images/w96k.png" class="shadowed rounded" style="max-width: 200px; width: 100%; height: 100%;">
    25     </div>
    26     <div class="col-sm-12 col-md-8" style="background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0,0,0,.1);">
    27       <h2 style="background: rgba(0,0,0,.1); border-radius: 0.1em; margin-top: 0.5em; text-align: center"><strong>Mikhail Kirillov</strong></h2>
     23    <div style="background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0,0,0,.1); padding: 0.5em 1em;">
     24          <img loading="lazy" src="/public/images/w96k.gif" align="left" style="margin-right: 1em; width: 210px;">
     25      <h2 style="background: rgba(0,0,0,.05); border-radius: 0.3em; text-align: center;">Mikhail Kirillov</h2>
    2826
    29       <p>Developer. Profesionally I do mostly web backends.
    30         I like functional programming, LISP and free software movement.
    31         I use only libre software on my librebooted <a href="https://w96k.dev/posts/libreboot-x200t.html">Thinkpad X200T</a>.
    32         I'm a long-time user of
     27      <p>Developer. Profesionally I do mostly web backends.  I like
     28        functional programming, LISP and free software movement.  I use
     29        only libre software on my
     30        librebooted <a href="https://w96k.dev/posts/libreboot-x200t.html">Thinkpad
     31        X200T</a>.  I'm a long-time user of
    3332        <a href="http://guix.gnu.org">GNU Guix</a> OS, text editor
    3433        <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>
    35         and <a href="https://www.gnu.org/gnu/linux-and-gnu.html">GNU/Linux systems</a> in general.
     34        and <a href="https://www.gnu.org/gnu/linux-and-gnu.html">GNU/Linux
     35        systems</a> in general.
    3636      </p>
    3737
    3838      <ul style="margin-top: 1em; text-align: center;">
    39         <li style="display: inline-block;"><a href="mailto:w96k.ru@gmail.com"><span class="icon-mail"></span>Email</a> <span style="color: #ccc;">|</span></li>
    40         <li style="display: inline-block;"><a href="https://fosstodon.org/@w96k"><span class="icon-share"></span>Mastodon</a> <span style="color: #ccc;">|</span></li>
    41         <li style="display: inline-block;"><a href="https://git.sr.ht/~w96k/"><span class="icon-link"></span>Sourcehut</a></li>
     39        <li style="display:
     40        inline-block;"><a href="mailto:w96k.ru@gmail.com"><span class="icon-mail"></span>Email</a> <span style="color:
     41        #ccc;">|</span></li>
     42        <li style="display:
     43        inline-block;"><a href="https://fosstodon.org/@w96k"><span class="icon-share"></span>Mastodon</a> <span style="color:
     44        #ccc;">|</span></li>
     45        <li style="display:
     46        inline-block;"><a href="https://git.sr.ht/~w96k/"><span class="icon-link"></span>Sourcehut</a></li>
    4247      </ul>
    4348    </div>
    4449  </div>
    45 
    46   <!-- <h3>Software I use</h3> -->
    47   <!-- <table class="iuse"> -->
    48   <!--   <tr> -->
    49   <!--     <td> -->
    50   <!--  <a href="https://gnu.org"> -->
    51   <!--    <figure> -->
    52   <!--      <img src="/public/images/gnu.png"> -->
    53   <!--      <figcaption>GNU Software</figcaption> -->
    54   <!--    </figure> -->
    55   <!--  </a> -->
    56   <!--     </td> -->
    57   <!--     <td> -->
    58   <!--  <a href="https://guix.gnu.org"> -->
    59   <!--    <figure> -->
    60   <!--      <img src="/public/images/guix.png"> -->
    61   <!--      <figcaption>GNU Guix</figcaption> -->
    62   <!--    </figure> -->
    63   <!--  </a> -->
    64   <!--     </td> -->
    65   <!--     <td> -->
    66   <!--  <a href="https://www.gnu.org/software/emacs/"> -->
    67   <!--    <figure> -->
    68   <!--      <img src="/public/images/emacs.png"> -->
    69   <!--      <figcaption>GNU Emacs</figcaption> -->
    70   <!--    </figure> -->
    71   <!--  </a> -->
    72   <!--     </td> -->
    73   <!--     <td> -->
    74   <!--  <a href="https://www.gnu.org/software/gnuzilla/"> -->
    75   <!--    <figure> -->
    76   <!--      <img src="/public/images/icecat.png"> -->
    77   <!--      <figcaption>Icecat Browser</figcaption> -->
    78   <!--    </figure> -->
    79   <!--  </a> -->
    80   <!--     </td> -->
    81   <!--   </tr> -->
    82   <!-- </table> -->
    83 
    84   <!-- <table class="iuse"> -->
    85   <!--   <tr> -->
    86   <!--     <td> -->
    87   <!--  <a href="https://gnu.org/software/gnu-c-manual/gnu-c-manual.html"> -->
    88   <!--    <figure> -->
    89   <!--      <img src="/public/images/c.png"> -->
    90   <!--      <figcaption>GNU C</figcaption> -->
    91   <!--    </figure> -->
    92   <!--     </td> -->
    93   <!--     </a> -->
    94   <!--     <td> -->
    95   <!--  <a href="https://gnu.org/software/guile/"> -->
    96   <!--    <figure> -->
    97   <!--      <img src="/public/images/guile.png"> -->
    98   <!--      <figcaption>GNU Guile</figcaption> -->
    99   <!--    </figure> -->
    100   <!--  </a> -->
    101   <!--     </td> -->
    102   <!--     <td> -->
    103   <!--  <a href="https://python.org/"> -->
    104   <!--    <figure> -->
    105   <!--      <img src="/public/images/python.png"> -->
    106   <!--      <figcaption>Python</figcaption> -->
    107   <!--    </figure> -->
    108   <!--  </a> -->
    109   <!--     </td> -->
    110   <!--     <td> -->
    111   <!--  <a href="http://php.net/"> -->
    112   <!--    <figure> -->
    113   <!--      <img src="/public/images/php.png"> -->
    114   <!--      <figcaption>PHP</figcaption> -->
    115   <!--    </figure> -->
    116   <!--  </a> -->
    117   <!--     </td> -->
    118   <!--   </tr> -->
    119   <!-- </table> -->
    12050</article>
    12151#+END_EXPORT

  • content/music.org

    r1f1a1c8 r7123feb  
    1919#+BEGIN_EXPORT html
    2020<h3>Kinda finished music</h3>
    21 <table class="iuse striped">
     21<table>
    2222  <tr>
    23     <td>
     23    <td style="width: 50%;">
    2424      <audio controls>
    2525        <source src="/public/music/chip1.mp3" type="audio/mpeg">
    … …  
    9696
    9797<h3>Unfinished music</h3>
    98 <table class="iuse striped">
     98<table>
    9999  <tr>
    100     <td>
     100    <td style="width: 50%;">
    101101      <audio controls>
    102102        <source src="/public/music/Frustration.mp3" type="audio/mpeg">
    … …  
    166166<table class="iuse">
    167167  <tr>
    168     <td>
     168    <td style="width: 50%;">
    169169      <audio controls>
    170170        <source src="/public/music/pianica1.mp3" type="audio/mpeg">

  • public/css/custom.css

    r1f1a1c8 r7123feb  
     1:root {
     2    --fore-color: #111;
     3    --secondary-fore-color: #444;
     4    --back-color: #f8f8f8;
     5    --secondary-back-color: #f0f0f0;
     6    --blockquote-color: #f57c00;
     7    --pre-color: #1565c0;
     8    --border-color: #aaa;
     9    --secondary-border-color: #ddd;
     10    --heading-ratio: 1.125;
     11    --universal-margin: 0.5rem;
     12    --universal-padding: 0.5rem;
     13    --universal-border-radius: 0.2rem;
     14    --a-link-color: blue;
     15    --a-visited-color: #551A8B;
     16}
     17
     18:link { color: #0000EE; }
     19:visited { color: #551A8B; }
     20
     21html {
     22    font-family: sans-serif;
     23    /* line-height: 1.2; */
     24}
     25
    126body {
    2     padding: 0 1em 1em 1em;
     27    padding: 0.5em;
    328    background: #f0f0f0;
    429}
    … …  
    833    max-width: calc(60ch + 4em);
    934    margin: var(--universal-padding);
    10     padding: 1em;
     35    padding: var(--universal-padding) calc(var(--universal-padding) * 2);
    1136    background: #fefefe;
    12     box-shadow: 0 2px 2px rgba(0,0,0,.35);
     37    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    1338    position: relative;
    1439    border-radius: var(--universal-border-radius);
    … …  
    1944  word-break: break-word;
    2045  hyphens: auto;
    21   /* text-align: justify; */
    2246}
    2347
    … …  
    3357.navbar {
    3458    border: 0;
    35     padding: 0 calc(var(--universal-padding) * 2.5);
    36     position: relative;
    37     top: 1em;
     59    position: relative;
    3860    z-index: 999;
     61    /* top: calc(var(--universal-padding) - 2px); */
    3962}
    4063
    … …  
    4265    text-transform: none;
    4366    background: #fefefe;
    44     box-shadow: 0 -3px 0 rgba(0,0,0,.15), 1px -1px 0px rgba(0,0,0,.15), -1px -1px 0px rgba(0,0,0,.15);
    45     border-radius: 0.15em 0.15em 0 0;
     67    border: 1px solid rgba(0,0,0,.25);
     68    box-shadow: 0 1px 0px rgba(0,0,0,.1);
     69    border-radius: var(--universal-border-radius);
    4670    text-decoration: underline;
    4771    color: var(--a-link-color);
    4872    padding: 4px 12px;
    49     margin: 6px;
     73    margin-right: 6px;
     74}
     75
     76.navbar .button:hover {
     77    background: #ddd;
    5078}
    5179
    … …  
    87115#postamble {
    88116    margin: var(--universal-margin);
    89     max-width: calc(60ch + 7em);
     117    max-width: calc(60ch + 6em);
     118    display: flex;
     119    flex-direction: row;
     120    justify-content: space-between;
    90121}
    91122
    … …  
    230261}
    231262
    232 .iuse {
    233    
    234 }
    235 
    236 .iuse img {
    237     height: 3em;
     263img {
     264    max-width: 100%;
     265    border-radius: var(--universal-border-radius);
    238266}
    239267
    … …  
    385413    width: 20%;
    386414}
     415
     416a {
     417    text-decoration: underline;
     418}
     419
     420a:hover {
     421    text-decoration: underline;
     422    background: #ddd;
     423}

  • public/css/mini.css

    r1f1a1c8 r7123feb  
    1 @charset "UTF-8";
    2 /*
    3   Flavor name: Default (mini-default)
    4   Author: Angelos Chalaris (chalarangelo@gmail.com)
    5   Maintainers: Angelos Chalaris
    6   mini.css version: v3.0.1
    7 */
    8 /*
    9   Browsers resets and base typography.
    10 */
    11 /* Core module CSS variable definitions */
    12 :root {
    13     --fore-color: #111;
    14     --secondary-fore-color: #444;
    15     --back-color: #f8f8f8;
    16     --secondary-back-color: #f0f0f0;
    17     --blockquote-color: #f57c00;
    18     --pre-color: #1565c0;
    19     --border-color: #aaa;
    20     --secondary-border-color: #ddd;
    21     --heading-ratio: 1.125;
    22     --universal-margin: 0.5rem;
    23     --universal-padding: 0.5rem;
    24     --universal-border-radius: 0.3rem;
    25     --a-link-color: #0277bd;
    26     --a-visited-color: #01579b;
    27 }
    28 
    29 html {
    30     font-size: 16px;
    31 }
    32 
    33 a, b, del, em, i, ins, q, span, strong, u {
    34     font-size: 1em;
    35 }
    36 
    37 html, * {
    38     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;
    39     line-height: 1.2;
    40     -webkit-text-size-adjust: 100%;
    41 }
    42 
    43 * {
    44     font-size: 1rem;
    45 }
    46 
    47 body {
    48     margin: 0;
    49     color: var(--fore-color);
    50     background: var(--back-color);
    51 }
    52 
    53 details {
    54     display: block;
    55 }
    56 
    57 summary {
    58     display: list-item;
    59 }
    60 
    61 abbr[title] {
    62     border-bottom: none;
    63     text-decoration: underline dotted;
    64 }
    65 
    66 input {
    67     overflow: visible;
    68 }
    69 
    70 img {
    71     max-width: 100%;
    72     height: auto;
    73 }
    74 
    75 h1, h2, h3, h4, h5, h6 {
    76     margin: var(--universal-margin);
    77     font-weight: 500;
    78     padding: 0.75em 0 0.25em 0;
    79 }
    80 
    81 h3 {
    82     border-bottom: 1px solid #cccccc;
    83 }
    84 
    85 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    86     color: var(--secondary-fore-color);
    87     display: block;
    88     margin-top: -0.25rem;
    89 }
    90 
    91 h1 {
    92     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));
    93 }
    94 
    95 h2 {
    96     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));
    97 }
    98 
    99 h3 {
    100     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio));
    101 }
    102 
    103 h4 {
    104     font-size: calc(1rem * var(--heading-ratio));
    105 }
    106 
    107 h5 {
    108     font-size: 1rem;
    109 }
    110 
    111 h6 {
    112     font-size: calc(1rem / var(--heading-ratio));
    113 }
    114 
    115 p {
    116     margin: var(--universal-margin);
    117 }
    118 
    119 ol, ul {
    120     margin: var(--universal-margin);
    121     padding-left: calc(2 * var(--universal-margin));
    122 }
    123 
    124 b, strong {
    125     font-weight: 700;
    126 }
    127 
    128 hr {
    129     box-sizing: content-box;
    130     border: 0;
    131     line-height: 1.25em;
    132     margin: var(--universal-margin);
    133     height: 0.0625rem;
    134     background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
    135 }
    136 
    137 blockquote {
    138     display: block;
    139     position: relative;
    140     font-style: italic;
    141     color: var(--secondary-fore-color);
    142     margin: calc(1.5 * var(--universal-margin)) var(--universal-margin);
    143     padding: calc(3 * var(--universal-padding));
    144     border: 0.0625rem solid var(--secondary-border-color);
    145     border-left: 0.375rem solid var(--blockquote-color);
    146     border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0;
    147 }
    148 
    149 blockquote:before {
    150     position: absolute;
    151     top: calc(0rem - var(--universal-padding));
    152     left: 0;
    153     font-family: sans-serif;
    154     font-size: 3rem;
    155     font-weight: 700;
    156     content: "\201c";
    157     color: var(--blockquote-color);
    158 }
    159 
    160 blockquote[cite]:after {
    161     font-style: normal;
    162     font-size: 0.75em;
    163     font-weight: 700;
    164     content: "\a—  " attr(cite);
    165     white-space: pre;
    166 }
    167 
    168 code, kbd, pre, samp {
    169     font-family: Menlo, Consolas, monospace;
    170     font-size: 0.85em;
    171 }
    172 
    173 code {
    174     background: var(--secondary-back-color);
    175     border-radius: var(--universal-border-radius);
    176     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
    177 }
    178 
    179 kbd {
    180     background: var(--fore-color);
    181     color: var(--back-color);
    182     border-radius: var(--universal-border-radius);
    183     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
    184 }
    185 
    186 pre {
    187     overflow: auto;
    188     background: var(--secondary-back-color);
    189     padding: calc(1.5 * var(--universal-padding));
    190     margin: var(--universal-margin);
    191     border: 0.0625rem solid var(--secondary-border-color);
    192     border-left: 0.25rem solid var(--pre-color);
    193     border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0;
    194 }
    195 
    196 sup, sub, code, kbd {
    197     line-height: 0;
    198     position: relative;
    199     vertical-align: baseline;
    200 }
    201 
    202 small, sup, sub, figcaption {
    203     font-size: 0.75em;
    204 }
    205 
    206 sup {
    207     top: -0.5em;
    208 }
    209 
    210 sub {
    211     bottom: -0.25em;
    212 }
    213 
    214 figure {
    215     margin: var(--universal-margin);
    216 }
    217 
    218 figcaption {
    219     color: var(--secondary-fore-color);
    220 }
    221 
    222 a {
    223     text-decoration: underline;
    224 }
    225 
    226 a:hover {
    227     text-decoration: underline;
    228     background: rgba(0,0,0,.1);
    229 }
    230 
    231 a:link {
    232     color: var(--a-link-color);
    233 }
    234 
    235 a:visited {
    236     color: var(--a-visited-color);
    237 }
    238 
    239 a:hover, a:focus {
    240     text-decoration: underline;
    241 }
    242 
    243 /*
    244   Definitions for the grid system, cards and containers.
    245 */
    246 .container {
    247     margin: 0 auto;
    248     padding: 0 calc(1.5 * var(--universal-padding));
    249 }
    250 
    251 .row {
    252     box-sizing: border-box;
    253     display: flex;
    254     flex: 0 1 auto;
    255     flex-flow: row wrap;
    256 }
    257 
    258 .col-sm,
    259 [class^='col-sm-'],
    260 [class^='col-sm-offset-'],
    261 .row[class*='cols-sm-'] > * {
    262     box-sizing: border-box;
    263     flex: 0 0 auto;
    264     padding: 0 calc(var(--universal-padding) / 2);
    265 }
    266 
    267 .col-sm,
    268 .row.cols-sm > * {
    269     max-width: 100%;
    270     flex-grow: 1;
    271     flex-basis: 0;
    272 }
    273 
    274 .col-sm-1,
    275 .row.cols-sm-1 > * {
    276     max-width: 8.33333%;
    277     flex-basis: 8.33333%;
    278 }
    279 
    280 .col-sm-offset-0 {
    281     margin-left: 0;
    282 }
    283 
    284 .col-sm-2,
    285 .row.cols-sm-2 > * {
    286     max-width: 16.66667%;
    287     flex-basis: 16.66667%;
    288 }
    289 
    290 .col-sm-offset-1 {
    291     margin-left: 8.33333%;
    292 }
    293 
    294 .col-sm-3,
    295 .row.cols-sm-3 > * {
    296     max-width: 25%;
    297     flex-basis: 25%;
    298 }
    299 
    300 .col-sm-offset-2 {
    301     margin-left: 16.66667%;
    302 }
    303 
    304 .col-sm-4,
    305 .row.cols-sm-4 > * {
    306     max-width: 33.33333%;
    307     flex-basis: 33.33333%;
    308 }
    309 
    310 .col-sm-offset-3 {
    311     margin-left: 25%;
    312 }
    313 
    314 .col-sm-5,
    315 .row.cols-sm-5 > * {
    316     max-width: 41.66667%;
    317     flex-basis: 41.66667%;
    318 }
    319 
    320 .col-sm-offset-4 {
    321     margin-left: 33.33333%;
    322 }
    323 
    324 .col-sm-6,
    325 .row.cols-sm-6 > * {
    326     max-width: 50%;
    327     flex-basis: 50%;
    328 }
    329 
    330 .col-sm-offset-5 {
    331     margin-left: 41.66667%;
    332 }
    333 
    334 .col-sm-7,
    335 .row.cols-sm-7 > * {
    336     max-width: 58.33333%;
    337     flex-basis: 58.33333%;
    338 }
    339 
    340 .col-sm-offset-6 {
    341     margin-left: 50%;
    342 }
    343 
    344 .col-sm-8,
    345 .row.cols-sm-8 > * {
    346     max-width: 66.66667%;
    347     flex-basis: 66.66667%;
    348 }
    349 
    350 .col-sm-offset-7 {
    351     margin-left: 58.33333%;
    352 }
    353 
    354 .col-sm-9,
    355 .row.cols-sm-9 > * {
    356     max-width: 75%;
    357     flex-basis: 75%;
    358 }
    359 
    360 .col-sm-offset-8 {
    361     margin-left: 66.66667%;
    362 }
    363 
    364 .col-sm-10,
    365 .row.cols-sm-10 > * {
    366     max-width: 83.33333%;
    367     flex-basis: 83.33333%;
    368 }
    369 
    370 .col-sm-offset-9 {
    371     margin-left: 75%;
    372 }
    373 
    374 .col-sm-11,
    375 .row.cols-sm-11 > * {
    376     max-width: 91.66667%;
    377     flex-basis: 91.66667%;
    378 }
    379 
    380 .col-sm-offset-10 {
    381     margin-left: 83.33333%;
    382 }
    383 
    384 .col-sm-12,
    385 .row.cols-sm-12 > * {
    386     max-width: 100%;
    387     flex-basis: 100%;
    388 }
    389 
    390 .col-sm-offset-11 {
    391     margin-left: 91.66667%;
    392 }
    393 
    394 .col-sm-normal {
    395     order: initial;
    396 }
    397 
    398 .col-sm-first {
    399     order: -999;
    400 }
    401 
    402 .col-sm-last {
    403     order: 999;
    404 }
    405 
    406 @media screen and (min-width: 768px) {
    407     .col-md,
    408     [class^='col-md-'],
    409     [class^='col-md-offset-'],
    410     .row[class*='cols-md-'] > * {
    411         box-sizing: border-box;
    412         flex: 0 0 auto;
    413         padding: 0 calc(var(--universal-padding) / 2);
    414     }
    415     .col-md,
    416     .row.cols-md > * {
    417         max-width: 100%;
    418         flex-grow: 1;
    419         flex-basis: 0;
    420     }
    421     .col-md-1,
    422     .row.cols-md-1 > * {
    423         max-width: 8.33333%;
    424         flex-basis: 8.33333%;
    425     }
    426     .col-md-offset-0 {
    427         margin-left: 0;
    428     }
    429     .col-md-2,
    430     .row.cols-md-2 > * {
    431         max-width: 16.66667%;
    432         flex-basis: 16.66667%;
    433     }
    434     .col-md-offset-1 {
    435         margin-left: 8.33333%;
    436     }
    437     .col-md-3,
    438     .row.cols-md-3 > * {
    439         max-width: 25%;
    440         flex-basis: 25%;
    441     }
    442     .col-md-offset-2 {
    443         margin-left: 16.66667%;
    444     }
    445     .col-md-4,
    446     .row.cols-md-4 > * {
    447         max-width: 33.33333%;
    448         flex-basis: 33.33333%;
    449     }
    450     .col-md-offset-3 {
    451         margin-left: 25%;
    452     }
    453     .col-md-5,
    454     .row.cols-md-5 > * {
    455         max-width: 41.66667%;
    456         flex-basis: 41.66667%;
    457     }
    458     .col-md-offset-4 {
    459         margin-left: 33.33333%;
    460     }
    461     .col-md-6,
    462     .row.cols-md-6 > * {
    463         max-width: 50%;
    464         flex-basis: 50%;
    465     }
    466     .col-md-offset-5 {
    467         margin-left: 41.66667%;
    468     }
    469     .col-md-7,
    470     .row.cols-md-7 > * {
    471         max-width: 58.33333%;
    472         flex-basis: 58.33333%;
    473     }
    474     .col-md-offset-6 {
    475         margin-left: 50%;
    476     }
    477     .col-md-8,
    478     .row.cols-md-8 > * {
    479         max-width: 66.66667%;
    480         flex-basis: 66.66667%;
    481     }
    482     .col-md-offset-7 {
    483         margin-left: 58.33333%;
    484     }
    485     .col-md-9,
    486     .row.cols-md-9 > * {
    487         max-width: 75%;
    488         flex-basis: 75%;
    489     }
    490     .col-md-offset-8 {
    491         margin-left: 66.66667%;
    492     }
    493     .col-md-10,
    494     .row.cols-md-10 > * {
    495         max-width: 83.33333%;
    496         flex-basis: 83.33333%;
    497     }
    498     .col-md-offset-9 {
    499         margin-left: 75%;
    500     }
    501     .col-md-11,
    502     .row.cols-md-11 > * {
    503         max-width: 91.66667%;
    504         flex-basis: 91.66667%;
    505     }
    506     .col-md-offset-10 {
    507         margin-left: 83.33333%;
    508     }
    509     .col-md-12,
    510     .row.cols-md-12 > * {
    511         max-width: 100%;
    512         flex-basis: 100%;
    513     }
    514     .col-md-offset-11 {
    515         margin-left: 91.66667%;
    516     }
    517     .col-md-normal {
    518         order: initial;
    519     }
    520     .col-md-first {
    521         order: -999;
    522     }
    523     .col-md-last {
    524         order: 999;
    525     }
    526 }
    527 
    528 @media screen and (min-width: 1280px) {
    529     .col-lg,
    530     [class^='col-lg-'],
    531     [class^='col-lg-offset-'],
    532     .row[class*='cols-lg-'] > * {
    533         box-sizing: border-box;
    534         flex: 0 0 auto;
    535         padding: 0 calc(var(--universal-padding) / 2);
    536     }
    537     .col-lg,
    538     .row.cols-lg > * {
    539         max-width: 100%;
    540         flex-grow: 1;
    541         flex-basis: 0;
    542     }
    543     .col-lg-1,
    544     .row.cols-lg-1 > * {
    545         max-width: 8.33333%;
    546         flex-basis: 8.33333%;
    547     }
    548     .col-lg-offset-0 {
    549         margin-left: 0;
    550     }
    551     .col-lg-2,
    552     .row.cols-lg-2 > * {
    553         max-width: 16.66667%;
    554         flex-basis: 16.66667%;
    555     }
    556     .col-lg-offset-1 {
    557         margin-left: 8.33333%;
    558     }
    559     .col-lg-3,
    560     .row.cols-lg-3 > * {
    561         max-width: 25%;
    562         flex-basis: 25%;
    563     }
    564     .col-lg-offset-2 {
    565         margin-left: 16.66667%;
    566     }
    567     .col-lg-4,
    568     .row.cols-lg-4 > * {
    569         max-width: 33.33333%;
    570         flex-basis: 33.33333%;
    571     }
    572     .col-lg-offset-3 {
    573         margin-left: 25%;
    574     }
    575     .col-lg-5,
    576     .row.cols-lg-5 > * {
    577         max-width: 41.66667%;
    578         flex-basis: 41.66667%;
    579     }
    580     .col-lg-offset-4 {
    581         margin-left: 33.33333%;
    582     }
    583     .col-lg-6,
    584     .row.cols-lg-6 > * {
    585         max-width: 50%;
    586         flex-basis: 50%;
    587     }
    588     .col-lg-offset-5 {
    589         margin-left: 41.66667%;
    590     }
    591     .col-lg-7,
    592     .row.cols-lg-7 > * {
    593         max-width: 58.33333%;
    594         flex-basis: 58.33333%;
    595     }
    596     .col-lg-offset-6 {
    597         margin-left: 50%;
    598     }
    599     .col-lg-8,
    600     .row.cols-lg-8 > * {
    601         max-width: 66.66667%;
    602         flex-basis: 66.66667%;
    603     }
    604     .col-lg-offset-7 {
    605         margin-left: 58.33333%;
    606     }
    607     .col-lg-9,
    608     .row.cols-lg-9 > * {
    609         max-width: 75%;
    610         flex-basis: 75%;
    611     }
    612     .col-lg-offset-8 {
    613         margin-left: 66.66667%;
    614     }
    615     .col-lg-10,
    616     .row.cols-lg-10 > * {
    617         max-width: 83.33333%;
    618         flex-basis: 83.33333%;
    619     }
    620     .col-lg-offset-9 {
    621         margin-left: 75%;
    622     }
    623     .col-lg-11,
    624     .row.cols-lg-11 > * {
    625         max-width: 91.66667%;
    626         flex-basis: 91.66667%;
    627     }
    628     .col-lg-offset-10 {
    629         margin-left: 83.33333%;
    630     }
    631     .col-lg-12,
    632     .row.cols-lg-12 > * {
    633         max-width: 100%;
    634         flex-basis: 100%;
    635     }
    636     .col-lg-offset-11 {
    637         margin-left: 91.66667%;
    638     }
    639     .col-lg-normal {
    640         order: initial;
    641     }
    642     .col-lg-first {
    643         order: -999;
    644     }
    645     .col-lg-last {
    646         order: 999;
    647     }
    648 }
    649 
    650 /* Card component CSS variable definitions */
    651 :root {
    652     --card-back-color: #f8f8f8;
    653     --card-fore-color: #111;
    654     --card-border-color: #ddd;
    655 }
    656 
    657 .card {
    658     display: flex;
    659     flex-direction: column;
    660     justify-content: space-between;
    661     align-self: center;
    662     position: relative;
    663     width: 100%;
    664     background: var(--card-back-color);
    665     color: var(--card-fore-color);
    666     border: 0.0625rem solid var(--card-border-color);
    667     border-radius: var(--universal-border-radius);
    668     margin: var(--universal-margin);
    669     overflow: hidden;
    670 }
    671 
    672 @media screen and (min-width: 320px) {
    673     .card {
    674         max-width: 320px;
    675     }
    676 }
    677 
    678 .card > .section {
    679     background: var(--card-back-color);
    680     color: var(--card-fore-color);
    681     box-sizing: border-box;
    682     margin: 0;
    683     border: 0;
    684     border-radius: 0;
    685     border-bottom: 0.0625rem solid var(--card-border-color);
    686     padding: var(--universal-padding);
    687     width: 100%;
    688 }
    689 
    690 .card > .section.media {
    691     height: 200px;
    692     padding: 0;
    693     -o-object-fit: cover;
    694     object-fit: cover;
    695 }
    696 
    697 .card > .section:last-child {
    698     border-bottom: 0;
    699 }
    700 
    701 /*
    702   Custom elements for card elements.
    703 */
    704 @media screen and (min-width: 240px) {
    705     .card.small {
    706         max-width: 240px;
    707     }
    708 }
    709 
    710 @media screen and (min-width: 480px) {
    711     .card.large {
    712         max-width: 480px;
    713     }
    714 }
    715 
    716 .card.fluid {
    717     max-width: 100%;
    718     width: auto;
    719 }
    720 
    721 .card.warning {
    722     --card-back-color: #ffca28;
    723     --card-border-color: #e8b825;
    724 }
    725 
    726 .card.error {
    727     --card-back-color: #b71c1c;
    728     --card-fore-color: #f8f8f8;
    729     --card-border-color: #a71a1a;
    730 }
    731 
    732 .card > .section.dark {
    733     --card-back-color: #e0e0e0;
    734 }
    735 
    736 .card > .section.double-padded {
    737     padding: calc(1.5 * var(--universal-padding));
    738 }
    739 
    740 /*
    741   Definitions for forms and input elements.
    742 */
    743 /* Input_control module CSS variable definitions */
    744 :root {
    745     --form-back-color: #f0f0f0;
    746     --form-fore-color: #111;
    747     --form-border-color: #ddd;
    748     --input-back-color: #f8f8f8;
    749     --input-fore-color: #111;
    750     --input-border-color: #ddd;
    751     --input-focus-color: #0288d1;
    752     --input-invalid-color: #d32f2f;
    753     --button-back-color: #e2e2e2;
    754     --button-hover-back-color: #dcdcdc;
    755     --button-fore-color: #212121;
    756     --button-border-color: transparent;
    757     --button-hover-border-color: transparent;
    758     --button-group-border-color: rgba(124, 124, 124, 0.54);
    759 }
    760 
    761 form {
    762     background: var(--form-back-color);
    763     color: var(--form-fore-color);
    764     border: 0.0625rem solid var(--form-border-color);
    765     border-radius: var(--universal-border-radius);
    766     margin: var(--universal-margin);
    767     padding: calc(2 * var(--universal-padding)) var(--universal-padding);
    768 }
    769 
    770 fieldset {
    771     border: 0.0625rem solid var(--form-border-color);
    772     border-radius: var(--universal-border-radius);
    773     margin: calc(var(--universal-margin) / 4);
    774     padding: var(--universal-padding);
    775 }
    776 
    777 legend {
    778     box-sizing: border-box;
    779     display: table;
    780     max-width: 100%;
    781     white-space: normal;
    782     font-weight: 700;
    783     padding: calc(var(--universal-padding) / 2);
    784 }
    785 
    786 label {
    787     padding: calc(var(--universal-padding) / 2) var(--universal-padding);
    788 }
    789 
    790 .input-group {
    791     display: inline-block;
    792 }
    793 
    794 .input-group.fluid {
    795     display: flex;
    796     align-items: center;
    797     justify-content: center;
    798 }
    799 
    800 .input-group.fluid > input {
    801     max-width: 100%;
    802     flex-grow: 1;
    803     flex-basis: 0px;
    804 }
    805 
    806 @media screen and (max-width: 767px) {
    807     .input-group.fluid {
    808         align-items: stretch;
    809         flex-direction: column;
    810     }
    811 }
    812 
    813 .input-group.vertical {
    814     display: flex;
    815     align-items: stretch;
    816     flex-direction: column;
    817 }
    818 
    819 .input-group.vertical > input {
    820     max-width: 100%;
    821     flex-grow: 1;
    822     flex-basis: 0px;
    823 }
    824 
    825 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    826     height: auto;
    827 }
    828 
    829 [type="search"] {
    830     -webkit-appearance: textfield;
    831     outline-offset: -2px;
    832 }
    833 
    834 [type="search"]::-webkit-search-cancel-button,
    835 [type="search"]::-webkit-search-decoration {
    836     -webkit-appearance: none;
    837 }
    838 
    839 input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"],
    840 [type="password"], [type="url"], [type="tel"], [type="checkbox"], [type="radio"], textarea, select {
    841     box-sizing: border-box;
    842     background: var(--input-back-color);
    843     color: var(--input-fore-color);
    844     border: 0.0625rem solid var(--input-border-color);
    845     border-radius: var(--universal-border-radius);
    846     margin: calc(var(--universal-margin) / 2);
    847     padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
    848 }
    849 
    850 input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus {
    851     border-color: var(--input-focus-color);
    852     box-shadow: none;
    853 }
    854 
    855 input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid {
    856     border-color: var(--input-invalid-color);
    857     box-shadow: none;
    858 }
    859 
    860 input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] {
    861     background: var(--secondary-back-color);
    862 }
    863 
    864 select {
    865     max-width: 100%;
    866 }
    867 
    868 option {
    869     overflow: hidden;
    870     text-overflow: ellipsis;
    871 }
    872 
    873 [type="checkbox"], [type="radio"] {
    874     -webkit-appearance: none;
    875     -moz-appearance: none;
    876     appearance: none;
    877     position: relative;
    878     height: calc(1rem + var(--universal-padding) / 2);
    879     width: calc(1rem + var(--universal-padding) / 2);
    880     vertical-align: text-bottom;
    881     padding: 0;
    882     flex-basis: calc(1rem + var(--universal-padding) / 2) !important;
    883     flex-grow: 0 !important;
    884 }
    885 
    886 [type="checkbox"]:checked:before, [type="radio"]:checked:before {
    887     position: absolute;
    888 }
    889 
    890 [type="checkbox"]:checked:before {
    891     content: '\2713';
    892     font-family: sans-serif;
    893     font-size: calc(1rem + var(--universal-padding) / 2);
    894     top: calc(0rem - var(--universal-padding));
    895     left: calc(var(--universal-padding) / 4);
    896 }
    897 
    898 [type="radio"] {
    899     border-radius: 100%;
    900 }
    901 
    902 [type="radio"]:checked:before {
    903     border-radius: 100%;
    904     content: '';
    905     top: calc(0.0625rem + var(--universal-padding) / 2);
    906     left: calc(0.0625rem + var(--universal-padding) / 2);
    907     background: var(--input-fore-color);
    908     width: 0.5rem;
    909     height: 0.5rem;
    910 }
    911 
    912 :placeholder-shown {
    913     color: var(--input-fore-color);
    914 }
    915 
    916 ::-ms-placeholder {
    917     color: var(--input-fore-color);
    918     opacity: 0.54;
    919 }
    920 
    921 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    922     border-style: none;
    923     padding: 0;
    924 }
    925 
    926 button, html [type="button"], [type="reset"], [type="submit"] {
    927     -webkit-appearance: button;
    928 }
    929 
    930 button {
    931     overflow: visible;
    932     text-transform: none;
    933 }
    934 
    935 button, [type="button"], [type="submit"], [type="reset"],
    936 a.button, label.button, .button,
    937 a[role="button"], label[role="button"], [role="button"] {
    938     display: inline-block;
    939     background: var(--button-back-color);
    940     color: var(--button-fore-color);
    941     border: 0.0625rem solid var(--button-border-color);
    942     border-radius: var(--universal-border-radius);
    943     padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
    944     margin: var(--universal-margin);
    945     text-decoration: none;
    946     cursor: pointer;
    947     transition: background 0.3s;
    948 }
    949 
    950 button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus,
    951 a.button:hover,
    952 a.button:focus, label.button:hover, label.button:focus, .button:hover, .button:focus,
    953 a[role="button"]:hover,
    954 a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:focus, [role="button"]:hover, [role="button"]:focus {
    955     background: var(--button-hover-back-color);
    956     border-color: var(--button-hover-border-color);
    957 }
    958 
    959 input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled], button:disabled, button[disabled], .button:disabled, .button[disabled], [role="button"]:disabled, [role="button"][disabled] {
    960     cursor: not-allowed;
    961     opacity: 0.75;
    962 }
    963 
    964 .button-group {
    965     display: flex;
    966     border: 0.0625rem solid var(--button-group-border-color);
    967     border-radius: var(--universal-border-radius);
    968     margin: var(--universal-margin);
    969 }
    970 
    971 .button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"],
    972 .button-group > .button, .button-group > [role="button"] {
    973     margin: 0;
    974     max-width: 100%;
    975     flex: 1 1 auto;
    976     text-align: center;
    977     border: 0;
    978     border-radius: 0;
    979     box-shadow: none;
    980 }
    981 
    982 .button-group > :not(:first-child) {
    983     border-left: 0.0625rem solid var(--button-group-border-color);
    984 }
    985 
    986 @media screen and (max-width: 767px) {
    987     .button-group {
    988         flex-direction: column;
    989     }
    990     .button-group > :not(:first-child) {
    991         border: 0;
    992         border-top: 0.0625rem solid var(--button-group-border-color);
    993     }
    994 }
    995 
    996 /*
    997   Custom elements for forms and input elements.
    998 */
    999 button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary {
    1000     --button-back-color: #1976d2;
    1001     --button-fore-color: #f8f8f8;
    1002 }
    1003 
    1004 button.primary:hover, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:focus, .button.primary:hover, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:focus {
    1005     --button-hover-back-color: #1565c0;
    1006 }
    1007 
    1008 button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary {
    1009     --button-back-color: #d32f2f;
    1010     --button-fore-color: #f8f8f8;
    1011 }
    1012 
    1013 button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus {
    1014     --button-hover-back-color: #c62828;
    1015 }
    1016 
    1017 button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary {
    1018     --button-back-color: #308732;
    1019     --button-fore-color: #f8f8f8;
    1020 }
    1021 
    1022 button.tertiary:hover, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:focus {
    1023     --button-hover-back-color: #277529;
    1024 }
    1025 
    1026 button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse {
    1027     --button-back-color: #212121;
    1028     --button-fore-color: #f8f8f8;
    1029 }
    1030 
    1031 button.inverse:hover, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:focus {
    1032     --button-hover-back-color: #111;
    1033 }
    1034 
    1035 button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small {
    1036     padding: calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding));
    1037     margin: var(--universal-margin);
    1038 }
    1039 
    1040 button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large {
    1041     padding: calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding));
    1042     margin: var(--universal-margin);
    1043 }
    1044 
    1045 /*
    1046   Definitions for navigation elements.
    1047 */
    1048 /* Navigation module CSS variable definitions */
    1049 :root {
    1050     --header-back-color: #f8f8f8;
    1051     --header-hover-back-color: #f0f0f0;
    1052     --header-fore-color: #444;
    1053     --header-border-color: #ddd;
    1054     --nav-back-color: #f8f8f8;
    1055     --nav-hover-back-color: #f0f0f0;
    1056     --nav-fore-color: #444;
    1057     --nav-border-color: #ddd;
    1058     --nav-link-color: #0277bd;
    1059     --footer-fore-color: #444;
    1060     --footer-back-color: #f8f8f8;
    1061     --footer-border-color: #ddd;
    1062     --footer-link-color: #0277bd;
    1063     --drawer-back-color: #f8f8f8;
    1064     --drawer-hover-back-color: #f0f0f0;
    1065     --drawer-border-color: #ddd;
    1066     --drawer-close-color: #444;
    1067 }
    1068 
    1069 header {
    1070     background: var(--header-back-color);
    1071     color: var(--header-fore-color);
    1072     border-bottom: 0.0625rem solid var(--header-border-color);
    1073     padding: calc(var(--universal-padding) / 4) 0;
    1074     white-space: nowrap;
    1075     overflow-x: auto;
    1076     overflow-y: hidden;
    1077 }
    1078 
    1079 header.row {
    1080     box-sizing: content-box;
    1081 }
    1082 
    1083 header .logo {
    1084     color: var(--header-fore-color);
    1085     padding: var(--universal-padding) calc(2 * var(--universal-padding));
    1086     font-weight: 900;
    1087     box-shadow: 0 1px 2px rgba(0,0,0,.35);
    1088 }
    1089 
    1090 header button, header [type="button"], header .button, header [role="button"] {
    1091     font-size: 1.25rem;
    1092     margin: 0;
    1093     margin-right: 0.25em;
    1094     border-radius: var(--universal-border-radius);
    1095     box-shadow: 0 1px 2px rgba(0,0,0,.35);
    1096 }
    1097 
    1098 header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus, header .button:hover, header .button:focus, header [role="button"]:hover, header [role="button"]:focus, header .logo:hover {
    1099     background: var(--header-hover-back-color);
    1100     text-decoration: underline;
    1101     text-underline-offset: 0.2em;
    1102     text-decoration-thickness: 2px;
    1103 }
    1104 
    1105 nav {
    1106     background: var(--nav-back-color);
    1107     color: var(--nav-fore-color);
    1108     border: 0.0625rem solid var(--nav-border-color);
    1109     border-radius: var(--universal-border-radius);
    1110     margin: var(--universal-margin);
    1111 }
    1112 
    1113 nav * {
    1114     padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
    1115 }
    1116 
    1117 nav a, nav a:visited {
    1118     display: block;
    1119     color: var(--nav-link-color);
    1120     border-radius: var(--universal-border-radius);
    1121     transition: background 0.3s;
    1122 }
    1123 
    1124 nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
    1125     background: var(--nav-hover-back-color);
    1126 }
    1127 
    1128 nav .sublink-1 {
    1129     position: relative;
    1130     margin-left: calc(2 * var(--universal-padding));
    1131 }
    1132 
    1133 nav .sublink-1:before {
    1134     position: absolute;
    1135     left: calc(var(--universal-padding) - 1 * var(--universal-padding));
    1136     top: -0.0625rem;
    1137     content: '';
    1138     height: 100%;
    1139     border: 0.0625rem solid var(--nav-border-color);
    1140     border-left: 0;
    1141 }
    1142 
    1143 nav .sublink-2 {
    1144     position: relative;
    1145     margin-left: calc(4 * var(--universal-padding));
    1146 }
    1147 
    1148 nav .sublink-2:before {
    1149     position: absolute;
    1150     left: calc(var(--universal-padding) - 3 * var(--universal-padding));
    1151     top: -0.0625rem;
    1152     content: '';
    1153     height: 100%;
    1154     border: 0.0625rem solid var(--nav-border-color);
    1155     border-left: 0;
    1156 }
    1157 
    1158 footer {
    1159     background: var(--footer-back-color);
    1160     color: var(--footer-fore-color);
    1161     border-top: 0.0625rem solid var(--footer-border-color);
    1162     padding: calc(2 * var(--universal-padding)) var(--universal-padding);
    1163     font-size: 0.875rem;
    1164 }
    1165 
    1166 footer a, footer a:visited {
    1167     color: var(--footer-link-color);
    1168 }
    1169 
    1170 header.sticky {
    1171     position: -webkit-sticky;
    1172     position: sticky;
    1173     z-index: 1101;
    1174     top: 0;
    1175 }
    1176 
    1177 footer.sticky {
    1178     position: -webkit-sticky;
    1179     position: sticky;
    1180     z-index: 1101;
    1181     bottom: 0;
    1182 }
    1183 
    1184 .drawer-toggle:before {
    1185     display: inline-block;
    1186     position: relative;
    1187     vertical-align: bottom;
    1188     content: '\00a0\2261\00a0';
    1189     font-family: sans-serif;
    1190     font-size: 1.5em;
    1191 }
    1192 
    1193 @media screen and (min-width: 768px) {
    1194     .drawer-toggle:not(.persistent) {
    1195         display: none;
    1196     }
    1197 }
    1198 
    1199 [type="checkbox"].drawer {
    1200     height: 1px;
    1201     width: 1px;
    1202     margin: -1px;
    1203     overflow: hidden;
    1204     position: absolute;
    1205     clip: rect(0 0 0 0);
    1206     -webkit-clip-path: inset(100%);
    1207     clip-path: inset(100%);
    1208 }
    1209 
    1210 [type="checkbox"].drawer + * {
    1211     display: block;
    1212     box-sizing: border-box;
    1213     position: fixed;
    1214     top: 0;
    1215     width: 320px;
    1216     height: 100vh;
    1217     overflow-y: auto;
    1218     background: var(--drawer-back-color);
    1219     border: 0.0625rem solid var(--drawer-border-color);
    1220     border-radius: 0;
    1221     margin: 0;
    1222     z-index: 1110;
    1223     right: -320px;
    1224     transition: right 0.3s;
    1225 }
    1226 
    1227 [type="checkbox"].drawer + * .drawer-close {
    1228     position: absolute;
    1229     top: var(--universal-margin);
    1230     right: var(--universal-margin);
    1231     z-index: 1111;
    1232     width: 2rem;
    1233     height: 2rem;
    1234     border-radius: var(--universal-border-radius);
    1235     padding: var(--universal-padding);
    1236     margin: 0;
    1237     cursor: pointer;
    1238     transition: background 0.3s;
    1239 }
    1240 
    1241 [type="checkbox"].drawer + * .drawer-close:before {
    1242     display: block;
    1243     content: '\00D7';
    1244     color: var(--drawer-close-color);
    1245     position: relative;
    1246     font-family: sans-serif;
    1247     font-size: 2rem;
    1248     line-height: 1;
    1249     text-align: center;
    1250 }
    1251 
    1252 [type="checkbox"].drawer + * .drawer-close:hover, [type="checkbox"].drawer + * .drawer-close:focus {
    1253     background: var(--drawer-hover-back-color);
    1254 }
    1255 
    1256 @media screen and (max-width: 320px) {
    1257     [type="checkbox"].drawer + * {
    1258         width: 100%;
    1259     }
    1260 }
    1261 
    1262 [type="checkbox"].drawer:checked + * {
    1263     right: 0;
    1264 }
    1265 
    1266 @media screen and (min-width: 768px) {
    1267     [type="checkbox"].drawer:not(.persistent) + * {
    1268         position: static;
    1269         height: 100%;
    1270         z-index: 1100;
    1271     }
    1272     [type="checkbox"].drawer:not(.persistent) + * .drawer-close {
    1273         display: none;
    1274     }
    1275 }
    1276 
    1277 /*
    1278   Definitions for the responsive table component.
    1279 */
    1280 /* Table module CSS variable definitions. */
    1281 :root {
    1282     --table-border-color: #aaa;
    1283     --table-border-separator-color: #666;
    1284     --table-head-back-color: #e6e6e6;
    1285     --table-head-fore-color: #111;
    1286     --table-body-back-color: #f8f8f8;
    1287     --table-body-fore-color: #111;
    1288     --table-body-alt-back-color: #eee;
    1289 }
    1290 
    1291 table {
    1292     border-collapse: separate;
    1293     border-spacing: 0;
    1294     margin: 0;
    1295     display: flex;
    1296     flex: 0 1 auto;
    1297     flex-flow: row wrap;
    1298     padding: var(--universal-padding);
    1299     padding-top: 0;
    1300 }
    1301 
    1302 table caption {
    1303     font-size: 1.5rem;
    1304     margin: calc(2 * var(--universal-margin)) 0;
    1305     max-width: 100%;
    1306     flex: 0 0 100%;
    1307 }
    1308 
    1309 table thead, table tbody {
    1310     display: flex;
    1311     flex-flow: row wrap;
    1312     border: 0.0625rem solid var(--table-border-color);
    1313 }
    1314 
    1315 table thead {
    1316     z-index: 999;
    1317     border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0;
    1318     border-bottom: 0.0625rem solid var(--table-border-separator-color);
    1319 }
    1320 
    1321 table tbody {
    1322     border-top: 0;
    1323     margin-top: calc(0 - var(--universal-margin));
    1324     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
    1325 }
    1326 
    1327 table tr {
    1328     display: flex;
    1329     padding: 0;
    1330 }
    1331 
    1332 table th, table td {
    1333     padding: calc(2 * var(--universal-padding));
    1334 }
    1335 
    1336 table th {
    1337     text-align: left;
    1338     background: var(--table-head-back-color);
    1339     color: var(--table-head-fore-color);
    1340 }
    1341 
    1342 table td {
    1343     background: var(--table-body-back-color);
    1344     color: var(--table-body-fore-color);
    1345     border-top: 0.0625rem solid var(--table-border-color);
    1346 }
    1347 
    1348 table:not(.horizontal) {
    1349     overflow: auto;
    1350     max-height: 400px;
    1351 }
    1352 
    1353 table:not(.horizontal) thead, table:not(.horizontal) tbody {
    1354     max-width: 100%;
    1355     flex: 0 0 100%;
    1356 }
    1357 
    1358 table:not(.horizontal) tr {
    1359     flex-flow: row wrap;
    1360     flex: 0 0 100%;
    1361 }
    1362 
    1363 table:not(.horizontal) th, table:not(.horizontal) td {
    1364     flex: 1 0 0%;
    1365     overflow: hidden;
    1366     text-overflow: ellipsis;
    1367 }
    1368 
    1369 table:not(.horizontal) thead {
    1370     position: sticky;
    1371     top: 0;
    1372 }
    1373 
    1374 table:not(.horizontal) tbody tr:first-child td {
    1375     /* border-top: 0; */
    1376 }
    1377 
    1378 table.horizontal {
    1379     border: 0;
    1380 }
    1381 
    1382 table.horizontal thead, table.horizontal tbody {
    1383     border: 0;
    1384     flex: .2 0 0;
    1385     flex-flow: row nowrap;
    1386 }
    1387 
    1388 table.horizontal tbody {
    1389     overflow: auto;
    1390     justify-content: space-between;
    1391     flex: .8 0 0;
    1392     margin-left: 0;
    1393     padding-bottom: calc(var(--universal-padding) / 4);
    1394 }
    1395 
    1396 table.horizontal tr {
    1397     flex-direction: column;
    1398     flex: 1 0 auto;
    1399 }
    1400 
    1401 table.horizontal th, table.horizontal td {
    1402     width: auto;
    1403     border: 0;
    1404     border-bottom: 0.0625rem solid var(--table-border-color);
    1405 }
    1406 
    1407 table.horizontal th:not(:first-child), table.horizontal td:not(:first-child) {
    1408     border-top: 0;
    1409 }
    1410 
    1411 table.horizontal th {
    1412     text-align: right;
    1413     border-left: 0.0625rem solid var(--table-border-color);
    1414     border-right: 0.0625rem solid var(--table-border-separator-color);
    1415 }
    1416 
    1417 table.horizontal thead tr:first-child {
    1418     padding-left: 0;
    1419 }
    1420 
    1421 table.horizontal th:first-child, table.horizontal td:first-child {
    1422     border-top: 0.0625rem solid var(--table-border-color);
    1423 }
    1424 
    1425 table.horizontal tbody tr:last-child td {
    1426     border-right: 0.0625rem solid var(--table-border-color);
    1427 }
    1428 
    1429 table.horizontal tbody tr:last-child td:first-child {
    1430     border-top-right-radius: 0.25rem;
    1431 }
    1432 
    1433 table.horizontal tbody tr:last-child td:last-child {
    1434     border-bottom-right-radius: 0.25rem;
    1435 }
    1436 
    1437 table.horizontal thead tr:first-child th:first-child {
    1438     border-top-left-radius: 0.25rem;
    1439 }
    1440 
    1441 table.horizontal thead tr:first-child th:last-child {
    1442     border-bottom-left-radius: 0.25rem;
    1443 }
    1444 
    1445 @media screen and (max-width: 767px) {
    1446     table, table.horizontal {
    1447         border-collapse: collapse;
    1448         border: 0;
    1449         width: 100%;
    1450         display: table;
    1451     }
    1452     table thead, table th, table.horizontal thead, table.horizontal th {
    1453         border: 0;
    1454         height: 1px;
    1455         width: 1px;
    1456         margin: -1px;
    1457         overflow: hidden;
    1458         padding: 0;
    1459         position: absolute;
    1460         clip: rect(0 0 0 0);
    1461         -webkit-clip-path: inset(100%);
    1462         clip-path: inset(100%);
    1463     }
    1464     table tbody, table.horizontal tbody {
    1465         border: 0;
    1466         display: table-row-group;
    1467     }
    1468     table tr, table.horizontal tr {
    1469         display: block;
    1470         border: 0.0625rem solid var(--table-border-color);
    1471         border-radius: var(--universal-border-radius);
    1472         background: #fafafa;
    1473         padding: var(--universal-padding);
    1474         margin: var(--universal-margin);
    1475         margin-bottom: calc(2 * var(--universal-margin));
    1476     }
    1477     table th, table td, table.horizontal th, table.horizontal td {
    1478         width: auto;
    1479     }
    1480     table td, table.horizontal td {
    1481         display: block;
    1482         border: 0;
    1483         text-align: right;
    1484     }
    1485     table td:before, table.horizontal td:before {
    1486         content: attr(data-label);
    1487         float: left;
    1488         font-weight: 600;
    1489     }
    1490     table th:first-child, table td:first-child, table.horizontal th:first-child, table.horizontal td:first-child {
    1491         border-top: 0;
    1492     }
    1493     table tbody tr:last-child td, table.horizontal tbody tr:last-child td {
    1494         border-right: 0;
    1495     }
    1496 }
    1497 
    1498 :root {
    1499     --table-body-alt-back-color: #eee;
    1500 }
    1501 
    1502 table.striped tr:nth-of-type(2n) > td {
    1503     background: var(--table-body-alt-back-color);
    1504 }
    1505 
    1506 @media screen and (max-width: 768px) {
    1507     table.striped tr:nth-of-type(2n) {
    1508         background: var(--table-body-alt-back-color);
    1509     }
    1510 }
    1511 
    1512 :root {
    1513     --table-body-hover-back-color: #90caf9;
    1514 }
    1515 
    1516 table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
    1517     background: var(--table-body-hover-back-color);
    1518 }
    1519 
    1520 @media screen and (max-width: 768px) {
    1521     table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td {
    1522         background: var(--table-body-hover-back-color);
    1523     }
    1524 }
    1525 
    1526 /*
    1527   Definitions for contextual background elements, toasts and tooltips.
    1528 */
    1529 /* Contextual module CSS variable definitions */
    1530 :root {
    1531     --mark-back-color: #0277bd;
    1532     --mark-fore-color: #fafafa;
    1533 }
    1534 
    1535 mark {
    1536     background: var(--mark-back-color) !important;
    1537     color: var(--mark-fore-color);
    1538     font-size: 0.95em;
    1539     line-height: 1em;
    1540     border-radius: var(--universal-border-radius);
    1541     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
    1542 }
    1543 
    1544 mark.inline-block {
    1545     display: inline-block;
    1546     font-size: 1em;
    1547     line-height: 1.5;
    1548     padding: calc(var(--universal-padding) / 2) var(--universal-padding);
    1549 }
    1550 
    1551 :root {
    1552     --toast-back-color: #424242;
    1553     --toast-fore-color: #fafafa;
    1554 }
    1555 
    1556 .toast {
    1557     position: fixed;
    1558     bottom: calc(var(--universal-margin) * 3);
    1559     left: 50%;
    1560     transform: translate(-50%, -50%);
    1561     z-index: 1111;
    1562     color: var(--toast-fore-color);
    1563     background: var(--toast-back-color);
    1564     border-radius: calc(var(--universal-border-radius) * 16);
    1565     padding: var(--universal-padding) calc(var(--universal-padding) * 3);
    1566 }
    1567 
    1568 :root {
    1569     --tooltip-back-color: #212121;
    1570     --tooltip-fore-color: #fafafa;
    1571 }
    1572 
    1573 .tooltip {
    1574     position: relative;
    1575     display: inline-block;
    1576 }
    1577 
    1578 .tooltip:before, .tooltip:after {
    1579     position: absolute;
    1580     opacity: 0;
    1581     clip: rect(0 0 0 0);
    1582     -webkit-clip-path: inset(100%);
    1583     clip-path: inset(100%);
    1584     transition: all 0.3s;
    1585     z-index: 1010;
    1586     left: 50%;
    1587 }
    1588 
    1589 .tooltip:not(.bottom):before, .tooltip:not(.bottom):after {
    1590     bottom: 75%;
    1591 }
    1592 
    1593 .tooltip.bottom:before, .tooltip.bottom:after {
    1594     top: 75%;
    1595 }
    1596 
    1597 .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
    1598     opacity: 1;
    1599     clip: auto;
    1600     -webkit-clip-path: inset(0%);
    1601     clip-path: inset(0%);
    1602 }
    1603 
    1604 .tooltip:before {
    1605     content: '';
    1606     background: transparent;
    1607     border: var(--universal-margin) solid transparent;
    1608     left: calc(50% - var(--universal-margin));
    1609 }
    1610 
    1611 .tooltip:not(.bottom):before {
    1612     border-top-color: #212121;
    1613 }
    1614 
    1615 .tooltip.bottom:before {
    1616     border-bottom-color: #212121;
    1617 }
    1618 
    1619 .tooltip:after {
    1620     content: attr(aria-label);
    1621     color: var(--tooltip-fore-color);
    1622     background: var(--tooltip-back-color);
    1623     border-radius: var(--universal-border-radius);
    1624     padding: var(--universal-padding);
    1625     white-space: nowrap;
    1626     transform: translateX(-50%);
    1627 }
    1628 
    1629 .tooltip:not(.bottom):after {
    1630     margin-bottom: calc(2 * var(--universal-margin));
    1631 }
    1632 
    1633 .tooltip.bottom:after {
    1634     margin-top: calc(2 * var(--universal-margin));
    1635 }
    1636 
    1637 :root {
    1638     --modal-overlay-color: rgba(0, 0, 0, 0.45);
    1639     --modal-close-color: #444;
    1640     --modal-close-hover-color: #f0f0f0;
    1641 }
    1642 
    1643 [type="checkbox"].modal {
    1644     height: 1px;
    1645     width: 1px;
    1646     margin: -1px;
    1647     overflow: hidden;
    1648     position: absolute;
    1649     clip: rect(0 0 0 0);
    1650     -webkit-clip-path: inset(100%);
    1651     clip-path: inset(100%);
    1652 }
    1653 
    1654 [type="checkbox"].modal + div {
    1655     position: fixed;
    1656     top: 0;
    1657     left: 0;
    1658     display: none;
    1659     width: 100vw;
    1660     height: 100vh;
    1661     background: var(--modal-overlay-color);
    1662 }
    1663 
    1664 [type="checkbox"].modal + div .card {
    1665     margin: 0 auto;
    1666     max-height: 50vh;
    1667     overflow: auto;
    1668 }
    1669 
    1670 [type="checkbox"].modal + div .card .modal-close {
    1671     position: absolute;
    1672     top: 0;
    1673     right: 0;
    1674     width: 1.75rem;
    1675     height: 1.75rem;
    1676     border-radius: var(--universal-border-radius);
    1677     padding: var(--universal-padding);
    1678     margin: 0;
    1679     cursor: pointer;
    1680     transition: background 0.3s;
    1681 }
    1682 
    1683 [type="checkbox"].modal + div .card .modal-close:before {
    1684     display: block;
    1685     content: '\00D7';
    1686     color: var(--modal-close-color);
    1687     position: relative;
    1688     font-family: sans-serif;
    1689     font-size: 1.75rem;
    1690     line-height: 1;
    1691     text-align: center;
    1692 }
    1693 
    1694 [type="checkbox"].modal + div .card .modal-close:hover, [type="checkbox"].modal + div .card .modal-close:focus {
    1695     background: var(--modal-close-hover-color);
    1696 }
    1697 
    1698 [type="checkbox"].modal:checked + div {
    1699     display: flex;
    1700     flex: 0 1 auto;
    1701     z-index: 1200;
    1702 }
    1703 
    1704 [type="checkbox"].modal:checked + div .card .modal-close {
    1705     z-index: 1211;
    1706 }
    1707 
    1708 :root {
    1709     --collapse-label-back-color: #e8e8e8;
    1710     --collapse-label-fore-color: #212121;
    1711     --collapse-label-hover-back-color: #f0f0f0;
    1712     --collapse-selected-label-back-color: #ececec;
    1713     --collapse-border-color: #ddd;
    1714     --collapse-content-back-color: #fafafa;
    1715     --collapse-selected-label-border-color: #0277bd;
    1716 }
    1717 
    1718 .collapse {
    1719     width: calc(100% - 2 * var(--universal-margin));
    1720     opacity: 1;
    1721     display: flex;
    1722     flex-direction: column;
    1723     margin: var(--universal-margin);
    1724     border-radius: var(--universal-border-radius);
    1725 }
    1726 
    1727 .collapse > [type="radio"], .collapse > [type="checkbox"] {
    1728     height: 1px;
    1729     width: 1px;
    1730     margin: -1px;
    1731     overflow: hidden;
    1732     position: absolute;
    1733     clip: rect(0 0 0 0);
    1734     -webkit-clip-path: inset(100%);
    1735     clip-path: inset(100%);
    1736 }
    1737 
    1738 .collapse > label {
    1739     flex-grow: 1;
    1740     display: inline-block;
    1741     height: 1.5rem;
    1742     cursor: pointer;
    1743     transition: background 0.3s;
    1744     color: var(--collapse-label-fore-color);
    1745     background: var(--collapse-label-back-color);
    1746     border: 0.0625rem solid var(--collapse-border-color);
    1747     padding: calc(1.5 * var(--universal-padding));
    1748 }
    1749 
    1750 .collapse > label:hover, .collapse > label:focus {
    1751     background: var(--collapse-label-hover-back-color);
    1752 }
    1753 
    1754 .collapse > label + div {
    1755     flex-basis: auto;
    1756     height: 1px;
    1757     width: 1px;
    1758     margin: -1px;
    1759     overflow: hidden;
    1760     position: absolute;
    1761     clip: rect(0 0 0 0);
    1762     -webkit-clip-path: inset(100%);
    1763     clip-path: inset(100%);
    1764     transition: max-height 0.3s;
    1765     max-height: 1px;
    1766 }
    1767 
    1768 .collapse > :checked + label {
    1769     background: var(--collapse-selected-label-back-color);
    1770     border-bottom-color: var(--collapse-selected-label-border-color);
    1771 }
    1772 
    1773 .collapse > :checked + label + div {
    1774     box-sizing: border-box;
    1775     position: relative;
    1776     width: 100%;
    1777     height: auto;
    1778     overflow: auto;
    1779     margin: 0;
    1780     background: var(--collapse-content-back-color);
    1781     border: 0.0625rem solid var(--collapse-border-color);
    1782     border-top: 0;
    1783     padding: var(--universal-padding);
    1784     clip: auto;
    1785     -webkit-clip-path: inset(0%);
    1786     clip-path: inset(0%);
    1787     max-height: 400px;
    1788 }
    1789 
    1790 .collapse > label:not(:first-of-type) {
    1791     border-top: 0;
    1792 }
    1793 
    1794 .collapse > label:first-of-type {
    1795     border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0;
    1796 }
    1797 
    1798 .collapse > label:last-of-type:not(:first-of-type) {
    1799     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
    1800 }
    1801 
    1802 .collapse > label:last-of-type:first-of-type {
    1803     border-radius: var(--universal-border-radius);
    1804 }
    1805 
    1806 .collapse > :checked:last-of-type:not(:first-of-type) + label {
    1807     border-radius: 0;
    1808 }
    1809 
    1810 .collapse > :checked:last-of-type + label + div {
    1811     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius);
    1812 }
    1813 
    1814 /*
    1815   Custom elements for contextual background elements, toasts and tooltips.
    1816 */
    1817 mark.secondary {
    1818     --mark-back-color: #d32f2f;
    1819 }
    1820 
    1821 mark.tertiary {
    1822     --mark-back-color: #308732;
    1823 }
    1824 
    1825 mark.tag {
    1826     padding: calc(var(--universal-padding)/2) var(--universal-padding);
    1827     border-radius: 1em;
    1828 }
    1829 
    1830 /*
    1831   Definitions for progress elements and spinners.
    1832 */
    1833 /* Progess module CSS variable definitions */
    1834 :root {
    1835     --progress-back-color: #ddd;
    1836     --progress-fore-color: #555;
    1837 }
    1838 
    1839 progress {
    1840     display: block;
    1841     vertical-align: baseline;
    1842     -webkit-appearance: none;
    1843     -moz-appearance: none;
    1844     appearance: none;
    1845     height: 0.75rem;
    1846     width: calc(100% - 2 * var(--universal-margin));
    1847     margin: var(--universal-margin);
    1848     border: 0;
    1849     border-radius: calc(2 * var(--universal-border-radius));
    1850     background: var(--progress-back-color);
    1851     color: var(--progress-fore-color);
    1852 }
    1853 
    1854 progress::-webkit-progress-value {
    1855     background: var(--progress-fore-color);
    1856     border-top-left-radius: calc(2 * var(--universal-border-radius));
    1857     border-bottom-left-radius: calc(2 * var(--universal-border-radius));
    1858 }
    1859 
    1860 progress::-webkit-progress-bar {
    1861     background: var(--progress-back-color);
    1862 }
    1863 
    1864 progress::-moz-progress-bar {
    1865     background: var(--progress-fore-color);
    1866     border-top-left-radius: calc(2 * var(--universal-border-radius));
    1867     border-bottom-left-radius: calc(2 * var(--universal-border-radius));
    1868 }
    1869 
    1870 progress[value="1000"]::-webkit-progress-value {
    1871     border-radius: calc(2 * var(--universal-border-radius));
    1872 }
    1873 
    1874 progress[value="1000"]::-moz-progress-bar {
    1875     border-radius: calc(2 * var(--universal-border-radius));
    1876 }
    1877 
    1878 progress.inline {
    1879     display: inline-block;
    1880     vertical-align: middle;
    1881     width: 60%;
    1882 }
    1883 
    1884 :root {
    1885     --spinner-back-color: #ddd;
    1886     --spinner-fore-color: #555;
    1887 }
    1888 
    1889 @keyframes spinner-donut-anim {
    1890     0% {
    1891         transform: rotate(0deg);
    1892     }
    1893     100% {
    1894         transform: rotate(360deg);
    1895     }
    1896 }
    1897 
    1898 .spinner {
    1899     display: inline-block;
    1900     margin: var(--universal-margin);
    1901     border: 0.25rem solid var(--spinner-back-color);
    1902     border-left: 0.25rem solid var(--spinner-fore-color);
    1903     border-radius: 50%;
    1904     width: 1.25rem;
    1905     height: 1.25rem;
    1906     animation: spinner-donut-anim 1.2s linear infinite;
    1907 }
    1908 
    1909 /*
    1910   Custom elements for progress bars and spinners.
    1911 */
    1912 progress.primary {
    1913     --progress-fore-color: #1976d2;
    1914 }
    1915 
    1916 progress.secondary {
    1917     --progress-fore-color: #d32f2f;
    1918 }
    1919 
    1920 progress.tertiary {
    1921     --progress-fore-color: #308732;
    1922 }
    1923 
    1924 .spinner.primary {
    1925     --spinner-fore-color: #1976d2;
    1926 }
    1927 
    1928 .spinner.secondary {
    1929     --spinner-fore-color: #d32f2f;
    1930 }
    1931 
    1932 .spinner.tertiary {
    1933     --spinner-fore-color: #308732;
    1934 }
    1935 
    1936 /*
    1937   Definitions for icons - powered by Feather (https://feathericons.com/).
    1938 */
    1939 span[class^='icon-'] {
    1940     display: inline-block;
    1941     height: 1em;
    1942     width: 1em;
    1943     vertical-align: -0.125em;
    1944     background-size: contain;
    1945     margin: 0 calc(var(--universal-margin) / 4);
    1946 }
    1947 
    1948 span[class^='icon-'].secondary {
    1949     -webkit-filter: invert(25%);
    1950     filter: invert(25%);
    1951 }
    1952 
    1953 span[class^='icon-'].inverse {
    1954     -webkit-filter: invert(100%);
    1955     filter: invert(100%);
    1956 }
    1957 
    1958 span.icon-alert {
    1959     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E");
    1960 }
    1961 
    1962 span.icon-bookmark {
    1963     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    1964 }
    1965 
    1966 span.icon-calendar {
    1967     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    1968 }
    1969 
    1970 span.icon-credit {
    1971     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
    1972 }
    1973 
    1974 span.icon-edit {
    1975     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E");
    1976 }
    1977 
    1978 span.icon-link {
    1979     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
    1980 }
    1981 
    1982 span.icon-help {
    1983     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E");
    1984 }
    1985 
    1986 span.icon-home {
    1987     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
    1988 }
    1989 
    1990 span.icon-info {
    1991     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='8'%3E%3C/line%3E%3C/svg%3E");
    1992 }
    1993 
    1994 span.icon-lock {
    1995     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");
    1996 }
    1997 
    1998 span.icon-mail {
    1999     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
    2000 }
    2001 
    2002 span.icon-location {
    2003     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
    2004 }
    2005 
    2006 span.icon-phone {
    2007     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
    2008 }
    2009 
    2010 span.icon-rss {
    2011     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'%3E%3C/path%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'%3E%3C/path%3E%3Ccircle cx='5' cy='19' r='1'%3E%3C/circle%3E%3C/svg%3E");
    2012 }
    2013 
    2014 span.icon-search {
    2015     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    2016 }
    2017 
    2018 span.icon-settings {
    2019     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");
    2020 }
    2021 
    2022 span.icon-share {
    2023     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='19' r='3'%3E%3C/circle%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'%3E%3C/line%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'%3E%3C/line%3E%3C/svg%3E");
    2024 }
    2025 
    2026 span.icon-cart {
    2027     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E");
    2028 }
    2029 
    2030 span.icon-upload {
    2031     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
    2032 }
    2033 
    2034 span.icon-user {
    2035     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
    2036 }
    2037 
    2038 /*
    2039   Definitions for utilities and helper classes.
    2040 */
    2041 /* Utility module CSS variable definitions */
    2042 :root {
    2043     --generic-border-color: rgba(0, 0, 0, 0.3);
    2044     --generic-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.125), 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.25);
    2045 }
    2046 
    2047 .hidden {
    2048     display: none !important;
    2049 }
    2050 
    2051 .visually-hidden {
    2052     position: absolute !important;
    2053     width: 1px !important;
    2054     height: 1px !important;
    2055     margin: -1px !important;
    2056     border: 0 !important;
    2057     padding: 0 !important;
    2058     clip: rect(0 0 0 0) !important;
    2059     -webkit-clip-path: inset(100%) !important;
    2060     clip-path: inset(100%) !important;
    2061     overflow: hidden !important;
    2062 }
    2063 
    2064 .bordered {
    2065     border: 0.0625rem solid var(--generic-border-color) !important;
    2066 }
    2067 
    2068 .rounded {
    2069     border-radius: var(--universal-border-radius) !important;
    2070 }
    2071 
    2072 .circular {
    2073     border-radius: 50% !important;
    2074 }
    2075 
    2076 .shadowed {
    2077     box-shadow: var(--generic-box-shadow) !important;
    2078 }
    2079 
    2080 .responsive-margin {
    2081     margin: calc(var(--universal-margin) / 4) !important;
    2082 }
    2083 
    2084 @media screen and (min-width: 768px) {
    2085     .responsive-margin {
    2086         margin: calc(var(--universal-margin) / 2) !important;
    2087     }
    2088 }
    2089 
    2090 @media screen and (min-width: 1280px) {
    2091     .responsive-margin {
    2092         margin: var(--universal-margin) !important;
    2093     }
    2094 }
    2095 
    2096 .responsive-padding {
    2097     padding: calc(var(--universal-padding) / 4) !important;
    2098 }
    2099 
    2100 @media screen and (min-width: 768px) {
    2101     .responsive-padding {
    2102         padding: calc(var(--universal-padding) / 2) !important;
    2103     }
    2104 }
    2105 
    2106 @media screen and (min-width: 1280px) {
    2107     .responsive-padding {
    2108         padding: var(--universal-padding) !important;
    2109     }
    2110 }
    2111 
    2112 @media screen and (max-width: 767px) {
    2113     .hidden-sm {
    2114         display: none !important;
    2115     }
    2116 }
    2117 
    2118 @media screen and (min-width: 768px) and (max-width: 1279px) {
    2119     .hidden-md {
    2120         display: none !important;
    2121     }
    2122 }
    2123 
    2124 @media screen and (min-width: 1280px) {
    2125     .hidden-lg {
    2126         display: none !important;
    2127     }
    2128 }
    2129 
    2130 @media screen and (max-width: 767px) {
    2131     .visually-hidden-sm {
    2132         position: absolute !important;
    2133         width: 1px !important;
    2134         height: 1px !important;
    2135         margin: -1px !important;
    2136         border: 0 !important;
    2137         padding: 0 !important;
    2138         clip: rect(0 0 0 0) !important;
    2139         -webkit-clip-path: inset(100%) !important;
    2140         clip-path: inset(100%) !important;
    2141         overflow: hidden !important;
    2142     }
    2143 }
    2144 
    2145 @media screen and (min-width: 768px) and (max-width: 1279px) {
    2146     .visually-hidden-md {
    2147         position: absolute !important;
    2148         width: 1px !important;
    2149         height: 1px !important;
    2150         margin: -1px !important;
    2151         border: 0 !important;
    2152         padding: 0 !important;
    2153         clip: rect(0 0 0 0) !important;
    2154         -webkit-clip-path: inset(100%) !important;
    2155         clip-path: inset(100%) !important;
    2156         overflow: hidden !important;
    2157     }
    2158 }
    2159 
    2160 @media screen and (min-width: 1280px) {
    2161     .visually-hidden-lg {
    2162         position: absolute !important;
    2163         width: 1px !important;
    2164         height: 1px !important;
    2165         margin: -1px !important;
    2166         border: 0 !important;
    2167         padding: 0 !important;
    2168         clip: rect(0 0 0 0) !important;
    2169         -webkit-clip-path: inset(100%) !important;
    2170         clip-path: inset(100%) !important;
    2171         overflow: hidden !important;
    2172     }
    2173 }
     1/* @charset "UTF-8"; */
     2/* /\* */
     3/*   Flavor name: Default (mini-default) */
     4/*   Author: Angelos Chalaris (chalarangelo@gmail.com) */
     5/*   Maintainers: Angelos Chalaris */
     6/*   mini.css version: v3.0.1 */
     7/* *\/ */
     8/* /\* */
     9/*   Browsers resets and base typography. */
     10/* *\/ */
     11/* /\* Core module CSS variable definitions *\/ */
     12/* :root { */
     13/*     --fore-color: #111; */
     14/*     --secondary-fore-color: #444; */
     15/*     --back-color: #f8f8f8; */
     16/*     --secondary-back-color: #f0f0f0; */
     17/*     --blockquote-color: #f57c00; */
     18/*     --pre-color: #1565c0; */
     19/*     --border-color: #aaa; */
     20/*     --secondary-border-color: #ddd; */
     21/*     --heading-ratio: 1.125; */
     22/*     --universal-margin: 0.5rem; */
     23/*     --universal-padding: 0.5rem; */
     24/*     --universal-border-radius: 0.3rem; */
     25/*     --a-link-color: #0277bd; */
     26/*     --a-visited-color: #01579b; */
     27/* } */
     28
     29/* html { */
     30/*     font-size: 16px; */
     31/* } */
     32
     33/* a, b, del, em, i, ins, q, span, strong, u { */
     34/*     font-size: 1em; */
     35/* } */
     36
     37/* html, * { */
     38/*     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif; */
     39/*     line-height: 1.2; */
     40/*     -webkit-text-size-adjust: 100%; */
     41/* } */
     42
     43/* * { */
     44/*     font-size: 1rem; */
     45/* } */
     46
     47/* body { */
     48/*     margin: 0; */
     49/*     color: var(--fore-color); */
     50/*     background: var(--back-color); */
     51/* } */
     52
     53/* details { */
     54/*     display: block; */
     55/* } */
     56
     57/* summary { */
     58/*     display: list-item; */
     59/* } */
     60
     61/* abbr[title] { */
     62/*     border-bottom: none; */
     63/*     text-decoration: underline dotted; */
     64/* } */
     65
     66/* input { */
     67/*     overflow: visible; */
     68/* } */
     69
     70/* img { */
     71/*     max-width: 100%; */
     72/*     height: auto; */
     73/* } */
     74
     75/* h1, h2, h3, h4, h5, h6 { */
     76/*     margin: var(--universal-margin); */
     77/*     font-weight: 500; */
     78/*     padding: 0.75em 0 0.25em 0; */
     79/* } */
     80
     81/* h3 { */
     82/*     border-bottom: 1px solid #cccccc; */
     83/* } */
     84
     85/* h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { */
     86/*     color: var(--secondary-fore-color); */
     87/*     display: block; */
     88/*     margin-top: -0.25rem; */
     89/* } */
     90
     91/* h1 { */
     92/*     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); */
     93/* } */
     94
     95/* h2 { */
     96/*     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio)); */
     97/* } */
     98
     99/* h3 { */
     100/*     font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio)); */
     101/* } */
     102
     103/* h4 { */
     104/*     font-size: calc(1rem * var(--heading-ratio)); */
     105/* } */
     106
     107/* h5 { */
     108/*     font-size: 1rem; */
     109/* } */
     110
     111/* h6 { */
     112/*     font-size: calc(1rem / var(--heading-ratio)); */
     113/* } */
     114
     115/* p {  */
     116/*     margin: var(--universal-margin); */
     117/* } */
     118
     119/* ol, ul { */
     120/*     margin: var(--universal-margin); */
     121/*     padding-left: calc(2 * var(--universal-margin)); */
     122/* } */
     123
     124/* b, strong { */
     125/*     font-weight: 700; */
     126/* } */
     127
     128/* hr { */
     129/*     box-sizing: content-box; */
     130/*     border: 0; */
     131/*     line-height: 1.25em; */
     132/*     margin: var(--universal-margin); */
     133/*     height: 0.0625rem; */
     134/*     background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent); */
     135/* } */
     136
     137/* blockquote { */
     138/*     display: block; */
     139/*     position: relative; */
     140/*     font-style: italic; */
     141/*     color: var(--secondary-fore-color); */
     142/*     margin: calc(1.5 * var(--universal-margin)) var(--universal-margin); */
     143/*     padding: calc(3 * var(--universal-padding)); */
     144/*     border: 0.0625rem solid var(--secondary-border-color); */
     145/*     border-left: 0.375rem solid var(--blockquote-color); */
     146/*     border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0; */
     147/* } */
     148
     149/* blockquote:before { */
     150/*     position: absolute; */
     151/*     top: calc(0rem - var(--universal-padding)); */
     152/*     left: 0; */
     153/*     font-family: sans-serif; */
     154/*     font-size: 3rem; */
     155/*     font-weight: 700; */
     156/*     content: "\201c"; */
     157/*     color: var(--blockquote-color); */
     158/* } */
     159
     160/* blockquote[cite]:after { */
     161/*     font-style: normal; */
     162/*     font-size: 0.75em; */
     163/*     font-weight: 700; */
     164/*     content: "\a—  " attr(cite); */
     165/*     white-space: pre; */
     166/* } */
     167
     168/* code, kbd, pre, samp { */
     169/*     font-family: Menlo, Consolas, monospace; */
     170/*     font-size: 0.85em; */
     171/* } */
     172
     173/* code { */
     174/*     background: var(--secondary-back-color); */
     175/*     border-radius: var(--universal-border-radius); */
     176/*     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2); */
     177/* } */
     178
     179/* kbd { */
     180/*     background: var(--fore-color); */
     181/*     color: var(--back-color); */
     182/*     border-radius: var(--universal-border-radius); */
     183/*     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2); */
     184/* } */
     185
     186/* pre { */
     187/*     overflow: auto; */
     188/*     background: var(--secondary-back-color); */
     189/*     padding: calc(1.5 * var(--universal-padding)); */
     190/*     margin: var(--universal-margin); */
     191/*     border: 0.0625rem solid var(--secondary-border-color); */
     192/*     border-left: 0.25rem solid var(--pre-color); */
     193/*     border-radius: 0 var(--universal-border-radius) var(--universal-border-radius) 0; */
     194/* } */
     195
     196/* sup, sub, code, kbd { */
     197/*     line-height: 0; */
     198/*     position: relative; */
     199/*     vertical-align: baseline; */
     200/* } */
     201
     202/* small, sup, sub, figcaption { */
     203/*     font-size: 0.75em; */
     204/* } */
     205
     206/* sup { */
     207/*     top: -0.5em; */
     208/* } */
     209
     210/* sub { */
     211/*     bottom: -0.25em; */
     212/* } */
     213
     214/* figure { */
     215/*     margin: var(--universal-margin); */
     216/* } */
     217
     218/* figcaption { */
     219/*     color: var(--secondary-fore-color); */
     220/* } */
     221
     222/* a { */
     223/*     text-decoration: underline; */
     224/* } */
     225
     226/* a:hover { */
     227/*     text-decoration: underline; */
     228/*     background: rgba(0,0,0,.1); */
     229/* } */
     230
     231/* a:link { */
     232/*     color: var(--a-link-color); */
     233/* } */
     234
     235/* a:visited { */
     236/*     color: var(--a-visited-color); */
     237/* } */
     238
     239/* a:hover, a:focus { */
     240/*     text-decoration: underline; */
     241/* } */
     242
     243/* /\* */
     244/*   Definitions for the grid system, cards and containers. */
     245/* *\/ */
     246/* .container { */
     247/*     margin: 0 auto; */
     248/*     padding: 0 calc(1.5 * var(--universal-padding)); */
     249/* } */
     250
     251/* .row { */
     252/*     box-sizing: border-box; */
     253/*     display: flex; */
     254/*     flex: 0 1 auto; */
     255/*     flex-flow: row wrap; */
     256/* } */
     257
     258/* .col-sm, */
     259/* [class^='col-sm-'], */
     260/* [class^='col-sm-offset-'], */
     261/* .row[class*='cols-sm-'] > * { */
     262/*     box-sizing: border-box; */
     263/*     flex: 0 0 auto; */
     264/*     padding: 0 calc(var(--universal-padding) / 2); */
     265/* } */
     266
     267/* .col-sm, */
     268/* .row.cols-sm > * { */
     269/*     max-width: 100%; */
     270/*     flex-grow: 1; */
     271/*     flex-basis: 0; */
     272/* } */
     273
     274/* .col-sm-1, */
     275/* .row.cols-sm-1 > * { */
     276/*     max-width: 8.33333%; */
     277/*     flex-basis: 8.33333%; */
     278/* } */
     279
     280/* .col-sm-offset-0 { */
     281/*     margin-left: 0; */
     282/* } */
     283
     284/* .col-sm-2, */
     285/* .row.cols-sm-2 > * { */
     286/*     max-width: 16.66667%; */
     287/*     flex-basis: 16.66667%; */
     288/* } */
     289
     290/* .col-sm-offset-1 { */
     291/*     margin-left: 8.33333%; */
     292/* } */
     293
     294/* .col-sm-3, */
     295/* .row.cols-sm-3 > * { */
     296/*     max-width: 25%; */
     297/*     flex-basis: 25%; */
     298/* } */
     299
     300/* .col-sm-offset-2 { */
     301/*     margin-left: 16.66667%; */
     302/* } */
     303
     304/* .col-sm-4, */
     305/* .row.cols-sm-4 > * { */
     306/*     max-width: 33.33333%; */
     307/*     flex-basis: 33.33333%; */
     308/* } */
     309
     310/* .col-sm-offset-3 { */
     311/*     margin-left: 25%; */
     312/* } */
     313
     314/* .col-sm-5, */
     315/* .row.cols-sm-5 > * { */
     316/*     max-width: 41.66667%; */
     317/*     flex-basis: 41.66667%; */
     318/* } */
     319
     320/* .col-sm-offset-4 { */
     321/*     margin-left: 33.33333%; */
     322/* } */
     323
     324/* .col-sm-6, */
     325/* .row.cols-sm-6 > * { */
     326/*     max-width: 50%; */
     327/*     flex-basis: 50%; */
     328/* } */
     329
     330/* .col-sm-offset-5 { */
     331/*     margin-left: 41.66667%; */
     332/* } */
     333
     334/* .col-sm-7, */
     335/* .row.cols-sm-7 > * { */
     336/*     max-width: 58.33333%; */
     337/*     flex-basis: 58.33333%; */
     338/* } */
     339
     340/* .col-sm-offset-6 { */
     341/*     margin-left: 50%; */
     342/* } */
     343
     344/* .col-sm-8, */
     345/* .row.cols-sm-8 > * { */
     346/*     max-width: 66.66667%; */
     347/*     flex-basis: 66.66667%; */
     348/* } */
     349
     350/* .col-sm-offset-7 { */
     351/*     margin-left: 58.33333%; */
     352/* } */
     353
     354/* .col-sm-9, */
     355/* .row.cols-sm-9 > * { */
     356/*     max-width: 75%; */
     357/*     flex-basis: 75%; */
     358/* } */
     359
     360/* .col-sm-offset-8 { */
     361/*     margin-left: 66.66667%; */
     362/* } */
     363
     364/* .col-sm-10, */
     365/* .row.cols-sm-10 > * { */
     366/*     max-width: 83.33333%; */
     367/*     flex-basis: 83.33333%; */
     368/* } */
     369
     370/* .col-sm-offset-9 { */
     371/*     margin-left: 75%; */
     372/* } */
     373
     374/* .col-sm-11, */
     375/* .row.cols-sm-11 > * { */
     376/*     max-width: 91.66667%; */
     377/*     flex-basis: 91.66667%; */
     378/* } */
     379
     380/* .col-sm-offset-10 { */
     381/*     margin-left: 83.33333%; */
     382/* } */
     383
     384/* .col-sm-12, */
     385/* .row.cols-sm-12 > * { */
     386/*     max-width: 100%; */
     387/*     flex-basis: 100%; */
     388/* } */
     389
     390/* .col-sm-offset-11 { */
     391/*     margin-left: 91.66667%; */
     392/* } */
     393
     394/* .col-sm-normal { */
     395/*     order: initial; */
     396/* } */
     397
     398/* .col-sm-first { */
     399/*     order: -999; */
     400/* } */
     401
     402/* .col-sm-last { */
     403/*     order: 999; */
     404/* } */
     405
     406/* @media screen and (min-width: 768px) { */
     407/*     .col-md, */
     408/*     [class^='col-md-'], */
     409/*     [class^='col-md-offset-'], */
     410/*     .row[class*='cols-md-'] > * { */
     411/*      box-sizing: border-box; */
     412/*      flex: 0 0 auto; */
     413/*      padding: 0 calc(var(--universal-padding) / 2); */
     414/*     } */
     415/*     .col-md, */
     416/*     .row.cols-md > * { */
     417/*      max-width: 100%; */
     418/*      flex-grow: 1; */
     419/*      flex-basis: 0; */
     420/*     } */
     421/*     .col-md-1, */
     422/*     .row.cols-md-1 > * { */
     423/*      max-width: 8.33333%; */
     424/*      flex-basis: 8.33333%; */
     425/*     } */
     426/*     .col-md-offset-0 { */
     427/*      margin-left: 0; */
     428/*     } */
     429/*     .col-md-2, */
     430/*     .row.cols-md-2 > * { */
     431/*      max-width: 16.66667%; */
     432/*      flex-basis: 16.66667%; */
     433/*     } */
     434/*     .col-md-offset-1 { */
     435/*      margin-left: 8.33333%; */
     436/*     } */
     437/*     .col-md-3, */
     438/*     .row.cols-md-3 > * { */
     439/*      max-width: 25%; */
     440/*      flex-basis: 25%; */
     441/*     } */
     442/*     .col-md-offset-2 { */
     443/*      margin-left: 16.66667%; */
     444/*     } */
     445/*     .col-md-4, */
     446/*     .row.cols-md-4 > * { */
     447/*      max-width: 33.33333%; */
     448/*      flex-basis: 33.33333%; */
     449/*     } */
     450/*     .col-md-offset-3 { */
     451/*      margin-left: 25%; */
     452/*     } */
     453/*     .col-md-5, */
     454/*     .row.cols-md-5 > * { */
     455/*      max-width: 41.66667%; */
     456/*      flex-basis: 41.66667%; */
     457/*     } */
     458/*     .col-md-offset-4 { */
     459/*      margin-left: 33.33333%; */
     460/*     } */
     461/*     .col-md-6, */
     462/*     .row.cols-md-6 > * { */
     463/*      max-width: 50%; */
     464/*      flex-basis: 50%; */
     465/*     } */
     466/*     .col-md-offset-5 { */
     467/*      margin-left: 41.66667%; */
     468/*     } */
     469/*     .col-md-7, */
     470/*     .row.cols-md-7 > * { */
     471/*      max-width: 58.33333%; */
     472/*      flex-basis: 58.33333%; */
     473/*     } */
     474/*     .col-md-offset-6 { */
     475/*      margin-left: 50%; */
     476/*     } */
     477/*     .col-md-8, */
     478/*     .row.cols-md-8 > * { */
     479/*      max-width: 66.66667%; */
     480/*      flex-basis: 66.66667%; */
     481/*     } */
     482/*     .col-md-offset-7 { */
     483/*      margin-left: 58.33333%; */
     484/*     } */
     485/*     .col-md-9, */
     486/*     .row.cols-md-9 > * { */
     487/*      max-width: 75%; */
     488/*      flex-basis: 75%; */
     489/*     } */
     490/*     .col-md-offset-8 { */
     491/*      margin-left: 66.66667%; */
     492/*     } */
     493/*     .col-md-10, */
     494/*     .row.cols-md-10 > * { */
     495/*      max-width: 83.33333%; */
     496/*      flex-basis: 83.33333%; */
     497/*     } */
     498/*     .col-md-offset-9 { */
     499/*      margin-left: 75%; */
     500/*     } */
     501/*     .col-md-11, */
     502/*     .row.cols-md-11 > * { */
     503/*      max-width: 91.66667%; */
     504/*      flex-basis: 91.66667%; */
     505/*     } */
     506/*     .col-md-offset-10 { */
     507/*      margin-left: 83.33333%; */
     508/*     } */
     509/*     .col-md-12, */
     510/*     .row.cols-md-12 > * { */
     511/*      max-width: 100%; */
     512/*      flex-basis: 100%; */
     513/*     } */
     514/*     .col-md-offset-11 { */
     515/*      margin-left: 91.66667%; */
     516/*     } */
     517/*     .col-md-normal { */
     518/*      order: initial; */
     519/*     } */
     520/*     .col-md-first { */
     521/*      order: -999; */
     522/*     } */
     523/*     .col-md-last { */
     524/*      order: 999; */
     525/*     } */
     526/* } */
     527
     528/* @media screen and (min-width: 1280px) { */
     529/*     .col-lg, */
     530/*     [class^='col-lg-'], */
     531/*     [class^='col-lg-offset-'], */
     532/*     .row[class*='cols-lg-'] > * { */
     533/*      box-sizing: border-box; */
     534/*      flex: 0 0 auto; */
     535/*      padding: 0 calc(var(--universal-padding) / 2); */
     536/*     } */
     537/*     .col-lg, */
     538/*     .row.cols-lg > * { */
     539/*      max-width: 100%; */
     540/*      flex-grow: 1; */
     541/*      flex-basis: 0; */
     542/*     } */
     543/*     .col-lg-1, */
     544/*     .row.cols-lg-1 > * { */
     545/*      max-width: 8.33333%; */
     546/*      flex-basis: 8.33333%; */
     547/*     } */
     548/*     .col-lg-offset-0 { */
     549/*      margin-left: 0; */
     550/*     } */
     551/*     .col-lg-2, */
     552/*     .row.cols-lg-2 > * { */
     553/*      max-width: 16.66667%; */
     554/*      flex-basis: 16.66667%; */
     555/*     } */
     556/*     .col-lg-offset-1 { */
     557/*      margin-left: 8.33333%; */
     558/*     } */
     559/*     .col-lg-3, */
     560/*     .row.cols-lg-3 > * { */
     561/*      max-width: 25%; */
     562/*      flex-basis: 25%; */
     563/*     } */
     564/*     .col-lg-offset-2 { */
     565/*      margin-left: 16.66667%; */
     566/*     } */
     567/*     .col-lg-4, */
     568/*     .row.cols-lg-4 > * { */
     569/*      max-width: 33.33333%; */
     570/*      flex-basis: 33.33333%; */
     571/*     } */
     572/*     .col-lg-offset-3 { */
     573/*      margin-left: 25%; */
     574/*     } */
     575/*     .col-lg-5, */
     576/*     .row.cols-lg-5 > * { */
     577/*      max-width: 41.66667%; */
     578/*      flex-basis: 41.66667%; */
     579/*     } */
     580/*     .col-lg-offset-4 { */
     581/*      margin-left: 33.33333%; */
     582/*     } */
     583/*     .col-lg-6, */
     584/*     .row.cols-lg-6 > * { */
     585/*      max-width: 50%; */
     586/*      flex-basis: 50%; */
     587/*     } */
     588/*     .col-lg-offset-5 { */
     589/*      margin-left: 41.66667%; */
     590/*     } */
     591/*     .col-lg-7, */
     592/*     .row.cols-lg-7 > * { */
     593/*      max-width: 58.33333%; */
     594/*      flex-basis: 58.33333%; */
     595/*     } */
     596/*     .col-lg-offset-6 { */
     597/*      margin-left: 50%; */
     598/*     } */
     599/*     .col-lg-8, */
     600/*     .row.cols-lg-8 > * { */
     601/*      max-width: 66.66667%; */
     602/*      flex-basis: 66.66667%; */
     603/*     } */
     604/*     .col-lg-offset-7 { */
     605/*      margin-left: 58.33333%; */
     606/*     } */
     607/*     .col-lg-9, */
     608/*     .row.cols-lg-9 > * { */
     609/*      max-width: 75%; */
     610/*      flex-basis: 75%; */
     611/*     } */
     612/*     .col-lg-offset-8 { */
     613/*      margin-left: 66.66667%; */
     614/*     } */
     615/*     .col-lg-10, */
     616/*     .row.cols-lg-10 > * { */
     617/*      max-width: 83.33333%; */
     618/*      flex-basis: 83.33333%; */
     619/*     } */
     620/*     .col-lg-offset-9 { */
     621/*      margin-left: 75%; */
     622/*     } */
     623/*     .col-lg-11, */
     624/*     .row.cols-lg-11 > * { */
     625/*      max-width: 91.66667%; */
     626/*      flex-basis: 91.66667%; */
     627/*     } */
     628/*     .col-lg-offset-10 { */
     629/*      margin-left: 83.33333%; */
     630/*     } */
     631/*     .col-lg-12, */
     632/*     .row.cols-lg-12 > * { */
     633/*      max-width: 100%; */
     634/*      flex-basis: 100%; */
     635/*     } */
     636/*     .col-lg-offset-11 { */
     637/*      margin-left: 91.66667%; */
     638/*     } */
     639/*     .col-lg-normal { */
     640/*      order: initial; */
     641/*     } */
     642/*     .col-lg-first { */
     643/*      order: -999; */
     644/*     } */
     645/*     .col-lg-last { */
     646/*      order: 999; */
     647/*     } */
     648/* } */
     649
     650/* /\* Card component CSS variable definitions *\/ */
     651/* :root { */
     652/*     --card-back-color: #f8f8f8; */
     653/*     --card-fore-color: #111; */
     654/*     --card-border-color: #ddd; */
     655/* } */
     656
     657/* .card { */
     658/*     display: flex; */
     659/*     flex-direction: column; */
     660/*     justify-content: space-between; */
     661/*     align-self: center; */
     662/*     position: relative; */
     663/*     width: 100%; */
     664/*     background: var(--card-back-color); */
     665/*     color: var(--card-fore-color); */
     666/*     border: 0.0625rem solid var(--card-border-color); */
     667/*     border-radius: var(--universal-border-radius); */
     668/*     margin: var(--universal-margin); */
     669/*     overflow: hidden; */
     670/* } */
     671
     672/* @media screen and (min-width: 320px) { */
     673/*     .card { */
     674/*      max-width: 320px; */
     675/*     } */
     676/* } */
     677
     678/* .card > .section { */
     679/*     background: var(--card-back-color); */
     680/*     color: var(--card-fore-color); */
     681/*     box-sizing: border-box; */
     682/*     margin: 0; */
     683/*     border: 0; */
     684/*     border-radius: 0; */
     685/*     border-bottom: 0.0625rem solid var(--card-border-color); */
     686/*     padding: var(--universal-padding); */
     687/*     width: 100%; */
     688/* } */
     689
     690/* .card > .section.media { */
     691/*     height: 200px; */
     692/*     padding: 0; */
     693/*     -o-object-fit: cover; */
     694/*     object-fit: cover; */
     695/* } */
     696
     697/* .card > .section:last-child { */
     698/*     border-bottom: 0; */
     699/* } */
     700
     701/* /\* */
     702/*   Custom elements for card elements. */
     703/* *\/ */
     704/* @media screen and (min-width: 240px) { */
     705/*     .card.small { */
     706/*      max-width: 240px; */
     707/*     } */
     708/* } */
     709
     710/* @media screen and (min-width: 480px) { */
     711/*     .card.large { */
     712/*      max-width: 480px; */
     713/*     } */
     714/* } */
     715
     716/* .card.fluid { */
     717/*     max-width: 100%; */
     718/*     width: auto; */
     719/* } */
     720
     721/* .card.warning { */
     722/*     --card-back-color: #ffca28; */
     723/*     --card-border-color: #e8b825; */
     724/* } */
     725
     726/* .card.error { */
     727/*     --card-back-color: #b71c1c; */
     728/*     --card-fore-color: #f8f8f8; */
     729/*     --card-border-color: #a71a1a; */
     730/* } */
     731
     732/* .card > .section.dark { */
     733/*     --card-back-color: #e0e0e0; */
     734/* } */
     735
     736/* .card > .section.double-padded { */
     737/*     padding: calc(1.5 * var(--universal-padding)); */
     738/* } */
     739
     740/* /\* */
     741/*   Definitions for forms and input elements. */
     742/* *\/ */
     743/* /\* Input_control module CSS variable definitions *\/ */
     744/* :root { */
     745/*     --form-back-color: #f0f0f0; */
     746/*     --form-fore-color: #111; */
     747/*     --form-border-color: #ddd; */
     748/*     --input-back-color: #f8f8f8; */
     749/*     --input-fore-color: #111; */
     750/*     --input-border-color: #ddd; */
     751/*     --input-focus-color: #0288d1; */
     752/*     --input-invalid-color: #d32f2f; */
     753/*     --button-back-color: #e2e2e2; */
     754/*     --button-hover-back-color: #dcdcdc; */
     755/*     --button-fore-color: #212121; */
     756/*     --button-border-color: transparent; */
     757/*     --button-hover-border-color: transparent; */
     758/*     --button-group-border-color: rgba(124, 124, 124, 0.54); */
     759/* } */
     760
     761/* form { */
     762/*     background: var(--form-back-color); */
     763/*     color: var(--form-fore-color); */
     764/*     border: 0.0625rem solid var(--form-border-color); */
     765/*     border-radius: var(--universal-border-radius); */
     766/*     margin: var(--universal-margin); */
     767/*     padding: calc(2 * var(--universal-padding)) var(--universal-padding); */
     768/* } */
     769
     770/* fieldset { */
     771/*     border: 0.0625rem solid var(--form-border-color); */
     772/*     border-radius: var(--universal-border-radius); */
     773/*     margin: calc(var(--universal-margin) / 4); */
     774/*     padding: var(--universal-padding); */
     775/* } */
     776
     777/* legend { */
     778/*     box-sizing: border-box; */
     779/*     display: table; */
     780/*     max-width: 100%; */
     781/*     white-space: normal; */
     782/*     font-weight: 700; */
     783/*     padding: calc(var(--universal-padding) / 2); */
     784/* } */
     785
     786/* label { */
     787/*     padding: calc(var(--universal-padding) / 2) var(--universal-padding); */
     788/* } */
     789
     790/* .input-group { */
     791/*     display: inline-block; */
     792/* } */
     793
     794/* .input-group.fluid { */
     795/*     display: flex; */
     796/*     align-items: center; */
     797/*     justify-content: center; */
     798/* } */
     799
     800/* .input-group.fluid > input { */
     801/*     max-width: 100%; */
     802/*     flex-grow: 1; */
     803/*     flex-basis: 0px; */
     804/* } */
     805
     806/* @media screen and (max-width: 767px) { */
     807/*     .input-group.fluid { */
     808/*      align-items: stretch; */
     809/*      flex-direction: column; */
     810/*     } */
     811/* } */
     812
     813/* .input-group.vertical { */
     814/*     display: flex; */
     815/*     align-items: stretch; */
     816/*     flex-direction: column; */
     817/* } */
     818
     819/* .input-group.vertical > input { */
     820/*     max-width: 100%; */
     821/*     flex-grow: 1; */
     822/*     flex-basis: 0px; */
     823/* } */
     824
     825/* [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { */
     826/*     height: auto; */
     827/* } */
     828
     829/* [type="search"] { */
     830/*     -webkit-appearance: textfield; */
     831/*     outline-offset: -2px; */
     832/* } */
     833
     834/* [type="search"]::-webkit-search-cancel-button, */
     835/* [type="search"]::-webkit-search-decoration { */
     836/*     -webkit-appearance: none; */
     837/* } */
     838
     839/* input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"], */
     840/* [type="password"], [type="url"], [type="tel"], [type="checkbox"], [type="radio"], textarea, select { */
     841/*     box-sizing: border-box; */
     842/*     background: var(--input-back-color); */
     843/*     color: var(--input-fore-color); */
     844/*     border: 0.0625rem solid var(--input-border-color); */
     845/*     border-radius: var(--universal-border-radius); */
     846/*     margin: calc(var(--universal-margin) / 2); */
     847/*     padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); */
     848/* } */
     849
     850/* input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus { */
     851/*     border-color: var(--input-focus-color); */
     852/*     box-shadow: none; */
     853/* } */
     854
     855/* input:not([type="button"]):not([type="submit"]):not([type="reset"]):invalid, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus:invalid, textarea:invalid, textarea:focus:invalid, select:invalid, select:focus:invalid { */
     856/*     border-color: var(--input-invalid-color); */
     857/*     box-shadow: none; */
     858/* } */
     859
     860/* input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], textarea[readonly], select[readonly] { */
     861/*     background: var(--secondary-back-color); */
     862/* } */
     863
     864/* select { */
     865/*     max-width: 100%; */
     866/* } */
     867
     868/* option { */
     869/*     overflow: hidden; */
     870/*     text-overflow: ellipsis; */
     871/* } */
     872
     873/* [type="checkbox"], [type="radio"] { */
     874/*     -webkit-appearance: none; */
     875/*     -moz-appearance: none; */
     876/*     appearance: none; */
     877/*     position: relative; */
     878/*     height: calc(1rem + var(--universal-padding) / 2); */
     879/*     width: calc(1rem + var(--universal-padding) / 2); */
     880/*     vertical-align: text-bottom; */
     881/*     padding: 0; */
     882/*     flex-basis: calc(1rem + var(--universal-padding) / 2) !important; */
     883/*     flex-grow: 0 !important; */
     884/* } */
     885
     886/* [type="checkbox"]:checked:before, [type="radio"]:checked:before { */
     887/*     position: absolute; */
     888/* } */
     889
     890/* [type="checkbox"]:checked:before { */
     891/*     content: '\2713'; */
     892/*     font-family: sans-serif; */
     893/*     font-size: calc(1rem + var(--universal-padding) / 2); */
     894/*     top: calc(0rem - var(--universal-padding)); */
     895/*     left: calc(var(--universal-padding) / 4); */
     896/* } */
     897
     898/* [type="radio"] { */
     899/*     border-radius: 100%; */
     900/* } */
     901
     902/* [type="radio"]:checked:before { */
     903/*     border-radius: 100%; */
     904/*     content: ''; */
     905/*     top: calc(0.0625rem + var(--universal-padding) / 2); */
     906/*     left: calc(0.0625rem + var(--universal-padding) / 2); */
     907/*     background: var(--input-fore-color); */
     908/*     width: 0.5rem; */
     909/*     height: 0.5rem; */
     910/* } */
     911
     912/* :placeholder-shown { */
     913/*     color: var(--input-fore-color); */
     914/* } */
     915
     916/* ::-ms-placeholder { */
     917/*     color: var(--input-fore-color); */
     918/*     opacity: 0.54; */
     919/* } */
     920
     921/* button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { */
     922/*     border-style: none; */
     923/*     padding: 0; */
     924/* } */
     925
     926/* button, html [type="button"], [type="reset"], [type="submit"] { */
     927/*     -webkit-appearance: button; */
     928/* } */
     929
     930/* button { */
     931/*     overflow: visible; */
     932/*     text-transform: none; */
     933/* } */
     934
     935/* button, [type="button"], [type="submit"], [type="reset"], */
     936/* a.button, label.button, .button, */
     937/* a[role="button"], label[role="button"], [role="button"] { */
     938/*     display: inline-block; */
     939/*     background: var(--button-back-color); */
     940/*     color: var(--button-fore-color); */
     941/*     border: 0.0625rem solid var(--button-border-color); */
     942/*     border-radius: var(--universal-border-radius); */
     943/*     padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); */
     944/*     margin: var(--universal-margin); */
     945/*     text-decoration: none; */
     946/*     cursor: pointer; */
     947/*     transition: background 0.3s; */
     948/* } */
     949
     950/* button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus, */
     951/* a.button:hover, */
     952/* a.button:focus, label.button:hover, label.button:focus, .button:hover, .button:focus, */
     953/* a[role="button"]:hover, */
     954/* a[role="button"]:focus, label[role="button"]:hover, label[role="button"]:focus, [role="button"]:hover, [role="button"]:focus { */
     955/*     background: var(--button-hover-back-color); */
     956/*     border-color: var(--button-hover-border-color); */
     957/* } */
     958
     959/* input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:disabled, select[disabled], button:disabled, button[disabled], .button:disabled, .button[disabled], [role="button"]:disabled, [role="button"][disabled] { */
     960/*     cursor: not-allowed; */
     961/*     opacity: 0.75; */
     962/* } */
     963
     964/* .button-group { */
     965/*     display: flex; */
     966/*     border: 0.0625rem solid var(--button-group-border-color); */
     967/*     border-radius: var(--universal-border-radius); */
     968/*     margin: var(--universal-margin); */
     969/* } */
     970
     971/* .button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"], */
     972/* .button-group > .button, .button-group > [role="button"] { */
     973/*     margin: 0; */
     974/*     max-width: 100%; */
     975/*     flex: 1 1 auto; */
     976/*     text-align: center; */
     977/*     border: 0; */
     978/*     border-radius: 0; */
     979/*     box-shadow: none; */
     980/* } */
     981
     982/* .button-group > :not(:first-child) { */
     983/*     border-left: 0.0625rem solid var(--button-group-border-color); */
     984/* } */
     985
     986/* @media screen and (max-width: 767px) { */
     987/*     .button-group { */
     988/*      flex-direction: column; */
     989/*     } */
     990/*     .button-group > :not(:first-child) { */
     991/*      border: 0; */
     992/*      border-top: 0.0625rem solid var(--button-group-border-color); */
     993/*     } */
     994/* } */
     995
     996/* /\* */
     997/*   Custom elements for forms and input elements. */
     998/* *\/ */
     999/* button.primary, [type="button"].primary, [type="submit"].primary, [type="reset"].primary, .button.primary, [role="button"].primary { */
     1000/*     --button-back-color: #1976d2; */
     1001/*     --button-fore-color: #f8f8f8; */
     1002/* } */
     1003
     1004/* button.primary:hover, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:focus, [type="reset"].primary:hover, [type="reset"].primary:focus, .button.primary:hover, .button.primary:focus, [role="button"].primary:hover, [role="button"].primary:focus { */
     1005/*     --button-hover-back-color: #1565c0; */
     1006/* } */
     1007
     1008/* button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary { */
     1009/*     --button-back-color: #d32f2f; */
     1010/*     --button-fore-color: #f8f8f8; */
     1011/* } */
     1012
     1013/* button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus { */
     1014/*     --button-hover-back-color: #c62828; */
     1015/* } */
     1016
     1017/* button.tertiary, [type="button"].tertiary, [type="submit"].tertiary, [type="reset"].tertiary, .button.tertiary, [role="button"].tertiary { */
     1018/*     --button-back-color: #308732; */
     1019/*     --button-fore-color: #f8f8f8; */
     1020/* } */
     1021
     1022/* button.tertiary:hover, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:focus, [type="reset"].tertiary:hover, [type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:focus, [role="button"].tertiary:hover, [role="button"].tertiary:focus { */
     1023/*     --button-hover-back-color: #277529; */
     1024/* } */
     1025
     1026/* button.inverse, [type="button"].inverse, [type="submit"].inverse, [type="reset"].inverse, .button.inverse, [role="button"].inverse { */
     1027/*     --button-back-color: #212121; */
     1028/*     --button-fore-color: #f8f8f8; */
     1029/* } */
     1030
     1031/* button.inverse:hover, button.inverse:focus, [type="button"].inverse:hover, [type="button"].inverse:focus, [type="submit"].inverse:hover, [type="submit"].inverse:focus, [type="reset"].inverse:hover, [type="reset"].inverse:focus, .button.inverse:hover, .button.inverse:focus, [role="button"].inverse:hover, [role="button"].inverse:focus { */
     1032/*     --button-hover-back-color: #111; */
     1033/* } */
     1034
     1035/* button.small, [type="button"].small, [type="submit"].small, [type="reset"].small, .button.small, [role="button"].small { */
     1036/*     padding: calc(0.5 * var(--universal-padding)) calc(0.75 * var(--universal-padding)); */
     1037/*     margin: var(--universal-margin); */
     1038/* } */
     1039
     1040/* button.large, [type="button"].large, [type="submit"].large, [type="reset"].large, .button.large, [role="button"].large { */
     1041/*     padding: calc(1.5 * var(--universal-padding)) calc(2 * var(--universal-padding)); */
     1042/*     margin: var(--universal-margin); */
     1043/* } */
     1044
     1045/* /\* */
     1046/*   Definitions for navigation elements. */
     1047/* *\/ */
     1048/* /\* Navigation module CSS variable definitions *\/ */
     1049/* :root { */
     1050/*     --header-back-color: #f8f8f8; */
     1051/*     --header-hover-back-color: #f0f0f0; */
     1052/*     --header-fore-color: #444; */
     1053/*     --header-border-color: #ddd; */
     1054/*     --nav-back-color: #f8f8f8; */
     1055/*     --nav-hover-back-color: #f0f0f0; */
     1056/*     --nav-fore-color: #444; */
     1057/*     --nav-border-color: #ddd; */
     1058/*     --nav-link-color: #0277bd; */
     1059/*     --footer-fore-color: #444; */
     1060/*     --footer-back-color: #f8f8f8; */
     1061/*     --footer-border-color: #ddd; */
     1062/*     --footer-link-color: #0277bd; */
     1063/*     --drawer-back-color: #f8f8f8; */
     1064/*     --drawer-hover-back-color: #f0f0f0; */
     1065/*     --drawer-border-color: #ddd; */
     1066/*     --drawer-close-color: #444; */
     1067/* } */
     1068
     1069/* header { */
     1070/*     background: var(--header-back-color); */
     1071/*     color: var(--header-fore-color); */
     1072/*     border-bottom: 0.0625rem solid var(--header-border-color); */
     1073/*     padding: calc(var(--universal-padding) / 4) 0; */
     1074/*     white-space: nowrap; */
     1075/*     overflow-x: auto; */
     1076/*     overflow-y: hidden; */
     1077/* } */
     1078
     1079/* header.row { */
     1080/*     box-sizing: content-box; */
     1081/* } */
     1082
     1083/* header .logo { */
     1084/*     color: var(--header-fore-color); */
     1085/*     padding: var(--universal-padding) calc(2 * var(--universal-padding)); */
     1086/*     font-weight: 900; */
     1087/*     box-shadow: 0 1px 2px rgba(0,0,0,.35); */
     1088/* } */
     1089
     1090/* header button, header [type="button"], header .button, header [role="button"] { */
     1091/*     font-size: 1.25rem; */
     1092/*     margin: 0; */
     1093/*     margin-right: 0.25em; */
     1094/*     border-radius: var(--universal-border-radius); */
     1095/*     box-shadow: 0 1px 2px rgba(0,0,0,.35); */
     1096/* } */
     1097
     1098/* header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus, header .button:hover, header .button:focus, header [role="button"]:hover, header [role="button"]:focus, header .logo:hover { */
     1099/*     background: var(--header-hover-back-color); */
     1100/*     text-decoration: underline; */
     1101/*     text-underline-offset: 0.2em; */
     1102/*     text-decoration-thickness: 2px; */
     1103/* } */
     1104
     1105/* nav { */
     1106/*     background: var(--nav-back-color); */
     1107/*     color: var(--nav-fore-color); */
     1108/*     border: 0.0625rem solid var(--nav-border-color); */
     1109/*     border-radius: var(--universal-border-radius); */
     1110/*     margin: var(--universal-margin); */
     1111/* } */
     1112
     1113/* nav * { */
     1114/*     padding: var(--universal-padding) calc(1.5 * var(--universal-padding)); */
     1115/* } */
     1116
     1117/* nav a, nav a:visited { */
     1118/*     display: block; */
     1119/*     color: var(--nav-link-color); */
     1120/*     border-radius: var(--universal-border-radius); */
     1121/*     transition: background 0.3s; */
     1122/* } */
     1123
     1124/* nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus { */
     1125/*     background: var(--nav-hover-back-color); */
     1126/* } */
     1127
     1128/* nav .sublink-1 { */
     1129/*     position: relative; */
     1130/*     margin-left: calc(2 * var(--universal-padding)); */
     1131/* } */
     1132
     1133/* nav .sublink-1:before { */
     1134/*     position: absolute; */
     1135/*     left: calc(var(--universal-padding) - 1 * var(--universal-padding)); */
     1136/*     top: -0.0625rem; */
     1137/*     content: ''; */
     1138/*     height: 100%; */
     1139/*     border: 0.0625rem solid var(--nav-border-color); */
     1140/*     border-left: 0; */
     1141/* } */
     1142
     1143/* nav .sublink-2 { */
     1144/*     position: relative; */
     1145/*     margin-left: calc(4 * var(--universal-padding)); */
     1146/* } */
     1147
     1148/* nav .sublink-2:before { */
     1149/*     position: absolute; */
     1150/*     left: calc(var(--universal-padding) - 3 * var(--universal-padding)); */
     1151/*     top: -0.0625rem; */
     1152/*     content: ''; */
     1153/*     height: 100%; */
     1154/*     border: 0.0625rem solid var(--nav-border-color); */
     1155/*     border-left: 0; */
     1156/* } */
     1157
     1158/* footer { */
     1159/*     background: var(--footer-back-color); */
     1160/*     color: var(--footer-fore-color); */
     1161/*     border-top: 0.0625rem solid var(--footer-border-color); */
     1162/*     padding: calc(2 * var(--universal-padding)) var(--universal-padding); */
     1163/*     font-size: 0.875rem; */
     1164/* } */
     1165
     1166/* footer a, footer a:visited { */
     1167/*     color: var(--footer-link-color); */
     1168/* } */
     1169
     1170/* header.sticky { */
     1171/*     position: -webkit-sticky; */
     1172/*     position: sticky; */
     1173/*     z-index: 1101; */
     1174/*     top: 0; */
     1175/* } */
     1176
     1177/* footer.sticky { */
     1178/*     position: -webkit-sticky; */
     1179/*     position: sticky; */
     1180/*     z-index: 1101; */
     1181/*     bottom: 0; */
     1182/* } */
     1183
     1184/* .drawer-toggle:before { */
     1185/*     display: inline-block; */
     1186/*     position: relative; */
     1187/*     vertical-align: bottom; */
     1188/*     content: '\00a0\2261\00a0'; */
     1189/*     font-family: sans-serif; */
     1190/*     font-size: 1.5em; */
     1191/* } */
     1192
     1193/* @media screen and (min-width: 768px) { */
     1194/*     .drawer-toggle:not(.persistent) { */
     1195/*      display: none; */
     1196/*     } */
     1197/* } */
     1198
     1199/* [type="checkbox"].drawer { */
     1200/*     height: 1px; */
     1201/*     width: 1px; */
     1202/*     margin: -1px; */
     1203/*     overflow: hidden; */
     1204/*     position: absolute; */
     1205/*     clip: rect(0 0 0 0); */
     1206/*     -webkit-clip-path: inset(100%); */
     1207/*     clip-path: inset(100%); */
     1208/* } */
     1209
     1210/* [type="checkbox"].drawer + * { */
     1211/*     display: block; */
     1212/*     box-sizing: border-box; */
     1213/*     position: fixed; */
     1214/*     top: 0; */
     1215/*     width: 320px; */
     1216/*     height: 100vh; */
     1217/*     overflow-y: auto; */
     1218/*     background: var(--drawer-back-color); */
     1219/*     border: 0.0625rem solid var(--drawer-border-color); */
     1220/*     border-radius: 0; */
     1221/*     margin: 0; */
     1222/*     z-index: 1110; */
     1223/*     right: -320px; */
     1224/*     transition: right 0.3s; */
     1225/* } */
     1226
     1227/* [type="checkbox"].drawer + * .drawer-close { */
     1228/*     position: absolute; */
     1229/*     top: var(--universal-margin); */
     1230/*     right: var(--universal-margin); */
     1231/*     z-index: 1111; */
     1232/*     width: 2rem; */
     1233/*     height: 2rem; */
     1234/*     border-radius: var(--universal-border-radius); */
     1235/*     padding: var(--universal-padding); */
     1236/*     margin: 0; */
     1237/*     cursor: pointer; */
     1238/*     transition: background 0.3s; */
     1239/* } */
     1240
     1241/* [type="checkbox"].drawer + * .drawer-close:before { */
     1242/*     display: block; */
     1243/*     content: '\00D7'; */
     1244/*     color: var(--drawer-close-color); */
     1245/*     position: relative; */
     1246/*     font-family: sans-serif; */
     1247/*     font-size: 2rem; */
     1248/*     line-height: 1; */
     1249/*     text-align: center; */
     1250/* } */
     1251
     1252/* [type="checkbox"].drawer + * .drawer-close:hover, [type="checkbox"].drawer + * .drawer-close:focus { */
     1253/*     background: var(--drawer-hover-back-color); */
     1254/* } */
     1255
     1256/* @media screen and (max-width: 320px) { */
     1257/*     [type="checkbox"].drawer + * { */
     1258/*      width: 100%; */
     1259/*     } */
     1260/* } */
     1261
     1262/* [type="checkbox"].drawer:checked + * { */
     1263/*     right: 0; */
     1264/* } */
     1265
     1266/* @media screen and (min-width: 768px) { */
     1267/*     [type="checkbox"].drawer:not(.persistent) + * { */
     1268/*      position: static; */
     1269/*      height: 100%; */
     1270/*      z-index: 1100; */
     1271/*     } */
     1272/*     [type="checkbox"].drawer:not(.persistent) + * .drawer-close { */
     1273/*      display: none; */
     1274/*     } */
     1275/* } */
     1276
     1277/* /\* */
     1278/*   Definitions for the responsive table component. */
     1279/* *\/ */
     1280/* /\* Table module CSS variable definitions. *\/ */
     1281/* :root { */
     1282/*     --table-border-color: #aaa; */
     1283/*     --table-border-separator-color: #666; */
     1284/*     --table-head-back-color: #e6e6e6; */
     1285/*     --table-head-fore-color: #111; */
     1286/*     --table-body-back-color: #f8f8f8; */
     1287/*     --table-body-fore-color: #111; */
     1288/*     --table-body-alt-back-color: #eee; */
     1289/* } */
     1290
     1291/* table { */
     1292/*     border-collapse: separate; */
     1293/*     border-spacing: 0; */
     1294/*     margin: 0; */
     1295/*     display: flex; */
     1296/*     flex: 0 1 auto; */
     1297/*     flex-flow: row wrap; */
     1298/*     padding: var(--universal-padding); */
     1299/*     padding-top: 0; */
     1300/* } */
     1301
     1302/* table caption { */
     1303/*     font-size: 1.5rem; */
     1304/*     margin: calc(2 * var(--universal-margin)) 0; */
     1305/*     max-width: 100%; */
     1306/*     flex: 0 0 100%; */
     1307/* } */
     1308
     1309/* table thead, table tbody { */
     1310/*     display: flex; */
     1311/*     flex-flow: row wrap; */
     1312/*     border: 0.0625rem solid var(--table-border-color); */
     1313/* } */
     1314
     1315/* table thead { */
     1316/*     z-index: 999; */
     1317/*     border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0; */
     1318/*     border-bottom: 0.0625rem solid var(--table-border-separator-color); */
     1319/* } */
     1320
     1321/* table tbody { */
     1322/*     border-top: 0; */
     1323/*     margin-top: calc(0 - var(--universal-margin)); */
     1324/*     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); */
     1325/* } */
     1326
     1327/* table tr { */
     1328/*     display: flex; */
     1329/*     padding: 0; */
     1330/* } */
     1331
     1332/* table th, table td { */
     1333/*     padding: calc(2 * var(--universal-padding)); */
     1334/* } */
     1335
     1336/* table th { */
     1337/*     text-align: left; */
     1338/*     background: var(--table-head-back-color); */
     1339/*     color: var(--table-head-fore-color); */
     1340/* } */
     1341
     1342/* table td { */
     1343/*     background: var(--table-body-back-color); */
     1344/*     color: var(--table-body-fore-color); */
     1345/*     border-top: 0.0625rem solid var(--table-border-color); */
     1346/* } */
     1347
     1348/* table:not(.horizontal) { */
     1349/*     overflow: auto; */
     1350/*     max-height: 400px; */
     1351/* } */
     1352
     1353/* table:not(.horizontal) thead, table:not(.horizontal) tbody { */
     1354/*     max-width: 100%; */
     1355/*     flex: 0 0 100%; */
     1356/* } */
     1357
     1358/* table:not(.horizontal) tr { */
     1359/*     flex-flow: row wrap; */
     1360/*     flex: 0 0 100%; */
     1361/* } */
     1362
     1363/* table:not(.horizontal) th, table:not(.horizontal) td { */
     1364/*     flex: 1 0 0%; */
     1365/*     overflow: hidden; */
     1366/*     text-overflow: ellipsis; */
     1367/* } */
     1368
     1369/* table:not(.horizontal) thead { */
     1370/*     position: sticky; */
     1371/*     top: 0; */
     1372/* } */
     1373
     1374/* table:not(.horizontal) tbody tr:first-child td { */
     1375/*     /\* border-top: 0; *\/ */
     1376/* } */
     1377
     1378/* table.horizontal { */
     1379/*     border: 0; */
     1380/* } */
     1381
     1382/* table.horizontal thead, table.horizontal tbody { */
     1383/*     border: 0; */
     1384/*     flex: .2 0 0; */
     1385/*     flex-flow: row nowrap; */
     1386/* } */
     1387
     1388/* table.horizontal tbody { */
     1389/*     overflow: auto; */
     1390/*     justify-content: space-between; */
     1391/*     flex: .8 0 0; */
     1392/*     margin-left: 0; */
     1393/*     padding-bottom: calc(var(--universal-padding) / 4); */
     1394/* } */
     1395
     1396/* table.horizontal tr { */
     1397/*     flex-direction: column; */
     1398/*     flex: 1 0 auto; */
     1399/* } */
     1400
     1401/* table.horizontal th, table.horizontal td { */
     1402/*     width: auto; */
     1403/*     border: 0; */
     1404/*     border-bottom: 0.0625rem solid var(--table-border-color); */
     1405/* } */
     1406
     1407/* table.horizontal th:not(:first-child), table.horizontal td:not(:first-child) { */
     1408/*     border-top: 0; */
     1409/* } */
     1410
     1411/* table.horizontal th { */
     1412/*     text-align: right; */
     1413/*     border-left: 0.0625rem solid var(--table-border-color); */
     1414/*     border-right: 0.0625rem solid var(--table-border-separator-color); */
     1415/* } */
     1416
     1417/* table.horizontal thead tr:first-child { */
     1418/*     padding-left: 0; */
     1419/* } */
     1420
     1421/* table.horizontal th:first-child, table.horizontal td:first-child { */
     1422/*     border-top: 0.0625rem solid var(--table-border-color); */
     1423/* } */
     1424
     1425/* table.horizontal tbody tr:last-child td { */
     1426/*     border-right: 0.0625rem solid var(--table-border-color); */
     1427/* } */
     1428
     1429/* table.horizontal tbody tr:last-child td:first-child { */
     1430/*     border-top-right-radius: 0.25rem; */
     1431/* } */
     1432
     1433/* table.horizontal tbody tr:last-child td:last-child { */
     1434/*     border-bottom-right-radius: 0.25rem; */
     1435/* } */
     1436
     1437/* table.horizontal thead tr:first-child th:first-child { */
     1438/*     border-top-left-radius: 0.25rem; */
     1439/* } */
     1440
     1441/* table.horizontal thead tr:first-child th:last-child { */
     1442/*     border-bottom-left-radius: 0.25rem; */
     1443/* } */
     1444
     1445/* @media screen and (max-width: 767px) { */
     1446/*     table, table.horizontal { */
     1447/*      border-collapse: collapse; */
     1448/*      border: 0; */
     1449/*      width: 100%; */
     1450/*      display: table; */
     1451/*     } */
     1452/*     table thead, table th, table.horizontal thead, table.horizontal th { */
     1453/*      border: 0; */
     1454/*      height: 1px; */
     1455/*      width: 1px; */
     1456/*      margin: -1px; */
     1457/*      overflow: hidden; */
     1458/*      padding: 0; */
     1459/*      position: absolute; */
     1460/*      clip: rect(0 0 0 0); */
     1461/*      -webkit-clip-path: inset(100%); */
     1462/*      clip-path: inset(100%); */
     1463/*     } */
     1464/*     table tbody, table.horizontal tbody { */
     1465/*      border: 0; */
     1466/*      display: table-row-group; */
     1467/*     } */
     1468/*     table tr, table.horizontal tr { */
     1469/*      display: block; */
     1470/*      border: 0.0625rem solid var(--table-border-color); */
     1471/*      border-radius: var(--universal-border-radius); */
     1472/*      background: #fafafa; */
     1473/*      padding: var(--universal-padding); */
     1474/*      margin: var(--universal-margin); */
     1475/*      margin-bottom: calc(2 * var(--universal-margin)); */
     1476/*     } */
     1477/*     table th, table td, table.horizontal th, table.horizontal td { */
     1478/*      width: auto; */
     1479/*     } */
     1480/*     table td, table.horizontal td { */
     1481/*      display: block; */
     1482/*      border: 0; */
     1483/*      text-align: right; */
     1484/*     } */
     1485/*     table td:before, table.horizontal td:before { */
     1486/*      content: attr(data-label); */
     1487/*      float: left; */
     1488/*      font-weight: 600; */
     1489/*     } */
     1490/*     table th:first-child, table td:first-child, table.horizontal th:first-child, table.horizontal td:first-child { */
     1491/*      border-top: 0; */
     1492/*     } */
     1493/*     table tbody tr:last-child td, table.horizontal tbody tr:last-child td { */
     1494/*      border-right: 0; */
     1495/*     } */
     1496/* } */
     1497
     1498/* :root { */
     1499/*     --table-body-alt-back-color: #eee; */
     1500/* } */
     1501
     1502/* table.striped tr:nth-of-type(2n) > td { */
     1503/*     background: var(--table-body-alt-back-color); */
     1504/* } */
     1505
     1506/* @media screen and (max-width: 768px) { */
     1507/*     table.striped tr:nth-of-type(2n) { */
     1508/*      background: var(--table-body-alt-back-color); */
     1509/*     } */
     1510/* } */
     1511
     1512/* :root { */
     1513/*     --table-body-hover-back-color: #90caf9; */
     1514/* } */
     1515
     1516/* table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td { */
     1517/*     background: var(--table-body-hover-back-color); */
     1518/* } */
     1519
     1520/* @media screen and (max-width: 768px) { */
     1521/*     table.hoverable tr:hover, table.hoverable tr:hover > td, table.hoverable tr:focus, table.hoverable tr:focus > td { */
     1522/*      background: var(--table-body-hover-back-color); */
     1523/*     } */
     1524/* } */
     1525
     1526/* /\* */
     1527/*   Definitions for contextual background elements, toasts and tooltips. */
     1528/* *\/ */
     1529/* /\* Contextual module CSS variable definitions *\/ */
     1530/* :root { */
     1531/*     --mark-back-color: #0277bd; */
     1532/*     --mark-fore-color: #fafafa; */
     1533/* } */
     1534
     1535/* mark { */
     1536/*     background: var(--mark-back-color) !important; */
     1537/*     color: var(--mark-fore-color); */
     1538/*     font-size: 0.95em; */
     1539/*     line-height: 1em; */
     1540/*     border-radius: var(--universal-border-radius); */
     1541/*     padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2); */
     1542/* } */
     1543
     1544/* mark.inline-block { */
     1545/*     display: inline-block; */
     1546/*     font-size: 1em; */
     1547/*     line-height: 1.5; */
     1548/*     padding: calc(var(--universal-padding) / 2) var(--universal-padding); */
     1549/* } */
     1550
     1551/* :root { */
     1552/*     --toast-back-color: #424242; */
     1553/*     --toast-fore-color: #fafafa; */
     1554/* } */
     1555
     1556/* .toast { */
     1557/*     position: fixed; */
     1558/*     bottom: calc(var(--universal-margin) * 3); */
     1559/*     left: 50%; */
     1560/*     transform: translate(-50%, -50%); */
     1561/*     z-index: 1111; */
     1562/*     color: var(--toast-fore-color); */
     1563/*     background: var(--toast-back-color); */
     1564/*     border-radius: calc(var(--universal-border-radius) * 16); */
     1565/*     padding: var(--universal-padding) calc(var(--universal-padding) * 3); */
     1566/* } */
     1567
     1568/* :root { */
     1569/*     --tooltip-back-color: #212121; */
     1570/*     --tooltip-fore-color: #fafafa; */
     1571/* } */
     1572
     1573/* .tooltip { */
     1574/*     position: relative; */
     1575/*     display: inline-block; */
     1576/* } */
     1577
     1578/* .tooltip:before, .tooltip:after { */
     1579/*     position: absolute; */
     1580/*     opacity: 0; */
     1581/*     clip: rect(0 0 0 0); */
     1582/*     -webkit-clip-path: inset(100%); */
     1583/*     clip-path: inset(100%); */
     1584/*     transition: all 0.3s; */
     1585/*     z-index: 1010; */
     1586/*     left: 50%; */
     1587/* } */
     1588
     1589/* .tooltip:not(.bottom):before, .tooltip:not(.bottom):after { */
     1590/*     bottom: 75%; */
     1591/* } */
     1592
     1593/* .tooltip.bottom:before, .tooltip.bottom:after { */
     1594/*     top: 75%; */
     1595/* } */
     1596
     1597/* .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { */
     1598/*     opacity: 1; */
     1599/*     clip: auto; */
     1600/*     -webkit-clip-path: inset(0%); */
     1601/*     clip-path: inset(0%); */
     1602/* } */
     1603
     1604/* .tooltip:before { */
     1605/*     content: ''; */
     1606/*     background: transparent; */
     1607/*     border: var(--universal-margin) solid transparent; */
     1608/*     left: calc(50% - var(--universal-margin)); */
     1609/* } */
     1610
     1611/* .tooltip:not(.bottom):before { */
     1612/*     border-top-color: #212121; */
     1613/* } */
     1614
     1615/* .tooltip.bottom:before { */
     1616/*     border-bottom-color: #212121; */
     1617/* } */
     1618
     1619/* .tooltip:after { */
     1620/*     content: attr(aria-label); */
     1621/*     color: var(--tooltip-fore-color); */
     1622/*     background: var(--tooltip-back-color); */
     1623/*     border-radius: var(--universal-border-radius); */
     1624/*     padding: var(--universal-padding); */
     1625/*     white-space: nowrap; */
     1626/*     transform: translateX(-50%); */
     1627/* } */
     1628
     1629/* .tooltip:not(.bottom):after { */
     1630/*     margin-bottom: calc(2 * var(--universal-margin)); */
     1631/* } */
     1632
     1633/* .tooltip.bottom:after { */
     1634/*     margin-top: calc(2 * var(--universal-margin)); */
     1635/* } */
     1636
     1637/* :root { */
     1638/*     --modal-overlay-color: rgba(0, 0, 0, 0.45); */
     1639/*     --modal-close-color: #444; */
     1640/*     --modal-close-hover-color: #f0f0f0; */
     1641/* } */
     1642
     1643/* [type="checkbox"].modal { */
     1644/*     height: 1px; */
     1645/*     width: 1px; */
     1646/*     margin: -1px; */
     1647/*     overflow: hidden; */
     1648/*     position: absolute; */
     1649/*     clip: rect(0 0 0 0); */
     1650/*     -webkit-clip-path: inset(100%); */
     1651/*     clip-path: inset(100%); */
     1652/* } */
     1653
     1654/* [type="checkbox"].modal + div { */
     1655/*     position: fixed; */
     1656/*     top: 0; */
     1657/*     left: 0; */
     1658/*     display: none; */
     1659/*     width: 100vw; */
     1660/*     height: 100vh; */
     1661/*     background: var(--modal-overlay-color); */
     1662/* } */
     1663
     1664/* [type="checkbox"].modal + div .card { */
     1665/*     margin: 0 auto; */
     1666/*     max-height: 50vh; */
     1667/*     overflow: auto; */
     1668/* } */
     1669
     1670/* [type="checkbox"].modal + div .card .modal-close { */
     1671/*     position: absolute; */
     1672/*     top: 0; */
     1673/*     right: 0; */
     1674/*     width: 1.75rem; */
     1675/*     height: 1.75rem; */
     1676/*     border-radius: var(--universal-border-radius); */
     1677/*     padding: var(--universal-padding); */
     1678/*     margin: 0; */
     1679/*     cursor: pointer; */
     1680/*     transition: background 0.3s; */
     1681/* } */
     1682
     1683/* [type="checkbox"].modal + div .card .modal-close:before { */
     1684/*     display: block; */
     1685/*     content: '\00D7'; */
     1686/*     color: var(--modal-close-color); */
     1687/*     position: relative; */
     1688/*     font-family: sans-serif; */
     1689/*     font-size: 1.75rem; */
     1690/*     line-height: 1; */
     1691/*     text-align: center; */
     1692/* } */
     1693
     1694/* [type="checkbox"].modal + div .card .modal-close:hover, [type="checkbox"].modal + div .card .modal-close:focus { */
     1695/*     background: var(--modal-close-hover-color); */
     1696/* } */
     1697
     1698/* [type="checkbox"].modal:checked + div { */
     1699/*     display: flex; */
     1700/*     flex: 0 1 auto; */
     1701/*     z-index: 1200; */
     1702/* } */
     1703
     1704/* [type="checkbox"].modal:checked + div .card .modal-close { */
     1705/*     z-index: 1211; */
     1706/* } */
     1707
     1708/* :root { */
     1709/*     --collapse-label-back-color: #e8e8e8; */
     1710/*     --collapse-label-fore-color: #212121; */
     1711/*     --collapse-label-hover-back-color: #f0f0f0; */
     1712/*     --collapse-selected-label-back-color: #ececec; */
     1713/*     --collapse-border-color: #ddd; */
     1714/*     --collapse-content-back-color: #fafafa; */
     1715/*     --collapse-selected-label-border-color: #0277bd; */
     1716/* } */
     1717
     1718/* .collapse { */
     1719/*     width: calc(100% - 2 * var(--universal-margin)); */
     1720/*     opacity: 1; */
     1721/*     display: flex; */
     1722/*     flex-direction: column; */
     1723/*     margin: var(--universal-margin); */
     1724/*     border-radius: var(--universal-border-radius); */
     1725/* } */
     1726
     1727/* .collapse > [type="radio"], .collapse > [type="checkbox"] { */
     1728/*     height: 1px; */
     1729/*     width: 1px; */
     1730/*     margin: -1px; */
     1731/*     overflow: hidden; */
     1732/*     position: absolute; */
     1733/*     clip: rect(0 0 0 0); */
     1734/*     -webkit-clip-path: inset(100%); */
     1735/*     clip-path: inset(100%); */
     1736/* } */
     1737
     1738/* .collapse > label { */
     1739/*     flex-grow: 1; */
     1740/*     display: inline-block; */
     1741/*     height: 1.5rem; */
     1742/*     cursor: pointer; */
     1743/*     transition: background 0.3s; */
     1744/*     color: var(--collapse-label-fore-color); */
     1745/*     background: var(--collapse-label-back-color); */
     1746/*     border: 0.0625rem solid var(--collapse-border-color); */
     1747/*     padding: calc(1.5 * var(--universal-padding)); */
     1748/* } */
     1749
     1750/* .collapse > label:hover, .collapse > label:focus { */
     1751/*     background: var(--collapse-label-hover-back-color); */
     1752/* } */
     1753
     1754/* .collapse > label + div { */
     1755/*     flex-basis: auto; */
     1756/*     height: 1px; */
     1757/*     width: 1px; */
     1758/*     margin: -1px; */
     1759/*     overflow: hidden; */
     1760/*     position: absolute; */
     1761/*     clip: rect(0 0 0 0); */
     1762/*     -webkit-clip-path: inset(100%); */
     1763/*     clip-path: inset(100%); */
     1764/*     transition: max-height 0.3s; */
     1765/*     max-height: 1px; */
     1766/* } */
     1767
     1768/* .collapse > :checked + label { */
     1769/*     background: var(--collapse-selected-label-back-color); */
     1770/*     border-bottom-color: var(--collapse-selected-label-border-color); */
     1771/* } */
     1772
     1773/* .collapse > :checked + label + div { */
     1774/*     box-sizing: border-box; */
     1775/*     position: relative; */
     1776/*     width: 100%; */
     1777/*     height: auto; */
     1778/*     overflow: auto; */
     1779/*     margin: 0; */
     1780/*     background: var(--collapse-content-back-color); */
     1781/*     border: 0.0625rem solid var(--collapse-border-color); */
     1782/*     border-top: 0; */
     1783/*     padding: var(--universal-padding); */
     1784/*     clip: auto; */
     1785/*     -webkit-clip-path: inset(0%); */
     1786/*     clip-path: inset(0%); */
     1787/*     max-height: 400px; */
     1788/* } */
     1789
     1790/* .collapse > label:not(:first-of-type) { */
     1791/*     border-top: 0; */
     1792/* } */
     1793
     1794/* .collapse > label:first-of-type { */
     1795/*     border-radius: var(--universal-border-radius) var(--universal-border-radius) 0 0; */
     1796/* } */
     1797
     1798/* .collapse > label:last-of-type:not(:first-of-type) { */
     1799/*     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); */
     1800/* } */
     1801
     1802/* .collapse > label:last-of-type:first-of-type { */
     1803/*     border-radius: var(--universal-border-radius); */
     1804/* } */
     1805
     1806/* .collapse > :checked:last-of-type:not(:first-of-type) + label { */
     1807/*     border-radius: 0; */
     1808/* } */
     1809
     1810/* .collapse > :checked:last-of-type + label + div { */
     1811/*     border-radius: 0 0 var(--universal-border-radius) var(--universal-border-radius); */
     1812/* } */
     1813
     1814/* /\* */
     1815/*   Custom elements for contextual background elements, toasts and tooltips. */
     1816/* *\/ */
     1817/* mark.secondary { */
     1818/*     --mark-back-color: #d32f2f; */
     1819/* } */
     1820
     1821/* mark.tertiary { */
     1822/*     --mark-back-color: #308732; */
     1823/* } */
     1824
     1825/* mark.tag { */
     1826/*     padding: calc(var(--universal-padding)/2) var(--universal-padding); */
     1827/*     border-radius: 1em; */
     1828/* } */
     1829
     1830/* /\* */
     1831/*   Definitions for progress elements and spinners. */
     1832/* *\/ */
     1833/* /\* Progess module CSS variable definitions *\/ */
     1834/* :root { */
     1835/*     --progress-back-color: #ddd; */
     1836/*     --progress-fore-color: #555; */
     1837/* } */
     1838
     1839/* progress { */
     1840/*     display: block; */
     1841/*     vertical-align: baseline; */
     1842/*     -webkit-appearance: none; */
     1843/*     -moz-appearance: none; */
     1844/*     appearance: none; */
     1845/*     height: 0.75rem; */
     1846/*     width: calc(100% - 2 * var(--universal-margin)); */
     1847/*     margin: var(--universal-margin); */
     1848/*     border: 0; */
     1849/*     border-radius: calc(2 * var(--universal-border-radius)); */
     1850/*     background: var(--progress-back-color); */
     1851/*     color: var(--progress-fore-color); */
     1852/* } */
     1853
     1854/* progress::-webkit-progress-value { */
     1855/*     background: var(--progress-fore-color); */
     1856/*     border-top-left-radius: calc(2 * var(--universal-border-radius)); */
     1857/*     border-bottom-left-radius: calc(2 * var(--universal-border-radius)); */
     1858/* } */
     1859
     1860/* progress::-webkit-progress-bar { */
     1861/*     background: var(--progress-back-color); */
     1862/* } */
     1863
     1864/* progress::-moz-progress-bar { */
     1865/*     background: var(--progress-fore-color); */
     1866/*     border-top-left-radius: calc(2 * var(--universal-border-radius)); */
     1867/*     border-bottom-left-radius: calc(2 * var(--universal-border-radius)); */
     1868/* } */
     1869
     1870/* progress[value="1000"]::-webkit-progress-value { */
     1871/*     border-radius: calc(2 * var(--universal-border-radius)); */
     1872/* } */
     1873
     1874/* progress[value="1000"]::-moz-progress-bar { */
     1875/*     border-radius: calc(2 * var(--universal-border-radius)); */
     1876/* } */
     1877
     1878/* progress.inline { */
     1879/*     display: inline-block; */
     1880/*     vertical-align: middle; */
     1881/*     width: 60%; */
     1882/* } */
     1883
     1884/* :root { */
     1885/*     --spinner-back-color: #ddd; */
     1886/*     --spinner-fore-color: #555; */
     1887/* } */
     1888
     1889/* @keyframes spinner-donut-anim { */
     1890/*     0% { */
     1891/*      transform: rotate(0deg); */
     1892/*     } */
     1893/*     100% { */
     1894/*      transform: rotate(360deg); */
     1895/*     } */
     1896/* } */
     1897
     1898/* .spinner { */
     1899/*     display: inline-block; */
     1900/*     margin: var(--universal-margin); */
     1901/*     border: 0.25rem solid var(--spinner-back-color); */
     1902/*     border-left: 0.25rem solid var(--spinner-fore-color); */
     1903/*     border-radius: 50%; */
     1904/*     width: 1.25rem; */
     1905/*     height: 1.25rem; */
     1906/*     animation: spinner-donut-anim 1.2s linear infinite; */
     1907/* } */
     1908
     1909/* /\* */
     1910/*   Custom elements for progress bars and spinners. */
     1911/* *\/ */
     1912/* progress.primary { */
     1913/*     --progress-fore-color: #1976d2; */
     1914/* } */
     1915
     1916/* progress.secondary { */
     1917/*     --progress-fore-color: #d32f2f; */
     1918/* } */
     1919
     1920/* progress.tertiary { */
     1921/*     --progress-fore-color: #308732; */
     1922/* } */
     1923
     1924/* .spinner.primary { */
     1925/*     --spinner-fore-color: #1976d2; */
     1926/* } */
     1927
     1928/* .spinner.secondary { */
     1929/*     --spinner-fore-color: #d32f2f; */
     1930/* } */
     1931
     1932/* .spinner.tertiary { */
     1933/*     --spinner-fore-color: #308732; */
     1934/* } */
     1935
     1936/* /\* */
     1937/*   Definitions for icons - powered by Feather (https://feathericons.com/). */
     1938/* *\/ */
     1939/* span[class^='icon-'] { */
     1940/*     display: inline-block; */
     1941/*     height: 1em; */
     1942/*     width: 1em; */
     1943/*     vertical-align: -0.125em; */
     1944/*     background-size: contain; */
     1945/*     margin: 0 calc(var(--universal-margin) / 4); */
     1946/* } */
     1947
     1948/* span[class^='icon-'].secondary { */
     1949/*     -webkit-filter: invert(25%); */
     1950/*     filter: invert(25%); */
     1951/* } */
     1952
     1953/* span[class^='icon-'].inverse { */
     1954/*     -webkit-filter: invert(100%); */
     1955/*     filter: invert(100%); */
     1956/* } */
     1957
     1958/* span.icon-alert { */
     1959/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12' y2='16'%3E%3C/line%3E%3C/svg%3E"); */
     1960/* } */
     1961
     1962/* span.icon-bookmark { */
     1963/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E"); */
     1964/* } */
     1965
     1966/* span.icon-calendar { */
     1967/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); */
     1968/* } */
     1969
     1970/* span.icon-credit { */
     1971/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E"); */
     1972/* } */
     1973
     1974/* span.icon-edit { */
     1975/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E"); */
     1976/* } */
     1977
     1978/* span.icon-link { */
     1979/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E"); */
     1980/* } */
     1981
     1982/* span.icon-help { */
     1983/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E"); */
     1984/* } */
     1985
     1986/* span.icon-home { */
     1987/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E"); */
     1988/* } */
     1989
     1990/* span.icon-info { */
     1991/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='8'%3E%3C/line%3E%3C/svg%3E"); */
     1992/* } */
     1993
     1994/* span.icon-lock { */
     1995/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E"); */
     1996/* } */
     1997
     1998/* span.icon-mail { */
     1999/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E"); */
     2000/* } */
     2001
     2002/* span.icon-location { */
     2003/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E"); */
     2004/* } */
     2005
     2006/* span.icon-phone { */
     2007/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E"); */
     2008/* } */
     2009
     2010/* span.icon-rss { */
     2011/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'%3E%3C/path%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'%3E%3C/path%3E%3Ccircle cx='5' cy='19' r='1'%3E%3C/circle%3E%3C/svg%3E"); */
     2012/* } */
     2013
     2014/* span.icon-search { */
     2015/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); */
     2016/* } */
     2017
     2018/* span.icon-settings { */
     2019/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E"); */
     2020/* } */
     2021
     2022/* span.icon-share { */
     2023/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'%3E%3C/circle%3E%3Ccircle cx='6' cy='12' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='19' r='3'%3E%3C/circle%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'%3E%3C/line%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'%3E%3C/line%3E%3C/svg%3E"); */
     2024/* } */
     2025
     2026/* span.icon-cart { */
     2027/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E"); */
     2028/* } */
     2029
     2030/* span.icon-upload { */
     2031/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); */
     2032/* } */
     2033
     2034/* span.icon-user { */
     2035/*     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E"); */
     2036/* } */
     2037
     2038/* /\* */
     2039/*   Definitions for utilities and helper classes. */
     2040/* *\/ */
     2041/* /\* Utility module CSS variable definitions *\/ */
     2042/* :root { */
     2043/*     --generic-border-color: rgba(0, 0, 0, 0.3); */
     2044/*     --generic-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.125), 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.25); */
     2045/* } */
     2046
     2047/* .hidden { */
     2048/*     display: none !important; */
     2049/* } */
     2050
     2051/* .visually-hidden { */
     2052/*     position: absolute !important; */
     2053/*     width: 1px !important; */
     2054/*     height: 1px !important; */
     2055/*     margin: -1px !important; */
     2056/*     border: 0 !important; */
     2057/*     padding: 0 !important; */
     2058/*     clip: rect(0 0 0 0) !important; */
     2059/*     -webkit-clip-path: inset(100%) !important; */
     2060/*     clip-path: inset(100%) !important; */
     2061/*     overflow: hidden !important; */
     2062/* } */
     2063
     2064/* .bordered { */
     2065/*     border: 0.0625rem solid var(--generic-border-color) !important; */
     2066/* } */
     2067
     2068/* .rounded { */
     2069/*     border-radius: var(--universal-border-radius) !important; */
     2070/* } */
     2071
     2072/* .circular { */
     2073/*     border-radius: 50% !important; */
     2074/* } */
     2075
     2076/* .shadowed { */
     2077/*     box-shadow: var(--generic-box-shadow) !important; */
     2078/* } */
     2079
     2080/* .responsive-margin { */
     2081/*     margin: calc(var(--universal-margin) / 4) !important; */
     2082/* } */
     2083
     2084/* @media screen and (min-width: 768px) { */
     2085/*     .responsive-margin { */
     2086/*      margin: calc(var(--universal-margin) / 2) !important; */
     2087/*     } */
     2088/* } */
     2089
     2090/* @media screen and (min-width: 1280px) { */
     2091/*     .responsive-margin { */
     2092/*      margin: var(--universal-margin) !important; */
     2093/*     } */
     2094/* } */
     2095
     2096/* .responsive-padding { */
     2097/*     padding: calc(var(--universal-padding) / 4) !important; */
     2098/* } */
     2099
     2100/* @media screen and (min-width: 768px) { */
     2101/*     .responsive-padding { */
     2102/*      padding: calc(var(--universal-padding) / 2) !important; */
     2103/*     } */
     2104/* } */
     2105
     2106/* @media screen and (min-width: 1280px) { */
     2107/*     .responsive-padding { */
     2108/*      padding: var(--universal-padding) !important; */
     2109/*     } */
     2110/* } */
     2111
     2112/* @media screen and (max-width: 767px) { */
     2113/*     .hidden-sm { */
     2114/*      display: none !important; */
     2115/*     } */
     2116/* } */
     2117
     2118/* @media screen and (min-width: 768px) and (max-width: 1279px) { */
     2119/*     .hidden-md { */
     2120/*      display: none !important; */
     2121/*     } */
     2122/* } */
     2123
     2124/* @media screen and (min-width: 1280px) { */
     2125/*     .hidden-lg { */
     2126/*      display: none !important; */
     2127/*     } */
     2128/* } */
     2129
     2130/* @media screen and (max-width: 767px) { */
     2131/*     .visually-hidden-sm { */
     2132/*      position: absolute !important; */
     2133/*      width: 1px !important; */
     2134/*      height: 1px !important; */
     2135/*      margin: -1px !important; */
     2136/*      border: 0 !important; */
     2137/*      padding: 0 !important; */
     2138/*      clip: rect(0 0 0 0) !important; */
     2139/*      -webkit-clip-path: inset(100%) !important; */
     2140/*      clip-path: inset(100%) !important; */
     2141/*      overflow: hidden !important; */
     2142/*     } */
     2143/* } */
     2144
     2145/* @media screen and (min-width: 768px) and (max-width: 1279px) { */
     2146/*     .visually-hidden-md { */
     2147/*      position: absolute !important; */
     2148/*      width: 1px !important; */
     2149/*      height: 1px !important; */
     2150/*      margin: -1px !important; */
     2151/*      border: 0 !important; */
     2152/*      padding: 0 !important; */
     2153/*      clip: rect(0 0 0 0) !important; */
     2154/*      -webkit-clip-path: inset(100%) !important; */
     2155/*      clip-path: inset(100%) !important; */
     2156/*      overflow: hidden !important; */
     2157/*     } */
     2158/* } */
     2159
     2160/* @media screen and (min-width: 1280px) { */
     2161/*     .visually-hidden-lg { */
     2162/*      position: absolute !important; */
     2163/*      width: 1px !important; */
     2164/*      height: 1px !important; */
     2165/*      margin: -1px !important; */
     2166/*      border: 0 !important; */
     2167/*      padding: 0 !important; */
     2168/*      clip: rect(0 0 0 0) !important; */
     2169/*      -webkit-clip-path: inset(100%) !important; */
     2170/*      clip-path: inset(100%) !important; */
     2171/*      overflow: hidden !important; */
     2172/*     } */
     2173/* } */
Note: See TracChangeset for help on using the changeset viewer.