gshr
git static host repo -- generates static html for repos
git clone https://git.vogt.world/gshr.git
Log | Files | README.md | LICENSE
← All files
name: gshr.css
-rw-r--r--
27506
   1:root {
   2  /* Fonts */
   3  --mono-font: "Menlo", monospace;
   4  --sans-font: -apple-system, BlinkMacSystemFont, "avenir next", avenir,
   5    helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial,
   6    sans-serif;
   7  /* Colors */
   8  --blue: #0062ff;
   9  /* General variables */
  10  --ls: 0;
  11  --lh: 1.4;
  12  --font-size: 13px;
  13  --font-family: var(--sans-font);
  14  /* Dark/light theme variables. */
  15  --bg: white;
  16  --text-color: black;
  17  --second-text-color: #838181;
  18  --link-color: var(--blue);
  19  --link-underline-color: var(--blue);
  20}
  21
  22html {
  23  font-family: var(--font-family);
  24}
  25
  26* {
  27  margin: 0;
  28  padding: 0;
  29  font-family: inherit
  30}
  31
  32body {
  33  background: var(--bg);
  34  color: var(--text-color);
  35  letter-spacing: var(--ls);
  36  line-height: var(--lh);
  37  font-size: var(--font-size);
  38  width: 100%;
  39  margin: 0 auto;
  40  -webkit-text-size-adjust: 100%;
  41  -ms-text-size-adjust: 100%;
  42  -webkit-overflow-scrolling: touch;
  43  -webkit-font-smoothing: auto;
  44  -moz-osx-font-smoothing: auto;
  45  text-rendering: optimizeLegibility;
  46  scroll-behavior: smooth;
  47}
  48
  49pre,
  50code,
  51tt {
  52  font-family: var(--mono-font);
  53  font-feature-settings: 'ss02' 1, 'zero' 1
  54}
  55
  56strong,
  57b {
  58  font-weight: 600
  59}
  60
  61a[href] {
  62  color: var(--link-color);
  63  text-decoration-line: underline;
  64  text-decoration-color: var(--link-underline-color);
  65  font-weight: 500
  66}
  67
  68a[href]:not(:hover) {
  69  text-decoration-line: underline
  70}
  71
  72a[href]:hover {
  73  text-decoration-style: solid;
  74  text-decoration-line: underline;
  75  text-decoration-color: var(--link-color)
  76}
  77
  78.mono {
  79  font-family: var(--mono-font);
  80}
  81
  82.ellipsis {
  83  overflow: hidden;
  84  white-space: nowrap;
  85  text-overflow: ellipsis;
  86  padding-right: 4px;
  87}
  88
  89div.content {
  90  margin: 0 auto;
  91  padding: 20px;
  92  max-width: 860px
  93}
  94
  95pre {
  96  margin: 4px 0;
  97  overflow-x: auto;
  98  padding: 4px;
  99  border: solid 1px gainsboro;
 100  border-radius: 4px;
 101}
 102
 103pre>code {
 104  padding: 0;
 105  background-color: transparent;
 106  border-radius: 0
 107}
 108
 109pre>code::before,
 110pre>code::after {
 111  letter-spacing: inherit;
 112  content: none
 113}
 114
 115*:target {
 116  outline: 4px solid #fe0
 117}
 118
 119div.metadata {
 120  padding-bottom: 1em;
 121}
 122
 123.chroma {
 124  background-color: #ffffff;
 125}
 126
 127.chroma .err {
 128  color: #a61717;
 129  background-color: #e3d2d2
 130}
 131
 132.chroma .lnlinks {
 133  outline: none;
 134  text-decoration: none;
 135  color: inherit
 136}
 137
 138.chroma .lntd {
 139  vertical-align: top;
 140  padding: 0;
 141  margin: 0;
 142  border: 0;
 143}
 144
 145.chroma .lntable {
 146  border-spacing: 0;
 147  padding: 0;
 148  margin: 0;
 149  border: 0;
 150}
 151
 152.chroma .hl {
 153  background-color: #e5e5e5
 154}
 155
 156.chroma .lnt {
 157  white-space: pre;
 158  -webkit-user-select: none;
 159  user-select: none;
 160  margin-right: 0.4em;
 161  padding: 0 0.4em 0 0.4em;
 162  color: #7f7f7f
 163}
 164
 165.chroma .ln {
 166  white-space: pre;
 167  -webkit-user-select: none;
 168  user-select: none;
 169  margin-right: 0.4em;
 170  padding: 0 0.4em 0 0.4em;
 171  color: #7f7f7f
 172}
 173
 174.chroma .line {
 175  display: flex;
 176}
 177
 178.chroma .k {
 179  color: #000080;
 180  font-weight: bold
 181}
 182
 183.chroma .kc {
 184  color: #000080;
 185  font-weight: bold
 186}
 187
 188.chroma .kd {
 189  color: #000080;
 190  font-weight: bold
 191}
 192
 193.chroma .kn {
 194  color: #000080;
 195  font-weight: bold
 196}
 197
 198.chroma .kp {
 199  color: #000080;
 200  font-weight: bold
 201}
 202
 203.chroma .kr {
 204  color: #000080;
 205  font-weight: bold
 206}
 207
 208.chroma .kt {
 209  color: #000080;
 210  font-weight: bold
 211}
 212
 213.chroma .na {
 214  color: #ff0000
 215}
 216
 217.chroma .nt {
 218  color: #000080;
 219  font-weight: bold
 220}
 221
 222.chroma .s {
 223  color: #0000ff
 224}
 225
 226.chroma .sa {
 227  color: #0000ff
 228}
 229
 230.chroma .sb {
 231  color: #0000ff
 232}
 233
 234.chroma .sc {
 235  color: #800080
 236}
 237
 238.chroma .dl {
 239  color: #0000ff
 240}
 241
 242.chroma .sd {
 243  color: #0000ff
 244}
 245
 246.chroma .s2 {
 247  color: #0000ff
 248}
 249
 250.chroma .se {
 251  color: #0000ff
 252}
 253
 254.chroma .sh {
 255  color: #0000ff
 256}
 257
 258.chroma .si {
 259  color: #0000ff
 260}
 261
 262.chroma .sx {
 263  color: #0000ff
 264}
 265
 266.chroma .sr {
 267  color: #0000ff
 268}
 269
 270.chroma .s1 {
 271  color: #0000ff
 272}
 273
 274.chroma .ss {
 275  color: #0000ff
 276}
 277
 278.chroma .m {
 279  color: #0000ff
 280}
 281
 282.chroma .mb {
 283  color: #0000ff
 284}
 285
 286.chroma .mf {
 287  color: #0000ff
 288}
 289
 290.chroma .mh {
 291  color: #0000ff
 292}
 293
 294.chroma .mi {
 295  color: #0000ff
 296}
 297
 298.chroma .il {
 299  color: #0000ff
 300}
 301
 302.chroma .mo {
 303  color: #0000ff
 304}
 305
 306.chroma .ow {
 307  font-weight: bold
 308}
 309
 310.chroma .c {
 311  color: #006800;
 312  font-style: italic
 313}
 314
 315.chroma .ch {
 316  color: #006800;
 317  font-style: italic
 318}
 319
 320.chroma .cm {
 321  color: #006800;
 322  font-style: italic
 323}
 324
 325.chroma .c1 {
 326  color: #006800;
 327  font-style: italic
 328}
 329
 330.chroma .cs {
 331  color: #006800;
 332  font-weight: bold
 333}
 334
 335.chroma .cp {
 336  color: #008080
 337}
 338
 339.chroma .cpf {
 340  color: #008080
 341}
 342
 343.chroma .gd {
 344  color: #000000;
 345  background-color: #ffdddd
 346}
 347
 348.chroma .ge {
 349  font-style: italic
 350}
 351
 352.chroma .gr {
 353  color: #aa0000
 354}
 355
 356.chroma .gh {
 357  color: #999999
 358}
 359
 360.chroma .gi {
 361  color: #000000;
 362  background-color: #ddffdd
 363}
 364
 365.chroma .go {
 366  color: #888888
 367}
 368
 369.chroma .gp {
 370  color: #555555
 371}
 372
 373.chroma .gs {
 374  font-weight: bold
 375}
 376
 377.chroma .gu {
 378  color: #aaaaaa
 379}
 380
 381.chroma .gt {
 382  color: #aa0000
 383}
 384
 385.chroma .gl {
 386  text-decoration: underline
 387}
 388
 389.chroma .w {
 390  color: #bbbbbb
 391}
 392
 393/*
 394Copyright (c) 2019 Rasmus Andersson <https://rsms.me/raster/>
 395
 396Permission is hereby granted, free of charge, to any person obtaining a copy
 397of this software and associated documentation files (the "Software"), to deal
 398in the Software without restriction, including without limitation the rights
 399to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 400copies of the Software, and to permit persons to whom the Software is
 401furnished to do so, subject to the following conditions:
 402
 403The above copyright notice and this permission notice shall be included in
 404all copies or substantial portions of the Software.
 405
 406THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 407IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 408FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 409AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 410LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 411OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 412THE SOFTWARE.
 413*/
 414r-grid {
 415  display: grid;
 416  --grid-tc: repeat(4, 1fr);
 417  grid-template-columns: var(--grid-tc);
 418  --grid-cs: 1;
 419  --grid-ce: -1
 420}
 421
 422r-grid>r-cell {
 423  display: block;
 424  -moz-appearance: none;
 425  appearance: none;
 426  -webkit-appearance: none
 427}
 428
 429r-grid[columns="1"] {
 430  --grid-tc: repeat(1, 1fr)
 431}
 432
 433r-grid[columns="2"] {
 434  --grid-tc: repeat(2, 1fr)
 435}
 436
 437r-grid[columns="3"] {
 438  --grid-tc: repeat(3, 1fr)
 439}
 440
 441r-grid[columns="4"] {
 442  --grid-tc: repeat(4, 1fr)
 443}
 444
 445r-grid[columns="5"] {
 446  --grid-tc: repeat(5, 1fr)
 447}
 448
 449r-grid[columns="6"] {
 450  --grid-tc: repeat(6, 1fr)
 451}
 452
 453r-grid[columns="7"] {
 454  --grid-tc: repeat(7, 1fr)
 455}
 456
 457r-grid[columns="8"] {
 458  --grid-tc: repeat(8, 1fr)
 459}
 460
 461r-grid[columns="9"] {
 462  --grid-tc: repeat(9, 1fr)
 463}
 464
 465r-grid[columns="10"] {
 466  --grid-tc: repeat(10, 1fr)
 467}
 468
 469r-grid[columns="11"] {
 470  --grid-tc: repeat(11, 1fr)
 471}
 472
 473r-grid[columns="12"] {
 474  --grid-tc: repeat(12, 1fr)
 475}
 476
 477r-grid[columns="13"] {
 478  --grid-tc: repeat(13, 1fr)
 479}
 480
 481r-grid[columns="14"] {
 482  --grid-tc: repeat(14, 1fr)
 483}
 484
 485r-grid[columns="15"] {
 486  --grid-tc: repeat(15, 1fr)
 487}
 488
 489r-grid[columns="16"] {
 490  --grid-tc: repeat(16, 1fr)
 491}
 492
 493r-grid[columns="17"] {
 494  --grid-tc: repeat(17, 1fr)
 495}
 496
 497r-grid[columns="18"] {
 498  --grid-tc: repeat(18, 1fr)
 499}
 500
 501r-grid[columns="19"] {
 502  --grid-tc: repeat(19, 1fr)
 503}
 504
 505r-grid[columns="20"] {
 506  --grid-tc: repeat(20, 1fr)
 507}
 508
 509r-grid[columns="21"] {
 510  --grid-tc: repeat(21, 1fr)
 511}
 512
 513r-grid[columns="22"] {
 514  --grid-tc: repeat(22, 1fr)
 515}
 516
 517r-grid[columns="23"] {
 518  --grid-tc: repeat(23, 1fr)
 519}
 520
 521r-grid[columns="24"] {
 522  --grid-tc: repeat(24, 1fr)
 523}
 524
 525r-grid[columns="25"] {
 526  --grid-tc: repeat(25, 1fr)
 527}
 528
 529r-grid[columns="26"] {
 530  --grid-tc: repeat(26, 1fr)
 531}
 532
 533r-grid[columns="27"] {
 534  --grid-tc: repeat(27, 1fr)
 535}
 536
 537r-grid[columns="28"] {
 538  --grid-tc: repeat(28, 1fr)
 539}
 540
 541r-grid[columns="29"] {
 542  --grid-tc: repeat(29, 1fr)
 543}
 544
 545r-grid[columns="30"] {
 546  --grid-tc: repeat(30, 1fr)
 547}
 548
 549r-grid>r-cell[span^="1"] {
 550  --grid-cs: 1
 551}
 552
 553r-grid>r-cell[span^="2"] {
 554  --grid-cs: 2
 555}
 556
 557r-grid>r-cell[span^="3"] {
 558  --grid-cs: 3
 559}
 560
 561r-grid>r-cell[span^="4"] {
 562  --grid-cs: 4
 563}
 564
 565r-grid>r-cell[span^="5"] {
 566  --grid-cs: 5
 567}
 568
 569r-grid>r-cell[span^="6"] {
 570  --grid-cs: 6
 571}
 572
 573r-grid>r-cell[span^="7"] {
 574  --grid-cs: 7
 575}
 576
 577r-grid>r-cell[span^="8"] {
 578  --grid-cs: 8
 579}
 580
 581r-grid>r-cell[span^="9"] {
 582  --grid-cs: 9
 583}
 584
 585r-grid>r-cell[span^="10"] {
 586  --grid-cs: 10
 587}
 588
 589r-grid>r-cell[span^="11"] {
 590  --grid-cs: 11
 591}
 592
 593r-grid>r-cell[span^="12"] {
 594  --grid-cs: 12
 595}
 596
 597r-grid>r-cell[span^="13"] {
 598  --grid-cs: 13
 599}
 600
 601r-grid>r-cell[span^="14"] {
 602  --grid-cs: 14
 603}
 604
 605r-grid>r-cell[span^="15"] {
 606  --grid-cs: 15
 607}
 608
 609r-grid>r-cell[span^="16"] {
 610  --grid-cs: 16
 611}
 612
 613r-grid>r-cell[span^="17"] {
 614  --grid-cs: 17
 615}
 616
 617r-grid>r-cell[span^="18"] {
 618  --grid-cs: 18
 619}
 620
 621r-grid>r-cell[span^="19"] {
 622  --grid-cs: 19
 623}
 624
 625r-grid>r-cell[span^="20"] {
 626  --grid-cs: 20
 627}
 628
 629r-grid>r-cell[span^="21"] {
 630  --grid-cs: 21
 631}
 632
 633r-grid>r-cell[span^="22"] {
 634  --grid-cs: 22
 635}
 636
 637r-grid>r-cell[span^="23"] {
 638  --grid-cs: 23
 639}
 640
 641r-grid>r-cell[span^="24"] {
 642  --grid-cs: 24
 643}
 644
 645r-grid>r-cell[span^="25"] {
 646  --grid-cs: 25
 647}
 648
 649r-grid>r-cell[span^="26"] {
 650  --grid-cs: 26
 651}
 652
 653r-grid>r-cell[span^="27"] {
 654  --grid-cs: 27
 655}
 656
 657r-grid>r-cell[span^="28"] {
 658  --grid-cs: 28
 659}
 660
 661r-grid>r-cell[span^="29"] {
 662  --grid-cs: 29
 663}
 664
 665r-grid>r-cell[span^="30"] {
 666  --grid-cs: 30
 667}
 668
 669r-grid>r-cell[span$="+1"],
 670r-grid>r-cell[span="1"] {
 671  --grid-ce: 1
 672}
 673
 674r-grid>r-cell[span$="+2"],
 675r-grid>r-cell[span$="-1"],
 676r-grid>r-cell[span="2"] {
 677  --grid-ce: 2
 678}
 679
 680r-grid>r-cell[span$="+3"],
 681r-grid>r-cell[span$="-2"],
 682r-grid>r-cell[span="3"] {
 683  --grid-ce: 3
 684}
 685
 686r-grid>r-cell[span$="+4"],
 687r-grid>r-cell[span$="-3"],
 688r-grid>r-cell[span="4"] {
 689  --grid-ce: 4
 690}
 691
 692r-grid>r-cell[span$="+5"],
 693r-grid>r-cell[span$="-4"],
 694r-grid>r-cell[span="5"] {
 695  --grid-ce: 5
 696}
 697
 698r-grid>r-cell[span$="+6"],
 699r-grid>r-cell[span$="-5"],
 700r-grid>r-cell[span="6"] {
 701  --grid-ce: 6
 702}
 703
 704r-grid>r-cell[span$="+7"],
 705r-grid>r-cell[span$="-6"],
 706r-grid>r-cell[span="7"] {
 707  --grid-ce: 7
 708}
 709
 710r-grid>r-cell[span$="+8"],
 711r-grid>r-cell[span$="-7"],
 712r-grid>r-cell[span="8"] {
 713  --grid-ce: 8
 714}
 715
 716r-grid>r-cell[span$="+9"],
 717r-grid>r-cell[span$="-8"],
 718r-grid>r-cell[span="9"] {
 719  --grid-ce: 9
 720}
 721
 722r-grid>r-cell[span$="+10"],
 723r-grid>r-cell[span$="-9"],
 724r-grid>r-cell[span="10"] {
 725  --grid-ce: 10
 726}
 727
 728r-grid>r-cell[span$="+11"],
 729r-grid>r-cell[span$="-10"],
 730r-grid>r-cell[span="11"] {
 731  --grid-ce: 11
 732}
 733
 734r-grid>r-cell[span$="+12"],
 735r-grid>r-cell[span$="-11"],
 736r-grid>r-cell[span="12"] {
 737  --grid-ce: 12
 738}
 739
 740r-grid>r-cell[span$="+13"],
 741r-grid>r-cell[span$="-12"],
 742r-grid>r-cell[span="13"] {
 743  --grid-ce: 13
 744}
 745
 746r-grid>r-cell[span$="+14"],
 747r-grid>r-cell[span$="-13"],
 748r-grid>r-cell[span="14"] {
 749  --grid-ce: 14
 750}
 751
 752r-grid>r-cell[span$="+15"],
 753r-grid>r-cell[span$="-14"],
 754r-grid>r-cell[span="15"] {
 755  --grid-ce: 15
 756}
 757
 758r-grid>r-cell[span$="+16"],
 759r-grid>r-cell[span$="-15"],
 760r-grid>r-cell[span="16"] {
 761  --grid-ce: 16
 762}
 763
 764r-grid>r-cell[span$="+17"],
 765r-grid>r-cell[span$="-16"],
 766r-grid>r-cell[span="17"] {
 767  --grid-ce: 17
 768}
 769
 770r-grid>r-cell[span$="+18"],
 771r-grid>r-cell[span$="-17"],
 772r-grid>r-cell[span="18"] {
 773  --grid-ce: 18
 774}
 775
 776r-grid>r-cell[span$="+19"],
 777r-grid>r-cell[span$="-18"],
 778r-grid>r-cell[span="19"] {
 779  --grid-ce: 19
 780}
 781
 782r-grid>r-cell[span$="+20"],
 783r-grid>r-cell[span$="-19"],
 784r-grid>r-cell[span="20"] {
 785  --grid-ce: 20
 786}
 787
 788r-grid>r-cell[span$="+21"],
 789r-grid>r-cell[span$="-20"],
 790r-grid>r-cell[span="21"] {
 791  --grid-ce: 21
 792}
 793
 794r-grid>r-cell[span$="+22"],
 795r-grid>r-cell[span$="-21"],
 796r-grid>r-cell[span="22"] {
 797  --grid-ce: 22
 798}
 799
 800r-grid>r-cell[span$="+23"],
 801r-grid>r-cell[span$="-22"],
 802r-grid>r-cell[span="23"] {
 803  --grid-ce: 23
 804}
 805
 806r-grid>r-cell[span$="+24"],
 807r-grid>r-cell[span$="-23"],
 808r-grid>r-cell[span="24"] {
 809  --grid-ce: 24
 810}
 811
 812r-grid>r-cell[span$="+25"],
 813r-grid>r-cell[span$="-24"],
 814r-grid>r-cell[span="25"] {
 815  --grid-ce: 25
 816}
 817
 818r-grid>r-cell[span$="+26"],
 819r-grid>r-cell[span$="-25"],
 820r-grid>r-cell[span="26"] {
 821  --grid-ce: 26
 822}
 823
 824r-grid>r-cell[span$="+27"],
 825r-grid>r-cell[span$="-26"],
 826r-grid>r-cell[span="27"] {
 827  --grid-ce: 27
 828}
 829
 830r-grid>r-cell[span$="+28"],
 831r-grid>r-cell[span$="-27"],
 832r-grid>r-cell[span="28"] {
 833  --grid-ce: 28
 834}
 835
 836r-grid>r-cell[span$="+29"],
 837r-grid>r-cell[span$="-28"],
 838r-grid>r-cell[span="29"] {
 839  --grid-ce: 29
 840}
 841
 842r-grid>r-cell[span$="+30"],
 843r-grid>r-cell[span$="-29"],
 844r-grid>r-cell[span="30"] {
 845  --grid-ce: 30
 846}
 847
 848r-grid>r-cell[span$="-30"] {
 849  --grid-ce: 31
 850}
 851
 852r-grid>r-cell[span] {
 853  grid-column-end: span var(--grid-ce)
 854}
 855
 856r-grid>r-cell[span*="+"],
 857r-grid>r-cell[span*="-"],
 858r-grid>r-cell[span*=".."] {
 859  grid-column-start: var(--grid-cs)
 860}
 861
 862r-grid>r-cell[span*="-"],
 863r-grid>r-cell[span*=".."] {
 864  grid-column-end: var(--grid-ce)
 865}
 866
 867r-grid>r-cell[span=row] {
 868  grid-column: 1/-1
 869}
 870
 871@media only screen and (max-width:600px) {
 872  r-grid[columns-s="1"] {
 873    --grid-tc: repeat(1, 1fr)
 874  }
 875
 876  r-grid[columns-s="2"] {
 877    --grid-tc: repeat(2, 1fr)
 878  }
 879
 880  r-grid[columns-s="3"] {
 881    --grid-tc: repeat(3, 1fr)
 882  }
 883
 884  r-grid[columns-s="4"] {
 885    --grid-tc: repeat(4, 1fr)
 886  }
 887
 888  r-grid[columns-s="5"] {
 889    --grid-tc: repeat(5, 1fr)
 890  }
 891
 892  r-grid[columns-s="6"] {
 893    --grid-tc: repeat(6, 1fr)
 894  }
 895
 896  r-grid[columns-s="7"] {
 897    --grid-tc: repeat(7, 1fr)
 898  }
 899
 900  r-grid[columns-s="8"] {
 901    --grid-tc: repeat(8, 1fr)
 902  }
 903
 904  r-grid[columns-s="9"] {
 905    --grid-tc: repeat(9, 1fr)
 906  }
 907
 908  r-grid[columns-s="10"] {
 909    --grid-tc: repeat(10, 1fr)
 910  }
 911
 912  r-grid[columns-s="11"] {
 913    --grid-tc: repeat(11, 1fr)
 914  }
 915
 916  r-grid[columns-s="12"] {
 917    --grid-tc: repeat(12, 1fr)
 918  }
 919
 920  r-grid[columns-s="13"] {
 921    --grid-tc: repeat(13, 1fr)
 922  }
 923
 924  r-grid[columns-s="14"] {
 925    --grid-tc: repeat(14, 1fr)
 926  }
 927
 928  r-grid[columns-s="15"] {
 929    --grid-tc: repeat(15, 1fr)
 930  }
 931
 932  r-grid[columns-s="16"] {
 933    --grid-tc: repeat(16, 1fr)
 934  }
 935
 936  r-grid[columns-s="17"] {
 937    --grid-tc: repeat(17, 1fr)
 938  }
 939
 940  r-grid[columns-s="18"] {
 941    --grid-tc: repeat(18, 1fr)
 942  }
 943
 944  r-grid[columns-s="19"] {
 945    --grid-tc: repeat(19, 1fr)
 946  }
 947
 948  r-grid[columns-s="20"] {
 949    --grid-tc: repeat(20, 1fr)
 950  }
 951
 952  r-grid[columns-s="21"] {
 953    --grid-tc: repeat(21, 1fr)
 954  }
 955
 956  r-grid[columns-s="22"] {
 957    --grid-tc: repeat(22, 1fr)
 958  }
 959
 960  r-grid[columns-s="23"] {
 961    --grid-tc: repeat(23, 1fr)
 962  }
 963
 964  r-grid[columns-s="24"] {
 965    --grid-tc: repeat(24, 1fr)
 966  }
 967
 968  r-grid[columns-s="25"] {
 969    --grid-tc: repeat(25, 1fr)
 970  }
 971
 972  r-grid[columns-s="26"] {
 973    --grid-tc: repeat(26, 1fr)
 974  }
 975
 976  r-grid[columns-s="27"] {
 977    --grid-tc: repeat(27, 1fr)
 978  }
 979
 980  r-grid[columns-s="28"] {
 981    --grid-tc: repeat(28, 1fr)
 982  }
 983
 984  r-grid[columns-s="29"] {
 985    --grid-tc: repeat(29, 1fr)
 986  }
 987
 988  r-grid[columns-s="30"] {
 989    --grid-tc: repeat(30, 1fr)
 990  }
 991
 992  r-grid>r-cell[span-s^="1"] {
 993    --grid-cs: 1
 994  }
 995
 996  r-grid>r-cell[span-s^="2"] {
 997    --grid-cs: 2
 998  }
 999
1000  r-grid>r-cell[span-s^="3"] {
1001    --grid-cs: 3
1002  }
1003
1004  r-grid>r-cell[span-s^="4"] {
1005    --grid-cs: 4
1006  }
1007
1008  r-grid>r-cell[span-s^="5"] {
1009    --grid-cs: 5
1010  }
1011
1012  r-grid>r-cell[span-s^="6"] {
1013    --grid-cs: 6
1014  }
1015
1016  r-grid>r-cell[span-s^="7"] {
1017    --grid-cs: 7
1018  }
1019
1020  r-grid>r-cell[span-s^="8"] {
1021    --grid-cs: 8
1022  }
1023
1024  r-grid>r-cell[span-s^="9"] {
1025    --grid-cs: 9
1026  }
1027
1028  r-grid>r-cell[span-s^="10"] {
1029    --grid-cs: 10
1030  }
1031
1032  r-grid>r-cell[span-s^="11"] {
1033    --grid-cs: 11
1034  }
1035
1036  r-grid>r-cell[span-s^="12"] {
1037    --grid-cs: 12
1038  }
1039
1040  r-grid>r-cell[span-s^="13"] {
1041    --grid-cs: 13
1042  }
1043
1044  r-grid>r-cell[span-s^="14"] {
1045    --grid-cs: 14
1046  }
1047
1048  r-grid>r-cell[span-s^="15"] {
1049    --grid-cs: 15
1050  }
1051
1052  r-grid>r-cell[span-s^="16"] {
1053    --grid-cs: 16
1054  }
1055
1056  r-grid>r-cell[span-s^="17"] {
1057    --grid-cs: 17
1058  }
1059
1060  r-grid>r-cell[span-s^="18"] {
1061    --grid-cs: 18
1062  }
1063
1064  r-grid>r-cell[span-s^="19"] {
1065    --grid-cs: 19
1066  }
1067
1068  r-grid>r-cell[span-s^="20"] {
1069    --grid-cs: 20
1070  }
1071
1072  r-grid>r-cell[span-s^="21"] {
1073    --grid-cs: 21
1074  }
1075
1076  r-grid>r-cell[span-s^="22"] {
1077    --grid-cs: 22
1078  }
1079
1080  r-grid>r-cell[span-s^="23"] {
1081    --grid-cs: 23
1082  }
1083
1084  r-grid>r-cell[span-s^="24"] {
1085    --grid-cs: 24
1086  }
1087
1088  r-grid>r-cell[span-s^="25"] {
1089    --grid-cs: 25
1090  }
1091
1092  r-grid>r-cell[span-s^="26"] {
1093    --grid-cs: 26
1094  }
1095
1096  r-grid>r-cell[span-s^="27"] {
1097    --grid-cs: 27
1098  }
1099
1100  r-grid>r-cell[span-s^="28"] {
1101    --grid-cs: 28
1102  }
1103
1104  r-grid>r-cell[span-s^="29"] {
1105    --grid-cs: 29
1106  }
1107
1108  r-grid>r-cell[span-s^="30"] {
1109    --grid-cs: 30
1110  }
1111
1112  r-grid>r-cell[span-s$="+1"],
1113  r-grid>r-cell[span-s="1"] {
1114    --grid-ce: 1
1115  }
1116
1117  r-grid>r-cell[span-s$="+2"],
1118  r-grid>r-cell[span-s$="-1"],
1119  r-grid>r-cell[span-s="2"] {
1120    --grid-ce: 2
1121  }
1122
1123  r-grid>r-cell[span-s$="+3"],
1124  r-grid>r-cell[span-s$="-2"],
1125  r-grid>r-cell[span-s="3"] {
1126    --grid-ce: 3
1127  }
1128
1129  r-grid>r-cell[span-s$="+4"],
1130  r-grid>r-cell[span-s$="-3"],
1131  r-grid>r-cell[span-s="4"] {
1132    --grid-ce: 4
1133  }
1134
1135  r-grid>r-cell[span-s$="+5"],
1136  r-grid>r-cell[span-s$="-4"],
1137  r-grid>r-cell[span-s="5"] {
1138    --grid-ce: 5
1139  }
1140
1141  r-grid>r-cell[span-s$="+6"],
1142  r-grid>r-cell[span-s$="-5"],
1143  r-grid>r-cell[span-s="6"] {
1144    --grid-ce: 6
1145  }
1146
1147  r-grid>r-cell[span-s$="+7"],
1148  r-grid>r-cell[span-s$="-6"],
1149  r-grid>r-cell[span-s="7"] {
1150    --grid-ce: 7
1151  }
1152
1153  r-grid>r-cell[span-s$="+8"],
1154  r-grid>r-cell[span-s$="-7"],
1155  r-grid>r-cell[span-s="8"] {
1156    --grid-ce: 8
1157  }
1158
1159  r-grid>r-cell[span-s$="+9"],
1160  r-grid>r-cell[span-s$="-8"],
1161  r-grid>r-cell[span-s="9"] {
1162    --grid-ce: 9
1163  }
1164
1165  r-grid>r-cell[span-s$="+10"],
1166  r-grid>r-cell[span-s$="-9"],
1167  r-grid>r-cell[span-s="10"] {
1168    --grid-ce: 10
1169  }
1170
1171  r-grid>r-cell[span-s$="+11"],
1172  r-grid>r-cell[span-s$="-10"],
1173  r-grid>r-cell[span-s="11"] {
1174    --grid-ce: 11
1175  }
1176
1177  r-grid>r-cell[span-s$="+12"],
1178  r-grid>r-cell[span-s$="-11"],
1179  r-grid>r-cell[span-s="12"] {
1180    --grid-ce: 12
1181  }
1182
1183  r-grid>r-cell[span-s$="+13"],
1184  r-grid>r-cell[span-s$="-12"],
1185  r-grid>r-cell[span-s="13"] {
1186    --grid-ce: 13
1187  }
1188
1189  r-grid>r-cell[span-s$="+14"],
1190  r-grid>r-cell[span-s$="-13"],
1191  r-grid>r-cell[span-s="14"] {
1192    --grid-ce: 14
1193  }
1194
1195  r-grid>r-cell[span-s$="+15"],
1196  r-grid>r-cell[span-s$="-14"],
1197  r-grid>r-cell[span-s="15"] {
1198    --grid-ce: 15
1199  }
1200
1201  r-grid>r-cell[span-s$="+16"],
1202  r-grid>r-cell[span-s$="-15"],
1203  r-grid>r-cell[span-s="16"] {
1204    --grid-ce: 16
1205  }
1206
1207  r-grid>r-cell[span-s$="+17"],
1208  r-grid>r-cell[span-s$="-16"],
1209  r-grid>r-cell[span-s="17"] {
1210    --grid-ce: 17
1211  }
1212
1213  r-grid>r-cell[span-s$="+18"],
1214  r-grid>r-cell[span-s$="-17"],
1215  r-grid>r-cell[span-s="18"] {
1216    --grid-ce: 18
1217  }
1218
1219  r-grid>r-cell[span-s$="+19"],
1220  r-grid>r-cell[span-s$="-18"],
1221  r-grid>r-cell[span-s="19"] {
1222    --grid-ce: 19
1223  }
1224
1225  r-grid>r-cell[span-s$="+20"],
1226  r-grid>r-cell[span-s$="-19"],
1227  r-grid>r-cell[span-s="20"] {
1228    --grid-ce: 20
1229  }
1230
1231  r-grid>r-cell[span-s$="+21"],
1232  r-grid>r-cell[span-s$="-20"],
1233  r-grid>r-cell[span-s="21"] {
1234    --grid-ce: 21
1235  }
1236
1237  r-grid>r-cell[span-s$="+22"],
1238  r-grid>r-cell[span-s$="-21"],
1239  r-grid>r-cell[span-s="22"] {
1240    --grid-ce: 22
1241  }
1242
1243  r-grid>r-cell[span-s$="+23"],
1244  r-grid>r-cell[span-s$="-22"],
1245  r-grid>r-cell[span-s="23"] {
1246    --grid-ce: 23
1247  }
1248
1249  r-grid>r-cell[span-s$="+24"],
1250  r-grid>r-cell[span-s$="-23"],
1251  r-grid>r-cell[span-s="24"] {
1252    --grid-ce: 24
1253  }
1254
1255  r-grid>r-cell[span-s$="+25"],
1256  r-grid>r-cell[span-s$="-24"],
1257  r-grid>r-cell[span-s="25"] {
1258    --grid-ce: 25
1259  }
1260
1261  r-grid>r-cell[span-s$="+26"],
1262  r-grid>r-cell[span-s$="-25"],
1263  r-grid>r-cell[span-s="26"] {
1264    --grid-ce: 26
1265  }
1266
1267  r-grid>r-cell[span-s$="+27"],
1268  r-grid>r-cell[span-s$="-26"],
1269  r-grid>r-cell[span-s="27"] {
1270    --grid-ce: 27
1271  }
1272
1273  r-grid>r-cell[span-s$="+28"],
1274  r-grid>r-cell[span-s$="-27"],
1275  r-grid>r-cell[span-s="28"] {
1276    --grid-ce: 28
1277  }
1278
1279  r-grid>r-cell[span-s$="+29"],
1280  r-grid>r-cell[span-s$="-28"],
1281  r-grid>r-cell[span-s="29"] {
1282    --grid-ce: 29
1283  }
1284
1285  r-grid>r-cell[span-s$="+30"],
1286  r-grid>r-cell[span-s$="-29"],
1287  r-grid>r-cell[span-s="30"] {
1288    --grid-ce: 30
1289  }
1290
1291  r-grid>r-cell[span-s$="-30"] {
1292    --grid-ce: 31
1293  }
1294
1295  r-grid>r-cell[span-s] {
1296    grid-column-end: span var(--grid-ce)
1297  }
1298
1299  r-grid>r-cell[span-s*="+"],
1300  r-grid>r-cell[span-s*="-"],
1301  r-grid>r-cell[span-s*=".."] {
1302    grid-column-start: var(--grid-cs)
1303  }
1304
1305  r-grid>r-cell[span-s*="-"],
1306  r-grid>r-cell[span-s*=".."] {
1307    grid-column-end: var(--grid-ce)
1308  }
1309
1310  r-grid>r-cell[span-s=row] {
1311    grid-column: 1/-1
1312  }
1313}
1314
1315@media only screen and (min-width:1599px) {
1316  r-grid[columns-l="1"] {
1317    --grid-tc: repeat(1, 1fr)
1318  }
1319
1320  r-grid[columns-l="2"] {
1321    --grid-tc: repeat(2, 1fr)
1322  }
1323
1324  r-grid[columns-l="3"] {
1325    --grid-tc: repeat(3, 1fr)
1326  }
1327
1328  r-grid[columns-l="4"] {
1329    --grid-tc: repeat(4, 1fr)
1330  }
1331
1332  r-grid[columns-l="5"] {
1333    --grid-tc: repeat(5, 1fr)
1334  }
1335
1336  r-grid[columns-l="6"] {
1337    --grid-tc: repeat(6, 1fr)
1338  }
1339
1340  r-grid[columns-l="7"] {
1341    --grid-tc: repeat(7, 1fr)
1342  }
1343
1344  r-grid[columns-l="8"] {
1345    --grid-tc: repeat(8, 1fr)
1346  }
1347
1348  r-grid[columns-l="9"] {
1349    --grid-tc: repeat(9, 1fr)
1350  }
1351
1352  r-grid[columns-l="10"] {
1353    --grid-tc: repeat(10, 1fr)
1354  }
1355
1356  r-grid[columns-l="11"] {
1357    --grid-tc: repeat(11, 1fr)
1358  }
1359
1360  r-grid[columns-l="12"] {
1361    --grid-tc: repeat(12, 1fr)
1362  }
1363
1364  r-grid[columns-l="13"] {
1365    --grid-tc: repeat(13, 1fr)
1366  }
1367
1368  r-grid[columns-l="14"] {
1369    --grid-tc: repeat(14, 1fr)
1370  }
1371
1372  r-grid[columns-l="15"] {
1373    --grid-tc: repeat(15, 1fr)
1374  }
1375
1376  r-grid[columns-l="16"] {
1377    --grid-tc: repeat(16, 1fr)
1378  }
1379
1380  r-grid[columns-l="17"] {
1381    --grid-tc: repeat(17, 1fr)
1382  }
1383
1384  r-grid[columns-l="18"] {
1385    --grid-tc: repeat(18, 1fr)
1386  }
1387
1388  r-grid[columns-l="19"] {
1389    --grid-tc: repeat(19, 1fr)
1390  }
1391
1392  r-grid[columns-l="20"] {
1393    --grid-tc: repeat(20, 1fr)
1394  }
1395
1396  r-grid[columns-l="21"] {
1397    --grid-tc: repeat(21, 1fr)
1398  }
1399
1400  r-grid[columns-l="22"] {
1401    --grid-tc: repeat(22, 1fr)
1402  }
1403
1404  r-grid[columns-l="23"] {
1405    --grid-tc: repeat(23, 1fr)
1406  }
1407
1408  r-grid[columns-l="24"] {
1409    --grid-tc: repeat(24, 1fr)
1410  }
1411
1412  r-grid[columns-l="25"] {
1413    --grid-tc: repeat(25, 1fr)
1414  }
1415
1416  r-grid[columns-l="26"] {
1417    --grid-tc: repeat(26, 1fr)
1418  }
1419
1420  r-grid[columns-l="27"] {
1421    --grid-tc: repeat(27, 1fr)
1422  }
1423
1424  r-grid[columns-l="28"] {
1425    --grid-tc: repeat(28, 1fr)
1426  }
1427
1428  r-grid[columns-l="29"] {
1429    --grid-tc: repeat(29, 1fr)
1430  }
1431
1432  r-grid[columns-l="30"] {
1433    --grid-tc: repeat(30, 1fr)
1434  }
1435
1436  r-grid>r-cell[span-l^="1"] {
1437    --grid-cs: 1
1438  }
1439
1440  r-grid>r-cell[span-l^="2"] {
1441    --grid-cs: 2
1442  }
1443
1444  r-grid>r-cell[span-l^="3"] {
1445    --grid-cs: 3
1446  }
1447
1448  r-grid>r-cell[span-l^="4"] {
1449    --grid-cs: 4
1450  }
1451
1452  r-grid>r-cell[span-l^="5"] {
1453    --grid-cs: 5
1454  }
1455
1456  r-grid>r-cell[span-l^="6"] {
1457    --grid-cs: 6
1458  }
1459
1460  r-grid>r-cell[span-l^="7"] {
1461    --grid-cs: 7
1462  }
1463
1464  r-grid>r-cell[span-l^="8"] {
1465    --grid-cs: 8
1466  }
1467
1468  r-grid>r-cell[span-l^="9"] {
1469    --grid-cs: 9
1470  }
1471
1472  r-grid>r-cell[span-l^="10"] {
1473    --grid-cs: 10
1474  }
1475
1476  r-grid>r-cell[span-l^="11"] {
1477    --grid-cs: 11
1478  }
1479
1480  r-grid>r-cell[span-l^="12"] {
1481    --grid-cs: 12
1482  }
1483
1484  r-grid>r-cell[span-l^="13"] {
1485    --grid-cs: 13
1486  }
1487
1488  r-grid>r-cell[span-l^="14"] {
1489    --grid-cs: 14
1490  }
1491
1492  r-grid>r-cell[span-l^="15"] {
1493    --grid-cs: 15
1494  }
1495
1496  r-grid>r-cell[span-l^="16"] {
1497    --grid-cs: 16
1498  }
1499
1500  r-grid>r-cell[span-l^="17"] {
1501    --grid-cs: 17
1502  }
1503
1504  r-grid>r-cell[span-l^="18"] {
1505    --grid-cs: 18
1506  }
1507
1508  r-grid>r-cell[span-l^="19"] {
1509    --grid-cs: 19
1510  }
1511
1512  r-grid>r-cell[span-l^="20"] {
1513    --grid-cs: 20
1514  }
1515
1516  r-grid>r-cell[span-l^="21"] {
1517    --grid-cs: 21
1518  }
1519
1520  r-grid>r-cell[span-l^="22"] {
1521    --grid-cs: 22
1522  }
1523
1524  r-grid>r-cell[span-l^="23"] {
1525    --grid-cs: 23
1526  }
1527
1528  r-grid>r-cell[span-l^="24"] {
1529    --grid-cs: 24
1530  }
1531
1532  r-grid>r-cell[span-l^="25"] {
1533    --grid-cs: 25
1534  }
1535
1536  r-grid>r-cell[span-l^="26"] {
1537    --grid-cs: 26
1538  }
1539
1540  r-grid>r-cell[span-l^="27"] {
1541    --grid-cs: 27
1542  }
1543
1544  r-grid>r-cell[span-l^="28"] {
1545    --grid-cs: 28
1546  }
1547
1548  r-grid>r-cell[span-l^="29"] {
1549    --grid-cs: 29
1550  }
1551
1552  r-grid>r-cell[span-l^="30"] {
1553    --grid-cs: 30
1554  }
1555
1556  r-grid>r-cell[span-l$="+1"],
1557  r-grid>r-cell[span-l="1"] {
1558    --grid-ce: 1
1559  }
1560
1561  r-grid>r-cell[span-l$="+2"],
1562  r-grid>r-cell[span-l$="-1"],
1563  r-grid>r-cell[span-l="2"] {
1564    --grid-ce: 2
1565  }
1566
1567  r-grid>r-cell[span-l$="+3"],
1568  r-grid>r-cell[span-l$="-2"],
1569  r-grid>r-cell[span-l="3"] {
1570    --grid-ce: 3
1571  }
1572
1573  r-grid>r-cell[span-l$="+4"],
1574  r-grid>r-cell[span-l$="-3"],
1575  r-grid>r-cell[span-l="4"] {
1576    --grid-ce: 4
1577  }
1578
1579  r-grid>r-cell[span-l$="+5"],
1580  r-grid>r-cell[span-l$="-4"],
1581  r-grid>r-cell[span-l="5"] {
1582    --grid-ce: 5
1583  }
1584
1585  r-grid>r-cell[span-l$="+6"],
1586  r-grid>r-cell[span-l$="-5"],
1587  r-grid>r-cell[span-l="6"] {
1588    --grid-ce: 6
1589  }
1590
1591  r-grid>r-cell[span-l$="+7"],
1592  r-grid>r-cell[span-l$="-6"],
1593  r-grid>r-cell[span-l="7"] {
1594    --grid-ce: 7
1595  }
1596
1597  r-grid>r-cell[span-l$="+8"],
1598  r-grid>r-cell[span-l$="-7"],
1599  r-grid>r-cell[span-l="8"] {
1600    --grid-ce: 8
1601  }
1602
1603  r-grid>r-cell[span-l$="+9"],
1604  r-grid>r-cell[span-l$="-8"],
1605  r-grid>r-cell[span-l="9"] {
1606    --grid-ce: 9
1607  }
1608
1609  r-grid>r-cell[span-l$="+10"],
1610  r-grid>r-cell[span-l$="-9"],
1611  r-grid>r-cell[span-l="10"] {
1612    --grid-ce: 10
1613  }
1614
1615  r-grid>r-cell[span-l$="+11"],
1616  r-grid>r-cell[span-l$="-10"],
1617  r-grid>r-cell[span-l="11"] {
1618    --grid-ce: 11
1619  }
1620
1621  r-grid>r-cell[span-l$="+12"],
1622  r-grid>r-cell[span-l$="-11"],
1623  r-grid>r-cell[span-l="12"] {
1624    --grid-ce: 12
1625  }
1626
1627  r-grid>r-cell[span-l$="+13"],
1628  r-grid>r-cell[span-l$="-12"],
1629  r-grid>r-cell[span-l="13"] {
1630    --grid-ce: 13
1631  }
1632
1633  r-grid>r-cell[span-l$="+14"],
1634  r-grid>r-cell[span-l$="-13"],
1635  r-grid>r-cell[span-l="14"] {
1636    --grid-ce: 14
1637  }
1638
1639  r-grid>r-cell[span-l$="+15"],
1640  r-grid>r-cell[span-l$="-14"],
1641  r-grid>r-cell[span-l="15"] {
1642    --grid-ce: 15
1643  }
1644
1645  r-grid>r-cell[span-l$="+16"],
1646  r-grid>r-cell[span-l$="-15"],
1647  r-grid>r-cell[span-l="16"] {
1648    --grid-ce: 16
1649  }
1650
1651  r-grid>r-cell[span-l$="+17"],
1652  r-grid>r-cell[span-l$="-16"],
1653  r-grid>r-cell[span-l="17"] {
1654    --grid-ce: 17
1655  }
1656
1657  r-grid>r-cell[span-l$="+18"],
1658  r-grid>r-cell[span-l$="-17"],
1659  r-grid>r-cell[span-l="18"] {
1660    --grid-ce: 18
1661  }
1662
1663  r-grid>r-cell[span-l$="+19"],
1664  r-grid>r-cell[span-l$="-18"],
1665  r-grid>r-cell[span-l="19"] {
1666    --grid-ce: 19
1667  }
1668
1669  r-grid>r-cell[span-l$="+20"],
1670  r-grid>r-cell[span-l$="-19"],
1671  r-grid>r-cell[span-l="20"] {
1672    --grid-ce: 20
1673  }
1674
1675  r-grid>r-cell[span-l$="+21"],
1676  r-grid>r-cell[span-l$="-20"],
1677  r-grid>r-cell[span-l="21"] {
1678    --grid-ce: 21
1679  }
1680
1681  r-grid>r-cell[span-l$="+22"],
1682  r-grid>r-cell[span-l$="-21"],
1683  r-grid>r-cell[span-l="22"] {
1684    --grid-ce: 22
1685  }
1686
1687  r-grid>r-cell[span-l$="+23"],
1688  r-grid>r-cell[span-l$="-22"],
1689  r-grid>r-cell[span-l="23"] {
1690    --grid-ce: 23
1691  }
1692
1693  r-grid>r-cell[span-l$="+24"],
1694  r-grid>r-cell[span-l$="-23"],
1695  r-grid>r-cell[span-l="24"] {
1696    --grid-ce: 24
1697  }
1698
1699  r-grid>r-cell[span-l$="+25"],
1700  r-grid>r-cell[span-l$="-24"],
1701  r-grid>r-cell[span-l="25"] {
1702    --grid-ce: 25
1703  }
1704
1705  r-grid>r-cell[span-l$="+26"],
1706  r-grid>r-cell[span-l$="-25"],
1707  r-grid>r-cell[span-l="26"] {
1708    --grid-ce: 26
1709  }
1710
1711  r-grid>r-cell[span-l$="+27"],
1712  r-grid>r-cell[span-l$="-26"],
1713  r-grid>r-cell[span-l="27"] {
1714    --grid-ce: 27
1715  }
1716
1717  r-grid>r-cell[span-l$="+28"],
1718  r-grid>r-cell[span-l$="-27"],
1719  r-grid>r-cell[span-l="28"] {
1720    --grid-ce: 28
1721  }
1722
1723  r-grid>r-cell[span-l$="+29"],
1724  r-grid>r-cell[span-l$="-28"],
1725  r-grid>r-cell[span-l="29"] {
1726    --grid-ce: 29
1727  }
1728
1729  r-grid>r-cell[span-l$="+30"],
1730  r-grid>r-cell[span-l$="-29"],
1731  r-grid>r-cell[span-l="30"] {
1732    --grid-ce: 30
1733  }
1734
1735  r-grid>r-cell[span-l$="-30"] {
1736    --grid-ce: 31
1737  }
1738
1739  r-grid>r-cell[span-l] {
1740    grid-column-end: span var(--grid-ce)
1741  }
1742
1743  r-grid>r-cell[span-l*="+"],
1744  r-grid>r-cell[span-l*="-"],
1745  r-grid>r-cell[span-l*=".."] {
1746    grid-column-start: var(--grid-cs)
1747  }
1748
1749  r-grid>r-cell[span-l*="-"],
1750  r-grid>r-cell[span-l*=".."] {
1751    grid-column-end: var(--grid-ce)
1752  }
1753
1754  r-grid>r-cell[span-l=row] {
1755    grid-column: 1/-1
1756  }
1757}