/*
 * swampland.xyz – static rebuild of the Squarespace site.
 *
 * Every number in this file was measured from the live site or read from its
 * authored layout data, not eyeballed. The capture and the measurements live in
 * ref/ (see ref/live-ground-truth/ and docs/verification/). No Squarespace code
 * is used: the layout geometry, copy, images and fonts belong to Swampland, and
 * the CSS around them is written from scratch.
 *
 * Structure:
 *   1. Fonts and tokens
 *   2. Base typography (Squarespace's fluid type formulas, reproduced)
 *   3. Header and mobile menu
 *   4. Sections, layout grid and block types
 *   5. Generated layout: per-section grids and per-block placement (below the
 *      GENERATED marker, produced from the site's authored layout data)
 */

/* 1. Fonts and tokens ------------------------------------------------------ */

@font-face {
  font-family: "Retro Gaming";
  src: url("assets/fonts/RetroGaming.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Kindapix";
  src: url("assets/fonts/Kindapix.ttf") format("truetype");
  font-display: swap;
}

/* Only the mobile menu overlay uses Poppins: the site's custom CSS restyles the
   desktop nav but not the overlay, so the overlay keeps the theme's body face. */
@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --page-pad: 6vw;          /* side gutter */
  --max-w: 1400px;          /* content max width */
  --bg: #0d0b22;            /* page background */
  --ink: #fff;
  --link: #d9d9d9;          /* text links and the /meme scribble */
  --purple: #836ef9;        /* h1 shadow, up-right */
  --cyan: #60eddf;          /* h1 shadow, down-left */
  --marker: #200052;        /* "Launchpad" highlight and button hover text */
  --display: "Kindapix", monospace;
  --body: "Retro Gaming", monospace;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--body);
  font-size: 1rem;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: block;
  border: 0;
}

a {
  color: inherit;
}

.skip {
  position: absolute;
  left: -16000px;
  top: 24px;
  padding: 1em 1.6em;
  background: var(--link);
  color: #000;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  z-index: 100;
}

.skip:focus {
  left: 24px;
}

.vh {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* 2. Typography -------------------------------------------------------------
 *
 * Sizes are fluid and come from the site's style settings (h1 4, h3 2.2, large
 * text 1.4, normal 1). The formulas are Squarespace's, reproduced exactly:
 *   phone portrait:  (size - 1) * 1.2% of min(viewport height, 900px) + 1rem
 *   everything else: min((size - 1) * 1.2vw + 1rem,
 *                        max((size - 1) * 1.2% of 1400px + 1rem, size * 1rem))
 * Note the phone formula follows viewport HEIGHT, not width.
 */

h1, h2, h3, h4 {
  margin: 2rem 0;
  font-family: var(--display);
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--ink);
}

h1 {
  font-weight: 900;
  line-height: calc(1.2em * (1 + (1 - 4) / 25));
  text-shadow: 2px -2px var(--purple), -2px 2px var(--cyan);
}

h3 {
  font-weight: 700;
  line-height: calc(1.2em * (1 + (1 - 2.2) / 25));
}

p {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  h1 { font-size: calc(3 * .012 * min(100vh, 900px) + 1rem); }
  h3 { font-size: calc(1.2 * .012 * min(100vh, 900px) + 1rem); }
  .lg { font-size: calc(.4 * .012 * min(100vh, 900px) + 1rem); }
}

@media screen and (min-width: 768px), screen and (orientation: landscape) {
  h1 { font-size: min(calc(3 * 1.2vw + 1rem), max(calc(3 * .012 * 1400px + 1rem), 4rem)); }
  h3 { font-size: min(calc(1.2 * 1.2vw + 1rem), max(calc(1.2 * .012 * 1400px + 1rem), 2.2rem)); }
  .lg { font-size: min(calc(.4 * 1.2vw + 1rem), max(calc(.4 * .012 * 1400px + 1rem), 1.4rem)); }
}

