gshr.css

:root {
  /* Fonts */
  --mono-font: "Menlo", monospace;
  --sans-font: -apple-system, BlinkMacSystemFont, "avenir next", avenir,
    helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial,
    sans-serif;
  /* Colors */
  --blue: #0062ff;
  /* General variables */
  --ls: 0;
  --lh: 1.4;
  --font-size: 13px;
  --font-family: var(--sans-font);
  /* Dark/light theme variables. */
  --bg: white;
  --text-color: black;
  --second-text-color: #838181;
  --link-color: var(--blue);
  --link-underline-color: var(--blue);
}

html {
  font-family: var(--font-family);
}

* {
  margin: 0;
  padding: 0;
  font-family: inherit
}

body {
  background: var(--bg);
  color: var(--text-color);
  letter-spacing: var(--ls);
  line-height: var(--lh);
  font-size: var(--font-size);
  width: 100%;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

pre,
code,
tt {
  font-family: var(--mono-font);
  font-feature-settings: 'ss02' 1, 'zero' 1
}

strong,
b {
  font-weight: 600
}

a[href] {
  color: var(--link-color);
  text-decoration-line: underline;
  text-decoration-color: var(--link-underline-color);
  font-weight: 500
}

a[href]:not(:hover) {
  text-decoration-line: underline
}

a[href]:hover {
  text-decoration-style: solid;
  text-decoration-line: underline;
  text-decoration-color: var(--link-color)
}

.mono {
  font-family: var(--mono-font);
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4px;
}

div.content {
  margin: 0 auto;
  padding: 20px;
  max-width: 860px
}

pre {
  margin: 4px 0;
  overflow-x: auto;
  padding: 4px;
  border: solid 1px gainsboro;
  border-radius: 4px;
}

pre>code {
  padding: 0;
  background-color: transparent;
  border-radius: 0
}

pre>code::before,
pre>code::after {
  letter-spacing: inherit;
  content: none
}

*:target {
  outline: 4px solid #fe0
}

div.metadata {
  padding-bottom: 1em;
}

.chroma {
  background-color: #ffffff;
}

.chroma .err {
  color: #a61717;
  background-color: #e3d2d2
}

.chroma .lnlinks {
  outline: none;
  text-decoration: none;
  color: inherit
}

.chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .lntable {
  border-spacing: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .hl {
  background-color: #e5e5e5
}

.chroma .lnt {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #7f7f7f
}

.chroma .ln {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #7f7f7f
}

.chroma .line {
  display: flex;
}

.chroma .k {
  color: #000080;
  font-weight: bold
}

.chroma .kc {
  color: #000080;
  font-weight: bold
}

.chroma .kd {
  color: #000080;
  font-weight: bold
}

.chroma .kn {
  color: #000080;
  font-weight: bold
}

.chroma .kp {
  color: #000080;
  font-weight: bold
}

.chroma .kr {
  color: #000080;
  font-weight: bold
}

.chroma .kt {
  color: #000080;
  font-weight: bold
}

.chroma .na {
  color: #ff0000
}

.chroma .nt {
  color: #000080;
  font-weight: bold
}

.chroma .s {
  color: #0000ff
}

.chroma .sa {
  color: #0000ff
}

.chroma .sb {
  color: #0000ff
}

.chroma .sc {
  color: #800080
}

.chroma .dl {
  color: #0000ff
}

.chroma .sd {
  color: #0000ff
}

.chroma .s2 {
  color: #0000ff
}

.chroma .se {
  color: #0000ff
}

.chroma .sh {
  color: #0000ff
}

.chroma .si {
  color: #0000ff
}

.chroma .sx {
  color: #0000ff
}

.chroma .sr {
  color: #0000ff
}

.chroma .s1 {
  color: #0000ff
}

.chroma .ss {
  color: #0000ff
}

.chroma .m {
  color: #0000ff
}

.chroma .mb {
  color: #0000ff
}

.chroma .mf {
  color: #0000ff
}

.chroma .mh {
  color: #0000ff
}

.chroma .mi {
  color: #0000ff
}

.chroma .il {
  color: #0000ff
}

.chroma .mo {
  color: #0000ff
}

.chroma .ow {
  font-weight: bold
}

.chroma .c {
  color: #006800;
  font-style: italic
}

.chroma .ch {
  color: #006800;
  font-style: italic
}

.chroma .cm {
  color: #006800;
  font-style: italic
}

.chroma .c1 {
  color: #006800;
  font-style: italic
}

.chroma .cs {
  color: #006800;
  font-weight: bold
}

.chroma .cp {
  color: #008080
}

.chroma .cpf {
  color: #008080
}

.chroma .gd {
  color: #000000;
  background-color: #ffdddd
}

.chroma .ge {
  font-style: italic
}

.chroma .gr {
  color: #aa0000
}

.chroma .gh {
  color: #999999
}

.chroma .gi {
  color: #000000;
  background-color: #ddffdd
}

.chroma .go {
  color: #888888
}

.chroma .gp {
  color: #555555
}

.chroma .gs {
  font-weight: bold
}

.chroma .gu {
  color: #aaaaaa
}

.chroma .gt {
  color: #aa0000
}

.chroma .gl {
  text-decoration: underline
}

.chroma .w {
  color: #bbbbbb
}

/*
Copyright (c) 2019 Rasmus Andersson <https://rsms.me/raster/>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
r-grid {
  display: grid;
  --grid-tc: repeat(4, 1fr);
  grid-template-columns: var(--grid-tc);
  --grid-cs: 1;
  --grid-ce: -1
}

r-grid>r-cell {
  display: block;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none
}

r-grid[columns="1"] {
  --grid-tc: repeat(1, 1fr)
}

r-grid[columns="2"] {
  --grid-tc: repeat(2, 1fr)
}

r-grid[columns="3"] {
  --grid-tc: repeat(3, 1fr)
}

r-grid[columns="4"] {
  --grid-tc: repeat(4, 1fr)
}

r-grid[columns="5"] {
  --grid-tc: repeat(5, 1fr)
}

r-grid[columns="6"] {
  --grid-tc: repeat(6, 1fr)
}

r-grid[columns="7"] {
  --grid-tc: repeat(7, 1fr)
}

r-grid[columns="8"] {
  --grid-tc: repeat(8, 1fr)
}

r-grid[columns="9"] {
  --grid-tc: repeat(9, 1fr)
}

r-grid[columns="10"] {
  --grid-tc: repeat(10, 1fr)
}

r-grid[columns="11"] {
  --grid-tc: repeat(11, 1fr)
}

r-grid[columns="12"] {
  --grid-tc: repeat(12, 1fr)
}

r-grid[columns="13"] {
  --grid-tc: repeat(13, 1fr)
}

r-grid[columns="14"] {
  --grid-tc: repeat(14, 1fr)
}

r-grid[columns="15"] {
  --grid-tc: repeat(15, 1fr)
}

r-grid[columns="16"] {
  --grid-tc: repeat(16, 1fr)
}

r-grid[columns="17"] {
  --grid-tc: repeat(17, 1fr)
}

r-grid[columns="18"] {
  --grid-tc: repeat(18, 1fr)
}

r-grid[columns="19"] {
  --grid-tc: repeat(19, 1fr)
}

r-grid[columns="20"] {
  --grid-tc: repeat(20, 1fr)
}

r-grid[columns="21"] {
  --grid-tc: repeat(21, 1fr)
}

r-grid[columns="22"] {
  --grid-tc: repeat(22, 1fr)
}

r-grid[columns="23"] {
  --grid-tc: repeat(23, 1fr)
}

r-grid[columns="24"] {
  --grid-tc: repeat(24, 1fr)
}

r-grid[columns="25"] {
  --grid-tc: repeat(25, 1fr)
}

r-grid[columns="26"] {
  --grid-tc: repeat(26, 1fr)
}

r-grid[columns="27"] {
  --grid-tc: repeat(27, 1fr)
}

r-grid[columns="28"] {
  --grid-tc: repeat(28, 1fr)
}

r-grid[columns="29"] {
  --grid-tc: repeat(29, 1fr)
}

r-grid[columns="30"] {
  --grid-tc: repeat(30, 1fr)
}

r-grid>r-cell[span^="1"] {
  --grid-cs: 1
}

r-grid>r-cell[span^="2"] {
  --grid-cs: 2
}

r-grid>r-cell[span^="3"] {
  --grid-cs: 3
}

r-grid>r-cell[span^="4"] {
  --grid-cs: 4
}

r-grid>r-cell[span^="5"] {
  --grid-cs: 5
}

r-grid>r-cell[span^="6"] {
  --grid-cs: 6
}

r-grid>r-cell[span^="7"] {
  --grid-cs: 7
}

r-grid>r-cell[span^="8"] {
  --grid-cs: 8
}

r-grid>r-cell[span^="9"] {
  --grid-cs: 9
}

r-grid>r-cell[span^="10"] {
  --grid-cs: 10
}

r-grid>r-cell[span^="11"] {
  --grid-cs: 11
}

r-grid>r-cell[span^="12"] {
  --grid-cs: 12
}

r-grid>r-cell[span^="13"] {
  --grid-cs: 13
}

r-grid>r-cell[span^="14"] {
  --grid-cs: 14
}

r-grid>r-cell[span^="15"] {
  --grid-cs: 15
}

r-grid>r-cell[span^="16"] {
  --grid-cs: 16
}

r-grid>r-cell[span^="17"] {
  --grid-cs: 17
}

r-grid>r-cell[span^="18"] {
  --grid-cs: 18
}

r-grid>r-cell[span^="19"] {
  --grid-cs: 19
}

r-grid>r-cell[span^="20"] {
  --grid-cs: 20
}

r-grid>r-cell[span^="21"] {
  --grid-cs: 21
}

r-grid>r-cell[span^="22"] {
  --grid-cs: 22
}

r-grid>r-cell[span^="23"] {
  --grid-cs: 23
}

r-grid>r-cell[span^="24"] {
  --grid-cs: 24
}

r-grid>r-cell[span^="25"] {
  --grid-cs: 25
}

r-grid>r-cell[span^="26"] {
  --grid-cs: 26
}

r-grid>r-cell[span^="27"] {
  --grid-cs: 27
}

r-grid>r-cell[span^="28"] {
  --grid-cs: 28
}

r-grid>r-cell[span^="29"] {
  --grid-cs: 29
}

r-grid>r-cell[span^="30"] {
  --grid-cs: 30
}

r-grid>r-cell[span$="+1"],
r-grid>r-cell[span="1"] {
  --grid-ce: 1
}

r-grid>r-cell[span$="+2"],
r-grid>r-cell[span$="-1"],
r-grid>r-cell[span="2"] {
  --grid-ce: 2
}

r-grid>r-cell[span$="+3"],
r-grid>r-cell[span$="-2"],
r-grid>r-cell[span="3"] {
  --grid-ce: 3
}

r-grid>r-cell[span$="+4"],
r-grid>r-cell[span$="-3"],
r-grid>r-cell[span="4"] {
  --grid-ce: 4
}

r-grid>r-cell[span$="+5"],
r-grid>r-cell[span$="-4"],
r-grid>r-cell[span="5"] {
  --grid-ce: 5
}

r-grid>r-cell[span$="+6"],
r-grid>r-cell[span$="-5"],
r-grid>r-cell[span="6"] {
  --grid-ce: 6
}

r-grid>r-cell[span$="+7"],
r-grid>r-cell[span$="-6"],
r-grid>r-cell[span="7"] {
  --grid-ce: 7
}

r-grid>r-cell[span$="+8"],
r-grid>r-cell[span$="-7"],
r-grid>r-cell[span="8"] {
  --grid-ce: 8
}

r-grid>r-cell[span$="+9"],
r-grid>r-cell[span$="-8"],
r-grid>r-cell[span="9"] {
  --grid-ce: 9
}

r-grid>r-cell[span$="+10"],
r-grid>r-cell[span$="-9"],
r-grid>r-cell[span="10"] {
  --grid-ce: 10
}

r-grid>r-cell[span$="+11"],
r-grid>r-cell[span$="-10"],
r-grid>r-cell[span="11"] {
  --grid-ce: 11
}

r-grid>r-cell[span$="+12"],
r-grid>r-cell[span$="-11"],
r-grid>r-cell[span="12"] {
  --grid-ce: 12
}

r-grid>r-cell[span$="+13"],
r-grid>r-cell[span$="-12"],
r-grid>r-cell[span="13"] {
  --grid-ce: 13
}

r-grid>r-cell[span$="+14"],
r-grid>r-cell[span$="-13"],
r-grid>r-cell[span="14"] {
  --grid-ce: 14
}

r-grid>r-cell[span$="+15"],
r-grid>r-cell[span$="-14"],
r-grid>r-cell[span="15"] {
  --grid-ce: 15
}

r-grid>r-cell[span$="+16"],
r-grid>r-cell[span$="-15"],
r-grid>r-cell[span="16"] {
  --grid-ce: 16
}

r-grid>r-cell[span$="+17"],
r-grid>r-cell[span$="-16"],
r-grid>r-cell[span="17"] {
  --grid-ce: 17
}

r-grid>r-cell[span$="+18"],
r-grid>r-cell[span$="-17"],
r-grid>r-cell[span="18"] {
  --grid-ce: 18
}

r-grid>r-cell[span$="+19"],
r-grid>r-cell[span$="-18"],
r-grid>r-cell[span="19"] {
  --grid-ce: 19
}

r-grid>r-cell[span$="+20"],
r-grid>r-cell[span$="-19"],
r-grid>r-cell[span="20"] {
  --grid-ce: 20
}

r-grid>r-cell[span$="+21"],
r-grid>r-cell[span$="-20"],
r-grid>r-cell[span="21"] {
  --grid-ce: 21
}

r-grid>r-cell[span$="+22"],
r-grid>r-cell[span$="-21"],
r-grid>r-cell[span="22"] {
  --grid-ce: 22
}

r-grid>r-cell[span$="+23"],
r-grid>r-cell[span$="-22"],
r-grid>r-cell[span="23"] {
  --grid-ce: 23
}

r-grid>r-cell[span$="+24"],
r-grid>r-cell[span$="-23"],
r-grid>r-cell[span="24"] {
  --grid-ce: 24
}

r-grid>r-cell[span$="+25"],
r-grid>r-cell[span$="-24"],
r-grid>r-cell[span="25"] {
  --grid-ce: 25
}

r-grid>r-cell[span$="+26"],
r-grid>r-cell[span$="-25"],
r-grid>r-cell[span="26"] {
  --grid-ce: 26
}

r-grid>r-cell[span$="+27"],
r-grid>r-cell[span$="-26"],
r-grid>r-cell[span="27"] {
  --grid-ce: 27
}

r-grid>r-cell[span$="+28"],
r-grid>r-cell[span$="-27"],
r-grid>r-cell[span="28"] {
  --grid-ce: 28
}

r-grid>r-cell[span$="+29"],
r-grid>r-cell[span$="-28"],
r-grid>r-cell[span="29"] {
  --grid-ce: 29
}

r-grid>r-cell[span$="+30"],
r-grid>r-cell[span$="-29"],
r-grid>r-cell[span="30"] {
  --grid-ce: 30
}

r-grid>r-cell[span$="-30"] {
  --grid-ce: 31
}

r-grid>r-cell[span] {
  grid-column-end: span var(--grid-ce)
}

r-grid>r-cell[span*="+"],
r-grid>r-cell[span*="-"],
r-grid>r-cell[span*=".."] {
  grid-column-start: var(--grid-cs)
}

r-grid>r-cell[span*="-"],
r-grid>r-cell[span*=".."] {
  grid-column-end: var(--grid-ce)
}

r-grid>r-cell[span=row] {
  grid-column: 1/-1
}

@media only screen and (max-width:600px) {
  r-grid[columns-s="1"] {
    --grid-tc: repeat(1, 1fr)
  }

  r-grid[columns-s="2"] {
    --grid-tc: repeat(2, 1fr)
  }

  r-grid[columns-s="3"] {
    --grid-tc: repeat(3, 1fr)
  }

  r-grid[columns-s="4"] {
    --grid-tc: repeat(4, 1fr)
  }

  r-grid[columns-s="5"] {
    --grid-tc: repeat(5, 1fr)
  }

  r-grid[columns-s="6"] {
    --grid-tc: repeat(6, 1fr)
  }

  r-grid[columns-s="7"] {
    --grid-tc: repeat(7, 1fr)
  }

  r-grid[columns-s="8"] {
    --grid-tc: repeat(8, 1fr)
  }

  r-grid[columns-s="9"] {
    --grid-tc: repeat(9, 1fr)
  }

  r-grid[columns-s="10"] {
    --grid-tc: repeat(10, 1fr)
  }

  r-grid[columns-s="11"] {
    --grid-tc: repeat(11, 1fr)
  }

  r-grid[columns-s="12"] {
    --grid-tc: repeat(12, 1fr)
  }

  r-grid[columns-s="13"] {
    --grid-tc: repeat(13, 1fr)
  }

  r-grid[columns-s="14"] {
    --grid-tc: repeat(14, 1fr)
  }

  r-grid[columns-s="15"] {
    --grid-tc: repeat(15, 1fr)
  }

  r-grid[columns-s="16"] {
    --grid-tc: repeat(16, 1fr)
  }

  r-grid[columns-s="17"] {
    --grid-tc: repeat(17, 1fr)
  }

  r-grid[columns-s="18"] {
    --grid-tc: repeat(18, 1fr)
  }

  r-grid[columns-s="19"] {
    --grid-tc: repeat(19, 1fr)
  }

  r-grid[columns-s="20"] {
    --grid-tc: repeat(20, 1fr)
  }

  r-grid[columns-s="21"] {
    --grid-tc: repeat(21, 1fr)
  }

  r-grid[columns-s="22"] {
    --grid-tc: repeat(22, 1fr)
  }

  r-grid[columns-s="23"] {
    --grid-tc: repeat(23, 1fr)
  }

  r-grid[columns-s="24"] {
    --grid-tc: repeat(24, 1fr)
  }

  r-grid[columns-s="25"] {
    --grid-tc: repeat(25, 1fr)
  }

  r-grid[columns-s="26"] {
    --grid-tc: repeat(26, 1fr)
  }

  r-grid[columns-s="27"] {
    --grid-tc: repeat(27, 1fr)
  }

  r-grid[columns-s="28"] {
    --grid-tc: repeat(28, 1fr)
  }

  r-grid[columns-s="29"] {
    --grid-tc: repeat(29, 1fr)
  }

  r-grid[columns-s="30"] {
    --grid-tc: repeat(30, 1fr)
  }

  r-grid>r-cell[span-s^="1"] {
    --grid-cs: 1
  }

  r-grid>r-cell[span-s^="2"] {
    --grid-cs: 2
  }

  r-grid>r-cell[span-s^="3"] {
    --grid-cs: 3
  }

  r-grid>r-cell[span-s^="4"] {
    --grid-cs: 4
  }

  r-grid>r-cell[span-s^="5"] {
    --grid-cs: 5
  }

  r-grid>r-cell[span-s^="6"] {
    --grid-cs: 6
  }

  r-grid>r-cell[span-s^="7"] {
    --grid-cs: 7
  }

  r-grid>r-cell[span-s^="8"] {
    --grid-cs: 8
  }

  r-grid>r-cell[span-s^="9"] {
    --grid-cs: 9
  }

  r-grid>r-cell[span-s^="10"] {
    --grid-cs: 10
  }

  r-grid>r-cell[span-s^="11"] {
    --grid-cs: 11
  }

  r-grid>r-cell[span-s^="12"] {
    --grid-cs: 12
  }

  r-grid>r-cell[span-s^="13"] {
    --grid-cs: 13
  }

  r-grid>r-cell[span-s^="14"] {
    --grid-cs: 14
  }

  r-grid>r-cell[span-s^="15"] {
    --grid-cs: 15
  }

  r-grid>r-cell[span-s^="16"] {
    --grid-cs: 16
  }

  r-grid>r-cell[span-s^="17"] {
    --grid-cs: 17
  }

  r-grid>r-cell[span-s^="18"] {
    --grid-cs: 18
  }

  r-grid>r-cell[span-s^="19"] {
    --grid-cs: 19
  }

  r-grid>r-cell[span-s^="20"] {
    --grid-cs: 20
  }

  r-grid>r-cell[span-s^="21"] {
    --grid-cs: 21
  }

  r-grid>r-cell[span-s^="22"] {
    --grid-cs: 22
  }

  r-grid>r-cell[span-s^="23"] {
    --grid-cs: 23
  }

  r-grid>r-cell[span-s^="24"] {
    --grid-cs: 24
  }

  r-grid>r-cell[span-s^="25"] {
    --grid-cs: 25
  }

  r-grid>r-cell[span-s^="26"] {
    --grid-cs: 26
  }

  r-grid>r-cell[span-s^="27"] {
    --grid-cs: 27
  }

  r-grid>r-cell[span-s^="28"] {
    --grid-cs: 28
  }

  r-grid>r-cell[span-s^="29"] {
    --grid-cs: 29
  }

  r-grid>r-cell[span-s^="30"] {
    --grid-cs: 30
  }

  r-grid>r-cell[span-s$="+1"],
  r-grid>r-cell[span-s="1"] {
    --grid-ce: 1
  }

  r-grid>r-cell[span-s$="+2"],
  r-grid>r-cell[span-s$="-1"],
  r-grid>r-cell[span-s="2"] {
    --grid-ce: 2
  }

  r-grid>r-cell[span-s$="+3"],
  r-grid>r-cell[span-s$="-2"],
  r-grid>r-cell[span-s="3"] {
    --grid-ce: 3
  }

  r-grid>r-cell[span-s$="+4"],
  r-grid>r-cell[span-s$="-3"],
  r-grid>r-cell[span-s="4"] {
    --grid-ce: 4
  }

  r-grid>r-cell[span-s$="+5"],
  r-grid>r-cell[span-s$="-4"],
  r-grid>r-cell[span-s="5"] {
    --grid-ce: 5
  }

  r-grid>r-cell[span-s$="+6"],
  r-grid>r-cell[span-s$="-5"],
  r-grid>r-cell[span-s="6"] {
    --grid-ce: 6
  }

  r-grid>r-cell[span-s$="+7"],
  r-grid>r-cell[span-s$="-6"],
  r-grid>r-cell[span-s="7"] {
    --grid-ce: 7
  }

  r-grid>r-cell[span-s$="+8"],
  r-grid>r-cell[span-s$="-7"],
  r-grid>r-cell[span-s="8"] {
    --grid-ce: 8
  }

  r-grid>r-cell[span-s$="+9"],
  r-grid>r-cell[span-s$="-8"],
  r-grid>r-cell[span-s="9"] {
    --grid-ce: 9
  }

  r-grid>r-cell[span-s$="+10"],
  r-grid>r-cell[span-s$="-9"],
  r-grid>r-cell[span-s="10"] {
    --grid-ce: 10
  }

  r-grid>r-cell[span-s$="+11"],
  r-grid>r-cell[span-s$="-10"],
  r-grid>r-cell[span-s="11"] {
    --grid-ce: 11
  }

  r-grid>r-cell[span-s$="+12"],
  r-grid>r-cell[span-s$="-11"],
  r-grid>r-cell[span-s="12"] {
    --grid-ce: 12
  }

  r-grid>r-cell[span-s$="+13"],
  r-grid>r-cell[span-s$="-12"],
  r-grid>r-cell[span-s="13"] {
    --grid-ce: 13
  }

  r-grid>r-cell[span-s$="+14"],
  r-grid>r-cell[span-s$="-13"],
  r-grid>r-cell[span-s="14"] {
    --grid-ce: 14
  }

  r-grid>r-cell[span-s$="+15"],
  r-grid>r-cell[span-s$="-14"],
  r-grid>r-cell[span-s="15"] {
    --grid-ce: 15
  }

  r-grid>r-cell[span-s$="+16"],
  r-grid>r-cell[span-s$="-15"],
  r-grid>r-cell[span-s="16"] {
    --grid-ce: 16
  }

  r-grid>r-cell[span-s$="+17"],
  r-grid>r-cell[span-s$="-16"],
  r-grid>r-cell[span-s="17"] {
    --grid-ce: 17
  }

  r-grid>r-cell[span-s$="+18"],
  r-grid>r-cell[span-s$="-17"],
  r-grid>r-cell[span-s="18"] {
    --grid-ce: 18
  }

  r-grid>r-cell[span-s$="+19"],
  r-grid>r-cell[span-s$="-18"],
  r-grid>r-cell[span-s="19"] {
    --grid-ce: 19
  }

  r-grid>r-cell[span-s$="+20"],
  r-grid>r-cell[span-s$="-19"],
  r-grid>r-cell[span-s="20"] {
    --grid-ce: 20
  }

  r-grid>r-cell[span-s$="+21"],
  r-grid>r-cell[span-s$="-20"],
  r-grid>r-cell[span-s="21"] {
    --grid-ce: 21
  }

  r-grid>r-cell[span-s$="+22"],
  r-grid>r-cell[span-s$="-21"],
  r-grid>r-cell[span-s="22"] {
    --grid-ce: 22
  }

  r-grid>r-cell[span-s$="+23"],
  r-grid>r-cell[span-s$="-22"],
  r-grid>r-cell[span-s="23"] {
    --grid-ce: 23
  }

  r-grid>r-cell[span-s$="+24"],
  r-grid>r-cell[span-s$="-23"],
  r-grid>r-cell[span-s="24"] {
    --grid-ce: 24
  }

  r-grid>r-cell[span-s$="+25"],
  r-grid>r-cell[span-s$="-24"],
  r-grid>r-cell[span-s="25"] {
    --grid-ce: 25
  }

  r-grid>r-cell[span-s$="+26"],
  r-grid>r-cell[span-s$="-25"],
  r-grid>r-cell[span-s="26"] {
    --grid-ce: 26
  }

  r-grid>r-cell[span-s$="+27"],
  r-grid>r-cell[span-s$="-26"],
  r-grid>r-cell[span-s="27"] {
    --grid-ce: 27
  }

  r-grid>r-cell[span-s$="+28"],
  r-grid>r-cell[span-s$="-27"],
  r-grid>r-cell[span-s="28"] {
    --grid-ce: 28
  }

  r-grid>r-cell[span-s$="+29"],
  r-grid>r-cell[span-s$="-28"],
  r-grid>r-cell[span-s="29"] {
    --grid-ce: 29
  }

  r-grid>r-cell[span-s$="+30"],
  r-grid>r-cell[span-s$="-29"],
  r-grid>r-cell[span-s="30"] {
    --grid-ce: 30
  }

  r-grid>r-cell[span-s$="-30"] {
    --grid-ce: 31
  }

  r-grid>r-cell[span-s] {
    grid-column-end: span var(--grid-ce)
  }

  r-grid>r-cell[span-s*="+"],
  r-grid>r-cell[span-s*="-"],
  r-grid>r-cell[span-s*=".."] {
    grid-column-start: var(--grid-cs)
  }

  r-grid>r-cell[span-s*="-"],
  r-grid>r-cell[span-s*=".."] {
    grid-column-end: var(--grid-ce)
  }

  r-grid>r-cell[span-s=row] {
    grid-column: 1/-1
  }
}

@media only screen and (min-width:1599px) {
  r-grid[columns-l="1"] {
    --grid-tc: repeat(1, 1fr)
  }

  r-grid[columns-l="2"] {
    --grid-tc: repeat(2, 1fr)
  }

  r-grid[columns-l="3"] {
    --grid-tc: repeat(3, 1fr)
  }

  r-grid[columns-l="4"] {
    --grid-tc: repeat(4, 1fr)
  }

  r-grid[columns-l="5"] {
    --grid-tc: repeat(5, 1fr)
  }

  r-grid[columns-l="6"] {
    --grid-tc: repeat(6, 1fr)
  }

  r-grid[columns-l="7"] {
    --grid-tc: repeat(7, 1fr)
  }

  r-grid[columns-l="8"] {
    --grid-tc: repeat(8, 1fr)
  }

  r-grid[columns-l="9"] {
    --grid-tc: repeat(9, 1fr)
  }

  r-grid[columns-l="10"] {
    --grid-tc: repeat(10, 1fr)
  }

  r-grid[columns-l="11"] {
    --grid-tc: repeat(11, 1fr)
  }

  r-grid[columns-l="12"] {
    --grid-tc: repeat(12, 1fr)
  }

  r-grid[columns-l="13"] {
    --grid-tc: repeat(13, 1fr)
  }

  r-grid[columns-l="14"] {
    --grid-tc: repeat(14, 1fr)
  }

  r-grid[columns-l="15"] {
    --grid-tc: repeat(15, 1fr)
  }

  r-grid[columns-l="16"] {
    --grid-tc: repeat(16, 1fr)
  }

  r-grid[columns-l="17"] {
    --grid-tc: repeat(17, 1fr)
  }

  r-grid[columns-l="18"] {
    --grid-tc: repeat(18, 1fr)
  }

  r-grid[columns-l="19"] {
    --grid-tc: repeat(19, 1fr)
  }

  r-grid[columns-l="20"] {
    --grid-tc: repeat(20, 1fr)
  }

  r-grid[columns-l="21"] {
    --grid-tc: repeat(21, 1fr)
  }

  r-grid[columns-l="22"] {
    --grid-tc: repeat(22, 1fr)
  }

  r-grid[columns-l="23"] {
    --grid-tc: repeat(23, 1fr)
  }

  r-grid[columns-l="24"] {
    --grid-tc: repeat(24, 1fr)
  }

  r-grid[columns-l="25"] {
    --grid-tc: repeat(25, 1fr)
  }

  r-grid[columns-l="26"] {
    --grid-tc: repeat(26, 1fr)
  }

  r-grid[columns-l="27"] {
    --grid-tc: repeat(27, 1fr)
  }

  r-grid[columns-l="28"] {
    --grid-tc: repeat(28, 1fr)
  }

  r-grid[columns-l="29"] {
    --grid-tc: repeat(29, 1fr)
  }

  r-grid[columns-l="30"] {
    --grid-tc: repeat(30, 1fr)
  }

  r-grid>r-cell[span-l^="1"] {
    --grid-cs: 1
  }

  r-grid>r-cell[span-l^="2"] {
    --grid-cs: 2
  }

  r-grid>r-cell[span-l^="3"] {
    --grid-cs: 3
  }

  r-grid>r-cell[span-l^="4"] {
    --grid-cs: 4
  }

  r-grid>r-cell[span-l^="5"] {
    --grid-cs: 5
  }

  r-grid>r-cell[span-l^="6"] {
    --grid-cs: 6
  }

  r-grid>r-cell[span-l^="7"] {
    --grid-cs: 7
  }

  r-grid>r-cell[span-l^="8"] {
    --grid-cs: 8
  }

  r-grid>r-cell[span-l^="9"] {
    --grid-cs: 9
  }

  r-grid>r-cell[span-l^="10"] {
    --grid-cs: 10
  }

  r-grid>r-cell[span-l^="11"] {
    --grid-cs: 11
  }

  r-grid>r-cell[span-l^="12"] {
    --grid-cs: 12
  }

  r-grid>r-cell[span-l^="13"] {
    --grid-cs: 13
  }

  r-grid>r-cell[span-l^="14"] {
    --grid-cs: 14
  }

  r-grid>r-cell[span-l^="15"] {
    --grid-cs: 15
  }

  r-grid>r-cell[span-l^="16"] {
    --grid-cs: 16
  }

  r-grid>r-cell[span-l^="17"] {
    --grid-cs: 17
  }

  r-grid>r-cell[span-l^="18"] {
    --grid-cs: 18
  }

  r-grid>r-cell[span-l^="19"] {
    --grid-cs: 19
  }

  r-grid>r-cell[span-l^="20"] {
    --grid-cs: 20
  }

  r-grid>r-cell[span-l^="21"] {
    --grid-cs: 21
  }

  r-grid>r-cell[span-l^="22"] {
    --grid-cs: 22
  }

  r-grid>r-cell[span-l^="23"] {
    --grid-cs: 23
  }

  r-grid>r-cell[span-l^="24"] {
    --grid-cs: 24
  }

  r-grid>r-cell[span-l^="25"] {
    --grid-cs: 25
  }

  r-grid>r-cell[span-l^="26"] {
    --grid-cs: 26
  }

  r-grid>r-cell[span-l^="27"] {
    --grid-cs: 27
  }

  r-grid>r-cell[span-l^="28"] {
    --grid-cs: 28
  }

  r-grid>r-cell[span-l^="29"] {
    --grid-cs: 29
  }

  r-grid>r-cell[span-l^="30"] {
    --grid-cs: 30
  }

  r-grid>r-cell[span-l$="+1"],
  r-grid>r-cell[span-l="1"] {
    --grid-ce: 1
  }

  r-grid>r-cell[span-l$="+2"],
  r-grid>r-cell[span-l$="-1"],
  r-grid>r-cell[span-l="2"] {
    --grid-ce: 2
  }

  r-grid>r-cell[span-l$="+3"],
  r-grid>r-cell[span-l$="-2"],
  r-grid>r-cell[span-l="3"] {
    --grid-ce: 3
  }

  r-grid>r-cell[span-l$="+4"],
  r-grid>r-cell[span-l$="-3"],
  r-grid>r-cell[span-l="4"] {
    --grid-ce: 4
  }

  r-grid>r-cell[span-l$="+5"],
  r-grid>r-cell[span-l$="-4"],
  r-grid>r-cell[span-l="5"] {
    --grid-ce: 5
  }

  r-grid>r-cell[span-l$="+6"],
  r-grid>r-cell[span-l$="-5"],
  r-grid>r-cell[span-l="6"] {
    --grid-ce: 6
  }

  r-grid>r-cell[span-l$="+7"],
  r-grid>r-cell[span-l$="-6"],
  r-grid>r-cell[span-l="7"] {
    --grid-ce: 7
  }

  r-grid>r-cell[span-l$="+8"],
  r-grid>r-cell[span-l$="-7"],
  r-grid>r-cell[span-l="8"] {
    --grid-ce: 8
  }

  r-grid>r-cell[span-l$="+9"],
  r-grid>r-cell[span-l$="-8"],
  r-grid>r-cell[span-l="9"] {
    --grid-ce: 9
  }

  r-grid>r-cell[span-l$="+10"],
  r-grid>r-cell[span-l$="-9"],
  r-grid>r-cell[span-l="10"] {
    --grid-ce: 10
  }

  r-grid>r-cell[span-l$="+11"],
  r-grid>r-cell[span-l$="-10"],
  r-grid>r-cell[span-l="11"] {
    --grid-ce: 11
  }

  r-grid>r-cell[span-l$="+12"],
  r-grid>r-cell[span-l$="-11"],
  r-grid>r-cell[span-l="12"] {
    --grid-ce: 12
  }

  r-grid>r-cell[span-l$="+13"],
  r-grid>r-cell[span-l$="-12"],
  r-grid>r-cell[span-l="13"] {
    --grid-ce: 13
  }

  r-grid>r-cell[span-l$="+14"],
  r-grid>r-cell[span-l$="-13"],
  r-grid>r-cell[span-l="14"] {
    --grid-ce: 14
  }

  r-grid>r-cell[span-l$="+15"],
  r-grid>r-cell[span-l$="-14"],
  r-grid>r-cell[span-l="15"] {
    --grid-ce: 15
  }

  r-grid>r-cell[span-l$="+16"],
  r-grid>r-cell[span-l$="-15"],
  r-grid>r-cell[span-l="16"] {
    --grid-ce: 16
  }

  r-grid>r-cell[span-l$="+17"],
  r-grid>r-cell[span-l$="-16"],
  r-grid>r-cell[span-l="17"] {
    --grid-ce: 17
  }

  r-grid>r-cell[span-l$="+18"],
  r-grid>r-cell[span-l$="-17"],
  r-grid>r-cell[span-l="18"] {
    --grid-ce: 18
  }

  r-grid>r-cell[span-l$="+19"],
  r-grid>r-cell[span-l$="-18"],
  r-grid>r-cell[span-l="19"] {
    --grid-ce: 19
  }

  r-grid>r-cell[span-l$="+20"],
  r-grid>r-cell[span-l$="-19"],
  r-grid>r-cell[span-l="20"] {
    --grid-ce: 20
  }

  r-grid>r-cell[span-l$="+21"],
  r-grid>r-cell[span-l$="-20"],
  r-grid>r-cell[span-l="21"] {
    --grid-ce: 21
  }

  r-grid>r-cell[span-l$="+22"],
  r-grid>r-cell[span-l$="-21"],
  r-grid>r-cell[span-l="22"] {
    --grid-ce: 22
  }

  r-grid>r-cell[span-l$="+23"],
  r-grid>r-cell[span-l$="-22"],
  r-grid>r-cell[span-l="23"] {
    --grid-ce: 23
  }

  r-grid>r-cell[span-l$="+24"],
  r-grid>r-cell[span-l$="-23"],
  r-grid>r-cell[span-l="24"] {
    --grid-ce: 24
  }

  r-grid>r-cell[span-l$="+25"],
  r-grid>r-cell[span-l$="-24"],
  r-grid>r-cell[span-l="25"] {
    --grid-ce: 25
  }

  r-grid>r-cell[span-l$="+26"],
  r-grid>r-cell[span-l$="-25"],
  r-grid>r-cell[span-l="26"] {
    --grid-ce: 26
  }

  r-grid>r-cell[span-l$="+27"],
  r-grid>r-cell[span-l$="-26"],
  r-grid>r-cell[span-l="27"] {
    --grid-ce: 27
  }

  r-grid>r-cell[span-l$="+28"],
  r-grid>r-cell[span-l$="-27"],
  r-grid>r-cell[span-l="28"] {
    --grid-ce: 28
  }

  r-grid>r-cell[span-l$="+29"],
  r-grid>r-cell[span-l$="-28"],
  r-grid>r-cell[span-l="29"] {
    --grid-ce: 29
  }

  r-grid>r-cell[span-l$="+30"],
  r-grid>r-cell[span-l$="-29"],
  r-grid>r-cell[span-l="30"] {
    --grid-ce: 30
  }

  r-grid>r-cell[span-l$="-30"] {
    --grid-ce: 31
  }

  r-grid>r-cell[span-l] {
    grid-column-end: span var(--grid-ce)
  }

  r-grid>r-cell[span-l*="+"],
  r-grid>r-cell[span-l*="-"],
  r-grid>r-cell[span-l*=".."] {
    grid-column-start: var(--grid-cs)
  }

  r-grid>r-cell[span-l*="-"],
  r-grid>r-cell[span-l*=".."] {
    grid-column-end: var(--grid-ce)
  }

  r-grid>r-cell[span-l=row] {
    grid-column: 1/-1
  }
}