src/css/doc.css

   1 .doc {
   2   color: var(--doc-font-color);
   3   font-size: var(--doc-font-size);
   4   hyphens: auto;
   5   line-height: var(--doc-line-height);
   6   margin: var(--doc-margin);
   7   max-width: var(--doc-max-width);
   8   padding: 0 1rem 4rem;
   9 }
  10
  11 @media screen and (min-width: 1024px) {
  12   .doc {
  13     flex: auto;
  14     font-size: var(--doc-font-size--desktop);
  15     margin: var(--doc-margin--desktop);
  16     max-width: var(--doc-max-width--desktop);
  17     min-width: 0;
  18   }
  19 }
  20
  21 .doc h1,
  22 .doc h2,
  23 .doc h3,
  24 .doc h4,
  25 .doc h5,
  26 .doc h6 {
  27   color: var(--heading-font-color);
  28   font-weight: var(--heading-font-weight);
  29   hyphens: none;
  30   line-height: 1.3;
  31   margin: 1rem 0 0;
  32 }
  33
  34 .doc > h1.page:first-child {
  35   font-size: calc(36 / var(--rem-base) * 1rem);
  36   margin: 1.5rem 0;
  37 }
  38
  39 @media screen and (min-width: 769px) {
  40   .doc > h1.page:first-child {
  41     margin-top: 2.5rem;
  42   }
  43 }
  44
  45 .doc > h1.page:first-child + aside.toc.embedded {
  46   margin-top: -0.5rem;
  47 }
  48
  49 .doc > h2#name + .sectionbody {
  50   margin-top: 1rem;
  51 }
  52
  53 #preamble + .sect1,
  54 .doc .sect1 + .sect1 {
  55   margin-top: 2rem;
  56 }
  57
  58 .doc h1.sect0 {
  59   background: var(--abstract-background);
  60   font-size: 1.8em;
  61   margin: 1.5rem -1rem 0;
  62   padding: 0.5rem 1rem;
  63 }
  64
  65 .doc h2:not(.discrete) {
  66   border-bottom: 1px solid var(--section-divider-color);
  67   margin-left: -1rem;
  68   margin-right: -1rem;
  69   padding: 0.4rem 1rem 0.1rem;
  70 }
  71
  72 .doc h3:not(.discrete),
  73 .doc h4:not(.discrete) {
  74   font-weight: var(--alt-heading-font-weight);
  75 }
  76
  77 .doc h1 .anchor,
  78 .doc h2 .anchor,
  79 .doc h3 .anchor,
  80 .doc h4 .anchor,
  81 .doc h5 .anchor,
  82 .doc h6 .anchor {
  83   position: absolute;
  84   text-decoration: none;
  85   width: 1.75ex;
  86   margin-left: -1.5ex;
  87   visibility: hidden;
  88   font-size: 0.8em;
  89   font-weight: normal;
  90   padding-top: 0.05em;
  91 }
  92
  93 .doc h1 .anchor::before,
  94 .doc h2 .anchor::before,
  95 .doc h3 .anchor::before,
  96 .doc h4 .anchor::before,
  97 .doc h5 .anchor::before,
  98 .doc h6 .anchor::before {
  99   content: "\00a7";
 100 }
 101
 102 .doc h1:hover .anchor,
 103 .doc h2:hover .anchor,
 104 .doc h3:hover .anchor,
 105 .doc h4:hover .anchor,
 106 .doc h5:hover .anchor,
 107 .doc h6:hover .anchor {
 108   visibility: visible;
 109 }
 110
 111 .doc p,
 112 .doc dl {
 113   margin: 0;
 114 }
 115
 116 .doc a {
 117   color: var(--link-font-color);
 118 }
 119
 120 .doc a:hover {
 121   color: var(--link_hover-font-color);
 122 }
 123
 124 .doc a.bare {
 125   hyphens: none;
 126 }
 127
 128 .doc a.unresolved {
 129   color: var(--link_unresolved-font-color);
 130 }
 131
 132 .doc i.fa {
 133   hyphens: none;
 134   font-style: normal;
 135 }
 136
 137 .doc p code,
 138 .doc thead code,
 139 .doc .colist > table code {
 140   color: var(--code-font-color);
 141   background: var(--code-background);
 142   border-radius: 0.25em;
 143   font-size: 0.95em;
 144   padding: 0.125em 0.25em;
 145 }
 146
 147 .doc code,
 148 .doc pre {
 149   hyphens: none;
 150 }
 151
 152 .doc pre {
 153   font-size: calc(16 / var(--rem-base) * 1rem);
 154   line-height: 1.5;
 155   margin: 0;
 156 }
 157
 158 .doc blockquote {
 159   margin: 0;
 160 }
 161
 162 .doc .paragraph.lead > p {
 163   font-size: calc(18 / var(--rem-base) * 1rem);
 164 }
 165
 166 .doc .right {
 167   float: right;
 168 }
 169
 170 .doc .left {
 171   float: left;
 172 }
 173
 174 .doc .stretch {
 175   width: 100%;
 176 }
 177
 178 .doc .underline {
 179   text-decoration: underline;
 180 }
 181
 182 .doc .line-through {
 183   text-decoration: line-through;
 184 }
 185
 186 .doc .paragraph,
 187 .doc .dlist,
 188 .doc .hdlist,
 189 .doc .olist,
 190 .doc .ulist,
 191 .doc .exampleblock,
 192 .doc .videoblock,
 193 .doc .imageblock,
 194 .doc .listingblock,
 195 .doc .literalblock,
 196 .doc .sidebarblock,
 197 .doc .verseblock,
 198 .doc .quoteblock,
 199 .doc .partintro,
 200 .doc details,
 201 .doc hr {
 202   margin: 1rem 0 0;
 203 }
 204
 205 .doc table.tableblock {
 206   font-size: calc(15 / var(--rem-base) * 1rem);
 207   margin: 1.5rem 0 0;
 208 }
 209
 210 .doc table.tableblock + * {
 211   margin-top: 1.5rem;
 212 }
 213
 214 .doc p.tableblock + p.tableblock {
 215   margin-top: 0.5rem;
 216 }
 217
 218 .doc td.tableblock > .content > :first-child {
 219   margin-top: 0;
 220 }
 221
 222 .doc table.tableblock th,
 223 .doc table.tableblock td {
 224   padding: 0.5rem;
 225 }
 226
 227 .doc table.tableblock,
 228 .doc table.tableblock > * > tr > * {
 229   border: 0 solid var(--table-border-color);
 230 }
 231
 232 .doc table.grid-all > * > tr > * {
 233   border-width: 1px;
 234 }
 235
 236 .doc table.grid-cols > * > tr > * {
 237   border-width: 0 1px;
 238 }
 239
 240 .doc table.grid-rows > * > tr > * {
 241   border-width: 1px 0;
 242 }
 243
 244 .doc table.grid-all > thead th,
 245 .doc table.grid-rows > thead th {
 246   border-bottom-width: 2.5px;
 247 }
 248
 249 .doc table.frame-all {
 250   border-width: 1px;
 251 }
 252
 253 .doc table.frame-ends {
 254   border-width: 1px 0;
 255 }
 256
 257 .doc table.frame-sides {
 258   border-width: 0 1px;
 259 }
 260
 261 .doc table.frame-none > colgroup + * > :first-child > *,
 262 .doc table.frame-sides > colgroup + * > :first-child > * {
 263   border-top-width: 0;
 264 }
 265
 266 /* NOTE let the grid win in case of frame-none */
 267 .doc table.frame-sides > :last-child > :last-child > * {
 268   border-bottom-width: 0;
 269 }
 270
 271 .doc table.frame-none > * > tr > :first-child,
 272 .doc table.frame-ends > * > tr > :first-child {
 273   border-left-width: 0;
 274 }
 275
 276 .doc table.frame-none > * > tr > :last-child,
 277 .doc table.frame-ends > * > tr > :last-child {
 278   border-right-width: 0;
 279 }
 280
 281 .doc table.stripes-all > tbody > tr,
 282 .doc table.stripes-odd > tbody > tr:nth-of-type(odd),
 283 .doc table.stripes-even > tbody > tr:nth-of-type(even),
 284 .doc table.stripes-hover > tbody > tr:hover {
 285   background: var(--table-stripe-background);
 286 }
 287
 288 .doc table.tableblock > tfoot {
 289   background: var(--table-footer-background);
 290 }
 291
 292 .doc .halign-left {
 293   text-align: left;
 294 }
 295
 296 .doc .halign-right {
 297   text-align: right;
 298 }
 299
 300 .doc .halign-center {
 301   text-align: center;
 302 }
 303
 304 .doc .valign-top {
 305   vertical-align: top;
 306 }
 307
 308 .doc .valign-bottom {
 309   vertical-align: bottom;
 310 }
 311
 312 .doc .valign-middle {
 313   vertical-align: middle;
 314 }
 315
 316 .doc .admonitionblock {
 317   margin: 1.4rem 0 0;
 318 }
 319
 320 .doc .admonitionblock p,
 321 .doc .admonitionblock td.content {
 322   font-size: calc(16 / var(--rem-base) * 1rem);
 323 }
 324
 325 .doc .admonitionblock td.content > :not(.title):first-child,
 326 .doc .admonitionblock td.content > .title + * {
 327   margin-top: 0;
 328 }
 329
 330 .doc .admonitionblock pre {
 331   font-size: calc(15 / var(--rem-base) * 1rem);
 332 }
 333
 334 .doc .admonitionblock > table {
 335   table-layout: fixed;
 336   position: relative;
 337   width: 100%;
 338 }
 339
 340 .doc .admonitionblock td.content {
 341   padding: 1rem 1rem 0.75rem;
 342   background: var(--admonition-background);
 343   width: 100%;
 344   word-wrap: anywhere;
 345 }
 346
 347 .doc .admonitionblock .icon {
 348   position: absolute;
 349   top: 0;
 350   left: 0;
 351   font-size: calc(15 / var(--rem-base) * 1rem);
 352   padding: 0 0.5rem;
 353   height: 1.25rem;
 354   line-height: 1;
 355   font-weight: var(--admonition-label-font-weight);
 356   text-transform: uppercase;
 357   border-radius: 0.45rem;
 358   transform: translate(-0.5rem, -50%);
 359 }
 360
 361 .doc .admonitionblock.caution .icon {
 362   background-color: var(--caution-color);
 363   color: var(--caution-on-color);
 364 }
 365
 366 .doc .admonitionblock.important .icon {
 367   background-color: var(--important-color);
 368   color: var(--important-on-color);
 369 }
 370
 371 .doc .admonitionblock.note .icon {
 372   background-color: var(--note-color);
 373   color: var(--note-on-color);
 374 }
 375
 376 .doc .admonitionblock.tip .icon {
 377   background-color: var(--tip-color);
 378   color: var(--tip-on-color);
 379 }
 380
 381 .doc .admonitionblock.warning .icon {
 382   background-color: var(--warning-color);
 383   color: var(--warning-on-color);
 384 }
 385
 386 .doc .admonitionblock .icon i {
 387   display: inline-flex;
 388   align-items: center;
 389   height: 100%;
 390 }
 391
 392 .doc .admonitionblock .icon i::after {
 393   content: attr(title);
 394 }
 395
 396 .doc .videoblock,
 397 .doc .imageblock {
 398   display: flex;
 399   flex-direction: column;
 400   align-items: center;
 401 }
 402
 403 .doc .imageblock img,
 404 .doc .imageblock object,
 405 .doc .imageblock svg,
 406 .doc .image > img,
 407 .doc .image > object,
 408 .doc .image > svg {
 409   display: inline-block;
 410   height: auto;
 411   max-width: 100%;
 412   vertical-align: middle;
 413 }
 414
 415 .doc .image:not(.left):not(.right) > img {
 416   margin-top: -0.2em;
 417 }
 418
 419 #preamble .abstract blockquote {
 420   background: var(--abstract-background);
 421   border-left: 5px solid var(--abstract-border-color);
 422   color: var(--abstract-font-color);
 423   font-size: calc(16 / var(--rem-base) * 1rem);
 424   padding: 0.75em 1em;
 425 }
 426
 427 .doc .quoteblock,
 428 .doc .verseblock {
 429   background: var(--quote-background);
 430   border-left: 5px solid var(--quote-border-color);
 431   color: var(--quote-font-color);
 432 }
 433
 434 .doc .quoteblock {
 435   padding: 0.25rem 2rem 1.25rem;
 436 }
 437
 438 .doc .quoteblock .attribution {
 439   color: var(--quote-attribution-font-color);
 440   font-size: calc(15 / var(--rem-base) * 1rem);
 441   margin-top: 0.75rem;
 442 }
 443
 444 .doc .quoteblock blockquote {
 445   margin-top: 1rem;
 446 }
 447
 448 .doc .quoteblock .paragraph {
 449   font-style: italic;
 450 }
 451
 452 .doc .quoteblock cite {
 453   padding-left: 1em;
 454 }
 455
 456 .doc .verseblock {
 457   font-size: 1.15em;
 458   padding: 1rem 2rem;
 459 }
 460
 461 .doc .verseblock pre {
 462   font-family: inherit;
 463   font-size: inherit;
 464 }
 465
 466 .doc ol,
 467 .doc ul {
 468   margin: 0;
 469   padding: 0 0 0 2rem;
 470 }
 471
 472 .doc ul.checklist,
 473 .doc ul.none,
 474 .doc ol.none,
 475 .doc ul.no-bullet,
 476 .doc ol.unnumbered,
 477 .doc ul.unstyled,
 478 .doc ol.unstyled {
 479   list-style-type: none;
 480 }
 481
 482 .doc ul.no-bullet,
 483 .doc ol.unnumbered {
 484   padding-left: 1.25rem;
 485 }
 486
 487 .doc ul.unstyled,
 488 .doc ol.unstyled {
 489   padding-left: 0;
 490 }
 491
 492 .doc ul.circle {
 493   list-style-type: square;
 494 }
 495
 496 .doc ul.disc {
 497   list-style-type: square;
 498 }
 499
 500 .doc ul.square {
 501   list-style-type: square;
 502 }
 503
 504 .doc ol.arabic {
 505   list-style-type: decimal;
 506 }
 507
 508 .doc ol.decimal {
 509   list-style-type: decimal-leading-zero;
 510 }
 511
 512 .doc ol.loweralpha {
 513   list-style-type: lower-alpha;
 514 }
 515
 516 .doc ol.upperalpha {
 517   list-style-type: upper-alpha;
 518 }
 519
 520 .doc ol.lowerroman {
 521   list-style-type: lower-roman;
 522 }
 523
 524 .doc ol.upperroman {
 525   list-style-type: upper-roman;
 526 }
 527
 528 .doc ol.lowergreek {
 529   list-style-type: lower-greek;
 530 }
 531
 532 .doc ul.checklist {
 533   padding-left: 0.5rem;
 534 }
 535
 536 .doc ul.checklist p > i.fa-check-square-o:first-child,
 537 .doc ul.checklist p > i.fa-square-o:first-child {
 538   display: inline-flex;
 539   justify-content: center;
 540   width: 1.25rem;
 541 }
 542
 543 .doc ul.checklist i.fa-check-square-o::before {
 544   content: "\2713";
 545 }
 546
 547 .doc ul.checklist i.fa-square-o::before {
 548   content: "\274f";
 549 }
 550
 551 .doc .dlist .dlist,
 552 .doc .dlist .olist,
 553 .doc .dlist .ulist,
 554 .doc .olist .dlist,
 555 .doc .olist .olist,
 556 .doc .olist .ulist,
 557 .doc .ulist .dlist,
 558 .doc .ulist .olist,
 559 .doc .ulist .ulist {
 560   margin-top: 0.5rem;
 561 }
 562
 563 .doc .olist li + li,
 564 .doc .ulist li + li {
 565   margin-top: 0.5rem;
 566 }
 567
 568 .doc .ulist .listingblock,
 569 .doc .olist .listingblock,
 570 .doc .admonitionblock .listingblock {
 571   padding: 0;
 572 }
 573
 574 .doc .admonitionblock .title,
 575 .doc .exampleblock .title,
 576 .doc .videoblock .title,
 577 .doc .imageblock .title,
 578 .doc .literalblock .title,
 579 .doc .listingblock .title,
 580 .doc .openblock .title,
 581 .doc .tableblock caption {
 582   color: var(--caption-font-color);
 583   font-size: calc(16 / var(--rem-base) * 1rem);
 584   font-weight: var(--caption-font-weight);
 585   font-style: italic;
 586   hyphens: none;
 587   letter-spacing: 0.01em;
 588   padding-bottom: 0.075rem;
 589   text-align: left;
 590 }
 591
 592 .doc .videoblock .title,
 593 .doc .imageblock .title {
 594   margin-top: 0.5rem;
 595   padding-bottom: 0;
 596 }
 597
 598 .doc details {
 599   margin-left: 1rem;
 600 }
 601
 602 .doc details > summary {
 603   display: block;
 604   position: relative;
 605   line-height: var(--doc-line-height);
 606   margin-bottom: 0.5rem;
 607 }
 608
 609 .doc details > summary::-webkit-details-marker {
 610   display: none;
 611 }
 612
 613 .doc details > summary::before {
 614   content: "";
 615   border: solid transparent;
 616   border-left-color: currentColor;
 617   border-width: 0.3em 0 0.3em 0.5em;
 618   position: absolute;
 619   top: calc((var(--doc-line-height) * 0.5 - 0.3) * 1em);
 620   left: -1rem;
 621   transform: translateX(15%);
 622 }
 623
 624 .doc details[open] > summary::before {
 625   border-color: currentColor transparent transparent;
 626   border-width: 0.5rem 0.3rem 0;
 627   transform: translateY(15%);
 628 }
 629
 630 .doc details > summary::after {
 631   content: "";
 632   width: 1rem;
 633   height: 1em;
 634   position: absolute;
 635   top: calc((var(--doc-line-height) * 0.5 - 0.5) * 1em);
 636   left: -1rem;
 637 }
 638
 639 .doc details.result {
 640   margin-top: 0.25rem;
 641 }
 642
 643 .doc details.result > summary {
 644   color: var(--caption-font-color);
 645   font-style: italic;
 646   margin-bottom: 0;
 647 }
 648
 649 .doc details.result > .content {
 650   margin-left: -1rem;
 651 }
 652
 653 .doc .exampleblock > .content,
 654 .doc details.result > .content {
 655   background: var(--example-background);
 656   border: 0.25rem solid var(--example-border-color);
 657   border-radius: 0.5rem;
 658   padding: 0.75rem;
 659 }
 660
 661 .doc .exampleblock > .content::after,
 662 .doc details.result > .content::after {
 663   content: "";
 664   display: table;
 665   clear: both;
 666 }
 667
 668 .doc .exampleblock > .content > :first-child,
 669 .doc details > .content > :first-child {
 670   margin-top: 0;
 671 }
 672
 673 .doc .sidebarblock {
 674   background: var(--sidebar-background);
 675   border-radius: 0.75rem;
 676   padding: 0.75rem 1.5rem;
 677 }
 678
 679 .doc .sidebarblock > .content > .title {
 680   font-size: calc(22.5 / var(--rem-base) * 1rem);
 681   font-weight: var(--alt-heading-font-weight);
 682   line-height: 1.3;
 683   margin-bottom: -0.3em;
 684   text-align: center;
 685 }
 686
 687 .doc .sidebarblock > .content > :not(.title):first-child {
 688   margin-top: 0;
 689 }
 690
 691 /* NEEDS REVIEW prevent pre in table from causing article to exceed bounds */
 692 .doc .tableblock pre,
 693 .doc .listingblock.wrap pre {
 694   white-space: pre-wrap;
 695 }
 696
 697 .doc pre.highlight code,
 698 .doc .listingblock pre:not(.highlight),
 699 .doc .literalblock pre {
 700   background: var(--pre-background);
 701   box-shadow: inset 0 0 1.75px var(--pre-border-color);
 702   display: block;
 703   overflow-x: auto;
 704   padding: 0.75rem;
 705 }
 706
 707 .doc pre.highlight {
 708   position: relative;
 709 }
 710
 711 .doc .source-toolbox {
 712   display: flex;
 713   visibility: hidden;
 714   position: absolute;
 715   top: 0.25rem;
 716   right: 0.5rem;
 717   color: var(--pre-annotation-font-color);
 718   font-family: var(--body-font-family);
 719   font-size: calc(13.5 / var(--rem-base) * 1rem);
 720   line-height: 1;
 721 }
 722
 723 .doc .listingblock:hover .source-toolbox {
 724   visibility: visible;
 725 }
 726
 727 .doc .source-toolbox .source-lang {
 728   text-transform: uppercase;
 729   letter-spacing: 0.075em;
 730   font-size: 0.96em;
 731   line-height: 1.0425;
 732 }
 733
 734 .doc .source-toolbox > :not(:last-child)::after {
 735   content: "|";
 736   letter-spacing: 0;
 737   padding: 0 1ch;
 738 }
 739
 740 .doc .source-toolbox .copy-button {
 741   display: flex;
 742   flex-direction: column;
 743   align-items: center;
 744   background: transparent;
 745   border: none;
 746   color: inherit;
 747   outline: none;
 748   padding: 0;
 749   font-size: inherit;
 750   line-height: inherit;
 751   width: 1em;
 752   height: 1em;
 753 }
 754
 755 .doc .source-toolbox .copy-icon {
 756   flex: none;
 757   width: inherit;
 758   height: inherit;
 759 }
 760
 761 .doc .source-toolbox img.copy-icon {
 762   filter: invert(50.2%);
 763 }
 764
 765 .doc .source-toolbox svg.copy-icon {
 766   fill: currentColor;
 767 }
 768
 769 .doc .source-toolbox .copy-toast {
 770   flex: none;
 771   position: relative;
 772   display: inline-flex;
 773   justify-content: center;
 774   margin-top: 1em;
 775   background-color: var(--doc-font-color);
 776   border-radius: 0.25em;
 777   padding: 0.5em;
 778   color: var(--color-white);
 779   cursor: auto;
 780   opacity: 0;
 781   transition: opacity 0.5s ease 0.75s;
 782 }
 783
 784 .doc .source-toolbox .copy-toast::after {
 785   content: "";
 786   position: absolute;
 787   top: 0;
 788   width: 1em;
 789   height: 1em;
 790   border: 0.55em solid transparent;
 791   border-left-color: var(--doc-font-color);
 792   transform: rotate(-90deg) translateX(50%) translateY(50%);
 793   transform-origin: left;
 794 }
 795
 796 .doc .source-toolbox .copy-button.clicked .copy-toast {
 797   opacity: 1;
 798   transition: none;
 799 }
 800
 801 .doc .language-console .hljs-meta {
 802   user-select: none;
 803 }
 804
 805 .doc .dlist dt {
 806   font-style: italic;
 807 }
 808
 809 .doc .dlist dd {
 810   margin: 0 0 0.25rem 1.5rem;
 811 }
 812
 813 .doc .dlist dd:last-of-type {
 814   margin-bottom: 0;
 815 }
 816
 817 .doc td.hdlist1,
 818 .doc td.hdlist2 {
 819   padding: 0.5rem 0 0;
 820   vertical-align: top;
 821 }
 822
 823 .doc tr:first-child > .hdlist1,
 824 .doc tr:first-child > .hdlist2 {
 825   padding-top: 0;
 826 }
 827
 828 .doc td.hdlist1 {
 829   font-weight: var(--body-font-weight-bold);
 830   padding-right: 0.25rem;
 831 }
 832
 833 .doc td.hdlist2 {
 834   padding-left: 0.25rem;
 835 }
 836
 837 .doc .colist {
 838   font-size: calc(16 / var(--rem-base) * 1rem);
 839   margin: 0.25rem 0 -0.25rem;
 840 }
 841
 842 .doc .colist > table > tr > :first-child,
 843 .doc .colist > table > tbody > tr > :first-child {
 844   padding: 0.25em 0.5rem 0;
 845   vertical-align: top;
 846 }
 847
 848 .doc .colist > table > tr > :last-child,
 849 .doc .colist > table > tbody > tr > :last-child {
 850   padding: 0.25rem 0;
 851 }
 852
 853 .doc .conum[data-value] {
 854   border: 1px solid currentColor;
 855   border-radius: 100%;
 856   display: inline-block;
 857   font-family: var(--body-font-family);
 858   font-size: calc(13.5 / var(--rem-base) * 1rem);
 859   font-style: normal;
 860   line-height: 1.2;
 861   text-align: center;
 862   width: 1.25em;
 863   height: 1.25em;
 864   letter-spacing: -0.25ex;
 865   text-indent: -0.25ex;
 866 }
 867
 868 .doc .conum[data-value]::after {
 869   content: attr(data-value);
 870 }
 871
 872 .doc .conum[data-value] + b {
 873   display: none;
 874 }
 875
 876 .doc hr {
 877   border: solid var(--section-divider-color);
 878   border-width: 2px 0 0;
 879   height: 0;
 880 }
 881
 882 .doc b.button {
 883   white-space: nowrap; /* effectively ignores hyphens setting */
 884 }
 885
 886 .doc b.button::before {
 887   content: "[";
 888   padding-right: 0.25em;
 889 }
 890
 891 .doc b.button::after {
 892   content: "]";
 893   padding-left: 0.25em;
 894 }
 895
 896 .doc kbd {
 897   display: inline-block;
 898   font-size: calc(12 / var(--rem-base) * 1rem);
 899   background: var(--kbd-background);
 900   border: 1px solid var(--kbd-border-color);
 901   border-radius: 0.25em;
 902   box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
 903   padding: 0.25em 0.5em;
 904   vertical-align: text-bottom;
 905   white-space: nowrap; /* effectively ignores hyphens setting */
 906 }
 907
 908 .doc kbd,
 909 .doc .keyseq {
 910   line-height: 1;
 911 }
 912
 913 .doc .keyseq {
 914   font-size: calc(16 / var(--rem-base) * 1rem);
 915 }
 916
 917 .doc .keyseq kbd {
 918   margin: 0 0.125em;
 919 }
 920
 921 .doc .keyseq kbd:first-child {
 922   margin-left: 0;
 923 }
 924
 925 .doc .keyseq kbd:last-child {
 926   margin-right: 0;
 927 }
 928
 929 .doc .menuseq,
 930 .doc .path {
 931   hyphens: none;
 932 }
 933
 934 .doc .menuseq i.caret::before {
 935   content: "\203a";
 936   font-size: 1.1em;
 937   font-weight: var(--body-font-weight-bold);
 938   line-height: calc(1 / 1.1);
 939 }
 940
 941 .doc :not(pre).nowrap {
 942   white-space: nowrap;
 943 }
 944
 945 .doc .nobreak {
 946   hyphens: none;
 947   word-wrap: normal;
 948 }
 949
 950 #footnotes {
 951   font-size: 0.85em;
 952   line-height: 1.5;
 953   margin: 2rem -0.5rem 0;
 954 }
 955
 956 .doc td.tableblock > .content #footnotes {
 957   margin: 2rem 0 0;
 958 }
 959
 960 #footnotes hr {
 961   border-top-width: 1px;
 962   margin-top: 0;
 963   width: 20%;
 964 }
 965
 966 #footnotes .footnote {
 967   margin: 0.5em 0 0 1em;
 968 }
 969
 970 #footnotes .footnote + .footnote {
 971   margin-top: 0.25em;
 972 }
 973
 974 #footnotes .footnote > a:first-of-type {
 975   display: inline-block;
 976   margin-left: -2em;
 977   text-align: right;
 978   width: 1.5em;
 979 }