.ta-c { text-align: center; }
.ta-r { text-align: right; }
.c-w { color: #fff; }
.c-k { color: #000; }

blockquote {
  margin: 1rem 40px;
}

.tc a {
  color: var(--link);
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

/* Text set to fill its block's width ("scaled text"). On the live site a script
   sizes these; here the measured ratio of font size to block width is applied
   with container query units, so it stays exact at every width with no script.
   The per-block ratios are in the generated section. */
.fitbox {
  container-type: inline-size;
  font-family: "Poppins", sans-serif; /* the line's strut, as on the live site */
  font-size: 1rem;
  line-height: 1.5em;
}

/* The fitted heading sits in an inline-block on a 24px line, as on the live
   site; that line sets a 24px floor on the block's height at narrow widths. */
.fit {
  display: inline-block;
  white-space: nowrap;
}

.tc .fit > :is(h1, h3) {
  margin: 0;
  font-size: inherit;
  line-height: 1;
  white-space: nowrap;
}

/* "Launchpad" marker highlight: a solid bar 1em thick behind the word, 0.55 of
   the way down the line box, extending 0.125em past each end (measured). */
.hl-marker {
  position: relative;
}

.hl-marker::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -.125em;
  right: -.125em;
  top: calc(55% - .5em);
  height: 1em;
  background: var(--marker);
}

/* "/meme" scribble underline, drawn on when it scrolls into view. */
.hl-scribble {
  position: relative;
}

.hl-scribble svg {
  position: absolute;
  z-index: -1;
  left: -.1em;
  top: 0;
  width: calc(100% + .2em);
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.hl-scribble path {
  fill: none;
  stroke: var(--link);
  stroke-width: .05em;
  stroke-linecap: square;
  vector-effect: non-scaling-stroke;
}

.js .hl-scribble path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset .5s linear;
}

.js .hl-scribble.is-drawn path {
  stroke-dashoffset: 0;
}

/* 3. Header and mobile menu -------------------------------------------------- */

.hd {
  position: relative;
  z-index: 10;
  padding: 3vw var(--page-pad);
}

.hd-in {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

.hd-logo {
  flex-shrink: 0;
  font-size: 0;
}

.hd-logo a {
  display: inline-block;
  max-height: 40px;
}

.hd-logo img {
  width: auto;
  max-width: 100%;
  max-height: 40px;
}

.hd-tn {
  display: flex;
  flex: 1 0 67%;
  flex-wrap: nowrap;
  align-items: center;
}

.hd-nav {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 1.6vw;
  text-align: right;
}

.hd-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.hd-item {
  display: inline-flex;
  white-space: nowrap;
}

.hd-item:not(:first-child) {
  margin-left: 1.4vw;
}

.hd-item a {
  display: inline-flex;
  align-items: center;
  padding: .1em 0;
  color: #fff;
  text-decoration: none;
  font-family: var(--body);
  font-size: 1rem;
  line-height: 1.5em;
}

/* "Connect Wallet", styled as an outlined button by the site's custom CSS. */
.hd-item:last-child a {
  display: inline-block;
  margin-top: -.7rem;
  padding: .7rem 1.2rem;
  border: 2px solid #fff;
}

.hd-item:last-child a:hover {
  color: var(--marker);
  background: #fff;
}

.burger {
  display: none;
  flex: 0 0 50px;
  width: 50px;
  align-items: flex-end;
  justify-content: flex-end;
}

.burger button {
  position: relative;
  display: inline-block;
  padding: 1px 6px;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
}

.burger-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}

.burger-box i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background: #fff;
  transition: transform 250ms cubic-bezier(.2, .6, .3, 1), width 250ms cubic-bezier(.2, .6, .3, 1);
}

.burger-box i:first-child { transform: translateY(-5.5px); }
.burger-box i:last-child { transform: translateY(5.5px); }

.menu-open .burger-box i:first-child { width: 28px; transform: translateX(3.5px) rotate(-135deg); }
.menu-open .burger-box i:last-child { width: 28px; transform: translateX(3.5px) rotate(135deg); }

.menu {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding-top: var(--hd-h);
  background: #000;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 1.2em;
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.4, 0, .2, 1);
}

.menu-open .menu {
  opacity: 1;
  visibility: visible;
}

.menu-list {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  transform: translateY(20px);
  transition: transform 600ms cubic-bezier(.4, 0, .2, 1);
}

.menu-open .menu-list {
  transform: none;
}

.menu-item {
  padding: 0 var(--page-pad);
  line-height: 1;
}

.menu-item a {
  display: inline-flex;
  align-items: center;
  margin: 5vw;
  color: #fff;
  text-decoration: none;
  font-size: 8.5vmin;
  transition: opacity 250ms cubic-bezier(.4, 0, .2, 1);
}

@media (hover: hover) {
  .menu-item:hover a { opacity: .9; }
}

@media screen and (min-width: 576px) {
  .menu-item a { font-size: 6.6vmin; }
}

@media screen and (min-width: 768px) {
  .menu-item a { font-size: 6vmin; }
}

/* The header collapses to the burger on phones, small windows, and touch
   tablets up to 1024px, exactly where the live site does. */
