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