@import "https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";

/* node_modules/grilles/grille.css */
* {
  font: inherit;
  line-height: inherit;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
grid,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
noscript,
object,
ol,
output,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
a,
a:active,
a:visited {
  color: inherit;
}
:root {
  --baseSansFontSize:14;
  --baseMonoFontSize:14;
  --sansFont:"Inter",sans-serif;
  --monoFont:"JetBrains Mono","Roboto Mono",monospace;
  --sansFontSize:calc(var(--baseSansFontSize)*1rem/16);
  --monoFontSize:calc(var(--baseMonoFontSize)*1rem/var(--baseSansFontSize));
  --baseUnit:calc(1rem + 1px*(var(--baseSansFontSize)*1.5 - var(--baseSansFontSize)));
  --baseline:calc(var(--baseUnit)/2);
  --blockSpacingTop:0px;
  --blockSpacingBottom:var(--baseUnit);
  --foregroundColor-rgb:0,0,0;
  --foregroundColor-a:1;
  --foregroundColor:rgba(var(--foregroundColor-rgb),var(--foregroundColor-a));
  --backgroundColor:#fff;
  --backgroundScrim:#fafafa;
  --red:#ee2711;
  --blue:#1871e9;
  --green:#12c05b;
  --yellow:#f9bf0f;
  --red-rgb:238,39,17;
  --blue-rgb:24,113,233;
  --green-rgb:18,192,91;
  --yellow-rgb:249,191,15;
  --accentColor:var(--blue);
  --hrThickness:0.1428571429rem;
  --hrColor:var(--foregroundColor);
  --h1-size:2.8rem;
  --h2-size:2.2rem;
  --h3-size:1.4rem;
  --h4-size:1.1rem;
  --columnGap:calc(var(--baseUnit)*2);
  --rowGap:calc(var(--baseUnit));
  --displayScale:1;
  --pixel:1px;
  --bodyPadding:calc(var(--baseUnit)*2);
}
.red {
  color: var(--red);
}
.blue {
  color: var(--blue);
}
.green {
  color: var(--green);
}
.yellow {
  color: var(--yellow);
}
.bg-red {
  backgroundColor: var(--red);
}
.bg-blue {
  backgroundColor: var(--blue);
}
.bg-green {
  backgroundColor: var(--green);
}
.bg-yellow {
  backgroundColor: var(--yellow);
}
:root.dark {
  --foregroundColor-rgb:221,221,221;
  --backgroundScrim:#121212;
  --backgroundColor:#191919;
  --depth1:#1e1e1e;
  --depth2:#232323;
  --depth3:#272727;
  --hrColor:hsla(0,0%,100%,.4);
  --blue:#9ac9fe;
}
.depth1 {
  --backgroundColor:var(--depth1);
}
.depth2 {
  --backgroundColor:var(--depth2);
}
.depth3 {
  --backgroundColor:var(--depth3);
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-feature-settings:
    "kern" 1,
    "liga" 1,
    "calt" 1,
    "cv10" 1;
  background: var(--backgroundScrim);
  color: var(--foregroundColor);
  font-family: var(--sansFont);
  font-size: var(--sansFontSize);
  font-variant-ligatures: contextual common-ligatures;
  letter-spacing: -.01em;
  line-height: var(--baseUnit);
}
body {
  -webkit-overflow-scrolling: touch;
  background: var(--backgroundColor);
  margin: 0 auto;
  max-width: 1540px;
  min-height: 100vh;
  overflow-x: hidden;
  padding: var(--bodyPadding);
  padding-bottom: calc(var(--baseUnit)*3);
  scroll-behavior: smooth;
}
::-moz-selection {
  backgroundColor: var(--foregroundColor);
  color: var(--backgroundColor);
}
::selection {
  backgroundColor: var(--foregroundColor);
  color: var(--backgroundColor);
}
@media only screen and (max-width:600px) {
  body {
    --bodyPadding:var(--baseUnit);
    padding-bottom: calc(var(--baseUnit)*2);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
  :root {
    --displayScale:2;
    --pixel:0.5px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2.5), only screen and (min-device-pixel-ratio:2.5), only screen and (min-resolution:2.5dppx) {
  :root {
    --displayScale:3;
    --pixel:0.34px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:3.5), only screen and (min-device-pixel-ratio:3.5), only screen and (min-resolution:3.5dppx) {
  :root {
    --displayScale:4;
    --pixel:0.25px;
  }
}
.grid {
  --grid-tc:repeat(4,1fr);
  --grid-cs:1;
  --grid-ce:-1;
  grid-column-gap: var(--columnGap);
  grid-row-gap: var(--rowGap);
  display: grid;
  grid-template-columns: var(--grid-tc);
}
.grid.compact {
  grid-row-gap: 0;
}
.grid[columns="1"] {
  --grid-tc:repeat(1,1fr);
}
.grid[columns="2"] {
  --grid-tc:repeat(2,1fr);
}
.grid[columns="3"] {
  --grid-tc:repeat(3,1fr);
}
.grid[columns="4"] {
  --grid-tc:repeat(4,1fr);
}
.grid[columns="5"] {
  --grid-tc:repeat(5,1fr);
}
.grid[columns="6"] {
  --grid-tc:repeat(6,1fr);
}
.grid[columns="7"] {
  --grid-tc:repeat(7,1fr);
}
.grid[columns="8"] {
  --grid-tc:repeat(8,1fr);
}
.grid[columns="9"] {
  --grid-tc:repeat(9,1fr);
}
.grid[columns="10"] {
  --grid-tc:repeat(10,1fr);
}
.grid[columns="11"] {
  --grid-tc:repeat(11,1fr);
}
.grid[columns="12"] {
  --grid-tc:repeat(12,1fr);
}
.grid[columns="13"] {
  --grid-tc:repeat(13,1fr);
}
.grid[columns="14"] {
  --grid-tc:repeat(14,1fr);
}
.grid[columns="15"] {
  --grid-tc:repeat(15,1fr);
}
.grid[columns="16"] {
  --grid-tc:repeat(16,1fr);
}
.grid[columns="17"] {
  --grid-tc:repeat(17,1fr);
}
.grid[columns="18"] {
  --grid-tc:repeat(18,1fr);
}
.grid[columns="19"] {
  --grid-tc:repeat(19,1fr);
}
.grid[columns="20"] {
  --grid-tc:repeat(20,1fr);
}
.grid[columns="21"] {
  --grid-tc:repeat(21,1fr);
}
.grid[columns="22"] {
  --grid-tc:repeat(22,1fr);
}
.grid[columns="23"] {
  --grid-tc:repeat(23,1fr);
}
.grid[columns="24"] {
  --grid-tc:repeat(24,1fr);
}
.grid[columns="25"] {
  --grid-tc:repeat(25,1fr);
}
.grid[columns="26"] {
  --grid-tc:repeat(26,1fr);
}
.grid[columns="27"] {
  --grid-tc:repeat(27,1fr);
}
.grid[columns="28"] {
  --grid-tc:repeat(28,1fr);
}
.grid[columns="29"] {
  --grid-tc:repeat(29,1fr);
}
.grid[columns="30"] {
  --grid-tc:repeat(30,1fr);
}
.grid > [span^="1"] {
  --grid-cs:1;
}
.grid > [span^="2"] {
  --grid-cs:2;
}
.grid > [span^="3"] {
  --grid-cs:3;
}
.grid > [span^="4"] {
  --grid-cs:4;
}
.grid > [span^="5"] {
  --grid-cs:5;
}
.grid > [span^="6"] {
  --grid-cs:6;
}
.grid > [span^="7"] {
  --grid-cs:7;
}
.grid > [span^="8"] {
  --grid-cs:8;
}
.grid > [span^="9"] {
  --grid-cs:9;
}
.grid > [span^="10"] {
  --grid-cs:10;
}
.grid > [span^="11"] {
  --grid-cs:11;
}
.grid > [span^="12"] {
  --grid-cs:12;
}
.grid > [span^="13"] {
  --grid-cs:13;
}
.grid > [span^="14"] {
  --grid-cs:14;
}
.grid > [span^="15"] {
  --grid-cs:15;
}
.grid > [span^="16"] {
  --grid-cs:16;
}
.grid > [span^="17"] {
  --grid-cs:17;
}
.grid > [span^="18"] {
  --grid-cs:18;
}
.grid > [span^="19"] {
  --grid-cs:19;
}
.grid > [span^="20"] {
  --grid-cs:20;
}
.grid > [span^="21"] {
  --grid-cs:21;
}
.grid > [span^="22"] {
  --grid-cs:22;
}
.grid > [span^="23"] {
  --grid-cs:23;
}
.grid > [span^="24"] {
  --grid-cs:24;
}
.grid > [span^="25"] {
  --grid-cs:25;
}
.grid > [span^="26"] {
  --grid-cs:26;
}
.grid > [span^="27"] {
  --grid-cs:27;
}
.grid > [span^="28"] {
  --grid-cs:28;
}
.grid > [span^="29"] {
  --grid-cs:29;
}
.grid > [span^="30"] {
  --grid-cs:30;
}
.grid > [span$="+1"],
.grid > [span="1"] {
  --grid-ce:1;
}
.grid > [span$="+2"],
.grid > [span$="-1"],
.grid > [span="2"] {
  --grid-ce:2;
}
.grid > [span$="+3"],
.grid > [span$="-2"],
.grid > [span="3"] {
  --grid-ce:3;
}
.grid > [span$="+4"],
.grid > [span$="-3"],
.grid > [span="4"] {
  --grid-ce:4;
}
.grid > [span$="+5"],
.grid > [span$="-4"],
.grid > [span="5"] {
  --grid-ce:5;
}
.grid > [span$="+6"],
.grid > [span$="-5"],
.grid > [span="6"] {
  --grid-ce:6;
}
.grid > [span$="+7"],
.grid > [span$="-6"],
.grid > [span="7"] {
  --grid-ce:7;
}
.grid > [span$="+8"],
.grid > [span$="-7"],
.grid > [span="8"] {
  --grid-ce:8;
}
.grid > [span$="+9"],
.grid > [span$="-8"],
.grid > [span="9"] {
  --grid-ce:9;
}
.grid > [span$="+10"],
.grid > [span$="-9"],
.grid > [span="10"] {
  --grid-ce:10;
}
.grid > [span$="+11"],
.grid > [span$="-10"],
.grid > [span="11"] {
  --grid-ce:11;
}
.grid > [span$="+12"],
.grid > [span$="-11"],
.grid > [span="12"] {
  --grid-ce:12;
}
.grid > [span$="+13"],
.grid > [span$="-12"],
.grid > [span="13"] {
  --grid-ce:13;
}
.grid > [span$="+14"],
.grid > [span$="-13"],
.grid > [span="14"] {
  --grid-ce:14;
}
.grid > [span$="+15"],
.grid > [span$="-14"],
.grid > [span="15"] {
  --grid-ce:15;
}
.grid > [span$="+16"],
.grid > [span$="-15"],
.grid > [span="16"] {
  --grid-ce:16;
}
.grid > [span$="+17"],
.grid > [span$="-16"],
.grid > [span="17"] {
  --grid-ce:17;
}
.grid > [span$="+18"],
.grid > [span$="-17"],
.grid > [span="18"] {
  --grid-ce:18;
}
.grid > [span$="+19"],
.grid > [span$="-18"],
.grid > [span="19"] {
  --grid-ce:19;
}
.grid > [span$="+20"],
.grid > [span$="-19"],
.grid > [span="20"] {
  --grid-ce:20;
}
.grid > [span$="+21"],
.grid > [span$="-20"],
.grid > [span="21"] {
  --grid-ce:21;
}
.grid > [span$="+22"],
.grid > [span$="-21"],
.grid > [span="22"] {
  --grid-ce:22;
}
.grid > [span$="+23"],
.grid > [span$="-22"],
.grid > [span="23"] {
  --grid-ce:23;
}
.grid > [span$="+24"],
.grid > [span$="-23"],
.grid > [span="24"] {
  --grid-ce:24;
}
.grid > [span$="+25"],
.grid > [span$="-24"],
.grid > [span="25"] {
  --grid-ce:25;
}
.grid > [span$="+26"],
.grid > [span$="-25"],
.grid > [span="26"] {
  --grid-ce:26;
}
.grid > [span$="+27"],
.grid > [span$="-26"],
.grid > [span="27"] {
  --grid-ce:27;
}
.grid > [span$="+28"],
.grid > [span$="-27"],
.grid > [span="28"] {
  --grid-ce:28;
}
.grid > [span$="+29"],
.grid > [span$="-28"],
.grid > [span="29"] {
  --grid-ce:29;
}
.grid > [span$="+30"],
.grid > [span$="-29"],
.grid > [span="30"] {
  --grid-ce:30;
}
.grid > [span$="-30"] {
  --grid-ce:31;
}
.grid > [span] {
  grid-column-end: span var(--grid-ce);
}
.grid > [span*="+"],
.grid > [span*="-"],
.grid > [span*=".."] {
  grid-column-start: var(--grid-cs);
}
.grid > [span*="-"],
.grid > [span*=".."] {
  grid-column-end: var(--grid-ce);
}
.grid > [span=row] {
  grid-column: 1/-1;
}
@media only screen and (max-width:600px) {
  .grid[columns-s="1"] {
    --grid-tc:repeat(1,1fr);
  }
  .grid[columns-s="2"] {
    --grid-tc:repeat(2,1fr);
  }
  .grid[columns-s="3"] {
    --grid-tc:repeat(3,1fr);
  }
  .grid[columns-s="4"] {
    --grid-tc:repeat(4,1fr);
  }
  .grid[columns-s="5"] {
    --grid-tc:repeat(5,1fr);
  }
  .grid[columns-s="6"] {
    --grid-tc:repeat(6,1fr);
  }
  .grid[columns-s="7"] {
    --grid-tc:repeat(7,1fr);
  }
  .grid[columns-s="8"] {
    --grid-tc:repeat(8,1fr);
  }
  .grid[columns-s="9"] {
    --grid-tc:repeat(9,1fr);
  }
  .grid[columns-s="10"] {
    --grid-tc:repeat(10,1fr);
  }
  .grid[columns-s="11"] {
    --grid-tc:repeat(11,1fr);
  }
  .grid[columns-s="12"] {
    --grid-tc:repeat(12,1fr);
  }
  .grid[columns-s="13"] {
    --grid-tc:repeat(13,1fr);
  }
  .grid[columns-s="14"] {
    --grid-tc:repeat(14,1fr);
  }
  .grid[columns-s="15"] {
    --grid-tc:repeat(15,1fr);
  }
  .grid[columns-s="16"] {
    --grid-tc:repeat(16,1fr);
  }
  .grid[columns-s="17"] {
    --grid-tc:repeat(17,1fr);
  }
  .grid[columns-s="18"] {
    --grid-tc:repeat(18,1fr);
  }
  .grid[columns-s="19"] {
    --grid-tc:repeat(19,1fr);
  }
  .grid[columns-s="20"] {
    --grid-tc:repeat(20,1fr);
  }
  .grid[columns-s="21"] {
    --grid-tc:repeat(21,1fr);
  }
  .grid[columns-s="22"] {
    --grid-tc:repeat(22,1fr);
  }
  .grid[columns-s="23"] {
    --grid-tc:repeat(23,1fr);
  }
  .grid[columns-s="24"] {
    --grid-tc:repeat(24,1fr);
  }
  .grid[columns-s="25"] {
    --grid-tc:repeat(25,1fr);
  }
  .grid[columns-s="26"] {
    --grid-tc:repeat(26,1fr);
  }
  .grid[columns-s="27"] {
    --grid-tc:repeat(27,1fr);
  }
  .grid[columns-s="28"] {
    --grid-tc:repeat(28,1fr);
  }
  .grid[columns-s="29"] {
    --grid-tc:repeat(29,1fr);
  }
  .grid[columns-s="30"] {
    --grid-tc:repeat(30,1fr);
  }
  .grid > [span-s^="1"] {
    --grid-cs:1;
  }
  .grid > [span-s^="2"] {
    --grid-cs:2;
  }
  .grid > [span-s^="3"] {
    --grid-cs:3;
  }
  .grid > [span-s^="4"] {
    --grid-cs:4;
  }
  .grid > [span-s^="5"] {
    --grid-cs:5;
  }
  .grid > [span-s^="6"] {
    --grid-cs:6;
  }
  .grid > [span-s^="7"] {
    --grid-cs:7;
  }
  .grid > [span-s^="8"] {
    --grid-cs:8;
  }
  .grid > [span-s^="9"] {
    --grid-cs:9;
  }
  .grid > [span-s^="10"] {
    --grid-cs:10;
  }
  .grid > [span-s^="11"] {
    --grid-cs:11;
  }
  .grid > [span-s^="12"] {
    --grid-cs:12;
  }
  .grid > [span-s^="13"] {
    --grid-cs:13;
  }
  .grid > [span-s^="14"] {
    --grid-cs:14;
  }
  .grid > [span-s^="15"] {
    --grid-cs:15;
  }
  .grid > [span-s^="16"] {
    --grid-cs:16;
  }
  .grid > [span-s^="17"] {
    --grid-cs:17;
  }
  .grid > [span-s^="18"] {
    --grid-cs:18;
  }
  .grid > [span-s^="19"] {
    --grid-cs:19;
  }
  .grid > [span-s^="20"] {
    --grid-cs:20;
  }
  .grid > [span-s^="21"] {
    --grid-cs:21;
  }
  .grid > [span-s^="22"] {
    --grid-cs:22;
  }
  .grid > [span-s^="23"] {
    --grid-cs:23;
  }
  .grid > [span-s^="24"] {
    --grid-cs:24;
  }
  .grid > [span-s^="25"] {
    --grid-cs:25;
  }
  .grid > [span-s^="26"] {
    --grid-cs:26;
  }
  .grid > [span-s^="27"] {
    --grid-cs:27;
  }
  .grid > [span-s^="28"] {
    --grid-cs:28;
  }
  .grid > [span-s^="29"] {
    --grid-cs:29;
  }
  .grid > [span-s^="30"] {
    --grid-cs:30;
  }
  .grid > [span-s$="+1"],
  .grid > [span-s="1"] {
    --grid-ce:1;
  }
  .grid > [span-s$="+2"],
  .grid > [span-s$="-1"],
  .grid > [span-s="2"] {
    --grid-ce:2;
  }
  .grid > [span-s$="+3"],
  .grid > [span-s$="-2"],
  .grid > [span-s="3"] {
    --grid-ce:3;
  }
  .grid > [span-s$="+4"],
  .grid > [span-s$="-3"],
  .grid > [span-s="4"] {
    --grid-ce:4;
  }
  .grid > [span-s$="+5"],
  .grid > [span-s$="-4"],
  .grid > [span-s="5"] {
    --grid-ce:5;
  }
  .grid > [span-s$="+6"],
  .grid > [span-s$="-5"],
  .grid > [span-s="6"] {
    --grid-ce:6;
  }
  .grid > [span-s$="+7"],
  .grid > [span-s$="-6"],
  .grid > [span-s="7"] {
    --grid-ce:7;
  }
  .grid > [span-s$="+8"],
  .grid > [span-s$="-7"],
  .grid > [span-s="8"] {
    --grid-ce:8;
  }
  .grid > [span-s$="+9"],
  .grid > [span-s$="-8"],
  .grid > [span-s="9"] {
    --grid-ce:9;
  }
  .grid > [span-s$="+10"],
  .grid > [span-s$="-9"],
  .grid > [span-s="10"] {
    --grid-ce:10;
  }
  .grid > [span-s$="+11"],
  .grid > [span-s$="-10"],
  .grid > [span-s="11"] {
    --grid-ce:11;
  }
  .grid > [span-s$="+12"],
  .grid > [span-s$="-11"],
  .grid > [span-s="12"] {
    --grid-ce:12;
  }
  .grid > [span-s$="+13"],
  .grid > [span-s$="-12"],
  .grid > [span-s="13"] {
    --grid-ce:13;
  }
  .grid > [span-s$="+14"],
  .grid > [span-s$="-13"],
  .grid > [span-s="14"] {
    --grid-ce:14;
  }
  .grid > [span-s$="+15"],
  .grid > [span-s$="-14"],
  .grid > [span-s="15"] {
    --grid-ce:15;
  }
  .grid > [span-s$="+16"],
  .grid > [span-s$="-15"],
  .grid > [span-s="16"] {
    --grid-ce:16;
  }
  .grid > [span-s$="+17"],
  .grid > [span-s$="-16"],
  .grid > [span-s="17"] {
    --grid-ce:17;
  }
  .grid > [span-s$="+18"],
  .grid > [span-s$="-17"],
  .grid > [span-s="18"] {
    --grid-ce:18;
  }
  .grid > [span-s$="+19"],
  .grid > [span-s$="-18"],
  .grid > [span-s="19"] {
    --grid-ce:19;
  }
  .grid > [span-s$="+20"],
  .grid > [span-s$="-19"],
  .grid > [span-s="20"] {
    --grid-ce:20;
  }
  .grid > [span-s$="+21"],
  .grid > [span-s$="-20"],
  .grid > [span-s="21"] {
    --grid-ce:21;
  }
  .grid > [span-s$="+22"],
  .grid > [span-s$="-21"],
  .grid > [span-s="22"] {
    --grid-ce:22;
  }
  .grid > [span-s$="+23"],
  .grid > [span-s$="-22"],
  .grid > [span-s="23"] {
    --grid-ce:23;
  }
  .grid > [span-s$="+24"],
  .grid > [span-s$="-23"],
  .grid > [span-s="24"] {
    --grid-ce:24;
  }
  .grid > [span-s$="+25"],
  .grid > [span-s$="-24"],
  .grid > [span-s="25"] {
    --grid-ce:25;
  }
  .grid > [span-s$="+26"],
  .grid > [span-s$="-25"],
  .grid > [span-s="26"] {
    --grid-ce:26;
  }
  .grid > [span-s$="+27"],
  .grid > [span-s$="-26"],
  .grid > [span-s="27"] {
    --grid-ce:27;
  }
  .grid > [span-s$="+28"],
  .grid > [span-s$="-27"],
  .grid > [span-s="28"] {
    --grid-ce:28;
  }
  .grid > [span-s$="+29"],
  .grid > [span-s$="-28"],
  .grid > [span-s="29"] {
    --grid-ce:29;
  }
  .grid > [span-s$="+30"],
  .grid > [span-s$="-29"],
  .grid > [span-s="30"] {
    --grid-ce:30;
  }
  .grid > [span-s$="-30"] {
    --grid-ce:31;
  }
  .grid > [span-s] {
    grid-column-end: span var(--grid-ce);
  }
  .grid > [span-s*="+"],
  .grid > [span-s*="-"],
  .grid > [span-s*=".."] {
    grid-column-start: var(--grid-cs);
  }
  .grid > [span-s*="-"],
  .grid > [span-s*=".."] {
    grid-column-end: var(--grid-ce);
  }
  .grid > [span-s=row] {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width:1599px) {
  .grid[columns-l="1"] {
    --grid-tc:repeat(1,1fr);
  }
  .grid[columns-l="2"] {
    --grid-tc:repeat(2,1fr);
  }
  .grid[columns-l="3"] {
    --grid-tc:repeat(3,1fr);
  }
  .grid[columns-l="4"] {
    --grid-tc:repeat(4,1fr);
  }
  .grid[columns-l="5"] {
    --grid-tc:repeat(5,1fr);
  }
  .grid[columns-l="6"] {
    --grid-tc:repeat(6,1fr);
  }
  .grid[columns-l="7"] {
    --grid-tc:repeat(7,1fr);
  }
  .grid[columns-l="8"] {
    --grid-tc:repeat(8,1fr);
  }
  .grid[columns-l="9"] {
    --grid-tc:repeat(9,1fr);
  }
  .grid[columns-l="10"] {
    --grid-tc:repeat(10,1fr);
  }
  .grid[columns-l="11"] {
    --grid-tc:repeat(11,1fr);
  }
  .grid[columns-l="12"] {
    --grid-tc:repeat(12,1fr);
  }
  .grid[columns-l="13"] {
    --grid-tc:repeat(13,1fr);
  }
  .grid[columns-l="14"] {
    --grid-tc:repeat(14,1fr);
  }
  .grid[columns-l="15"] {
    --grid-tc:repeat(15,1fr);
  }
  .grid[columns-l="16"] {
    --grid-tc:repeat(16,1fr);
  }
  .grid[columns-l="17"] {
    --grid-tc:repeat(17,1fr);
  }
  .grid[columns-l="18"] {
    --grid-tc:repeat(18,1fr);
  }
  .grid[columns-l="19"] {
    --grid-tc:repeat(19,1fr);
  }
  .grid[columns-l="20"] {
    --grid-tc:repeat(20,1fr);
  }
  .grid[columns-l="21"] {
    --grid-tc:repeat(21,1fr);
  }
  .grid[columns-l="22"] {
    --grid-tc:repeat(22,1fr);
  }
  .grid[columns-l="23"] {
    --grid-tc:repeat(23,1fr);
  }
  .grid[columns-l="24"] {
    --grid-tc:repeat(24,1fr);
  }
  .grid[columns-l="25"] {
    --grid-tc:repeat(25,1fr);
  }
  .grid[columns-l="26"] {
    --grid-tc:repeat(26,1fr);
  }
  .grid[columns-l="27"] {
    --grid-tc:repeat(27,1fr);
  }
  .grid[columns-l="28"] {
    --grid-tc:repeat(28,1fr);
  }
  .grid[columns-l="29"] {
    --grid-tc:repeat(29,1fr);
  }
  .grid[columns-l="30"] {
    --grid-tc:repeat(30,1fr);
  }
  .grid > [span-l^="1"] {
    --grid-cs:1;
  }
  .grid > [span-l^="2"] {
    --grid-cs:2;
  }
  .grid > [span-l^="3"] {
    --grid-cs:3;
  }
  .grid > [span-l^="4"] {
    --grid-cs:4;
  }
  .grid > [span-l^="5"] {
    --grid-cs:5;
  }
  .grid > [span-l^="6"] {
    --grid-cs:6;
  }
  .grid > [span-l^="7"] {
    --grid-cs:7;
  }
  .grid > [span-l^="8"] {
    --grid-cs:8;
  }
  .grid > [span-l^="9"] {
    --grid-cs:9;
  }
  .grid > [span-l^="10"] {
    --grid-cs:10;
  }
  .grid > [span-l^="11"] {
    --grid-cs:11;
  }
  .grid > [span-l^="12"] {
    --grid-cs:12;
  }
  .grid > [span-l^="13"] {
    --grid-cs:13;
  }
  .grid > [span-l^="14"] {
    --grid-cs:14;
  }
  .grid > [span-l^="15"] {
    --grid-cs:15;
  }
  .grid > [span-l^="16"] {
    --grid-cs:16;
  }
  .grid > [span-l^="17"] {
    --grid-cs:17;
  }
  .grid > [span-l^="18"] {
    --grid-cs:18;
  }
  .grid > [span-l^="19"] {
    --grid-cs:19;
  }
  .grid > [span-l^="20"] {
    --grid-cs:20;
  }
  .grid > [span-l^="21"] {
    --grid-cs:21;
  }
  .grid > [span-l^="22"] {
    --grid-cs:22;
  }
  .grid > [span-l^="23"] {
    --grid-cs:23;
  }
  .grid > [span-l^="24"] {
    --grid-cs:24;
  }
  .grid > [span-l^="25"] {
    --grid-cs:25;
  }
  .grid > [span-l^="26"] {
    --grid-cs:26;
  }
  .grid > [span-l^="27"] {
    --grid-cs:27;
  }
  .grid > [span-l^="28"] {
    --grid-cs:28;
  }
  .grid > [span-l^="29"] {
    --grid-cs:29;
  }
  .grid > [span-l^="30"] {
    --grid-cs:30;
  }
  .grid > [span-l$="+1"],
  .grid > [span-l="1"] {
    --grid-ce:1;
  }
  .grid > [span-l$="+2"],
  .grid > [span-l$="-1"],
  .grid > [span-l="2"] {
    --grid-ce:2;
  }
  .grid > [span-l$="+3"],
  .grid > [span-l$="-2"],
  .grid > [span-l="3"] {
    --grid-ce:3;
  }
  .grid > [span-l$="+4"],
  .grid > [span-l$="-3"],
  .grid > [span-l="4"] {
    --grid-ce:4;
  }
  .grid > [span-l$="+5"],
  .grid > [span-l$="-4"],
  .grid > [span-l="5"] {
    --grid-ce:5;
  }
  .grid > [span-l$="+6"],
  .grid > [span-l$="-5"],
  .grid > [span-l="6"] {
    --grid-ce:6;
  }
  .grid > [span-l$="+7"],
  .grid > [span-l$="-6"],
  .grid > [span-l="7"] {
    --grid-ce:7;
  }
  .grid > [span-l$="+8"],
  .grid > [span-l$="-7"],
  .grid > [span-l="8"] {
    --grid-ce:8;
  }
  .grid > [span-l$="+9"],
  .grid > [span-l$="-8"],
  .grid > [span-l="9"] {
    --grid-ce:9;
  }
  .grid > [span-l$="+10"],
  .grid > [span-l$="-9"],
  .grid > [span-l="10"] {
    --grid-ce:10;
  }
  .grid > [span-l$="+11"],
  .grid > [span-l$="-10"],
  .grid > [span-l="11"] {
    --grid-ce:11;
  }
  .grid > [span-l$="+12"],
  .grid > [span-l$="-11"],
  .grid > [span-l="12"] {
    --grid-ce:12;
  }
  .grid > [span-l$="+13"],
  .grid > [span-l$="-12"],
  .grid > [span-l="13"] {
    --grid-ce:13;
  }
  .grid > [span-l$="+14"],
  .grid > [span-l$="-13"],
  .grid > [span-l="14"] {
    --grid-ce:14;
  }
  .grid > [span-l$="+15"],
  .grid > [span-l$="-14"],
  .grid > [span-l="15"] {
    --grid-ce:15;
  }
  .grid > [span-l$="+16"],
  .grid > [span-l$="-15"],
  .grid > [span-l="16"] {
    --grid-ce:16;
  }
  .grid > [span-l$="+17"],
  .grid > [span-l$="-16"],
  .grid > [span-l="17"] {
    --grid-ce:17;
  }
  .grid > [span-l$="+18"],
  .grid > [span-l$="-17"],
  .grid > [span-l="18"] {
    --grid-ce:18;
  }
  .grid > [span-l$="+19"],
  .grid > [span-l$="-18"],
  .grid > [span-l="19"] {
    --grid-ce:19;
  }
  .grid > [span-l$="+20"],
  .grid > [span-l$="-19"],
  .grid > [span-l="20"] {
    --grid-ce:20;
  }
  .grid > [span-l$="+21"],
  .grid > [span-l$="-20"],
  .grid > [span-l="21"] {
    --grid-ce:21;
  }
  .grid > [span-l$="+22"],
  .grid > [span-l$="-21"],
  .grid > [span-l="22"] {
    --grid-ce:22;
  }
  .grid > [span-l$="+23"],
  .grid > [span-l$="-22"],
  .grid > [span-l="23"] {
    --grid-ce:23;
  }
  .grid > [span-l$="+24"],
  .grid > [span-l$="-23"],
  .grid > [span-l="24"] {
    --grid-ce:24;
  }
  .grid > [span-l$="+25"],
  .grid > [span-l$="-24"],
  .grid > [span-l="25"] {
    --grid-ce:25;
  }
  .grid > [span-l$="+26"],
  .grid > [span-l$="-25"],
  .grid > [span-l="26"] {
    --grid-ce:26;
  }
  .grid > [span-l$="+27"],
  .grid > [span-l$="-26"],
  .grid > [span-l="27"] {
    --grid-ce:27;
  }
  .grid > [span-l$="+28"],
  .grid > [span-l$="-27"],
  .grid > [span-l="28"] {
    --grid-ce:28;
  }
  .grid > [span-l$="+29"],
  .grid > [span-l$="-28"],
  .grid > [span-l="29"] {
    --grid-ce:29;
  }
  .grid > [span-l$="+30"],
  .grid > [span-l$="-29"],
  .grid > [span-l="30"] {
    --grid-ce:30;
  }
  .grid > [span-l$="-30"] {
    --grid-ce:31;
  }
  .grid > [span-l] {
    grid-column-end: span var(--grid-ce);
  }
  .grid > [span-l*="+"],
  .grid > [span-l*="-"],
  .grid > [span-l*=".."] {
    grid-column-start: var(--grid-cs);
  }
  .grid > [span-l*="-"],
  .grid > [span-l*=".."] {
    grid-column-end: var(--grid-ce);
  }
  .grid > [span-l=row] {
    grid-column: 1/-1;
  }
}
[flow-cols-l],
[flow-cols-s],
[flow-cols] {
  -moz-column-fill: balance;
  column-fill: balance;
  -moz-column-gap: var(--columnGap);
  column-gap: var(--columnGap);
}
[flow-cols="1"] {
  -moz-column-count: 1;
  column-count: 1;
}
[flow-cols="2"] {
  -moz-column-count: 2;
  column-count: 2;
}
[flow-cols="3"] {
  -moz-column-count: 3;
  column-count: 3;
}
[flow-cols="4"] {
  -moz-column-count: 4;
  column-count: 4;
}
[flow-cols="5"] {
  -moz-column-count: 5;
  column-count: 5;
}
[flow-cols="6"] {
  -moz-column-count: 6;
  column-count: 6;
}
[flow-cols="7"] {
  -moz-column-count: 7;
  column-count: 7;
}
[flow-cols="8"] {
  -moz-column-count: 8;
  column-count: 8;
}
@media only screen and (max-width:600px) {
  [flow-cols-s="1"] {
    -moz-column-count: 1;
    column-count: 1;
  }
  [flow-cols-s="2"] {
    -moz-column-count: 2;
    column-count: 2;
  }
  [flow-cols-s="3"] {
    -moz-column-count: 3;
    column-count: 3;
  }
  [flow-cols-s="4"] {
    -moz-column-count: 4;
    column-count: 4;
  }
  [flow-cols-s="5"] {
    -moz-column-count: 5;
    column-count: 5;
  }
  [flow-cols-s="6"] {
    -moz-column-count: 6;
    column-count: 6;
  }
  [flow-cols-s="7"] {
    -moz-column-count: 7;
    column-count: 7;
  }
  [flow-cols-s="8"] {
    -moz-column-count: 8;
    column-count: 8;
  }
}
@media only screen and (min-width:1599px) {
  [flow-cols-l="1"] {
    -moz-column-count: 1;
    column-count: 1;
  }
  [flow-cols-l="2"] {
    -moz-column-count: 2;
    column-count: 2;
  }
  [flow-cols-l="3"] {
    -moz-column-count: 3;
    column-count: 3;
  }
  [flow-cols-l="4"] {
    -moz-column-count: 4;
    column-count: 4;
  }
  [flow-cols-l="5"] {
    -moz-column-count: 5;
    column-count: 5;
  }
  [flow-cols-l="6"] {
    -moz-column-count: 6;
    column-count: 6;
  }
  [flow-cols-l="7"] {
    -moz-column-count: 7;
    column-count: 7;
  }
  [flow-cols-l="8"] {
    -moz-column-count: 8;
    column-count: 8;
  }
}
.grid,
address,
article,
aside,
blockquote,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
nav,
ol,
p,
pre,
table,
tfoot,
ul,
video {
  margin-bottom: var(--blockSpacingBottom);
  margin-top: var(--blockSpacingTop);
}
:first-child {
  margin-top: unset;
}
:last-child {
  margin-bottom: unset;
}
hr:first-child {
  margin-bottom: calc(var(--baseUnit) - var(--hrThickness)/2);
  margin-top: calc(var(--hrThickness)/-2);
}
hr:last-child {
  margin-bottom: calc(var(--hrThickness)/-2);
}
hr,
hr:last-child,
hr:only-child {
  margin-top: calc(var(--baseUnit) - var(--hrThickness)/2);
}
hr,
hr:only-child {
  background: var(--foregroundColor);
  border: none;
  height: var(--hrThickness);
  margin-bottom: calc(var(--baseUnit) - var(--hrThickness)/2);
}
* + hr:last-child {
  margin-top: calc(var(--hrThickness)/-2);
}
hr:not(:first-child) {
  margin-bottom: calc(var(--baseUnit) - var(--hrThickness));
  margin-top: var(--baseUnit);
}
.grid > hr {
  grid-column: 1/-1;
}
.grid > hr,
.grid > hr:not(:first-child):not(:last-child) {
  margin-bottom: 0;
  margin-top: calc(var(--baseUnit) - var(--hrThickness));
}
.bold,
b,
strong {
  font-weight: 600;
}
.italic,
em,
i {
  font-style: italic;
}
.code,
.monospace,
code,
pre,
tt {
  word-wrap: break-word;
  font-family:
    var(--monoFont),
    Inconsolata,
    Menlo,
    monospace;
  font-weight: 400;
  white-space: pre-wrap;
}
b .code,
b .monospace,
b code,
b pre,
b tt {
  font-weight: 600;
}
.code b,
.monospace b,
code b,
pre b,
tt b {
  font-weight: 600;
  font-weight: 580;
}
pre {
  display: block;
  overflow-x: auto;
}
pre,
pre code,
pre tt {
  word-wrap: normal;
  white-space: pre;
}
h {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: block;
}
.h1,
h,
h1 {
  font-size: var(--h1-size);
  font-weight: 720;
  letter-spacing: -.05em;
  line-height: calc(var(--baseUnit)*2);
  margin-bottom: var(--baseUnit);
  margin-left: calc(var(--h1-size)/-22);
  margin-top: calc(var(--baseUnit)*2);
  word-break: break-word;
}
h1.single-line {
  margin-top: var(--baseUnit);
  padding-bottom: calc(var(--baseUnit)*.5);
  padding-top: calc(var(--baseUnit)*.5);
}
h1.single-line:first-child {
  margin-top: 0;
  padding-bottom: calc(var(--baseUnit)*.5);
}
.h2,
h2 {
  font-size: var(--h2-size);
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: calc(var(--baseUnit)*2);
  margin-bottom: var(--baseUnit);
  margin-left: calc(var(--h2-size)/-26);
}
* + h2,
h2.single-line {
  margin-bottom: 0;
  margin-top: var(--baseUnit);
  padding-bottom: calc(var(--baseUnit)*.5);
  padding-top: calc(var(--baseUnit)*.5);
}
h2.single-line:first-child {
  margin-top: unset;
}
.h3,
.h4,
h3,
h4 {
  font-size: var(--h3-size);
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: var(--baseline);
  padding-bottom: calc(var(--baseline)*.25);
  padding-top: calc(var(--baseline)*.75);
}
.h4,
h4 {
  font-size: var(--h4-size);
  font-weight: 700;
  letter-spacing: -.012em;
}
h3.single-line,
h4.single-line {
  margin-bottom: 0;
  padding-bottom: calc(var(--baseline)*1.25);
}
h3 + h1,
h3 + h1.single-line,
h4 + h1,
h4 + h1.single-line {
  margin-top: calc(var(--baseline)*3);
}
h3.single-line + h1,
h3.single-line + h1.single-line,
h3.single-line + h2,
h3.single-line + h2.single-line,
h4.single-line + h1,
h4.single-line + h1.single-line,
h4.single-line + h2,
h4.single-line + h2.single-line {
  margin-top: var(--baseUnit);
}
h3 + h2,
h3 + h2.single-line,
h4 + h2,
h4 + h2.single-line {
  margin-top: var(--baseline);
}
.h5,
.h6,
h5,
h6 {
  font-weight: 670;
  letter-spacing: -.015em;
}
.grid > .h1,
.grid > .h2,
.grid > .h3,
.grid > .h4,
.grid > .h5,
.grid > .h6,
.grid > h1,
.grid > h2,
.grid > h3,
.grid > h4,
.grid > h5,
.grid > h6,
.h5,
.h6,
h5,
h6 {
  margin-bottom: 0;
}
.h1.large,
h1.large {
  --h1-size:4rem;
  font-weight: 730;
  line-height: calc(var(--baseUnit)*3);
}
.h1.xlarge,
h1.xlarge {
  --h1-size:5.5rem;
  font-weight: 740;
  line-height: calc(var(--baseUnit)*4);
}
.h1.xxlarge,
h1.xxlarge {
  --h1-size:7.5rem;
  font-weight: 750;
  line-height: calc(var(--baseUnit)*5);
}
.h1.xxxlarge,
h1.xxxlarge {
  --h1-size:10.5rem;
  font-weight: 760;
  line-height: calc(var(--baseUnit)*7);
}
.small {
  font-size: .85rem;
  line-height: var(--baseUnit);
}
.xsmall {
  font-size: .8em;
  line-height: calc(var(--baseUnit)*.75);
  padding-top: calc(var(--baseUnit)*.25);
}
.xxsmall {
  font-size: .65em;
  line-height: calc(var(--baseUnit)*.7);
  padding-top: calc(var(--baseUnit)*.3);
}
.xxxsmall {
  font-size: .5em;
  line-height: calc(var(--baseUnit)*.5);
  padding-bottom: calc(var(--baseUnit)*.25);
}
a,
a:link,
a:visited {
  color: var(--blue);
  text-decoration: none;
  white-space: nowrap;
}
a:hover {
  color: var(--blue);
  -webkit-text-decoration: underline var(--blue);
  text-decoration: underline var(--blue);
}
a:active {
  background: var(--blue);
  color: var(--backgroundColor);
}
.h1 > a,
.h2 > a,
.h3 > a,
.h4 > a,
.h5 > a,
.h6 > a,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none;
}
.h1 > a:hover,
.h2 > a:hover,
.h3 > a:hover,
.h4 > a:hover,
.h5 > a:hover,
.h6 > a:hover,
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration: underline rgba(0, 0, 0, .3);
  text-decoration: underline rgba(0, 0, 0, .3);
}
a.plain {
  color: inherit;
  text-decoration: none;
  white-space: unset;
}
img,
img:first-child,
img:last-child {
  display: block;
  margin-bottom: var(--baseline);
  margin-top: var(--baseline);
}
img:only-child {
  margin: 0;
}
* + img {
  margin-top: calc(var(--baseline)*-1);
}
img.cover,
img.fill {
  -o-object-fit: cover;
  object-fit: cover;
}
.grid > div > img,
.grid > p > img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
li {
  margin-bottom: var(--baseline);
  margin-left: .2em;
}
li > p + ol,
li > p + ul {
  margin-top: calc(var(--baseline)*-1);
}
li.task-list-item {
  list-style-type: none;
}
li.task-list-item > input[type=checkbox] {
  --outlineSvgUrl:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.75" y="1.75" width="14.5" height="14.5" rx="0.5" stroke="black" stroke-width="1.5"/></svg>');
  --checkSvgUrl:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.7 9.3L8.1 12.6L13.8 6.9L12.3 5.3L8.1 9.5L6.3 7.7L4.7 9.3Z" fill="black"/></svg>');
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  display: inline-block;
  height: var(--baseline);
  list-style: none;
  margin-left: -1.4em;
  margin-right: .5em;
  opacity: 1;
  position: relative;
  width: 1.5em;
}
li.task-list-item > input[type=checkbox]:after,
li.task-list-item > input[type=checkbox]:before {
  --webkit-touch-callout:none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -.25em;
  color: transparent;
  content: "X";
  display: block;
  left: 0;
  position: absolute;
  top: -.25em;
  width: 1.1em;
}
li.task-list-item > input[type=checkbox]:after {
  background-image: var(--outlineSvgUrl);
}
li.task-list-item > input[type=checkbox][checked]:before {
  background-image: var(--checkSvgUrl);
}
@supports ((-webkit-mask-image:linear-gradient(rgba(0, 0, 0, 1.0), red)) or (mask-image:linear-gradient(rgba(0, 0, 0, 1.0), red))) {
  li.task-list-item > input[type=checkbox]:after,
  li.task-list-item > input[type=checkbox]:before {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  li.task-list-item > input[type=checkbox]:after {
    background: var(--foregroundColor);
    -webkit-mask-image: var(--outlineSvgUrl);
    mask-image: var(--outlineSvgUrl);
  }
  li.task-list-item > input[type=checkbox][checked]:before {
    background: var(--foregroundColor);
    -webkit-mask-image: var(--checkSvgUrl);
    mask-image: var(--checkSvgUrl);
  }
}
.compact > li > p + ol,
.compact > li > p + ul {
  margin-top: calc(var(--blockSpacingBottom)*-1);
}
ol,
ul {
  --list-indentation:2em;
  list-style-position: outside;
}
ol.compact > li,
ul.compact > li {
  margin-bottom: 0;
}
ul {
  padding-left: 1.3em;
}
ol[start] {
  -webkit-padding-start: var(--list-indentation);
  padding-inline-start: var(--list-indentation);
}
ol:not([start]) {
  counter-reset: ol-counter;
  list-style: none;
  padding-left: var(--list-indentation);
}
ol:not([start]) > li {
  counter-increment: ol-counter;
  position: relative;
}
ol:not([start]) > li:before {
  --space:0.5em;
  --width:calc(var(--list-indentation) - var(--space));
  content: counter(ol-counter) ". ";
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  height: var(--baseUnit);
  left: calc(var(--width)*-1 + var(--space)*-1);
  position: absolute;
  text-align: left;
  width: var(--width);
}
table {
  --border-width:1px;
  --border-opacity:0.15;
  --border-color:rgba(var(--foregroundColor-rgb),calc(var(--foregroundColor-a)*var(--border-opacity)));
  border-collapse: collapse;
  border-right: var(--border-width) solid var(--border-color);
  border-spacing: 0;
  border-top: var(--border-width) solid var(--border-color);
  margin-bottom: calc(var(--baseUnit)*1.5);
  margin-top: calc(var(--baseUnit)*1 + var(--border-width)*-1);
  overflow: auto;
  position: relative;
}
table:first-child {
  margin-bottom: calc(var(--baseUnit)*.5);
  margin-top: calc(var(--baseUnit)*.5 + var(--border-width)*-1);
}
table * {
  box-sizing: border-box;
}
table td,
table th {
  background-image: linear-gradient(90deg, var(--border-color), var(--border-color) 1px, transparent 1px, transparent calc(var(--baseline)/2));
  background-position: 0 -1px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: var(--baseline) 1em;
  position: relative;
}
table td:after,
table th:after {
  background: var(--border-color);
  bottom: 0;
  color: transparent;
  content: "A";
  height: var(--border-width);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}
table th {
  font-weight: 600;
  text-align: left;
}
table th[align=center] {
  text-align: center;
}
table th[align=right] {
  text-align: right;
}
p + table {
  margin-top: calc(var(--baseUnit)*1.5 + var(--border-width)*-1);
}
@media only screen and (max-width:600px) {
  .only-large-window {
    display: none;
  }
}
@media only screen and (min-width:601px) {
  .only-small-window {
    display: none;
  }
}
.single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.flex,
.flex-h {
  display: flex;
}
.flex-h {
  flex-direction: row;
}
.flex-v {
  display: flex;
  flex-direction: column;
}
.flex-h.center {
  flex-direction: row;
}
.flex-h.center,
.flex-v.center {
  align-items: center;
  display: flex;
}
.flex-v.center {
  flex-direction: column;
}
.flex-h.top {
  flex-direction: row;
}
.flex-h.top,
.flex-v.left {
  align-items: flex-start;
  display: flex;
}
.flex-v.left,
.flex-v.right {
  flex-direction: column;
}
.flex-v.right {
  align-items: flex-end;
  display: flex;
}
.flex-v .center {
  align-self: center;
}
.flex-v .left {
  align-self: flex-start;
}
.flex-v .right {
  align-self: flex-end;
}
.flex-h .top {
  align-self: flex-start;
}
.flex-h .center {
  align-self: center;
}
.flex-h .bottom {
  align-self: flex-end;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
img.top {
  align-self: center;
  -o-object-position: center top;
  object-position: center top;
}
img.center {
  align-self: center;
  -o-object-position: center center;
  object-position: center center;
}
img.bottom {
  align-self: center;
  -o-object-position: center bottom;
  object-position: center bottom;
}
img.left.top {
  align-self: flex-start;
  -o-object-position: left top;
  object-position: left top;
}
img.left.center {
  align-self: flex-start;
  -o-object-position: left center;
  object-position: left center;
}
img.left.bottom {
  align-self: flex-start;
  -o-object-position: left bottom;
  object-position: left bottom;
}
img.right.top {
  align-self: flex-end;
  -o-object-position: right top;
  object-position: right top;
}
img.right.center {
  align-self: flex-end;
  -o-object-position: right center;
  object-position: right center;
}
img.right.bottom {
  align-self: flex-end;
  -o-object-position: right bottom;
  object-position: right bottom;
}
.padding0 {
  padding: 0;
}
.padding1 {
  padding: calc(var(--baseUnit)*1);
}
.padding2 {
  padding: calc(var(--baseUnit)*2);
}
.padding3 {
  padding: calc(var(--baseUnit)*3);
}
.padding4 {
  padding: calc(var(--baseUnit)*4);
}
.padding5 {
  padding: calc(var(--baseUnit)*5);
  padding: calc(var(--baseUnit)*6);
  padding: calc(var(--baseUnit)*7);
  padding: calc(var(--baseUnit)*8);
}
.margin0 {
  margin: 0;
}
.margin1 {
  margin: calc(var(--baseUnit)*1);
}
.margin2 {
  margin: calc(var(--baseUnit)*2);
}
.margin3 {
  margin: calc(var(--baseUnit)*3);
}
.margin4 {
  margin: calc(var(--baseUnit)*4);
}
.margin5 {
  margin: calc(var(--baseUnit)*5);
  margin: calc(var(--baseUnit)*6);
  margin: calc(var(--baseUnit)*7);
  margin: calc(var(--baseUnit)*8);
}
.w-1 {
  width: calc(var(--baseUnit)*1);
}
.w-2 {
  width: calc(var(--baseUnit)*2);
}
.w-3 {
  width: calc(var(--baseUnit)*3);
}
.w-4 {
  width: calc(var(--baseUnit)*4);
}
.w-5 {
  width: calc(var(--baseUnit)*5);
}
.w-6 {
  width: calc(var(--baseUnit)*6);
}
.w-7 {
  width: calc(var(--baseUnit)*7);
}
.w-8 {
  width: calc(var(--baseUnit)*8);
}
.w-9 {
  width: calc(var(--baseUnit)*9);
}
.w-10 {
  width: calc(var(--baseUnit)*10);
}
.w-11 {
  width: calc(var(--baseUnit)*11);
}
.w-12 {
  width: calc(var(--baseUnit)*12);
}
.w-13 {
  width: calc(var(--baseUnit)*13);
}
.w-14 {
  width: calc(var(--baseUnit)*14);
}
.w-15 {
  width: calc(var(--baseUnit)*15);
}
.w-16 {
  width: calc(var(--baseUnit)*16);
}
.w-17 {
  width: calc(var(--baseUnit)*17);
}
.w-18 {
  width: calc(var(--baseUnit)*18);
}
.w-19 {
  width: calc(var(--baseUnit)*19);
}
.w-20 {
  width: calc(var(--baseUnit)*20);
}
.w-21 {
  width: calc(var(--baseUnit)*21);
}
.w-22 {
  width: calc(var(--baseUnit)*22);
}
.w-23 {
  width: calc(var(--baseUnit)*23);
}
.w-24 {
  width: calc(var(--baseUnit)*24);
}
.w-25 {
  width: calc(var(--baseUnit)*25);
}
.w-26 {
  width: calc(var(--baseUnit)*26);
}
.w-27 {
  width: calc(var(--baseUnit)*27);
}
.w-28 {
  width: calc(var(--baseUnit)*28);
}
.w-29 {
  width: calc(var(--baseUnit)*29);
}
.w-30 {
  width: calc(var(--baseUnit)*30);
}
.w-31 {
  width: calc(var(--baseUnit)*31);
}
.w-32 {
  width: calc(var(--baseUnit)*32);
}
.w-33 {
  width: calc(var(--baseUnit)*33);
}
.w-34 {
  width: calc(var(--baseUnit)*34);
}
.w-35 {
  width: calc(var(--baseUnit)*35);
}
.w-36 {
  width: calc(var(--baseUnit)*36);
}
.w-37 {
  width: calc(var(--baseUnit)*37);
}
.w-38 {
  width: calc(var(--baseUnit)*38);
}
.w-39 {
  width: calc(var(--baseUnit)*39);
}
.w-40 {
  width: calc(var(--baseUnit)*40);
}
.w-full {
  width: 100%;
}
.h-1 {
  height: calc(var(--baseUnit)*1);
}
.h-2 {
  height: calc(var(--baseUnit)*2);
}
.h-3 {
  height: calc(var(--baseUnit)*3);
}
.h-4 {
  height: calc(var(--baseUnit)*4);
}
.h-5 {
  height: calc(var(--baseUnit)*5);
}
.h-6 {
  height: calc(var(--baseUnit)*6);
}
.h-7 {
  height: calc(var(--baseUnit)*7);
}
.h-8 {
  height: calc(var(--baseUnit)*8);
}
.h-9 {
  height: calc(var(--baseUnit)*9);
}
.h-10 {
  height: calc(var(--baseUnit)*10);
}
.h-11 {
  height: calc(var(--baseUnit)*11);
}
.h-12 {
  height: calc(var(--baseUnit)*12);
}
.h-13 {
  height: calc(var(--baseUnit)*13);
}
.h-14 {
  height: calc(var(--baseUnit)*14);
}
.h-15 {
  height: calc(var(--baseUnit)*15);
}
.h-16 {
  height: calc(var(--baseUnit)*16);
}
.h-17 {
  height: calc(var(--baseUnit)*17);
}
.h-18 {
  height: calc(var(--baseUnit)*18);
}
.h-19 {
  height: calc(var(--baseUnit)*19);
}
.h-20 {
  height: calc(var(--baseUnit)*20);
}
.h-21 {
  height: calc(var(--baseUnit)*21);
}
.h-22 {
  height: calc(var(--baseUnit)*22);
}
.h-23 {
  height: calc(var(--baseUnit)*23);
}
.h-24 {
  height: calc(var(--baseUnit)*24);
}
.h-25 {
  height: calc(var(--baseUnit)*25);
}
.h-26 {
  height: calc(var(--baseUnit)*26);
}
.h-27 {
  height: calc(var(--baseUnit)*27);
}
.h-28 {
  height: calc(var(--baseUnit)*28);
}
.h-29 {
  height: calc(var(--baseUnit)*29);
}
.h-30 {
  height: calc(var(--baseUnit)*30);
}
.h-31 {
  height: calc(var(--baseUnit)*31);
}
.h-32 {
  height: calc(var(--baseUnit)*32);
}
.h-33 {
  height: calc(var(--baseUnit)*33);
}
.h-34 {
  height: calc(var(--baseUnit)*34);
}
.h-35 {
  height: calc(var(--baseUnit)*35);
}
.h-36 {
  height: calc(var(--baseUnit)*36);
}
.h-37 {
  height: calc(var(--baseUnit)*37);
}
.h-38 {
  height: calc(var(--baseUnit)*38);
}
.h-39 {
  height: calc(var(--baseUnit)*39);
}
.h-40 {
  height: calc(var(--baseUnit)*40);
}
.opacity0 {
  opacity: 0;
}
.opacity1 {
  opacity: .1;
}
.opacity2 {
  opacity: .2;
}
.opacity3 {
  opacity: .3;
}
.opacity4 {
  opacity: .4;
}
.opacity5 {
  opacity: .5;
}
.opacity6 {
  opacity: .6;
}
.opacity7 {
  opacity: .7;
}
.opacity8 {
  opacity: .8;
}
.opacity9 {
  opacity: .9;
}
.opacity10 {
  opacity: 1;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
}

/* src/style.css */
.desc {
  max-width: 36rem;
}
h5 {
  grid-column: 1;
  white-space: nowrap;
}
.el {
  grid-column-start: 2;
  grid-column-end: span 2;
}
output.val {
  font-family: var(--monoFont);
}
a.plain:active {
  background: unset;
  color: unset;
}
pre,
code {
  grid-column-start: 4;
  grid-column-end: span 4;
  letter-spacing: unset;
  white-space: break-spaces;
  font-weight: 400;
  align-self: flex-start;
  color: var(--foregroundColor);
  background: #f6f8fa;
  font-family:
    "SF Mono",
    "Roboto Mono Var",
    "Roboto Mono",
    "JetBrains Mono",
    monospace;
  font-size: 0.9rem;
  border-radius: 0.2857142857rem;
  hyphens: none;
  margin-top: -0.6rem;
}
.dark code,
.dark pre {
  background: var(--depth1);
}
pre {
  overflow: auto;
  padding: 0.8rem 2.1rem 0.8rem 1rem;
}
::selection {
  background: #cceae7;
  color: #263238;
}
.dark ::selection {
  background: #cceae71a;
  color: var(--foregroundColor);
}
.token.attr-name {
  color: #005cc5;
}
.token.attr-value {
  color: #032f62;
}
.token.tag {
  color: #22863a;
}
.dark .token.attr-name {
  color: #79c0ff;
}
.dark .token.attr-value {
  color: #a5d6ff;
}
.dark .token.tag {
  color: #7ee787;
}
.token.punctuation {
  color: var(--foregroundColor);
}
.github {
  margin-right: 0.8571428571rem;
}
fieldset {
  padding: revert;
  margin: revert;
  border: revert;
}
.range {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-start;
}
.range .val {
  padding-left: var(--baseUnit);
}
@media only screen and (max-width: 70rem) {
  h5 {
    grid-column: 1;
    white-space: nowrap;
  }
  .el {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
  pre {
    grid-column-start: 5;
    grid-column-end: -1;
  }
}
@media only screen and (max-width: 50rem) {
  main.grid {
    grid-template-columns: repeat(4, 1fr);
  }
  h5 {
    grid-column: 1;
  }
  .el {
    grid-column: 2/-1;
  }
  pre {
    grid-column-start: 2;
    grid-column-end: -1;
    min-height: unset;
  }
}
@media only screen and (max-width: 37.5rem) {
  h5 {
    grid-column: 1/-1;
  }
  .el {
    grid-column: 1/-1;
  }
  pre {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}
body {
  position: relative;
}
.debug-grid {
  pointer-events: none;
  position: absolute;
  inset: 0 calc(var(--baseUnit) * 2) 0 calc(var(--baseUnit) * 2);
  display: none;
}
.debug-grid.active {
  display: grid;
}
.debug-grid > * {
  grid-row: 1/-1;
  margin-top: -1px;
  margin-bottom: -1px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.dark .debug-grid > * {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 600px) {
  .debug-grid {
    inset: 0 var(--baseUnit) 0 var(--baseUnit);
  }
}
@media only screen and (max-width: 50rem) {
  .debug-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .debug-grid .lg {
    display: none;
  }
}