@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .hd { padding: var(--page-pad); --hd-h: calc(12vw + 40px); }
  .hd-nav { display: none; }
  .burger { display: flex; }
}

@media screen and (max-width: 767px) {
  .hd { --hd-h: calc(12vw + 37px); }
  .hd-logo a { max-height: 30px; }
  .hd-logo img { max-height: 30px; }
}

body.menu-lock {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; }
}

/* 4. Sections, grid and blocks ------------------------------------------------ */

.s {
  position: relative;
  min-height: 1vh;
}

.s-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #000;
}

.s-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-in {
  position: relative;
  padding: calc(1vmax / 10) 0;
}

.s-in--md {
  padding: 6.6vmax 0;
}

.s-in--flush {
  padding: 0;
}

.s-bg--plain {
  background: var(--bg);
}

/* The layout grid. Phones get 8 columns, 768px and up get 24, both flanked by
   flexible gutters; content never exceeds 1400px. Desktop row height scales
   with the content width, and rows grow when content needs more room. */
.g {
  --gutter: 6vw;
  --cell: calc(var(--max-w) / 8);
  display: grid;
  position: relative;
  grid-template-columns: minmax(var(--gutter), 1fr) repeat(8, minmax(0, var(--cell))) minmax(var(--gutter), 1fr);
  grid-template-rows: repeat(var(--rows-m), minmax(24px, auto));
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .g {
    --cell: calc(var(--max-w) / 24);
    --cw: min(var(--max-w), calc(100vw - var(--gutter) * 2));
    grid-template-columns: minmax(var(--gutter), 1fr) repeat(24, minmax(0, var(--cell))) minmax(var(--gutter), 1fr);
    grid-template-rows: repeat(var(--rows-d), minmax(calc(var(--cw) * .0215), auto));
  }
}

.b {
  position: relative;
  grid-area: var(--a-m);
  z-index: var(--z-m);
}

@media (min-width: 768px) {
  .b {
    grid-area: var(--a-d);
    z-index: var(--z-d);
  }
}

/* A block's box: fills its grid area, stacks content vertically, and aligns it
   per block (top, center or bottom). */
.bx {
  display: flex;
  flex-direction: column;
  justify-content: var(--j-m, flex-start);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .bx { justify-content: var(--j-d, flex-start); }
}

/* Text */
.tc {
  padding: var(--pad, 0);
}

/* First and last children lose their outer margins, but only direct children:
   the paragraph inside the blockquote keeps its 1rem, which collapses out
   through the quote and adds 16px to the block, exactly as on the live site. */
.tc > :first-child { margin-top: 0; }
.tc > :last-child { margin-bottom: 0; }

.tc :is(p, h1, h2, h3, h4) {
  white-space: pre-wrap;
}

/* Images are fitted inside their block, never cropped, and never push the grid
   rows open: on the live site only text grows a row, so images sit out of flow. */
.img {
  position: relative;
}

.img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Social links */
.so {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.so a {
  display: block;
  width: 48px;
  height: 48px;
  color: #fff;
  box-shadow: inset 0 0 0 2px #fff;
  transition: background-color .17s ease-in-out, opacity .17s ease-in-out, color .17s ease-in-out;
}

.so a:hover {
  background: #fff;
  color: #000;
  opacity: .8;
}

.so svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* 404 page – mirrors the live system page, including its colors: the theme
   gives this page no dark section behind the header, so the nav links, list
   text and links render black on the dark background exactly as they do on
   swampland.xyz today. */
.p404 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.p404 main {
  flex: 1 0 auto;
}

.p404 .hd-item:not(:last-child) a { color: #000; }
.p404 .burger-box i { background: #000; }
.p404 .menu-open .burger-box i { background: #fff; }

.system-page {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--page-pad) var(--page-pad);
}

.system-page > :first-child {
  padding-top: var(--page-pad);
}

.system-page ul {
  margin: 1rem 0;
  padding-left: 40px;
  color: #000;
  font-family: "Poppins", sans-serif;
  line-height: 1.5em;
}

.system-page a {
  color: #000;
  text-decoration: none;
}

/* GENERATED LAYOUT – do not edit by hand below this line. */
.g-1{--rows-m:37;--rows-d:29}
.b-638737{--a-m:1/2/2/10;--z-m:7;--a-d:1/2/2/26;--z-d:7}
.b-703124{--a-m:4/2/9/10;--z-m:1;--a-d:5/3/10/14;--z-d:1}
.b-014282{--a-m:9/2/24/10;--z-m:2;--a-d:11/3/22/13;--z-d:2}
.b-014282 .bx{border:3px solid #ffffff;background:rgba(0,0,0,.34);--pad:10%}
.b-707340{--a-m:8/2/11/10;--z-m:3;--a-d:9/3/12/14;--z-d:3;--j-d:center}
.b-032767{--a-m:20/2/23/7;--z-m:6;--a-d:18/3/21/8;--z-d:5;--j-m:center;--j-d:center}
.b-310876{--a-m:25/2/29/10;--z-m:4;--a-d:5/17/14/25;--z-d:6;--j-m:center;--j-d:center}
.b-028806{--a-m:29/2/38/10;--z-m:5;--a-d:16/17/28/25;--z-d:4;--j-m:center;--j-d:center}
.g-2{--rows-m:55;--rows-d:59}
.b-635563{--a-m:1/2/2/10;--z-m:11;--a-d:1/2/2/26;--z-d:12}
.b-353483{--a-m:3/8/5/11;--z-m:1;--a-d:5/19/9/24;--z-d:6;--j-m:center;--j-d:center}
.b-346895{--a-m:3/1/5/3;--z-m:2;--a-d:4/3/9/6;--z-d:2;--j-m:center;--j-d:center}
.b-348361{--a-m:5/2/8/10;--z-m:3;--a-d:6/7/9/15;--z-d:3;--j-d:center}
.b-348361 .fit{font-size:calc(14.9978cqw - 0.109px);font-size:round(nearest,calc(14.9978cqw - 0.109px),.1px)}
.b-356361{--a-m:8/2/14/10;--z-m:8;--a-d:10/7/22/21;--z-d:7;--j-m:center;--j-d:center}
.b-359133{--a-m:15/2/28/10;--z-m:6;--a-d:24/7/31/21;--z-d:8}
.b-352108{--a-m:27/8/31/9;--z-m:7;--a-d:27/3/30/5;--z-d:5;--j-m:center;--j-d:center}
.b-993546{--a-m:29/2/30/10;--z-m:12;--a-d:32/7/33/21;--z-d:13}
.b-361297{--a-m:30/2/32/10;--z-m:10;--a-d:34/7/37/13;--z-d:10}
.b-6a14e3{--a-m:32/5/38/7;--z-m:14;--a-d:37/12/46/16;--z-d:15;--j-m:center;--j-d:center}
.b-996016{--a-m:32/2/38/4;--z-m:13;--a-d:37/7/46/11;--z-d:14;--j-m:center;--j-d:center}
.b-da4d22{--a-m:32/8/38/10;--z-m:14;--a-d:37/17/46/21;--z-d:15;--j-m:center;--j-d:center}
.b-370b6c{--a-m:38/2/53/10;--z-m:4;--a-d:47/7/60/21;--z-d:11}
.b-350739{--a-m:48/9/51/10;--z-m:5;--a-d:43/21/47/25;--z-d:4;--j-m:center;--j-d:center}
.g-3{--rows-m:89;--rows-d:37}
.b-641341{--a-m:1/2/2/10;--z-m:12;--a-d:1/2/2/26;--z-d:12}
.b-371585{--a-m:4/2/13/10;--z-m:1;--a-d:7/17/19/25;--z-d:1;--j-m:center;--j-d:center}
.b-374224{--a-m:16/2/22/10;--z-m:2;--a-d:8/3/16/13;--z-d:2;--j-m:center;--j-d:center}
.b-386567{--a-m:26/2/41/10;--z-m:3;--a-d:23/3/38/9;--z-d:5;--j-m:flex-end;--j-d:flex-end}
.b-386567 .bx{border:2px solid #ffffff;background:rgba(255,255,255,.18);--pad:6%}
.b-384100{--a-m:23/2/29/10;--z-m:4;--a-d:21/3/27/9;--z-d:6;--j-m:center;--j-d:center}
.b-377196{--a-m:25/1/28/3;--z-m:5;--a-d:28/2/31/3;--z-d:3;--j-d:center}
.b-377196 .bx{background:#0d0b23;--pad:12%}
.b-c44cfc{--a-m:47/2/64/10;--z-m:6;--a-d:23/11/38/17;--z-d:4;--j-m:flex-end;--j-d:flex-end}
.b-c44cfc .bx{border:2px solid #ffffff;background:rgba(255,255,255,.17);--pad:6%}
.b-397547{--a-m:44/2/50/10;--z-m:10;--a-d:21/11/27/17;--z-d:9;--j-m:center;--j-d:center}
.b-da6eac{--a-m:46/1/49/3;--z-m:7;--a-d:28/10/31/11;--z-d:7;--j-d:center}
.b-da6eac .bx{background:#0d0b23;--pad:12%}
.b-a0ed9d{--a-m:71/2/87/10;--z-m:8;--a-d:23/19/38/25;--z-d:8;--j-m:flex-end;--j-d:flex-end}
.b-a0ed9d .bx{border:2px solid #ffffff;background:rgba(255,255,255,.18);--pad:6%}
.b-399458{--a-m:67/2/73/10;--z-m:11;--a-d:21/19/27/25;--z-d:11;--j-m:center;--j-d:center}
.b-f14e64{--a-m:70/1/73/3;--z-m:9;--a-d:28/18/31/19;--z-d:10;--j-d:center}
.b-f14e64 .bx{background:#0d0b23;--pad:12%}
.g-4{--rows-m:63;--rows-d:44}
.b-647017{--a-m:1/2/2/10;--z-m:8;--a-d:1/2/2/26;--z-d:8}
.b-385297{--a-m:4/2/8/10;--z-m:1;--a-d:4/7/9/21;--z-d:1;--j-m:center;--j-d:center}
.b-386887{--a-m:10/2/15/10;--z-m:2;--a-d:13/6/16/22;--z-d:2}
.b-810353{--a-m:17/2/35/10;--z-m:3;--a-d:19/4/38/12;--z-d:3;--j-m:center;--j-d:center}
.b-837830{--a-m:23/3/25/9;--z-m:9;--a-d:27/5/28/11;--z-d:9}
.b-837830 .fit{font-size:calc(9.1306cqw - 0.057px);font-size:round(nearest,calc(9.1306cqw - 0.057px),.1px)}
.b-815958{--a-m:25/3/33/9;--z-m:6;--a-d:28/5/36/11;--z-d:6}
.b-814293{--a-m:37/2/39/10;--z-m:5;--a-d:27/12/30/16;--z-d:5;--j-m:center;--j-d:center}
.b-812022{--a-m:41/2/59/10;--z-m:4;--a-d:19/16/38/24;--z-d:4;--j-m:center;--j-d:center}
.b-f776ef{--a-m:47/3/49/9;--z-m:10;--a-d:27/17/28/23;--z-d:10}
.b-f776ef .fit{font-size:calc(9.782cqw - 0.237px);font-size:round(nearest,calc(9.782cqw - 0.237px),.1px)}
.b-77bd8d{--a-m:49/3/57/9;--z-m:7;--a-d:28/17/36/23;--z-d:7}
.g-5{--rows-m:54;--rows-d:51}
.b-650984{--a-m:1/2/2/10;--z-m:9;--a-d:1/2/2/26;--z-d:9}
.b-838509{--a-m:4/2/8/10;--z-m:1;--a-d:7/7/12/21;--z-d:1;--j-m:center;--j-d:center}
.b-838509 .bx{border:2px dashed #ffffff;--pad:0%}
.b-838509 .fit{font-size:calc(11.1444cqw + 0.016px);font-size:round(nearest,calc(11.1444cqw + 0.016px),.1px)}
.b-828606{--a-m:3/2/5/10;--z-m:2;--a-d:6/13/8/15;--z-d:2;--j-m:center;--j-d:center}
.b-829780{--a-m:10/4/17/8;--z-m:3;--a-d:17/7/25/11;--z-d:3;--j-m:center;--j-d:center}
.b-85ace5{--a-m:15/3/20/4;--z-m:7;--a-d:6/7/8/8;--z-d:7;--j-m:center;--j-d:center}
.b-830950{--a-m:18/4/25/8;--z-m:4;--a-d:17/12/25/16;--z-d:4;--j-m:center;--j-d:center}
.b-833593{--a-m:23/8/28/9;--z-m:6;--a-d:11/20/13/21;--z-d:6;--j-m:center;--j-d:center}
.b-832221{--a-m:26/4/33/8;--z-m:5;--a-d:17/17/25/21;--z-d:5;--j-m:center;--j-d:center}
.b-869151{--a-m:45/2/54/10;--z-m:8;--a-d:40/10/51/18;--z-d:8;--j-m:center;--j-d:center}
.g-6{--rows-m:11;--rows-d:4}
.b-333974{--a-m:2/3/5/9;--z-m:1;--a-d:2/2/4/8;--z-d:1;--j-m:center;--j-d:center}
.b-334770{--a-m:6/3/8/9;--z-m:2;--a-d:2/22/4/26;--z-d:2;--j-d:center}
.b-335892{--a-m:9/3/11/9;--z-m:3;--a-d:2/12/4/16;--z-d:3;--j-m:center;--j-d:center}