@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1470px;
  }
}

.container-wide {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .container-wide {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-wide {
    max-width: 932px;
  }
}
@media (min-width: 1300px) {
  .container-wide {
    max-width: 1240px;
  }
}
@media (min-width: 1600px) {
  .container-wide {
    max-width: 1540px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}

:root {
  --container-width: calc(100% - 40px);
}
@media (min-width: 768px) {
  :root {
    --container-width: calc(720px - 40px);
  }
}
@media (min-width: 992px) {
  :root {
    --container-width: calc(960px - 40px);
  }
}
@media (min-width: 1300px) {
  :root {
    --container-width: calc(1170px - 40px);
  }
}
@media (min-width: 1600px) {
  :root {
    --container-width: calc(1470px - 40px);
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  outline: none;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

html,
body {
  height: 100%;
}

body {
  min-width: 320px;
  font-family: sans-serif;
  line-height: 1.4;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.square-grid-container {
  position: relative;
  --grid-colour: #f0f0f0;
  --grid-cols: 5;
  --grid-rows: 4;
}
@media (min-width: 768px) {
  .square-grid-container {
    --grid-cols: 8;
  }
}
@media (min-width: 992px) {
  .square-grid-container {
    --grid-cols: 12;
  }
}
@media (min-width: 1300px) {
  .square-grid-container {
    --grid-cols: 14;
  }
}
@media (min-width: 1600px) {
  .square-grid-container {
    --grid-cols: 16;
  }
}
.square-grid-container--h100 {
  height: 100%;
}
.square-grid-container--h100 .square-grid {
  top: 50%;
  translate: 0 -50%;
}
.square-grid-container--h100 .grid-contents {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.square-grid-container:not(.loaded) .square-grid .border-top {
  scale: 0 1;
}
.square-grid-container:not(.loaded) .square-grid .border-right {
  scale: 1 0;
}
.square-grid-container:not(.loaded) .square-grid .border-bottom {
  scale: 0 1;
}
.square-grid-container:not(.loaded) .square-grid .border-left {
  scale: 1 0;
}
.square-grid-container.loaded .square-grid .border {
  scale: 1 1 !important;
}

.square-grid {
  --animation-duration: 1s;
  display: grid;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  grid-template-columns: repeat(var(--grid-cols), 1fr);
}
.square-grid .square {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  opacity: 0.2;
  --row: round(down, var(--index) / var(--grid-cols));
}
.square-grid .square:nth-of-type(1) {
  --index: 1;
}
.square-grid .square:nth-of-type(1) .border-top {
  --random: 0.5305031554;
}
.square-grid .square:nth-of-type(1) .border-right {
  --random: 0.185306972;
}
.square-grid .square:nth-of-type(1) .border-bottom {
  --random: 0.5333561099;
}
.square-grid .square:nth-of-type(1) .border-left {
  --random: 0.2401334449;
}
.square-grid .square:nth-of-type(2) {
  --index: 2;
}
.square-grid .square:nth-of-type(2) .border-top {
  --random: 0.6727888729;
}
.square-grid .square:nth-of-type(2) .border-right {
  --random: 0.3206947284;
}
.square-grid .square:nth-of-type(2) .border-bottom {
  --random: 0.9982420597;
}
.square-grid .square:nth-of-type(2) .border-left {
  --random: 0.7682714011;
}
.square-grid .square:nth-of-type(3) {
  --index: 3;
}
.square-grid .square:nth-of-type(3) .border-top {
  --random: 0.3153108892;
}
.square-grid .square:nth-of-type(3) .border-right {
  --random: 0.323275017;
}
.square-grid .square:nth-of-type(3) .border-bottom {
  --random: 0.4465279179;
}
.square-grid .square:nth-of-type(3) .border-left {
  --random: 0.3102904408;
}
.square-grid .square:nth-of-type(4) {
  --index: 4;
}
.square-grid .square:nth-of-type(4) .border-top {
  --random: 0.6455330756;
}
.square-grid .square:nth-of-type(4) .border-right {
  --random: 0.2241425368;
}
.square-grid .square:nth-of-type(4) .border-bottom {
  --random: 0.2085980864;
}
.square-grid .square:nth-of-type(4) .border-left {
  --random: 0.6042207629;
}
.square-grid .square:nth-of-type(5) {
  --index: 5;
}
.square-grid .square:nth-of-type(5) .border-top {
  --random: 0.6318606636;
}
.square-grid .square:nth-of-type(5) .border-right {
  --random: 0.7391168857;
}
.square-grid .square:nth-of-type(5) .border-bottom {
  --random: 0.4649204307;
}
.square-grid .square:nth-of-type(5) .border-left {
  --random: 0.662859415;
}
.square-grid .square:nth-of-type(6) {
  --index: 6;
}
.square-grid .square:nth-of-type(6) .border-top {
  --random: 0.6483907022;
}
.square-grid .square:nth-of-type(6) .border-right {
  --random: 0.4701626626;
}
.square-grid .square:nth-of-type(6) .border-bottom {
  --random: 0.4245135706;
}
.square-grid .square:nth-of-type(6) .border-left {
  --random: 0.4661425839;
}
.square-grid .square:nth-of-type(7) {
  --index: 7;
}
.square-grid .square:nth-of-type(7) .border-top {
  --random: 0.7921037271;
}
.square-grid .square:nth-of-type(7) .border-right {
  --random: 0.2516596357;
}
.square-grid .square:nth-of-type(7) .border-bottom {
  --random: 0.1052139603;
}
.square-grid .square:nth-of-type(7) .border-left {
  --random: 0.0702151085;
}
.square-grid .square:nth-of-type(8) {
  --index: 8;
}
.square-grid .square:nth-of-type(8) .border-top {
  --random: 0.7260759463;
}
.square-grid .square:nth-of-type(8) .border-right {
  --random: 0.6425828449;
}
.square-grid .square:nth-of-type(8) .border-bottom {
  --random: 0.2389204551;
}
.square-grid .square:nth-of-type(8) .border-left {
  --random: 0.6689500127;
}
.square-grid .square:nth-of-type(9) {
  --index: 9;
}
.square-grid .square:nth-of-type(9) .border-top {
  --random: 0.8318168046;
}
.square-grid .square:nth-of-type(9) .border-right {
  --random: 0.5190423513;
}
.square-grid .square:nth-of-type(9) .border-bottom {
  --random: 0.20818579;
}
.square-grid .square:nth-of-type(9) .border-left {
  --random: 0.0350280215;
}
.square-grid .square:nth-of-type(10) {
  --index: 10;
}
.square-grid .square:nth-of-type(10) .border-top {
  --random: 0.2600071073;
}
.square-grid .square:nth-of-type(10) .border-right {
  --random: 0.3464004737;
}
.square-grid .square:nth-of-type(10) .border-bottom {
  --random: 0.8766658822;
}
.square-grid .square:nth-of-type(10) .border-left {
  --random: 0.2650487687;
}
.square-grid .square:nth-of-type(11) {
  --index: 11;
}
.square-grid .square:nth-of-type(11) .border-top {
  --random: 0.9242350684;
}
.square-grid .square:nth-of-type(11) .border-right {
  --random: 0.8553750472;
}
.square-grid .square:nth-of-type(11) .border-bottom {
  --random: 0.340317248;
}
.square-grid .square:nth-of-type(11) .border-left {
  --random: 0.2665744234;
}
.square-grid .square:nth-of-type(12) {
  --index: 12;
}
.square-grid .square:nth-of-type(12) .border-top {
  --random: 0.5577149159;
}
.square-grid .square:nth-of-type(12) .border-right {
  --random: 0.8560680946;
}
.square-grid .square:nth-of-type(12) .border-bottom {
  --random: 0.3449559486;
}
.square-grid .square:nth-of-type(12) .border-left {
  --random: 0.4455848423;
}
.square-grid .square:nth-of-type(13) {
  --index: 13;
}
.square-grid .square:nth-of-type(13) .border-top {
  --random: 0.0758594038;
}
.square-grid .square:nth-of-type(13) .border-right {
  --random: 0.3195839822;
}
.square-grid .square:nth-of-type(13) .border-bottom {
  --random: 0.7333453841;
}
.square-grid .square:nth-of-type(13) .border-left {
  --random: 0.4315334902;
}
.square-grid .square:nth-of-type(14) {
  --index: 14;
}
.square-grid .square:nth-of-type(14) .border-top {
  --random: 0.5672440181;
}
.square-grid .square:nth-of-type(14) .border-right {
  --random: 0.7747900064;
}
.square-grid .square:nth-of-type(14) .border-bottom {
  --random: 0.6516171625;
}
.square-grid .square:nth-of-type(14) .border-left {
  --random: 0.1965653725;
}
.square-grid .square:nth-of-type(15) {
  --index: 15;
}
.square-grid .square:nth-of-type(15) .border-top {
  --random: 0.5565564585;
}
.square-grid .square:nth-of-type(15) .border-right {
  --random: 0.7249822129;
}
.square-grid .square:nth-of-type(15) .border-bottom {
  --random: 0.7553387978;
}
.square-grid .square:nth-of-type(15) .border-left {
  --random: 0.705185896;
}
.square-grid .square:nth-of-type(16) {
  --index: 16;
}
.square-grid .square:nth-of-type(16) .border-top {
  --random: 0.2738422684;
}
.square-grid .square:nth-of-type(16) .border-right {
  --random: 0.9021748605;
}
.square-grid .square:nth-of-type(16) .border-bottom {
  --random: 0.4841517405;
}
.square-grid .square:nth-of-type(16) .border-left {
  --random: 0.9309749745;
}
.square-grid .square:nth-of-type(17) {
  --index: 17;
}
.square-grid .square:nth-of-type(17) .border-top {
  --random: 0.1555094337;
}
.square-grid .square:nth-of-type(17) .border-right {
  --random: 0.0087846201;
}
.square-grid .square:nth-of-type(17) .border-bottom {
  --random: 0.7850530505;
}
.square-grid .square:nth-of-type(17) .border-left {
  --random: 0.718619329;
}
.square-grid .square:nth-of-type(18) {
  --index: 18;
}
.square-grid .square:nth-of-type(18) .border-top {
  --random: 0.8318138069;
}
.square-grid .square:nth-of-type(18) .border-right {
  --random: 0.8390817814;
}
.square-grid .square:nth-of-type(18) .border-bottom {
  --random: 0.1958046539;
}
.square-grid .square:nth-of-type(18) .border-left {
  --random: 0.1957333483;
}
.square-grid .square:nth-of-type(19) {
  --index: 19;
}
.square-grid .square:nth-of-type(19) .border-top {
  --random: 0.180146926;
}
.square-grid .square:nth-of-type(19) .border-right {
  --random: 0.5184852117;
}
.square-grid .square:nth-of-type(19) .border-bottom {
  --random: 0.0428972187;
}
.square-grid .square:nth-of-type(19) .border-left {
  --random: 0.3251050488;
}
.square-grid .square:nth-of-type(20) {
  --index: 20;
}
.square-grid .square:nth-of-type(20) .border-top {
  --random: 0.9227456211;
}
.square-grid .square:nth-of-type(20) .border-right {
  --random: 0.9534117134;
}
.square-grid .square:nth-of-type(20) .border-bottom {
  --random: 0.8429612684;
}
.square-grid .square:nth-of-type(20) .border-left {
  --random: 0.5556218747;
}
.square-grid .square:nth-of-type(21) {
  --index: 21;
}
.square-grid .square:nth-of-type(21) .border-top {
  --random: 0.9492991732;
}
.square-grid .square:nth-of-type(21) .border-right {
  --random: 0.7097078538;
}
.square-grid .square:nth-of-type(21) .border-bottom {
  --random: 0.6621375023;
}
.square-grid .square:nth-of-type(21) .border-left {
  --random: 0.7347187251;
}
.square-grid .square:nth-of-type(22) {
  --index: 22;
}
.square-grid .square:nth-of-type(22) .border-top {
  --random: 0.0770392082;
}
.square-grid .square:nth-of-type(22) .border-right {
  --random: 0.2065126415;
}
.square-grid .square:nth-of-type(22) .border-bottom {
  --random: 0.3454648812;
}
.square-grid .square:nth-of-type(22) .border-left {
  --random: 0.0400606821;
}
.square-grid .square:nth-of-type(23) {
  --index: 23;
}
.square-grid .square:nth-of-type(23) .border-top {
  --random: 0.4142872541;
}
.square-grid .square:nth-of-type(23) .border-right {
  --random: 0.0705468761;
}
.square-grid .square:nth-of-type(23) .border-bottom {
  --random: 0.4673342887;
}
.square-grid .square:nth-of-type(23) .border-left {
  --random: 0.6002910589;
}
.square-grid .square:nth-of-type(24) {
  --index: 24;
}
.square-grid .square:nth-of-type(24) .border-top {
  --random: 0.0001928699;
}
.square-grid .square:nth-of-type(24) .border-right {
  --random: 0.5692837274;
}
.square-grid .square:nth-of-type(24) .border-bottom {
  --random: 0.9528857119;
}
.square-grid .square:nth-of-type(24) .border-left {
  --random: 0.2776960703;
}
.square-grid .square:nth-of-type(25) {
  --index: 25;
}
.square-grid .square:nth-of-type(25) .border-top {
  --random: 0.6891230334;
}
.square-grid .square:nth-of-type(25) .border-right {
  --random: 0.586234869;
}
.square-grid .square:nth-of-type(25) .border-bottom {
  --random: 0.1176645846;
}
.square-grid .square:nth-of-type(25) .border-left {
  --random: 0.7058947691;
}
.square-grid .square:nth-of-type(26) {
  --index: 26;
}
.square-grid .square:nth-of-type(26) .border-top {
  --random: 0.38306898;
}
.square-grid .square:nth-of-type(26) .border-right {
  --random: 0.1242639422;
}
.square-grid .square:nth-of-type(26) .border-bottom {
  --random: 0.3813800013;
}
.square-grid .square:nth-of-type(26) .border-left {
  --random: 0.8175606619;
}
.square-grid .square:nth-of-type(27) {
  --index: 27;
}
.square-grid .square:nth-of-type(27) .border-top {
  --random: 0.6471871528;
}
.square-grid .square:nth-of-type(27) .border-right {
  --random: 0.7423855788;
}
.square-grid .square:nth-of-type(27) .border-bottom {
  --random: 0.6375324551;
}
.square-grid .square:nth-of-type(27) .border-left {
  --random: 0.887003792;
}
.square-grid .square:nth-of-type(28) {
  --index: 28;
}
.square-grid .square:nth-of-type(28) .border-top {
  --random: 0.7341500488;
}
.square-grid .square:nth-of-type(28) .border-right {
  --random: 0.4844925556;
}
.square-grid .square:nth-of-type(28) .border-bottom {
  --random: 0.9817535672;
}
.square-grid .square:nth-of-type(28) .border-left {
  --random: 0.9658781623;
}
.square-grid .square:nth-of-type(29) {
  --index: 29;
}
.square-grid .square:nth-of-type(29) .border-top {
  --random: 0.145847787;
}
.square-grid .square:nth-of-type(29) .border-right {
  --random: 0.9740046076;
}
.square-grid .square:nth-of-type(29) .border-bottom {
  --random: 0.1027053829;
}
.square-grid .square:nth-of-type(29) .border-left {
  --random: 0.8231857441;
}
.square-grid .square:nth-of-type(30) {
  --index: 30;
}
.square-grid .square:nth-of-type(30) .border-top {
  --random: 0.4108654773;
}
.square-grid .square:nth-of-type(30) .border-right {
  --random: 0.2205025057;
}
.square-grid .square:nth-of-type(30) .border-bottom {
  --random: 0.4043105736;
}
.square-grid .square:nth-of-type(30) .border-left {
  --random: 0.8729551431;
}
.square-grid .square:nth-of-type(31) {
  --index: 31;
}
.square-grid .square:nth-of-type(31) .border-top {
  --random: 0.2201170903;
}
.square-grid .square:nth-of-type(31) .border-right {
  --random: 0.5273154;
}
.square-grid .square:nth-of-type(31) .border-bottom {
  --random: 0.9556635148;
}
.square-grid .square:nth-of-type(31) .border-left {
  --random: 0.4027569937;
}
.square-grid .square:nth-of-type(32) {
  --index: 32;
}
.square-grid .square:nth-of-type(32) .border-top {
  --random: 0.0316666284;
}
.square-grid .square:nth-of-type(32) .border-right {
  --random: 0.3015173212;
}
.square-grid .square:nth-of-type(32) .border-bottom {
  --random: 0.3782022137;
}
.square-grid .square:nth-of-type(32) .border-left {
  --random: 0.8898819867;
}
.square-grid .square:nth-of-type(33) {
  --index: 33;
}
.square-grid .square:nth-of-type(33) .border-top {
  --random: 0.8550707672;
}
.square-grid .square:nth-of-type(33) .border-right {
  --random: 0.8064408734;
}
.square-grid .square:nth-of-type(33) .border-bottom {
  --random: 0.3602011316;
}
.square-grid .square:nth-of-type(33) .border-left {
  --random: 0.6328539849;
}
.square-grid .square:nth-of-type(34) {
  --index: 34;
}
.square-grid .square:nth-of-type(34) .border-top {
  --random: 0.4699997098;
}
.square-grid .square:nth-of-type(34) .border-right {
  --random: 0.7890963719;
}
.square-grid .square:nth-of-type(34) .border-bottom {
  --random: 0.3700051417;
}
.square-grid .square:nth-of-type(34) .border-left {
  --random: 0.7899235796;
}
.square-grid .square:nth-of-type(35) {
  --index: 35;
}
.square-grid .square:nth-of-type(35) .border-top {
  --random: 0.9230886686;
}
.square-grid .square:nth-of-type(35) .border-right {
  --random: 0.1215999698;
}
.square-grid .square:nth-of-type(35) .border-bottom {
  --random: 0.2348219752;
}
.square-grid .square:nth-of-type(35) .border-left {
  --random: 0.285833544;
}
.square-grid .square:nth-of-type(36) {
  --index: 36;
}
.square-grid .square:nth-of-type(36) .border-top {
  --random: 0.4618024155;
}
.square-grid .square:nth-of-type(36) .border-right {
  --random: 0.8809434208;
}
.square-grid .square:nth-of-type(36) .border-bottom {
  --random: 0.2649532534;
}
.square-grid .square:nth-of-type(36) .border-left {
  --random: 0.1089110158;
}
.square-grid .square:nth-of-type(37) {
  --index: 37;
}
.square-grid .square:nth-of-type(37) .border-top {
  --random: 0.9313917326;
}
.square-grid .square:nth-of-type(37) .border-right {
  --random: 0.0908244908;
}
.square-grid .square:nth-of-type(37) .border-bottom {
  --random: 0.7304025483;
}
.square-grid .square:nth-of-type(37) .border-left {
  --random: 0.5024083494;
}
.square-grid .square:nth-of-type(38) {
  --index: 38;
}
.square-grid .square:nth-of-type(38) .border-top {
  --random: 0.6346220443;
}
.square-grid .square:nth-of-type(38) .border-right {
  --random: 0.6436113289;
}
.square-grid .square:nth-of-type(38) .border-bottom {
  --random: 0.6005256613;
}
.square-grid .square:nth-of-type(38) .border-left {
  --random: 0.1906406282;
}
.square-grid .square:nth-of-type(39) {
  --index: 39;
}
.square-grid .square:nth-of-type(39) .border-top {
  --random: 0.1844577543;
}
.square-grid .square:nth-of-type(39) .border-right {
  --random: 0.539385928;
}
.square-grid .square:nth-of-type(39) .border-bottom {
  --random: 0.6892417225;
}
.square-grid .square:nth-of-type(39) .border-left {
  --random: 0.1183904776;
}
.square-grid .square:nth-of-type(40) {
  --index: 40;
}
.square-grid .square:nth-of-type(40) .border-top {
  --random: 0.839435568;
}
.square-grid .square:nth-of-type(40) .border-right {
  --random: 0.3389268953;
}
.square-grid .square:nth-of-type(40) .border-bottom {
  --random: 0.1256886139;
}
.square-grid .square:nth-of-type(40) .border-left {
  --random: 0.7326164;
}
.square-grid .square:nth-of-type(41) {
  --index: 41;
}
.square-grid .square:nth-of-type(41) .border-top {
  --random: 0.1315049829;
}
.square-grid .square:nth-of-type(41) .border-right {
  --random: 0.9762189346;
}
.square-grid .square:nth-of-type(41) .border-bottom {
  --random: 0.7392886285;
}
.square-grid .square:nth-of-type(41) .border-left {
  --random: 0.9969570539;
}
.square-grid .square:nth-of-type(42) {
  --index: 42;
}
.square-grid .square:nth-of-type(42) .border-top {
  --random: 0.3673800398;
}
.square-grid .square:nth-of-type(42) .border-right {
  --random: 0.0979832527;
}
.square-grid .square:nth-of-type(42) .border-bottom {
  --random: 0.0290349373;
}
.square-grid .square:nth-of-type(42) .border-left {
  --random: 0.2725985001;
}
.square-grid .square:nth-of-type(43) {
  --index: 43;
}
.square-grid .square:nth-of-type(43) .border-top {
  --random: 0.9406455646;
}
.square-grid .square:nth-of-type(43) .border-right {
  --random: 0.4181656812;
}
.square-grid .square:nth-of-type(43) .border-bottom {
  --random: 0.4606181078;
}
.square-grid .square:nth-of-type(43) .border-left {
  --random: 0.0780518695;
}
.square-grid .square:nth-of-type(44) {
  --index: 44;
}
.square-grid .square:nth-of-type(44) .border-top {
  --random: 0.6187503522;
}
.square-grid .square:nth-of-type(44) .border-right {
  --random: 0.6923907356;
}
.square-grid .square:nth-of-type(44) .border-bottom {
  --random: 0.2132687971;
}
.square-grid .square:nth-of-type(44) .border-left {
  --random: 0.8313512946;
}
.square-grid .square:nth-of-type(45) {
  --index: 45;
}
.square-grid .square:nth-of-type(45) .border-top {
  --random: 0.2240458294;
}
.square-grid .square:nth-of-type(45) .border-right {
  --random: 0.8431607704;
}
.square-grid .square:nth-of-type(45) .border-bottom {
  --random: 0.800164825;
}
.square-grid .square:nth-of-type(45) .border-left {
  --random: 0.0673240288;
}
.square-grid .square:nth-of-type(46) {
  --index: 46;
}
.square-grid .square:nth-of-type(46) .border-top {
  --random: 0.408951348;
}
.square-grid .square:nth-of-type(46) .border-right {
  --random: 0.263238575;
}
.square-grid .square:nth-of-type(46) .border-bottom {
  --random: 0.6051514881;
}
.square-grid .square:nth-of-type(46) .border-left {
  --random: 0.8218185887;
}
.square-grid .square:nth-of-type(47) {
  --index: 47;
}
.square-grid .square:nth-of-type(47) .border-top {
  --random: 0.7694470703;
}
.square-grid .square:nth-of-type(47) .border-right {
  --random: 0.1870661879;
}
.square-grid .square:nth-of-type(47) .border-bottom {
  --random: 0.2259991814;
}
.square-grid .square:nth-of-type(47) .border-left {
  --random: 0.3520315601;
}
.square-grid .square:nth-of-type(48) {
  --index: 48;
}
.square-grid .square:nth-of-type(48) .border-top {
  --random: 0.5989227705;
}
.square-grid .square:nth-of-type(48) .border-right {
  --random: 0.7526265305;
}
.square-grid .square:nth-of-type(48) .border-bottom {
  --random: 0.9545838726;
}
.square-grid .square:nth-of-type(48) .border-left {
  --random: 0.7992847725;
}
.square-grid .square:nth-of-type(49) {
  --index: 49;
}
.square-grid .square:nth-of-type(49) .border-top {
  --random: 0.8410069863;
}
.square-grid .square:nth-of-type(49) .border-right {
  --random: 0.0617441031;
}
.square-grid .square:nth-of-type(49) .border-bottom {
  --random: 0.765834284;
}
.square-grid .square:nth-of-type(49) .border-left {
  --random: 0.9574631345;
}
.square-grid .square:nth-of-type(50) {
  --index: 50;
}
.square-grid .square:nth-of-type(50) .border-top {
  --random: 0.7344149158;
}
.square-grid .square:nth-of-type(50) .border-right {
  --random: 0.4712473099;
}
.square-grid .square:nth-of-type(50) .border-bottom {
  --random: 0.8770464743;
}
.square-grid .square:nth-of-type(50) .border-left {
  --random: 0.520890977;
}
.square-grid .square:nth-of-type(51) {
  --index: 51;
}
.square-grid .square:nth-of-type(51) .border-top {
  --random: 0.2868433918;
}
.square-grid .square:nth-of-type(51) .border-right {
  --random: 0.6399260793;
}
.square-grid .square:nth-of-type(51) .border-bottom {
  --random: 0.1519927964;
}
.square-grid .square:nth-of-type(51) .border-left {
  --random: 0.6598436299;
}
.square-grid .square:nth-of-type(52) {
  --index: 52;
}
.square-grid .square:nth-of-type(52) .border-top {
  --random: 0.7986947798;
}
.square-grid .square:nth-of-type(52) .border-right {
  --random: 0.3625394201;
}
.square-grid .square:nth-of-type(52) .border-bottom {
  --random: 0.0851361793;
}
.square-grid .square:nth-of-type(52) .border-left {
  --random: 0.6000726883;
}
.square-grid .square:nth-of-type(53) {
  --index: 53;
}
.square-grid .square:nth-of-type(53) .border-top {
  --random: 0.9504178102;
}
.square-grid .square:nth-of-type(53) .border-right {
  --random: 0.2688832807;
}
.square-grid .square:nth-of-type(53) .border-bottom {
  --random: 0.4544973953;
}
.square-grid .square:nth-of-type(53) .border-left {
  --random: 0.1366485894;
}
.square-grid .square:nth-of-type(54) {
  --index: 54;
}
.square-grid .square:nth-of-type(54) .border-top {
  --random: 0.3749535865;
}
.square-grid .square:nth-of-type(54) .border-right {
  --random: 0.7446186321;
}
.square-grid .square:nth-of-type(54) .border-bottom {
  --random: 0.5170074256;
}
.square-grid .square:nth-of-type(54) .border-left {
  --random: 0.9509898915;
}
.square-grid .square:nth-of-type(55) {
  --index: 55;
}
.square-grid .square:nth-of-type(55) .border-top {
  --random: 0.9483959638;
}
.square-grid .square:nth-of-type(55) .border-right {
  --random: 0.9427313676;
}
.square-grid .square:nth-of-type(55) .border-bottom {
  --random: 0.1745517087;
}
.square-grid .square:nth-of-type(55) .border-left {
  --random: 0.3179391776;
}
.square-grid .square:nth-of-type(56) {
  --index: 56;
}
.square-grid .square:nth-of-type(56) .border-top {
  --random: 0.2715749266;
}
.square-grid .square:nth-of-type(56) .border-right {
  --random: 0.6910590886;
}
.square-grid .square:nth-of-type(56) .border-bottom {
  --random: 0.7912582057;
}
.square-grid .square:nth-of-type(56) .border-left {
  --random: 0.2895204508;
}
.square-grid .square:nth-of-type(57) {
  --index: 57;
}
.square-grid .square:nth-of-type(57) .border-top {
  --random: 0.8210699307;
}
.square-grid .square:nth-of-type(57) .border-right {
  --random: 0.5615307608;
}
.square-grid .square:nth-of-type(57) .border-bottom {
  --random: 0.9412837599;
}
.square-grid .square:nth-of-type(57) .border-left {
  --random: 0.1787020416;
}
.square-grid .square:nth-of-type(58) {
  --index: 58;
}
.square-grid .square:nth-of-type(58) .border-top {
  --random: 0.9516582587;
}
.square-grid .square:nth-of-type(58) .border-right {
  --random: 0.5607741862;
}
.square-grid .square:nth-of-type(58) .border-bottom {
  --random: 0.8458585122;
}
.square-grid .square:nth-of-type(58) .border-left {
  --random: 0.867653555;
}
.square-grid .square:nth-of-type(59) {
  --index: 59;
}
.square-grid .square:nth-of-type(59) .border-top {
  --random: 0.6165057069;
}
.square-grid .square:nth-of-type(59) .border-right {
  --random: 0.8891376994;
}
.square-grid .square:nth-of-type(59) .border-bottom {
  --random: 0.2651728326;
}
.square-grid .square:nth-of-type(59) .border-left {
  --random: 0.0455928114;
}
.square-grid .square:nth-of-type(60) {
  --index: 60;
}
.square-grid .square:nth-of-type(60) .border-top {
  --random: 0.6893560135;
}
.square-grid .square:nth-of-type(60) .border-right {
  --random: 0.0891715108;
}
.square-grid .square:nth-of-type(60) .border-bottom {
  --random: 0.5624562649;
}
.square-grid .square:nth-of-type(60) .border-left {
  --random: 0.1211993002;
}
.square-grid .square:nth-of-type(61) {
  --index: 61;
}
.square-grid .square:nth-of-type(61) .border-top {
  --random: 0.2743529919;
}
.square-grid .square:nth-of-type(61) .border-right {
  --random: 0.434854738;
}
.square-grid .square:nth-of-type(61) .border-bottom {
  --random: 0.0378102508;
}
.square-grid .square:nth-of-type(61) .border-left {
  --random: 0.7907017002;
}
.square-grid .square:nth-of-type(62) {
  --index: 62;
}
.square-grid .square:nth-of-type(62) .border-top {
  --random: 0.5329691127;
}
.square-grid .square:nth-of-type(62) .border-right {
  --random: 0.5076245334;
}
.square-grid .square:nth-of-type(62) .border-bottom {
  --random: 0.4439551701;
}
.square-grid .square:nth-of-type(62) .border-left {
  --random: 0.2780038416;
}
.square-grid .square:nth-of-type(63) {
  --index: 63;
}
.square-grid .square:nth-of-type(63) .border-top {
  --random: 0.8965078792;
}
.square-grid .square:nth-of-type(63) .border-right {
  --random: 0.8982083607;
}
.square-grid .square:nth-of-type(63) .border-bottom {
  --random: 0.1995758505;
}
.square-grid .square:nth-of-type(63) .border-left {
  --random: 0.6176501638;
}
.square-grid .square:nth-of-type(64) {
  --index: 64;
}
.square-grid .square:nth-of-type(64) .border-top {
  --random: 0.2787883199;
}
.square-grid .square:nth-of-type(64) .border-right {
  --random: 0.2380732828;
}
.square-grid .square:nth-of-type(64) .border-bottom {
  --random: 0.1345749179;
}
.square-grid .square:nth-of-type(64) .border-left {
  --random: 0.9421162188;
}
.square-grid .square:nth-of-type(65) {
  --index: 65;
}
.square-grid .square:nth-of-type(65) .border-top {
  --random: 0.7256375762;
}
.square-grid .square:nth-of-type(65) .border-right {
  --random: 0.5001871527;
}
.square-grid .square:nth-of-type(65) .border-bottom {
  --random: 0.7035238238;
}
.square-grid .square:nth-of-type(65) .border-left {
  --random: 0.9026985533;
}
.square-grid .square:nth-of-type(66) {
  --index: 66;
}
.square-grid .square:nth-of-type(66) .border-top {
  --random: 0.2970080182;
}
.square-grid .square:nth-of-type(66) .border-right {
  --random: 0.2966998997;
}
.square-grid .square:nth-of-type(66) .border-bottom {
  --random: 0.6406034632;
}
.square-grid .square:nth-of-type(66) .border-left {
  --random: 0.4890645254;
}
.square-grid .square:nth-of-type(67) {
  --index: 67;
}
.square-grid .square:nth-of-type(67) .border-top {
  --random: 0.4873706013;
}
.square-grid .square:nth-of-type(67) .border-right {
  --random: 0.7611964349;
}
.square-grid .square:nth-of-type(67) .border-bottom {
  --random: 0.8698943814;
}
.square-grid .square:nth-of-type(67) .border-left {
  --random: 0.9595267849;
}
.square-grid .square:nth-of-type(68) {
  --index: 68;
}
.square-grid .square:nth-of-type(68) .border-top {
  --random: 0.9404136593;
}
.square-grid .square:nth-of-type(68) .border-right {
  --random: 0.5094552453;
}
.square-grid .square:nth-of-type(68) .border-bottom {
  --random: 0.9783617052;
}
.square-grid .square:nth-of-type(68) .border-left {
  --random: 0.7174438156;
}
.square-grid .square:nth-of-type(69) {
  --index: 69;
}
.square-grid .square:nth-of-type(69) .border-top {
  --random: 0.7917111557;
}
.square-grid .square:nth-of-type(69) .border-right {
  --random: 0.8660014091;
}
.square-grid .square:nth-of-type(69) .border-bottom {
  --random: 0.0862524357;
}
.square-grid .square:nth-of-type(69) .border-left {
  --random: 0.875117576;
}
.square-grid .square:nth-of-type(70) {
  --index: 70;
}
.square-grid .square:nth-of-type(70) .border-top {
  --random: 0.0929732965;
}
.square-grid .square:nth-of-type(70) .border-right {
  --random: 0.0929206491;
}
.square-grid .square:nth-of-type(70) .border-bottom {
  --random: 0.7797711023;
}
.square-grid .square:nth-of-type(70) .border-left {
  --random: 0.1006357347;
}
.square-grid .square:nth-of-type(71) {
  --index: 71;
}
.square-grid .square:nth-of-type(71) .border-top {
  --random: 0.7006075327;
}
.square-grid .square:nth-of-type(71) .border-right {
  --random: 0.1852373633;
}
.square-grid .square:nth-of-type(71) .border-bottom {
  --random: 0.6932344767;
}
.square-grid .square:nth-of-type(71) .border-left {
  --random: 0.3342034836;
}
.square-grid .square:nth-of-type(72) {
  --index: 72;
}
.square-grid .square:nth-of-type(72) .border-top {
  --random: 0.9337190927;
}
.square-grid .square:nth-of-type(72) .border-right {
  --random: 0.0617262076;
}
.square-grid .square:nth-of-type(72) .border-bottom {
  --random: 0.7539433865;
}
.square-grid .square:nth-of-type(72) .border-left {
  --random: 0.420891059;
}
.square-grid .square:nth-of-type(73) {
  --index: 73;
}
.square-grid .square:nth-of-type(73) .border-top {
  --random: 0.8992111057;
}
.square-grid .square:nth-of-type(73) .border-right {
  --random: 0.7867419829;
}
.square-grid .square:nth-of-type(73) .border-bottom {
  --random: 0.9788937485;
}
.square-grid .square:nth-of-type(73) .border-left {
  --random: 0.8711085627;
}
.square-grid .square:nth-of-type(74) {
  --index: 74;
}
.square-grid .square:nth-of-type(74) .border-top {
  --random: 0.0182100362;
}
.square-grid .square:nth-of-type(74) .border-right {
  --random: 0.0830882269;
}
.square-grid .square:nth-of-type(74) .border-bottom {
  --random: 0.17460434;
}
.square-grid .square:nth-of-type(74) .border-left {
  --random: 0.3468493184;
}
.square-grid .square:nth-of-type(75) {
  --index: 75;
}
.square-grid .square:nth-of-type(75) .border-top {
  --random: 0.6606449445;
}
.square-grid .square:nth-of-type(75) .border-right {
  --random: 0.2579965251;
}
.square-grid .square:nth-of-type(75) .border-bottom {
  --random: 0.3016894217;
}
.square-grid .square:nth-of-type(75) .border-left {
  --random: 0.7762761434;
}
.square-grid .square:nth-of-type(76) {
  --index: 76;
}
.square-grid .square:nth-of-type(76) .border-top {
  --random: 0.380976454;
}
.square-grid .square:nth-of-type(76) .border-right {
  --random: 0.1004983417;
}
.square-grid .square:nth-of-type(76) .border-bottom {
  --random: 0.5528560353;
}
.square-grid .square:nth-of-type(76) .border-left {
  --random: 0.317955624;
}
.square-grid .square:nth-of-type(77) {
  --index: 77;
}
.square-grid .square:nth-of-type(77) .border-top {
  --random: 0.0601709688;
}
.square-grid .square:nth-of-type(77) .border-right {
  --random: 0.4682867194;
}
.square-grid .square:nth-of-type(77) .border-bottom {
  --random: 0.8515595157;
}
.square-grid .square:nth-of-type(77) .border-left {
  --random: 0.8952911071;
}
.square-grid .square:nth-of-type(78) {
  --index: 78;
}
.square-grid .square:nth-of-type(78) .border-top {
  --random: 0.0171172022;
}
.square-grid .square:nth-of-type(78) .border-right {
  --random: 0.1679089217;
}
.square-grid .square:nth-of-type(78) .border-bottom {
  --random: 0.4941196075;
}
.square-grid .square:nth-of-type(78) .border-left {
  --random: 0.868328488;
}
.square-grid .square:nth-of-type(79) {
  --index: 79;
}
.square-grid .square:nth-of-type(79) .border-top {
  --random: 0.8214911533;
}
.square-grid .square:nth-of-type(79) .border-right {
  --random: 0.4825920781;
}
.square-grid .square:nth-of-type(79) .border-bottom {
  --random: 0.6702540276;
}
.square-grid .square:nth-of-type(79) .border-left {
  --random: 0.7826494965;
}
.square-grid .square:nth-of-type(80) {
  --index: 80;
}
.square-grid .square:nth-of-type(80) .border-top {
  --random: 0.0568428536;
}
.square-grid .square:nth-of-type(80) .border-right {
  --random: 0.5111360948;
}
.square-grid .square:nth-of-type(80) .border-bottom {
  --random: 0.8961525175;
}
.square-grid .square:nth-of-type(80) .border-left {
  --random: 0.401758669;
}
.square-grid .square:nth-of-type(81) {
  --index: 81;
}
.square-grid .square:nth-of-type(81) .border-top {
  --random: 0.6683352239;
}
.square-grid .square:nth-of-type(81) .border-right {
  --random: 0.2900691599;
}
.square-grid .square:nth-of-type(81) .border-bottom {
  --random: 0.3414655428;
}
.square-grid .square:nth-of-type(81) .border-left {
  --random: 0.2263009685;
}
.square-grid .square:nth-of-type(82) {
  --index: 82;
}
.square-grid .square:nth-of-type(82) .border-top {
  --random: 0.9458891194;
}
.square-grid .square:nth-of-type(82) .border-right {
  --random: 0.7893810515;
}
.square-grid .square:nth-of-type(82) .border-bottom {
  --random: 0.3346413944;
}
.square-grid .square:nth-of-type(82) .border-left {
  --random: 0.2238846086;
}
.square-grid .square:nth-of-type(83) {
  --index: 83;
}
.square-grid .square:nth-of-type(83) .border-top {
  --random: 0.9574224494;
}
.square-grid .square:nth-of-type(83) .border-right {
  --random: 0.000433468;
}
.square-grid .square:nth-of-type(83) .border-bottom {
  --random: 0.7281912861;
}
.square-grid .square:nth-of-type(83) .border-left {
  --random: 0.2606529701;
}
.square-grid .square:nth-of-type(84) {
  --index: 84;
}
.square-grid .square:nth-of-type(84) .border-top {
  --random: 0.3197528827;
}
.square-grid .square:nth-of-type(84) .border-right {
  --random: 0.844570122;
}
.square-grid .square:nth-of-type(84) .border-bottom {
  --random: 0.8711022747;
}
.square-grid .square:nth-of-type(84) .border-left {
  --random: 0.9346020844;
}
.square-grid .square:nth-of-type(85) {
  --index: 85;
}
.square-grid .square:nth-of-type(85) .border-top {
  --random: 0.6691865901;
}
.square-grid .square:nth-of-type(85) .border-right {
  --random: 0.3538597623;
}
.square-grid .square:nth-of-type(85) .border-bottom {
  --random: 0.2272846418;
}
.square-grid .square:nth-of-type(85) .border-left {
  --random: 0.6394992702;
}
.square-grid .square:nth-of-type(86) {
  --index: 86;
}
.square-grid .square:nth-of-type(86) .border-top {
  --random: 0.6268510757;
}
.square-grid .square:nth-of-type(86) .border-right {
  --random: 0.7969076055;
}
.square-grid .square:nth-of-type(86) .border-bottom {
  --random: 0.3435446848;
}
.square-grid .square:nth-of-type(86) .border-left {
  --random: 0.886466056;
}
.square-grid .square:nth-of-type(87) {
  --index: 87;
}
.square-grid .square:nth-of-type(87) .border-top {
  --random: 0.2469766355;
}
.square-grid .square:nth-of-type(87) .border-right {
  --random: 0.351733025;
}
.square-grid .square:nth-of-type(87) .border-bottom {
  --random: 0.6016979196;
}
.square-grid .square:nth-of-type(87) .border-left {
  --random: 0.632484414;
}
.square-grid .square:nth-of-type(88) {
  --index: 88;
}
.square-grid .square:nth-of-type(88) .border-top {
  --random: 0.6779348819;
}
.square-grid .square:nth-of-type(88) .border-right {
  --random: 0.6183870498;
}
.square-grid .square:nth-of-type(88) .border-bottom {
  --random: 0.7620706473;
}
.square-grid .square:nth-of-type(88) .border-left {
  --random: 0.2764950825;
}
.square-grid .square:nth-of-type(89) {
  --index: 89;
}
.square-grid .square:nth-of-type(89) .border-top {
  --random: 0.0999219734;
}
.square-grid .square:nth-of-type(89) .border-right {
  --random: 0.0932809361;
}
.square-grid .square:nth-of-type(89) .border-bottom {
  --random: 0.3705093003;
}
.square-grid .square:nth-of-type(89) .border-left {
  --random: 0.2422055369;
}
.square-grid .square:nth-of-type(90) {
  --index: 90;
}
.square-grid .square:nth-of-type(90) .border-top {
  --random: 0.4087450208;
}
.square-grid .square:nth-of-type(90) .border-right {
  --random: 0.7527430289;
}
.square-grid .square:nth-of-type(90) .border-bottom {
  --random: 0.6021620035;
}
.square-grid .square:nth-of-type(90) .border-left {
  --random: 0.4664644488;
}
.square-grid .square:nth-of-type(91) {
  --index: 91;
}
.square-grid .square:nth-of-type(91) .border-top {
  --random: 0.1583534778;
}
.square-grid .square:nth-of-type(91) .border-right {
  --random: 0.9656726084;
}
.square-grid .square:nth-of-type(91) .border-bottom {
  --random: 0.6760549856;
}
.square-grid .square:nth-of-type(91) .border-left {
  --random: 0.0483776243;
}
.square-grid .square:nth-of-type(92) {
  --index: 92;
}
.square-grid .square:nth-of-type(92) .border-top {
  --random: 0.1819598549;
}
.square-grid .square:nth-of-type(92) .border-right {
  --random: 0.5017151582;
}
.square-grid .square:nth-of-type(92) .border-bottom {
  --random: 0.4083973683;
}
.square-grid .square:nth-of-type(92) .border-left {
  --random: 0.5805848575;
}
.square-grid .square:nth-of-type(93) {
  --index: 93;
}
.square-grid .square:nth-of-type(93) .border-top {
  --random: 0.4250297545;
}
.square-grid .square:nth-of-type(93) .border-right {
  --random: 0.9499285211;
}
.square-grid .square:nth-of-type(93) .border-bottom {
  --random: 0.7569119502;
}
.square-grid .square:nth-of-type(93) .border-left {
  --random: 0.9711792872;
}
.square-grid .square:nth-of-type(94) {
  --index: 94;
}
.square-grid .square:nth-of-type(94) .border-top {
  --random: 0.2074645021;
}
.square-grid .square:nth-of-type(94) .border-right {
  --random: 0.891324367;
}
.square-grid .square:nth-of-type(94) .border-bottom {
  --random: 0.6934737666;
}
.square-grid .square:nth-of-type(94) .border-left {
  --random: 0.1407589723;
}
.square-grid .square:nth-of-type(95) {
  --index: 95;
}
.square-grid .square:nth-of-type(95) .border-top {
  --random: 0.2569627944;
}
.square-grid .square:nth-of-type(95) .border-right {
  --random: 0.978597119;
}
.square-grid .square:nth-of-type(95) .border-bottom {
  --random: 0.0505744832;
}
.square-grid .square:nth-of-type(95) .border-left {
  --random: 0.1334418998;
}
.square-grid .square:nth-of-type(96) {
  --index: 96;
}
.square-grid .square:nth-of-type(96) .border-top {
  --random: 0.0336398432;
}
.square-grid .square:nth-of-type(96) .border-right {
  --random: 0.2466409067;
}
.square-grid .square:nth-of-type(96) .border-bottom {
  --random: 0.0838632095;
}
.square-grid .square:nth-of-type(96) .border-left {
  --random: 0.0755967943;
}
.square-grid .square:nth-of-type(97) {
  --index: 97;
}
.square-grid .square:nth-of-type(97) .border-top {
  --random: 0.5170291829;
}
.square-grid .square:nth-of-type(97) .border-right {
  --random: 0.3032940592;
}
.square-grid .square:nth-of-type(97) .border-bottom {
  --random: 0.1170033217;
}
.square-grid .square:nth-of-type(97) .border-left {
  --random: 0.8773403373;
}
.square-grid .square:nth-of-type(98) {
  --index: 98;
}
.square-grid .square:nth-of-type(98) .border-top {
  --random: 0.3098321231;
}
.square-grid .square:nth-of-type(98) .border-right {
  --random: 0.1604143392;
}
.square-grid .square:nth-of-type(98) .border-bottom {
  --random: 0.8812071052;
}
.square-grid .square:nth-of-type(98) .border-left {
  --random: 0.0924240513;
}
.square-grid .square:nth-of-type(99) {
  --index: 99;
}
.square-grid .square:nth-of-type(99) .border-top {
  --random: 0.4265207489;
}
.square-grid .square:nth-of-type(99) .border-right {
  --random: 0.5800035824;
}
.square-grid .square:nth-of-type(99) .border-bottom {
  --random: 0.3928480467;
}
.square-grid .square:nth-of-type(99) .border-left {
  --random: 0.8792283746;
}
.square-grid .square:nth-of-type(100) {
  --index: 100;
}
.square-grid .square:nth-of-type(100) .border-top {
  --random: 0.7516419217;
}
.square-grid .square:nth-of-type(100) .border-right {
  --random: 0.2346814925;
}
.square-grid .square:nth-of-type(100) .border-bottom {
  --random: 0.7250508559;
}
.square-grid .square:nth-of-type(100) .border-left {
  --random: 0.9250133523;
}
.square-grid .square:nth-of-type(101) {
  --index: 101;
}
.square-grid .square:nth-of-type(101) .border-top {
  --random: 0.6045655897;
}
.square-grid .square:nth-of-type(101) .border-right {
  --random: 0.1086997413;
}
.square-grid .square:nth-of-type(101) .border-bottom {
  --random: 0.7056126719;
}
.square-grid .square:nth-of-type(101) .border-left {
  --random: 0.913843322;
}
.square-grid .square:nth-of-type(102) {
  --index: 102;
}
.square-grid .square:nth-of-type(102) .border-top {
  --random: 0.8636576096;
}
.square-grid .square:nth-of-type(102) .border-right {
  --random: 0.474055618;
}
.square-grid .square:nth-of-type(102) .border-bottom {
  --random: 0.3220388922;
}
.square-grid .square:nth-of-type(102) .border-left {
  --random: 0.37562933;
}
.square-grid .square:nth-of-type(103) {
  --index: 103;
}
.square-grid .square:nth-of-type(103) .border-top {
  --random: 0.7112340829;
}
.square-grid .square:nth-of-type(103) .border-right {
  --random: 0.7095638397;
}
.square-grid .square:nth-of-type(103) .border-bottom {
  --random: 0.6389518038;
}
.square-grid .square:nth-of-type(103) .border-left {
  --random: 0.1417740225;
}
.square-grid .square:nth-of-type(104) {
  --index: 104;
}
.square-grid .square:nth-of-type(104) .border-top {
  --random: 0.7830763891;
}
.square-grid .square:nth-of-type(104) .border-right {
  --random: 0.212494185;
}
.square-grid .square:nth-of-type(104) .border-bottom {
  --random: 0.9718809226;
}
.square-grid .square:nth-of-type(104) .border-left {
  --random: 0.7438745364;
}
.square-grid .square:nth-of-type(105) {
  --index: 105;
}
.square-grid .square:nth-of-type(105) .border-top {
  --random: 0.1804640042;
}
.square-grid .square:nth-of-type(105) .border-right {
  --random: 0.2516192712;
}
.square-grid .square:nth-of-type(105) .border-bottom {
  --random: 0.6406496943;
}
.square-grid .square:nth-of-type(105) .border-left {
  --random: 0.0494531803;
}
.square-grid .square:nth-of-type(106) {
  --index: 106;
}
.square-grid .square:nth-of-type(106) .border-top {
  --random: 0.1193930462;
}
.square-grid .square:nth-of-type(106) .border-right {
  --random: 0.5623133589;
}
.square-grid .square:nth-of-type(106) .border-bottom {
  --random: 0.5668244278;
}
.square-grid .square:nth-of-type(106) .border-left {
  --random: 0.1003716955;
}
.square-grid .square:nth-of-type(107) {
  --index: 107;
}
.square-grid .square:nth-of-type(107) .border-top {
  --random: 0.5923040985;
}
.square-grid .square:nth-of-type(107) .border-right {
  --random: 0.9096194575;
}
.square-grid .square:nth-of-type(107) .border-bottom {
  --random: 0.7694976415;
}
.square-grid .square:nth-of-type(107) .border-left {
  --random: 0.8419794825;
}
.square-grid .square:nth-of-type(108) {
  --index: 108;
}
.square-grid .square:nth-of-type(108) .border-top {
  --random: 0.6149912137;
}
.square-grid .square:nth-of-type(108) .border-right {
  --random: 0.0176260716;
}
.square-grid .square:nth-of-type(108) .border-bottom {
  --random: 0.5423572191;
}
.square-grid .square:nth-of-type(108) .border-left {
  --random: 0.9533159114;
}
.square-grid .square:nth-of-type(109) {
  --index: 109;
}
.square-grid .square:nth-of-type(109) .border-top {
  --random: 0.9635938217;
}
.square-grid .square:nth-of-type(109) .border-right {
  --random: 0.6809093704;
}
.square-grid .square:nth-of-type(109) .border-bottom {
  --random: 0.214736768;
}
.square-grid .square:nth-of-type(109) .border-left {
  --random: 0.4451271787;
}
.square-grid .square:nth-of-type(110) {
  --index: 110;
}
.square-grid .square:nth-of-type(110) .border-top {
  --random: 0.4829765691;
}
.square-grid .square:nth-of-type(110) .border-right {
  --random: 0.9657067963;
}
.square-grid .square:nth-of-type(110) .border-bottom {
  --random: 0.6809359091;
}
.square-grid .square:nth-of-type(110) .border-left {
  --random: 0.4454804537;
}
.square-grid .square:nth-of-type(111) {
  --index: 111;
}
.square-grid .square:nth-of-type(111) .border-top {
  --random: 0.8281380595;
}
.square-grid .square:nth-of-type(111) .border-right {
  --random: 0.6525971916;
}
.square-grid .square:nth-of-type(111) .border-bottom {
  --random: 0.1491405844;
}
.square-grid .square:nth-of-type(111) .border-left {
  --random: 0.431755468;
}
.square-grid .square:nth-of-type(112) {
  --index: 112;
}
.square-grid .square:nth-of-type(112) .border-top {
  --random: 0.8193550546;
}
.square-grid .square:nth-of-type(112) .border-right {
  --random: 0.7928875744;
}
.square-grid .square:nth-of-type(112) .border-bottom {
  --random: 0.1650460992;
}
.square-grid .square:nth-of-type(112) .border-left {
  --random: 0.5527630702;
}
.square-grid .square:nth-of-type(113) {
  --index: 113;
}
.square-grid .square:nth-of-type(113) .border-top {
  --random: 0.2298969863;
}
.square-grid .square:nth-of-type(113) .border-right {
  --random: 0.7128985854;
}
.square-grid .square:nth-of-type(113) .border-bottom {
  --random: 0.4614508716;
}
.square-grid .square:nth-of-type(113) .border-left {
  --random: 0.3163789227;
}
.square-grid .square:nth-of-type(114) {
  --index: 114;
}
.square-grid .square:nth-of-type(114) .border-top {
  --random: 0.4289857923;
}
.square-grid .square:nth-of-type(114) .border-right {
  --random: 0.463809492;
}
.square-grid .square:nth-of-type(114) .border-bottom {
  --random: 0.3918066955;
}
.square-grid .square:nth-of-type(114) .border-left {
  --random: 0.9002851011;
}
.square-grid .square:nth-of-type(115) {
  --index: 115;
}
.square-grid .square:nth-of-type(115) .border-top {
  --random: 0.7464410155;
}
.square-grid .square:nth-of-type(115) .border-right {
  --random: 0.6956571502;
}
.square-grid .square:nth-of-type(115) .border-bottom {
  --random: 0.9063418579;
}
.square-grid .square:nth-of-type(115) .border-left {
  --random: 0.219618519;
}
.square-grid .square:nth-of-type(116) {
  --index: 116;
}
.square-grid .square:nth-of-type(116) .border-top {
  --random: 0.7326427471;
}
.square-grid .square:nth-of-type(116) .border-right {
  --random: 0.1399308612;
}
.square-grid .square:nth-of-type(116) .border-bottom {
  --random: 0.2201378528;
}
.square-grid .square:nth-of-type(116) .border-left {
  --random: 0.8968985816;
}
.square-grid .square:nth-of-type(117) {
  --index: 117;
}
.square-grid .square:nth-of-type(117) .border-top {
  --random: 0.420439732;
}
.square-grid .square:nth-of-type(117) .border-right {
  --random: 0.8660841498;
}
.square-grid .square:nth-of-type(117) .border-bottom {
  --random: 0.1601549067;
}
.square-grid .square:nth-of-type(117) .border-left {
  --random: 0.2506324796;
}
.square-grid .square:nth-of-type(118) {
  --index: 118;
}
.square-grid .square:nth-of-type(118) .border-top {
  --random: 0.9877291769;
}
.square-grid .square:nth-of-type(118) .border-right {
  --random: 0.8198361611;
}
.square-grid .square:nth-of-type(118) .border-bottom {
  --random: 0.8230467695;
}
.square-grid .square:nth-of-type(118) .border-left {
  --random: 0.5209442813;
}
.square-grid .square:nth-of-type(119) {
  --index: 119;
}
.square-grid .square:nth-of-type(119) .border-top {
  --random: 0.853499005;
}
.square-grid .square:nth-of-type(119) .border-right {
  --random: 0.0356146228;
}
.square-grid .square:nth-of-type(119) .border-bottom {
  --random: 0.6795416513;
}
.square-grid .square:nth-of-type(119) .border-left {
  --random: 0.8765051825;
}
.square-grid .square:nth-of-type(120) {
  --index: 120;
}
.square-grid .square:nth-of-type(120) .border-top {
  --random: 0.4389867863;
}
.square-grid .square:nth-of-type(120) .border-right {
  --random: 0.8212093544;
}
.square-grid .square:nth-of-type(120) .border-bottom {
  --random: 0.1612827857;
}
.square-grid .square:nth-of-type(120) .border-left {
  --random: 0.861423422;
}
.square-grid .square:nth-of-type(121) {
  --index: 121;
}
.square-grid .square:nth-of-type(121) .border-top {
  --random: 0.279088514;
}
.square-grid .square:nth-of-type(121) .border-right {
  --random: 0.2535629545;
}
.square-grid .square:nth-of-type(121) .border-bottom {
  --random: 0.8389234808;
}
.square-grid .square:nth-of-type(121) .border-left {
  --random: 0.9374782241;
}
.square-grid .square:nth-of-type(122) {
  --index: 122;
}
.square-grid .square:nth-of-type(122) .border-top {
  --random: 0.6542189117;
}
.square-grid .square:nth-of-type(122) .border-right {
  --random: 0.6473568405;
}
.square-grid .square:nth-of-type(122) .border-bottom {
  --random: 0.6190682235;
}
.square-grid .square:nth-of-type(122) .border-left {
  --random: 0.0403297152;
}
.square-grid .square:nth-of-type(123) {
  --index: 123;
}
.square-grid .square:nth-of-type(123) .border-top {
  --random: 0.0610305139;
}
.square-grid .square:nth-of-type(123) .border-right {
  --random: 0.927369192;
}
.square-grid .square:nth-of-type(123) .border-bottom {
  --random: 0.3425925524;
}
.square-grid .square:nth-of-type(123) .border-left {
  --random: 0.8436726572;
}
.square-grid .square:nth-of-type(124) {
  --index: 124;
}
.square-grid .square:nth-of-type(124) .border-top {
  --random: 0.8772576164;
}
.square-grid .square:nth-of-type(124) .border-right {
  --random: 0.2972254366;
}
.square-grid .square:nth-of-type(124) .border-bottom {
  --random: 0.5368445336;
}
.square-grid .square:nth-of-type(124) .border-left {
  --random: 0.9424674667;
}
.square-grid .square:nth-of-type(125) {
  --index: 125;
}
.square-grid .square:nth-of-type(125) .border-top {
  --random: 0.5775657212;
}
.square-grid .square:nth-of-type(125) .border-right {
  --random: 0.5281980058;
}
.square-grid .square:nth-of-type(125) .border-bottom {
  --random: 0.2816636731;
}
.square-grid .square:nth-of-type(125) .border-left {
  --random: 0.7987144241;
}
.square-grid .square:nth-of-type(126) {
  --index: 126;
}
.square-grid .square:nth-of-type(126) .border-top {
  --random: 0.6279914441;
}
.square-grid .square:nth-of-type(126) .border-right {
  --random: 0.6034194714;
}
.square-grid .square:nth-of-type(126) .border-bottom {
  --random: 0.8612178715;
}
.square-grid .square:nth-of-type(126) .border-left {
  --random: 0.1058169247;
}
.square-grid .square:nth-of-type(127) {
  --index: 127;
}
.square-grid .square:nth-of-type(127) .border-top {
  --random: 0.0555396209;
}
.square-grid .square:nth-of-type(127) .border-right {
  --random: 0.393077785;
}
.square-grid .square:nth-of-type(127) .border-bottom {
  --random: 0.3058009363;
}
.square-grid .square:nth-of-type(127) .border-left {
  --random: 0.7355867771;
}
.square-grid .square:nth-of-type(128) {
  --index: 128;
}
.square-grid .square:nth-of-type(128) .border-top {
  --random: 0.3236710433;
}
.square-grid .square:nth-of-type(128) .border-right {
  --random: 0.6661233988;
}
.square-grid .square:nth-of-type(128) .border-bottom {
  --random: 0.6291247323;
}
.square-grid .square:nth-of-type(128) .border-left {
  --random: 0.3336459088;
}
.square-grid .square:nth-of-type(129) {
  --index: 129;
}
.square-grid .square:nth-of-type(129) .border-top {
  --random: 0.64034101;
}
.square-grid .square:nth-of-type(129) .border-right {
  --random: 0.6207606248;
}
.square-grid .square:nth-of-type(129) .border-bottom {
  --random: 0.6135424331;
}
.square-grid .square:nth-of-type(129) .border-left {
  --random: 0.1927076138;
}
.square-grid .square:nth-of-type(130) {
  --index: 130;
}
.square-grid .square:nth-of-type(130) .border-top {
  --random: 0.7613126973;
}
.square-grid .square:nth-of-type(130) .border-right {
  --random: 0.7427790522;
}
.square-grid .square:nth-of-type(130) .border-bottom {
  --random: 0.1726065896;
}
.square-grid .square:nth-of-type(130) .border-left {
  --random: 0.258045397;
}
.square-grid .square:nth-of-type(131) {
  --index: 131;
}
.square-grid .square:nth-of-type(131) .border-top {
  --random: 0.0761563033;
}
.square-grid .square:nth-of-type(131) .border-right {
  --random: 0.1853366557;
}
.square-grid .square:nth-of-type(131) .border-bottom {
  --random: 0.7492666993;
}
.square-grid .square:nth-of-type(131) .border-left {
  --random: 0.0047886352;
}
.square-grid .square:nth-of-type(132) {
  --index: 132;
}
.square-grid .square:nth-of-type(132) .border-top {
  --random: 0.0955786475;
}
.square-grid .square:nth-of-type(132) .border-right {
  --random: 0.1664584112;
}
.square-grid .square:nth-of-type(132) .border-bottom {
  --random: 0.1625980629;
}
.square-grid .square:nth-of-type(132) .border-left {
  --random: 0.5874152681;
}
.square-grid .square:nth-of-type(133) {
  --index: 133;
}
.square-grid .square:nth-of-type(133) .border-top {
  --random: 0.9143988365;
}
.square-grid .square:nth-of-type(133) .border-right {
  --random: 0.2537640392;
}
.square-grid .square:nth-of-type(133) .border-bottom {
  --random: 0.748175214;
}
.square-grid .square:nth-of-type(133) .border-left {
  --random: 0.7850313624;
}
.square-grid .square:nth-of-type(134) {
  --index: 134;
}
.square-grid .square:nth-of-type(134) .border-top {
  --random: 0.542860832;
}
.square-grid .square:nth-of-type(134) .border-right {
  --random: 0.2315747158;
}
.square-grid .square:nth-of-type(134) .border-bottom {
  --random: 0.665225475;
}
.square-grid .square:nth-of-type(134) .border-left {
  --random: 0.9207345597;
}
.square-grid .square:nth-of-type(135) {
  --index: 135;
}
.square-grid .square:nth-of-type(135) .border-top {
  --random: 0.2378892179;
}
.square-grid .square:nth-of-type(135) .border-right {
  --random: 0.2561883657;
}
.square-grid .square:nth-of-type(135) .border-bottom {
  --random: 0.8363710553;
}
.square-grid .square:nth-of-type(135) .border-left {
  --random: 0.3745491336;
}
.square-grid .square:nth-of-type(136) {
  --index: 136;
}
.square-grid .square:nth-of-type(136) .border-top {
  --random: 0.8886091606;
}
.square-grid .square:nth-of-type(136) .border-right {
  --random: 0.5731917447;
}
.square-grid .square:nth-of-type(136) .border-bottom {
  --random: 0.5964889167;
}
.square-grid .square:nth-of-type(136) .border-left {
  --random: 0.608006976;
}
.square-grid .square:nth-of-type(137) {
  --index: 137;
}
.square-grid .square:nth-of-type(137) .border-top {
  --random: 0.2487683887;
}
.square-grid .square:nth-of-type(137) .border-right {
  --random: 0.9988014458;
}
.square-grid .square:nth-of-type(137) .border-bottom {
  --random: 0.2200006112;
}
.square-grid .square:nth-of-type(137) .border-left {
  --random: 0.4177514306;
}
.square-grid .square:nth-of-type(138) {
  --index: 138;
}
.square-grid .square:nth-of-type(138) .border-top {
  --random: 0.7939098939;
}
.square-grid .square:nth-of-type(138) .border-right {
  --random: 0.1260734434;
}
.square-grid .square:nth-of-type(138) .border-bottom {
  --random: 0.2079620604;
}
.square-grid .square:nth-of-type(138) .border-left {
  --random: 0.541942306;
}
.square-grid .square:nth-of-type(139) {
  --index: 139;
}
.square-grid .square:nth-of-type(139) .border-top {
  --random: 0.6424023499;
}
.square-grid .square:nth-of-type(139) .border-right {
  --random: 0.0800374529;
}
.square-grid .square:nth-of-type(139) .border-bottom {
  --random: 0.9723341069;
}
.square-grid .square:nth-of-type(139) .border-left {
  --random: 0.7375974471;
}
.square-grid .square:nth-of-type(140) {
  --index: 140;
}
.square-grid .square:nth-of-type(140) .border-top {
  --random: 0.0347093785;
}
.square-grid .square:nth-of-type(140) .border-right {
  --random: 0.1374768269;
}
.square-grid .square:nth-of-type(140) .border-bottom {
  --random: 0.2991769884;
}
.square-grid .square:nth-of-type(140) .border-left {
  --random: 0.4007696755;
}
.square-grid .square:nth-of-type(141) {
  --index: 141;
}
.square-grid .square:nth-of-type(141) .border-top {
  --random: 0.9061461086;
}
.square-grid .square:nth-of-type(141) .border-right {
  --random: 0.4357850611;
}
.square-grid .square:nth-of-type(141) .border-bottom {
  --random: 0.3400497116;
}
.square-grid .square:nth-of-type(141) .border-left {
  --random: 0.1480084318;
}
.square-grid .square:nth-of-type(142) {
  --index: 142;
}
.square-grid .square:nth-of-type(142) .border-top {
  --random: 0.0505538961;
}
.square-grid .square:nth-of-type(142) .border-right {
  --random: 0.1385903534;
}
.square-grid .square:nth-of-type(142) .border-bottom {
  --random: 0.0855434961;
}
.square-grid .square:nth-of-type(142) .border-left {
  --random: 0.7881278701;
}
.square-grid .square:nth-of-type(143) {
  --index: 143;
}
.square-grid .square:nth-of-type(143) .border-top {
  --random: 0.8078651705;
}
.square-grid .square:nth-of-type(143) .border-right {
  --random: 0.4658027807;
}
.square-grid .square:nth-of-type(143) .border-bottom {
  --random: 0.8200908241;
}
.square-grid .square:nth-of-type(143) .border-left {
  --random: 0.5987386109;
}
.square-grid .square:nth-of-type(144) {
  --index: 144;
}
.square-grid .square:nth-of-type(144) .border-top {
  --random: 0.6771287188;
}
.square-grid .square:nth-of-type(144) .border-right {
  --random: 0.6024897342;
}
.square-grid .square:nth-of-type(144) .border-bottom {
  --random: 0.0579547713;
}
.square-grid .square:nth-of-type(144) .border-left {
  --random: 0.8644383231;
}
.square-grid .square:nth-of-type(145) {
  --index: 145;
}
.square-grid .square:nth-of-type(145) .border-top {
  --random: 0.0475988727;
}
.square-grid .square:nth-of-type(145) .border-right {
  --random: 0.848401599;
}
.square-grid .square:nth-of-type(145) .border-bottom {
  --random: 0.523315789;
}
.square-grid .square:nth-of-type(145) .border-left {
  --random: 0.8085298257;
}
.square-grid .square:nth-of-type(146) {
  --index: 146;
}
.square-grid .square:nth-of-type(146) .border-top {
  --random: 0.9246975252;
}
.square-grid .square:nth-of-type(146) .border-right {
  --random: 0.6085037667;
}
.square-grid .square:nth-of-type(146) .border-bottom {
  --random: 0.7333053749;
}
.square-grid .square:nth-of-type(146) .border-left {
  --random: 0.7494983327;
}
.square-grid .square:nth-of-type(147) {
  --index: 147;
}
.square-grid .square:nth-of-type(147) .border-top {
  --random: 0.5730649835;
}
.square-grid .square:nth-of-type(147) .border-right {
  --random: 0.7632516758;
}
.square-grid .square:nth-of-type(147) .border-bottom {
  --random: 0.8672862049;
}
.square-grid .square:nth-of-type(147) .border-left {
  --random: 0.7278537466;
}
.square-grid .square:nth-of-type(148) {
  --index: 148;
}
.square-grid .square:nth-of-type(148) .border-top {
  --random: 0.5831334995;
}
.square-grid .square:nth-of-type(148) .border-right {
  --random: 0.7759404146;
}
.square-grid .square:nth-of-type(148) .border-bottom {
  --random: 0.4964512347;
}
.square-grid .square:nth-of-type(148) .border-left {
  --random: 0.2510949901;
}
.square-grid .square:nth-of-type(149) {
  --index: 149;
}
.square-grid .square:nth-of-type(149) .border-top {
  --random: 0.1931185263;
}
.square-grid .square:nth-of-type(149) .border-right {
  --random: 0.1783248514;
}
.square-grid .square:nth-of-type(149) .border-bottom {
  --random: 0.0520769061;
}
.square-grid .square:nth-of-type(149) .border-left {
  --random: 0.2136519668;
}
.square-grid .square:nth-of-type(150) {
  --index: 150;
}
.square-grid .square:nth-of-type(150) .border-top {
  --random: 0.5987798259;
}
.square-grid .square:nth-of-type(150) .border-right {
  --random: 0.3688373957;
}
.square-grid .square:nth-of-type(150) .border-bottom {
  --random: 0.5517083562;
}
.square-grid .square:nth-of-type(150) .border-left {
  --random: 0.777695226;
}
.square-grid .square:nth-of-type(151) {
  --index: 151;
}
.square-grid .square:nth-of-type(151) .border-top {
  --random: 0.8428817851;
}
.square-grid .square:nth-of-type(151) .border-right {
  --random: 0.7999216773;
}
.square-grid .square:nth-of-type(151) .border-bottom {
  --random: 0.7457109909;
}
.square-grid .square:nth-of-type(151) .border-left {
  --random: 0.8987181937;
}
.square-grid .square:nth-of-type(152) {
  --index: 152;
}
.square-grid .square:nth-of-type(152) .border-top {
  --random: 0.74457485;
}
.square-grid .square:nth-of-type(152) .border-right {
  --random: 0.6040873708;
}
.square-grid .square:nth-of-type(152) .border-bottom {
  --random: 0.2511137034;
}
.square-grid .square:nth-of-type(152) .border-left {
  --random: 0.2100023001;
}
.square-grid .square:nth-of-type(153) {
  --index: 153;
}
.square-grid .square:nth-of-type(153) .border-top {
  --random: 0.2701428256;
}
.square-grid .square:nth-of-type(153) .border-right {
  --random: 0.6436063504;
}
.square-grid .square:nth-of-type(153) .border-bottom {
  --random: 0.0889797849;
}
.square-grid .square:nth-of-type(153) .border-left {
  --random: 0.2638925056;
}
.square-grid .square:nth-of-type(154) {
  --index: 154;
}
.square-grid .square:nth-of-type(154) .border-top {
  --random: 0.8690054316;
}
.square-grid .square:nth-of-type(154) .border-right {
  --random: 0.3644358914;
}
.square-grid .square:nth-of-type(154) .border-bottom {
  --random: 0.3049463183;
}
.square-grid .square:nth-of-type(154) .border-left {
  --random: 0.7406559192;
}
.square-grid .square:nth-of-type(155) {
  --index: 155;
}
.square-grid .square:nth-of-type(155) .border-top {
  --random: 0.4195833149;
}
.square-grid .square:nth-of-type(155) .border-right {
  --random: 0.9823736149;
}
.square-grid .square:nth-of-type(155) .border-bottom {
  --random: 0.7281852534;
}
.square-grid .square:nth-of-type(155) .border-left {
  --random: 0.7288074911;
}
.square-grid .square:nth-of-type(156) {
  --index: 156;
}
.square-grid .square:nth-of-type(156) .border-top {
  --random: 0.5133294795;
}
.square-grid .square:nth-of-type(156) .border-right {
  --random: 0.075101131;
}
.square-grid .square:nth-of-type(156) .border-bottom {
  --random: 0.4273326221;
}
.square-grid .square:nth-of-type(156) .border-left {
  --random: 0.4698692181;
}
.square-grid .square:nth-of-type(157) {
  --index: 157;
}
.square-grid .square:nth-of-type(157) .border-top {
  --random: 0.2075514119;
}
.square-grid .square:nth-of-type(157) .border-right {
  --random: 0.163585638;
}
.square-grid .square:nth-of-type(157) .border-bottom {
  --random: 0.9050217901;
}
.square-grid .square:nth-of-type(157) .border-left {
  --random: 0.8492930455;
}
.square-grid .square:nth-of-type(158) {
  --index: 158;
}
.square-grid .square:nth-of-type(158) .border-top {
  --random: 0.3935800217;
}
.square-grid .square:nth-of-type(158) .border-right {
  --random: 0.9894688089;
}
.square-grid .square:nth-of-type(158) .border-bottom {
  --random: 0.8053642384;
}
.square-grid .square:nth-of-type(158) .border-left {
  --random: 0.4262518768;
}
.square-grid .square:nth-of-type(159) {
  --index: 159;
}
.square-grid .square:nth-of-type(159) .border-top {
  --random: 0.5342803249;
}
.square-grid .square:nth-of-type(159) .border-right {
  --random: 0.9903707991;
}
.square-grid .square:nth-of-type(159) .border-bottom {
  --random: 0.9878904979;
}
.square-grid .square:nth-of-type(159) .border-left {
  --random: 0.4257304669;
}
.square-grid .square:nth-of-type(160) {
  --index: 160;
}
.square-grid .square:nth-of-type(160) .border-top {
  --random: 0.3421145704;
}
.square-grid .square:nth-of-type(160) .border-right {
  --random: 0.1305592549;
}
.square-grid .square:nth-of-type(160) .border-bottom {
  --random: 0.8594241481;
}
.square-grid .square:nth-of-type(160) .border-left {
  --random: 0.0455732157;
}
.square-grid .square:nth-of-type(161) {
  --index: 161;
}
.square-grid .square:nth-of-type(161) .border-top {
  --random: 0.6240139032;
}
.square-grid .square:nth-of-type(161) .border-right {
  --random: 0.3965471314;
}
.square-grid .square:nth-of-type(161) .border-bottom {
  --random: 0.8747365075;
}
.square-grid .square:nth-of-type(161) .border-left {
  --random: 0.5761215378;
}
.square-grid .square:nth-of-type(162) {
  --index: 162;
}
.square-grid .square:nth-of-type(162) .border-top {
  --random: 0.2058632247;
}
.square-grid .square:nth-of-type(162) .border-right {
  --random: 0.4049391763;
}
.square-grid .square:nth-of-type(162) .border-bottom {
  --random: 0.3492356404;
}
.square-grid .square:nth-of-type(162) .border-left {
  --random: 0.250638474;
}
.square-grid .square:nth-of-type(163) {
  --index: 163;
}
.square-grid .square:nth-of-type(163) .border-top {
  --random: 0.1115361168;
}
.square-grid .square:nth-of-type(163) .border-right {
  --random: 0.5669003107;
}
.square-grid .square:nth-of-type(163) .border-bottom {
  --random: 0.841608563;
}
.square-grid .square:nth-of-type(163) .border-left {
  --random: 0.0559624034;
}
.square-grid .square:nth-of-type(164) {
  --index: 164;
}
.square-grid .square:nth-of-type(164) .border-top {
  --random: 0.7527648745;
}
.square-grid .square:nth-of-type(164) .border-right {
  --random: 0.297845328;
}
.square-grid .square:nth-of-type(164) .border-bottom {
  --random: 0.3778176285;
}
.square-grid .square:nth-of-type(164) .border-left {
  --random: 0.668215761;
}
.square-grid .square:nth-of-type(165) {
  --index: 165;
}
.square-grid .square:nth-of-type(165) .border-top {
  --random: 0.8987933424;
}
.square-grid .square:nth-of-type(165) .border-right {
  --random: 0.363656344;
}
.square-grid .square:nth-of-type(165) .border-bottom {
  --random: 0.5876359122;
}
.square-grid .square:nth-of-type(165) .border-left {
  --random: 0.136357167;
}
.square-grid .square:nth-of-type(166) {
  --index: 166;
}
.square-grid .square:nth-of-type(166) .border-top {
  --random: 0.9964089366;
}
.square-grid .square:nth-of-type(166) .border-right {
  --random: 0.1635818183;
}
.square-grid .square:nth-of-type(166) .border-bottom {
  --random: 0.0623641243;
}
.square-grid .square:nth-of-type(166) .border-left {
  --random: 0.7712793953;
}
.square-grid .square:nth-of-type(167) {
  --index: 167;
}
.square-grid .square:nth-of-type(167) .border-top {
  --random: 0.7667747487;
}
.square-grid .square:nth-of-type(167) .border-right {
  --random: 0.7827588309;
}
.square-grid .square:nth-of-type(167) .border-bottom {
  --random: 0.6010918394;
}
.square-grid .square:nth-of-type(167) .border-left {
  --random: 0.0945486044;
}
.square-grid .square:nth-of-type(168) {
  --index: 168;
}
.square-grid .square:nth-of-type(168) .border-top {
  --random: 0.5733173378;
}
.square-grid .square:nth-of-type(168) .border-right {
  --random: 0.3325341299;
}
.square-grid .square:nth-of-type(168) .border-bottom {
  --random: 0.2217498903;
}
.square-grid .square:nth-of-type(168) .border-left {
  --random: 0.914538466;
}
.square-grid .square:nth-of-type(169) {
  --index: 169;
}
.square-grid .square:nth-of-type(169) .border-top {
  --random: 0.5270002748;
}
.square-grid .square:nth-of-type(169) .border-right {
  --random: 0.2756455674;
}
.square-grid .square:nth-of-type(169) .border-bottom {
  --random: 0.1278580311;
}
.square-grid .square:nth-of-type(169) .border-left {
  --random: 0.7388535988;
}
.square-grid .square:nth-of-type(170) {
  --index: 170;
}
.square-grid .square:nth-of-type(170) .border-top {
  --random: 0.2947000589;
}
.square-grid .square:nth-of-type(170) .border-right {
  --random: 0.3771277513;
}
.square-grid .square:nth-of-type(170) .border-bottom {
  --random: 0.7569190329;
}
.square-grid .square:nth-of-type(170) .border-left {
  --random: 0.5085739218;
}
.square-grid .square:nth-of-type(171) {
  --index: 171;
}
.square-grid .square:nth-of-type(171) .border-top {
  --random: 0.540341105;
}
.square-grid .square:nth-of-type(171) .border-right {
  --random: 0.8017233135;
}
.square-grid .square:nth-of-type(171) .border-bottom {
  --random: 0.8134782802;
}
.square-grid .square:nth-of-type(171) .border-left {
  --random: 0.0830344208;
}
.square-grid .square:nth-of-type(172) {
  --index: 172;
}
.square-grid .square:nth-of-type(172) .border-top {
  --random: 0.5318106086;
}
.square-grid .square:nth-of-type(172) .border-right {
  --random: 0.4928969496;
}
.square-grid .square:nth-of-type(172) .border-bottom {
  --random: 0.6206110098;
}
.square-grid .square:nth-of-type(172) .border-left {
  --random: 0.0738699431;
}
.square-grid .square:nth-of-type(173) {
  --index: 173;
}
.square-grid .square:nth-of-type(173) .border-top {
  --random: 0.2908872208;
}
.square-grid .square:nth-of-type(173) .border-right {
  --random: 0.8432936207;
}
.square-grid .square:nth-of-type(173) .border-bottom {
  --random: 0.1508660973;
}
.square-grid .square:nth-of-type(173) .border-left {
  --random: 0.1890035803;
}
.square-grid .square:nth-of-type(174) {
  --index: 174;
}
.square-grid .square:nth-of-type(174) .border-top {
  --random: 0.4961171027;
}
.square-grid .square:nth-of-type(174) .border-right {
  --random: 0.6040157354;
}
.square-grid .square:nth-of-type(174) .border-bottom {
  --random: 0.4446238799;
}
.square-grid .square:nth-of-type(174) .border-left {
  --random: 0.8889251053;
}
.square-grid .square:nth-of-type(175) {
  --index: 175;
}
.square-grid .square:nth-of-type(175) .border-top {
  --random: 0.3154511655;
}
.square-grid .square:nth-of-type(175) .border-right {
  --random: 0.1602780031;
}
.square-grid .square:nth-of-type(175) .border-bottom {
  --random: 0.8193279082;
}
.square-grid .square:nth-of-type(175) .border-left {
  --random: 0.5209525285;
}
.square-grid .square:nth-of-type(176) {
  --index: 176;
}
.square-grid .square:nth-of-type(176) .border-top {
  --random: 0.2700881583;
}
.square-grid .square:nth-of-type(176) .border-right {
  --random: 0.1116969364;
}
.square-grid .square:nth-of-type(176) .border-bottom {
  --random: 0.9223740219;
}
.square-grid .square:nth-of-type(176) .border-left {
  --random: 0.6370649901;
}
.square-grid .square:nth-of-type(177) {
  --index: 177;
}
.square-grid .square:nth-of-type(177) .border-top {
  --random: 0.9275717666;
}
.square-grid .square:nth-of-type(177) .border-right {
  --random: 0.9001212119;
}
.square-grid .square:nth-of-type(177) .border-bottom {
  --random: 0.184058282;
}
.square-grid .square:nth-of-type(177) .border-left {
  --random: 0.2370819165;
}
.square-grid .square:nth-of-type(178) {
  --index: 178;
}
.square-grid .square:nth-of-type(178) .border-top {
  --random: 0.6603339739;
}
.square-grid .square:nth-of-type(178) .border-right {
  --random: 0.8670450823;
}
.square-grid .square:nth-of-type(178) .border-bottom {
  --random: 0.4011268026;
}
.square-grid .square:nth-of-type(178) .border-left {
  --random: 0.6801873707;
}
.square-grid .square:nth-of-type(179) {
  --index: 179;
}
.square-grid .square:nth-of-type(179) .border-top {
  --random: 0.5595549068;
}
.square-grid .square:nth-of-type(179) .border-right {
  --random: 0.3839672;
}
.square-grid .square:nth-of-type(179) .border-bottom {
  --random: 0.7281822209;
}
.square-grid .square:nth-of-type(179) .border-left {
  --random: 0.6282622457;
}
.square-grid .square:nth-of-type(180) {
  --index: 180;
}
.square-grid .square:nth-of-type(180) .border-top {
  --random: 0.8303427647;
}
.square-grid .square:nth-of-type(180) .border-right {
  --random: 0.5288794272;
}
.square-grid .square:nth-of-type(180) .border-bottom {
  --random: 0.7745648958;
}
.square-grid .square:nth-of-type(180) .border-left {
  --random: 0.9246297267;
}
.square-grid .square:nth-of-type(181) {
  --index: 181;
}
.square-grid .square:nth-of-type(181) .border-top {
  --random: 0.4476310905;
}
.square-grid .square:nth-of-type(181) .border-right {
  --random: 0.551995747;
}
.square-grid .square:nth-of-type(181) .border-bottom {
  --random: 0.3734221045;
}
.square-grid .square:nth-of-type(181) .border-left {
  --random: 0.0652230809;
}
.square-grid .square:nth-of-type(182) {
  --index: 182;
}
.square-grid .square:nth-of-type(182) .border-top {
  --random: 0.9176657578;
}
.square-grid .square:nth-of-type(182) .border-right {
  --random: 0.0736116979;
}
.square-grid .square:nth-of-type(182) .border-bottom {
  --random: 0.7117091883;
}
.square-grid .square:nth-of-type(182) .border-left {
  --random: 0.2067033824;
}
.square-grid .square:nth-of-type(183) {
  --index: 183;
}
.square-grid .square:nth-of-type(183) .border-top {
  --random: 0.5103309147;
}
.square-grid .square:nth-of-type(183) .border-right {
  --random: 0.3833161647;
}
.square-grid .square:nth-of-type(183) .border-bottom {
  --random: 0.2332676991;
}
.square-grid .square:nth-of-type(183) .border-left {
  --random: 0.5040805943;
}
.square-grid .square:nth-of-type(184) {
  --index: 184;
}
.square-grid .square:nth-of-type(184) .border-top {
  --random: 0.1467684489;
}
.square-grid .square:nth-of-type(184) .border-right {
  --random: 0.6410398375;
}
.square-grid .square:nth-of-type(184) .border-bottom {
  --random: 0.321396259;
}
.square-grid .square:nth-of-type(184) .border-left {
  --random: 0.8600277144;
}
.square-grid .square:nth-of-type(185) {
  --index: 185;
}
.square-grid .square:nth-of-type(185) .border-top {
  --random: 0.4813443303;
}
.square-grid .square:nth-of-type(185) .border-right {
  --random: 0.2047880767;
}
.square-grid .square:nth-of-type(185) .border-bottom {
  --random: 0.1130003605;
}
.square-grid .square:nth-of-type(185) .border-left {
  --random: 0.3311769485;
}
.square-grid .square:nth-of-type(186) {
  --index: 186;
}
.square-grid .square:nth-of-type(186) .border-top {
  --random: 0.4076137865;
}
.square-grid .square:nth-of-type(186) .border-right {
  --random: 0.0707279109;
}
.square-grid .square:nth-of-type(186) .border-bottom {
  --random: 0.5832783062;
}
.square-grid .square:nth-of-type(186) .border-left {
  --random: 0.2089547805;
}
.square-grid .square:nth-of-type(187) {
  --index: 187;
}
.square-grid .square:nth-of-type(187) .border-top {
  --random: 0.1795317596;
}
.square-grid .square:nth-of-type(187) .border-right {
  --random: 0.0240640305;
}
.square-grid .square:nth-of-type(187) .border-bottom {
  --random: 0.6546345967;
}
.square-grid .square:nth-of-type(187) .border-left {
  --random: 0.0730538407;
}
.square-grid .square:nth-of-type(188) {
  --index: 188;
}
.square-grid .square:nth-of-type(188) .border-top {
  --random: 0.045051205;
}
.square-grid .square:nth-of-type(188) .border-right {
  --random: 0.3982883326;
}
.square-grid .square:nth-of-type(188) .border-bottom {
  --random: 0.770741531;
}
.square-grid .square:nth-of-type(188) .border-left {
  --random: 0.0497652549;
}
.square-grid .square:nth-of-type(189) {
  --index: 189;
}
.square-grid .square:nth-of-type(189) .border-top {
  --random: 0.5760251714;
}
.square-grid .square:nth-of-type(189) .border-right {
  --random: 0.6149966583;
}
.square-grid .square:nth-of-type(189) .border-bottom {
  --random: 0.2674966234;
}
.square-grid .square:nth-of-type(189) .border-left {
  --random: 0.4623710867;
}
.square-grid .square:nth-of-type(190) {
  --index: 190;
}
.square-grid .square:nth-of-type(190) .border-top {
  --random: 0.9168590017;
}
.square-grid .square:nth-of-type(190) .border-right {
  --random: 0.4507126891;
}
.square-grid .square:nth-of-type(190) .border-bottom {
  --random: 0.5551626811;
}
.square-grid .square:nth-of-type(190) .border-left {
  --random: 0.5535011322;
}
.square-grid .square:nth-of-type(191) {
  --index: 191;
}
.square-grid .square:nth-of-type(191) .border-top {
  --random: 0.0853956767;
}
.square-grid .square:nth-of-type(191) .border-right {
  --random: 0.9158542603;
}
.square-grid .square:nth-of-type(191) .border-bottom {
  --random: 0.6425292252;
}
.square-grid .square:nth-of-type(191) .border-left {
  --random: 0.3130553355;
}
.square-grid .square:nth-of-type(192) {
  --index: 192;
}
.square-grid .square:nth-of-type(192) .border-top {
  --random: 0.7669468337;
}
.square-grid .square:nth-of-type(192) .border-right {
  --random: 0.6309596034;
}
.square-grid .square:nth-of-type(192) .border-bottom {
  --random: 0.5410894663;
}
.square-grid .square:nth-of-type(192) .border-left {
  --random: 0.378451347;
}
.square-grid .square:nth-of-type(193) {
  --index: 193;
}
.square-grid .square:nth-of-type(193) .border-top {
  --random: 0.5470117157;
}
.square-grid .square:nth-of-type(193) .border-right {
  --random: 0.4921944486;
}
.square-grid .square:nth-of-type(193) .border-bottom {
  --random: 0.7774872482;
}
.square-grid .square:nth-of-type(193) .border-left {
  --random: 0.7897709764;
}
.square-grid .square:nth-of-type(194) {
  --index: 194;
}
.square-grid .square:nth-of-type(194) .border-top {
  --random: 0.1651269793;
}
.square-grid .square:nth-of-type(194) .border-right {
  --random: 0.0575206555;
}
.square-grid .square:nth-of-type(194) .border-bottom {
  --random: 0.1575398083;
}
.square-grid .square:nth-of-type(194) .border-left {
  --random: 0.0810950612;
}
.square-grid .square:nth-of-type(195) {
  --index: 195;
}
.square-grid .square:nth-of-type(195) .border-top {
  --random: 0.5263419294;
}
.square-grid .square:nth-of-type(195) .border-right {
  --random: 0.6666576151;
}
.square-grid .square:nth-of-type(195) .border-bottom {
  --random: 0.2743018994;
}
.square-grid .square:nth-of-type(195) .border-left {
  --random: 0.7603099936;
}
.square-grid .square:nth-of-type(196) {
  --index: 196;
}
.square-grid .square:nth-of-type(196) .border-top {
  --random: 0.3539817097;
}
.square-grid .square:nth-of-type(196) .border-right {
  --random: 0.0827484092;
}
.square-grid .square:nth-of-type(196) .border-bottom {
  --random: 0.0594039527;
}
.square-grid .square:nth-of-type(196) .border-left {
  --random: 0.8943953698;
}
.square-grid .square:nth-of-type(197) {
  --index: 197;
}
.square-grid .square:nth-of-type(197) .border-top {
  --random: 0.9807370062;
}
.square-grid .square:nth-of-type(197) .border-right {
  --random: 0.0110374148;
}
.square-grid .square:nth-of-type(197) .border-bottom {
  --random: 0.737605774;
}
.square-grid .square:nth-of-type(197) .border-left {
  --random: 0.0927301502;
}
.square-grid .square:nth-of-type(198) {
  --index: 198;
}
.square-grid .square:nth-of-type(198) .border-top {
  --random: 0.30474073;
}
.square-grid .square:nth-of-type(198) .border-right {
  --random: 0.5584770889;
}
.square-grid .square:nth-of-type(198) .border-bottom {
  --random: 0.4524857577;
}
.square-grid .square:nth-of-type(198) .border-left {
  --random: 0.8232516457;
}
.square-grid .square:nth-of-type(199) {
  --index: 199;
}
.square-grid .square:nth-of-type(199) .border-top {
  --random: 0.5862707037;
}
.square-grid .square:nth-of-type(199) .border-right {
  --random: 0.2607385121;
}
.square-grid .square:nth-of-type(199) .border-bottom {
  --random: 0.8824912836;
}
.square-grid .square:nth-of-type(199) .border-left {
  --random: 0.6678038364;
}
.square-grid .square:nth-of-type(200) {
  --index: 200;
}
.square-grid .square:nth-of-type(200) .border-top {
  --random: 0.0874274436;
}
.square-grid .square:nth-of-type(200) .border-right {
  --random: 0.9676402144;
}
.square-grid .square:nth-of-type(200) .border-bottom {
  --random: 0.2433556889;
}
.square-grid .square:nth-of-type(200) .border-left {
  --random: 0.875605485;
}
.square-grid .square:nth-of-type(201) {
  --index: 201;
}
.square-grid .square:nth-of-type(201) .border-top {
  --random: 0.5954769269;
}
.square-grid .square:nth-of-type(201) .border-right {
  --random: 0.8995762209;
}
.square-grid .square:nth-of-type(201) .border-bottom {
  --random: 0.4045456885;
}
.square-grid .square:nth-of-type(201) .border-left {
  --random: 0.6514707599;
}
.square-grid .square:nth-of-type(202) {
  --index: 202;
}
.square-grid .square:nth-of-type(202) .border-top {
  --random: 0.4100399829;
}
.square-grid .square:nth-of-type(202) .border-right {
  --random: 0.4740051467;
}
.square-grid .square:nth-of-type(202) .border-bottom {
  --random: 0.6002753938;
}
.square-grid .square:nth-of-type(202) .border-left {
  --random: 0.1295542568;
}
.square-grid .square:nth-of-type(203) {
  --index: 203;
}
.square-grid .square:nth-of-type(203) .border-top {
  --random: 0.0069325909;
}
.square-grid .square:nth-of-type(203) .border-right {
  --random: 0.8008856488;
}
.square-grid .square:nth-of-type(203) .border-bottom {
  --random: 0.2483793552;
}
.square-grid .square:nth-of-type(203) .border-left {
  --random: 0.4887113109;
}
.square-grid .square:nth-of-type(204) {
  --index: 204;
}
.square-grid .square:nth-of-type(204) .border-top {
  --random: 0.4516525633;
}
.square-grid .square:nth-of-type(204) .border-right {
  --random: 0.031883767;
}
.square-grid .square:nth-of-type(204) .border-bottom {
  --random: 0.6724779124;
}
.square-grid .square:nth-of-type(204) .border-left {
  --random: 0.441442053;
}
.square-grid .square:nth-of-type(205) {
  --index: 205;
}
.square-grid .square:nth-of-type(205) .border-top {
  --random: 0.7320816593;
}
.square-grid .square:nth-of-type(205) .border-right {
  --random: 0.6470002589;
}
.square-grid .square:nth-of-type(205) .border-bottom {
  --random: 0.482222441;
}
.square-grid .square:nth-of-type(205) .border-left {
  --random: 0.3684677861;
}
.square-grid .square:nth-of-type(206) {
  --index: 206;
}
.square-grid .square:nth-of-type(206) .border-top {
  --random: 0.079282813;
}
.square-grid .square:nth-of-type(206) .border-right {
  --random: 0.0234336891;
}
.square-grid .square:nth-of-type(206) .border-bottom {
  --random: 0.6799369496;
}
.square-grid .square:nth-of-type(206) .border-left {
  --random: 0.4445603099;
}
.square-grid .square:nth-of-type(207) {
  --index: 207;
}
.square-grid .square:nth-of-type(207) .border-top {
  --random: 0.4215432148;
}
.square-grid .square:nth-of-type(207) .border-right {
  --random: 0.8808760415;
}
.square-grid .square:nth-of-type(207) .border-bottom {
  --random: 0.5124090412;
}
.square-grid .square:nth-of-type(207) .border-left {
  --random: 0.1021905398;
}
.square-grid .square:nth-of-type(208) {
  --index: 208;
}
.square-grid .square:nth-of-type(208) .border-top {
  --random: 0.1073654214;
}
.square-grid .square:nth-of-type(208) .border-right {
  --random: 0.1638287121;
}
.square-grid .square:nth-of-type(208) .border-bottom {
  --random: 0.8248784329;
}
.square-grid .square:nth-of-type(208) .border-left {
  --random: 0.6848108929;
}
.square-grid .square:nth-of-type(209) {
  --index: 209;
}
.square-grid .square:nth-of-type(209) .border-top {
  --random: 0.5858334847;
}
.square-grid .square:nth-of-type(209) .border-right {
  --random: 0.2398300061;
}
.square-grid .square:nth-of-type(209) .border-bottom {
  --random: 0.0254294444;
}
.square-grid .square:nth-of-type(209) .border-left {
  --random: 0.2490345346;
}
.square-grid .square:nth-of-type(210) {
  --index: 210;
}
.square-grid .square:nth-of-type(210) .border-top {
  --random: 0.7318623084;
}
.square-grid .square:nth-of-type(210) .border-right {
  --random: 0.2237138364;
}
.square-grid .square:nth-of-type(210) .border-bottom {
  --random: 0.2606091555;
}
.square-grid .square:nth-of-type(210) .border-left {
  --random: 0.5431603711;
}
.square-grid .square:nth-of-type(211) {
  --index: 211;
}
.square-grid .square:nth-of-type(211) .border-top {
  --random: 0.5046381122;
}
.square-grid .square:nth-of-type(211) .border-right {
  --random: 0.3884319627;
}
.square-grid .square:nth-of-type(211) .border-bottom {
  --random: 0.1493047189;
}
.square-grid .square:nth-of-type(211) .border-left {
  --random: 0.2062626103;
}
.square-grid .square:nth-of-type(212) {
  --index: 212;
}
.square-grid .square:nth-of-type(212) .border-top {
  --random: 0.6033449286;
}
.square-grid .square:nth-of-type(212) .border-right {
  --random: 0.6498986932;
}
.square-grid .square:nth-of-type(212) .border-bottom {
  --random: 0.3500120073;
}
.square-grid .square:nth-of-type(212) .border-left {
  --random: 0.5800460802;
}
.square-grid .square:nth-of-type(213) {
  --index: 213;
}
.square-grid .square:nth-of-type(213) .border-top {
  --random: 0.0595306829;
}
.square-grid .square:nth-of-type(213) .border-right {
  --random: 0.742064448;
}
.square-grid .square:nth-of-type(213) .border-bottom {
  --random: 0.3682960122;
}
.square-grid .square:nth-of-type(213) .border-left {
  --random: 0.2305484194;
}
.square-grid .square:nth-of-type(214) {
  --index: 214;
}
.square-grid .square:nth-of-type(214) .border-top {
  --random: 0.519223079;
}
.square-grid .square:nth-of-type(214) .border-right {
  --random: 0.5149367316;
}
.square-grid .square:nth-of-type(214) .border-bottom {
  --random: 0.2653585158;
}
.square-grid .square:nth-of-type(214) .border-left {
  --random: 0.4843551331;
}
.square-grid .square:nth-of-type(215) {
  --index: 215;
}
.square-grid .square:nth-of-type(215) .border-top {
  --random: 0.4257979042;
}
.square-grid .square:nth-of-type(215) .border-right {
  --random: 0.0750491565;
}
.square-grid .square:nth-of-type(215) .border-bottom {
  --random: 0.406320813;
}
.square-grid .square:nth-of-type(215) .border-left {
  --random: 0.6345942131;
}
.square-grid .square:nth-of-type(216) {
  --index: 216;
}
.square-grid .square:nth-of-type(216) .border-top {
  --random: 0.8263952526;
}
.square-grid .square:nth-of-type(216) .border-right {
  --random: 0.9404203605;
}
.square-grid .square:nth-of-type(216) .border-bottom {
  --random: 0.2182501694;
}
.square-grid .square:nth-of-type(216) .border-left {
  --random: 0.4183733145;
}
.square-grid .square:nth-of-type(217) {
  --index: 217;
}
.square-grid .square:nth-of-type(217) .border-top {
  --random: 0.9287516809;
}
.square-grid .square:nth-of-type(217) .border-right {
  --random: 0.7354723339;
}
.square-grid .square:nth-of-type(217) .border-bottom {
  --random: 0.8833317475;
}
.square-grid .square:nth-of-type(217) .border-left {
  --random: 0.3405558077;
}
.square-grid .square:nth-of-type(218) {
  --index: 218;
}
.square-grid .square:nth-of-type(218) .border-top {
  --random: 0.1468960827;
}
.square-grid .square:nth-of-type(218) .border-right {
  --random: 0.0782935436;
}
.square-grid .square:nth-of-type(218) .border-bottom {
  --random: 0.9683695174;
}
.square-grid .square:nth-of-type(218) .border-left {
  --random: 0.6801523062;
}
.square-grid .square:nth-of-type(219) {
  --index: 219;
}
.square-grid .square:nth-of-type(219) .border-top {
  --random: 0.6742403641;
}
.square-grid .square:nth-of-type(219) .border-right {
  --random: 0.3743847526;
}
.square-grid .square:nth-of-type(219) .border-bottom {
  --random: 0.7767249076;
}
.square-grid .square:nth-of-type(219) .border-left {
  --random: 0.4033414739;
}
.square-grid .square:nth-of-type(220) {
  --index: 220;
}
.square-grid .square:nth-of-type(220) .border-top {
  --random: 0.6204689241;
}
.square-grid .square:nth-of-type(220) .border-right {
  --random: 0.7432079434;
}
.square-grid .square:nth-of-type(220) .border-bottom {
  --random: 0.7725454958;
}
.square-grid .square:nth-of-type(220) .border-left {
  --random: 0.5779859328;
}
.square-grid .square:nth-of-type(221) {
  --index: 221;
}
.square-grid .square:nth-of-type(221) .border-top {
  --random: 0.5070726059;
}
.square-grid .square:nth-of-type(221) .border-right {
  --random: 0.9689878347;
}
.square-grid .square:nth-of-type(221) .border-bottom {
  --random: 0.1409116656;
}
.square-grid .square:nth-of-type(221) .border-left {
  --random: 0.5149222402;
}
.square-grid .square:nth-of-type(222) {
  --index: 222;
}
.square-grid .square:nth-of-type(222) .border-top {
  --random: 0.9038500906;
}
.square-grid .square:nth-of-type(222) .border-right {
  --random: 0.7083209454;
}
.square-grid .square:nth-of-type(222) .border-bottom {
  --random: 0.1932812162;
}
.square-grid .square:nth-of-type(222) .border-left {
  --random: 0.2189946105;
}
.square-grid .square:nth-of-type(223) {
  --index: 223;
}
.square-grid .square:nth-of-type(223) .border-top {
  --random: 0.9031549709;
}
.square-grid .square:nth-of-type(223) .border-right {
  --random: 0.0545989524;
}
.square-grid .square:nth-of-type(223) .border-bottom {
  --random: 0.4398685797;
}
.square-grid .square:nth-of-type(223) .border-left {
  --random: 0.8448493735;
}
.square-grid .square:nth-of-type(224) {
  --index: 224;
}
.square-grid .square:nth-of-type(224) .border-top {
  --random: 0.8814383875;
}
.square-grid .square:nth-of-type(224) .border-right {
  --random: 0.0904467138;
}
.square-grid .square:nth-of-type(224) .border-bottom {
  --random: 0.2345084904;
}
.square-grid .square:nth-of-type(224) .border-left {
  --random: 0.1784833177;
}
.square-grid .square:nth-of-type(225) {
  --index: 225;
}
.square-grid .square:nth-of-type(225) .border-top {
  --random: 0.8036446956;
}
.square-grid .square:nth-of-type(225) .border-right {
  --random: 0.5789817295;
}
.square-grid .square:nth-of-type(225) .border-bottom {
  --random: 0.5478409254;
}
.square-grid .square:nth-of-type(225) .border-left {
  --random: 0.2933248279;
}
.square-grid .square:nth-of-type(226) {
  --index: 226;
}
.square-grid .square:nth-of-type(226) .border-top {
  --random: 0.725571139;
}
.square-grid .square:nth-of-type(226) .border-right {
  --random: 0.1870085097;
}
.square-grid .square:nth-of-type(226) .border-bottom {
  --random: 0.7282104086;
}
.square-grid .square:nth-of-type(226) .border-left {
  --random: 0.467016028;
}
.square-grid .square:nth-of-type(227) {
  --index: 227;
}
.square-grid .square:nth-of-type(227) .border-top {
  --random: 0.7554372828;
}
.square-grid .square:nth-of-type(227) .border-right {
  --random: 0.2988270133;
}
.square-grid .square:nth-of-type(227) .border-bottom {
  --random: 0.6353493531;
}
.square-grid .square:nth-of-type(227) .border-left {
  --random: 0.8743276604;
}
.square-grid .square:nth-of-type(228) {
  --index: 228;
}
.square-grid .square:nth-of-type(228) .border-top {
  --random: 0.8895211576;
}
.square-grid .square:nth-of-type(228) .border-right {
  --random: 0.4846364314;
}
.square-grid .square:nth-of-type(228) .border-bottom {
  --random: 0.5973601166;
}
.square-grid .square:nth-of-type(228) .border-left {
  --random: 0.6323421369;
}
.square-grid .square:nth-of-type(229) {
  --index: 229;
}
.square-grid .square:nth-of-type(229) .border-top {
  --random: 0.7215561351;
}
.square-grid .square:nth-of-type(229) .border-right {
  --random: 0.6906360533;
}
.square-grid .square:nth-of-type(229) .border-bottom {
  --random: 0.1045743137;
}
.square-grid .square:nth-of-type(229) .border-left {
  --random: 0.1833513135;
}
.square-grid .square:nth-of-type(230) {
  --index: 230;
}
.square-grid .square:nth-of-type(230) .border-top {
  --random: 0.9187416059;
}
.square-grid .square:nth-of-type(230) .border-right {
  --random: 0.8044060254;
}
.square-grid .square:nth-of-type(230) .border-bottom {
  --random: 0.0222850277;
}
.square-grid .square:nth-of-type(230) .border-left {
  --random: 0.9418915196;
}
.square-grid .square:nth-of-type(231) {
  --index: 231;
}
.square-grid .square:nth-of-type(231) .border-top {
  --random: 0.879225324;
}
.square-grid .square:nth-of-type(231) .border-right {
  --random: 0.9074668291;
}
.square-grid .square:nth-of-type(231) .border-bottom {
  --random: 0.5600865806;
}
.square-grid .square:nth-of-type(231) .border-left {
  --random: 0.5486599821;
}
.square-grid .square:nth-of-type(232) {
  --index: 232;
}
.square-grid .square:nth-of-type(232) .border-top {
  --random: 0.6864603905;
}
.square-grid .square:nth-of-type(232) .border-right {
  --random: 0.5594532095;
}
.square-grid .square:nth-of-type(232) .border-bottom {
  --random: 0.1725346559;
}
.square-grid .square:nth-of-type(232) .border-left {
  --random: 0.9909035738;
}
.square-grid .square:nth-of-type(233) {
  --index: 233;
}
.square-grid .square:nth-of-type(233) .border-top {
  --random: 0.3674251748;
}
.square-grid .square:nth-of-type(233) .border-right {
  --random: 0.6769265885;
}
.square-grid .square:nth-of-type(233) .border-bottom {
  --random: 0.1206877366;
}
.square-grid .square:nth-of-type(233) .border-left {
  --random: 0.4278861844;
}
.square-grid .square:nth-of-type(234) {
  --index: 234;
}
.square-grid .square:nth-of-type(234) .border-top {
  --random: 0.1027858411;
}
.square-grid .square:nth-of-type(234) .border-right {
  --random: 0.3111914016;
}
.square-grid .square:nth-of-type(234) .border-bottom {
  --random: 0.3628740619;
}
.square-grid .square:nth-of-type(234) .border-left {
  --random: 0.7589977574;
}
.square-grid .square:nth-of-type(235) {
  --index: 235;
}
.square-grid .square:nth-of-type(235) .border-top {
  --random: 0.3566636672;
}
.square-grid .square:nth-of-type(235) .border-right {
  --random: 0.4368107761;
}
.square-grid .square:nth-of-type(235) .border-bottom {
  --random: 0.8037014775;
}
.square-grid .square:nth-of-type(235) .border-left {
  --random: 0.7585220389;
}
.square-grid .square:nth-of-type(236) {
  --index: 236;
}
.square-grid .square:nth-of-type(236) .border-top {
  --random: 0.410990325;
}
.square-grid .square:nth-of-type(236) .border-right {
  --random: 0.8387486663;
}
.square-grid .square:nth-of-type(236) .border-bottom {
  --random: 0.5336434222;
}
.square-grid .square:nth-of-type(236) .border-left {
  --random: 0.4975532455;
}
.square-grid .square:nth-of-type(237) {
  --index: 237;
}
.square-grid .square:nth-of-type(237) .border-top {
  --random: 0.5955704645;
}
.square-grid .square:nth-of-type(237) .border-right {
  --random: 0.5450790846;
}
.square-grid .square:nth-of-type(237) .border-bottom {
  --random: 0.4345634224;
}
.square-grid .square:nth-of-type(237) .border-left {
  --random: 0.2963388847;
}
.square-grid .square:nth-of-type(238) {
  --index: 238;
}
.square-grid .square:nth-of-type(238) .border-top {
  --random: 0.295484995;
}
.square-grid .square:nth-of-type(238) .border-right {
  --random: 0.8284287189;
}
.square-grid .square:nth-of-type(238) .border-bottom {
  --random: 0.1235017355;
}
.square-grid .square:nth-of-type(238) .border-left {
  --random: 0.7429988619;
}
.square-grid .square:nth-of-type(239) {
  --index: 239;
}
.square-grid .square:nth-of-type(239) .border-top {
  --random: 0.4767552133;
}
.square-grid .square:nth-of-type(239) .border-right {
  --random: 0.1356862438;
}
.square-grid .square:nth-of-type(239) .border-bottom {
  --random: 0.37780553;
}
.square-grid .square:nth-of-type(239) .border-left {
  --random: 0.1026089112;
}
.square-grid .square:nth-of-type(240) {
  --index: 240;
}
.square-grid .square:nth-of-type(240) .border-top {
  --random: 0.1555694296;
}
.square-grid .square:nth-of-type(240) .border-right {
  --random: 0.5943849731;
}
.square-grid .square:nth-of-type(240) .border-bottom {
  --random: 0.5081132975;
}
.square-grid .square:nth-of-type(240) .border-left {
  --random: 0.2278606886;
}
.square-grid .square:nth-of-type(241) {
  --index: 241;
}
.square-grid .square:nth-of-type(241) .border-top {
  --random: 0.8968010781;
}
.square-grid .square:nth-of-type(241) .border-right {
  --random: 0.7988739072;
}
.square-grid .square:nth-of-type(241) .border-bottom {
  --random: 0.2421858445;
}
.square-grid .square:nth-of-type(241) .border-left {
  --random: 0.2823364282;
}
.square-grid .square:nth-of-type(242) {
  --index: 242;
}
.square-grid .square:nth-of-type(242) .border-top {
  --random: 0.8058005667;
}
.square-grid .square:nth-of-type(242) .border-right {
  --random: 0.3062566725;
}
.square-grid .square:nth-of-type(242) .border-bottom {
  --random: 0.2422896016;
}
.square-grid .square:nth-of-type(242) .border-left {
  --random: 0.2684521242;
}
.square-grid .square:nth-of-type(243) {
  --index: 243;
}
.square-grid .square:nth-of-type(243) .border-top {
  --random: 0.0077021193;
}
.square-grid .square:nth-of-type(243) .border-right {
  --random: 0.0257330163;
}
.square-grid .square:nth-of-type(243) .border-bottom {
  --random: 0.7561092837;
}
.square-grid .square:nth-of-type(243) .border-left {
  --random: 0.4448403409;
}
.square-grid .square:nth-of-type(244) {
  --index: 244;
}
.square-grid .square:nth-of-type(244) .border-top {
  --random: 0.5321558619;
}
.square-grid .square:nth-of-type(244) .border-right {
  --random: 0.4491555827;
}
.square-grid .square:nth-of-type(244) .border-bottom {
  --random: 0.7858110593;
}
.square-grid .square:nth-of-type(244) .border-left {
  --random: 0.5190732222;
}
.square-grid .square:nth-of-type(245) {
  --index: 245;
}
.square-grid .square:nth-of-type(245) .border-top {
  --random: 0.1696364007;
}
.square-grid .square:nth-of-type(245) .border-right {
  --random: 0.5184072538;
}
.square-grid .square:nth-of-type(245) .border-bottom {
  --random: 0.7868342587;
}
.square-grid .square:nth-of-type(245) .border-left {
  --random: 0.9357360572;
}
.square-grid .square:nth-of-type(246) {
  --index: 246;
}
.square-grid .square:nth-of-type(246) .border-top {
  --random: 0.4330859755;
}
.square-grid .square:nth-of-type(246) .border-right {
  --random: 0.2151257385;
}
.square-grid .square:nth-of-type(246) .border-bottom {
  --random: 0.85960308;
}
.square-grid .square:nth-of-type(246) .border-left {
  --random: 0.3083922693;
}
.square-grid .square:nth-of-type(247) {
  --index: 247;
}
.square-grid .square:nth-of-type(247) .border-top {
  --random: 0.0074144435;
}
.square-grid .square:nth-of-type(247) .border-right {
  --random: 0.9594170097;
}
.square-grid .square:nth-of-type(247) .border-bottom {
  --random: 0.7413873678;
}
.square-grid .square:nth-of-type(247) .border-left {
  --random: 0.5033236697;
}
.square-grid .square:nth-of-type(248) {
  --index: 248;
}
.square-grid .square:nth-of-type(248) .border-top {
  --random: 0.1904985641;
}
.square-grid .square:nth-of-type(248) .border-right {
  --random: 0.0320986191;
}
.square-grid .square:nth-of-type(248) .border-bottom {
  --random: 0.1955004128;
}
.square-grid .square:nth-of-type(248) .border-left {
  --random: 0.6995257159;
}
.square-grid .square:nth-of-type(249) {
  --index: 249;
}
.square-grid .square:nth-of-type(249) .border-top {
  --random: 0.0507956029;
}
.square-grid .square:nth-of-type(249) .border-right {
  --random: 0.3444334974;
}
.square-grid .square:nth-of-type(249) .border-bottom {
  --random: 0.0961143465;
}
.square-grid .square:nth-of-type(249) .border-left {
  --random: 0.933058232;
}
.square-grid .square:nth-of-type(250) {
  --index: 250;
}
.square-grid .square:nth-of-type(250) .border-top {
  --random: 0.0517283682;
}
.square-grid .square:nth-of-type(250) .border-right {
  --random: 0.0772584354;
}
.square-grid .square:nth-of-type(250) .border-bottom {
  --random: 0.9055878857;
}
.square-grid .square:nth-of-type(250) .border-left {
  --random: 0.4285461296;
}
.square-grid .square:nth-of-type(251) {
  --index: 251;
}
.square-grid .square:nth-of-type(251) .border-top {
  --random: 0.2066032482;
}
.square-grid .square:nth-of-type(251) .border-right {
  --random: 0.4182653586;
}
.square-grid .square:nth-of-type(251) .border-bottom {
  --random: 0.5198768919;
}
.square-grid .square:nth-of-type(251) .border-left {
  --random: 0.902401015;
}
.square-grid .square:nth-of-type(252) {
  --index: 252;
}
.square-grid .square:nth-of-type(252) .border-top {
  --random: 0.4053373894;
}
.square-grid .square:nth-of-type(252) .border-right {
  --random: 0.1446895505;
}
.square-grid .square:nth-of-type(252) .border-bottom {
  --random: 0.6240777786;
}
.square-grid .square:nth-of-type(252) .border-left {
  --random: 0.0931566136;
}
.square-grid .square:nth-of-type(253) {
  --index: 253;
}
.square-grid .square:nth-of-type(253) .border-top {
  --random: 0.8650687207;
}
.square-grid .square:nth-of-type(253) .border-right {
  --random: 0.1184191365;
}
.square-grid .square:nth-of-type(253) .border-bottom {
  --random: 0.6623972675;
}
.square-grid .square:nth-of-type(253) .border-left {
  --random: 0.5243654947;
}
.square-grid .square:nth-of-type(254) {
  --index: 254;
}
.square-grid .square:nth-of-type(254) .border-top {
  --random: 0.1453963627;
}
.square-grid .square:nth-of-type(254) .border-right {
  --random: 0.3003318583;
}
.square-grid .square:nth-of-type(254) .border-bottom {
  --random: 0.2070524091;
}
.square-grid .square:nth-of-type(254) .border-left {
  --random: 0.342129216;
}
.square-grid .square:nth-of-type(255) {
  --index: 255;
}
.square-grid .square:nth-of-type(255) .border-top {
  --random: 0.1628236999;
}
.square-grid .square:nth-of-type(255) .border-right {
  --random: 0.7316216338;
}
.square-grid .square:nth-of-type(255) .border-bottom {
  --random: 0.2380250869;
}
.square-grid .square:nth-of-type(255) .border-left {
  --random: 0.0865430801;
}
.square-grid .square:nth-of-type(256) {
  --index: 256;
}
.square-grid .square:nth-of-type(256) .border-top {
  --random: 0.9605458381;
}
.square-grid .square:nth-of-type(256) .border-right {
  --random: 0.2007559147;
}
.square-grid .square:nth-of-type(256) .border-bottom {
  --random: 0.2222645873;
}
.square-grid .square:nth-of-type(256) .border-left {
  --random: 0.2709809612;
}
.square-grid .square:nth-of-type(257) {
  --index: 257;
}
.square-grid .square:nth-of-type(257) .border-top {
  --random: 0.8318994523;
}
.square-grid .square:nth-of-type(257) .border-right {
  --random: 0.4340414713;
}
.square-grid .square:nth-of-type(257) .border-bottom {
  --random: 0.4756602316;
}
.square-grid .square:nth-of-type(257) .border-left {
  --random: 0.0228491168;
}
.square-grid .square:nth-of-type(258) {
  --index: 258;
}
.square-grid .square:nth-of-type(258) .border-top {
  --random: 0.6613352214;
}
.square-grid .square:nth-of-type(258) .border-right {
  --random: 0.3214213379;
}
.square-grid .square:nth-of-type(258) .border-bottom {
  --random: 0.8536971358;
}
.square-grid .square:nth-of-type(258) .border-left {
  --random: 0.7010914718;
}
.square-grid .square:nth-of-type(259) {
  --index: 259;
}
.square-grid .square:nth-of-type(259) .border-top {
  --random: 0.8706946649;
}
.square-grid .square:nth-of-type(259) .border-right {
  --random: 0.3849558163;
}
.square-grid .square:nth-of-type(259) .border-bottom {
  --random: 0.5110474116;
}
.square-grid .square:nth-of-type(259) .border-left {
  --random: 0.4222063965;
}
.square-grid .square:nth-of-type(260) {
  --index: 260;
}
.square-grid .square:nth-of-type(260) .border-top {
  --random: 0.572705585;
}
.square-grid .square:nth-of-type(260) .border-right {
  --random: 0.6510698013;
}
.square-grid .square:nth-of-type(260) .border-bottom {
  --random: 0.9431558814;
}
.square-grid .square:nth-of-type(260) .border-left {
  --random: 0.9790535939;
}
.square-grid .square:nth-of-type(261) {
  --index: 261;
}
.square-grid .square:nth-of-type(261) .border-top {
  --random: 0.5293216761;
}
.square-grid .square:nth-of-type(261) .border-right {
  --random: 0.0022691668;
}
.square-grid .square:nth-of-type(261) .border-bottom {
  --random: 0.7322909934;
}
.square-grid .square:nth-of-type(261) .border-left {
  --random: 0.7515680886;
}
.square-grid .square:nth-of-type(262) {
  --index: 262;
}
.square-grid .square:nth-of-type(262) .border-top {
  --random: 0.9667661052;
}
.square-grid .square:nth-of-type(262) .border-right {
  --random: 0.1550500483;
}
.square-grid .square:nth-of-type(262) .border-bottom {
  --random: 0.3541494577;
}
.square-grid .square:nth-of-type(262) .border-left {
  --random: 0.8246744721;
}
.square-grid .square:nth-of-type(263) {
  --index: 263;
}
.square-grid .square:nth-of-type(263) .border-top {
  --random: 0.8955795878;
}
.square-grid .square:nth-of-type(263) .border-right {
  --random: 0.4977692974;
}
.square-grid .square:nth-of-type(263) .border-bottom {
  --random: 0.0896642942;
}
.square-grid .square:nth-of-type(263) .border-left {
  --random: 0.0170606708;
}
.square-grid .square:nth-of-type(264) {
  --index: 264;
}
.square-grid .square:nth-of-type(264) .border-top {
  --random: 0.4298215603;
}
.square-grid .square:nth-of-type(264) .border-right {
  --random: 0.5636149139;
}
.square-grid .square:nth-of-type(264) .border-bottom {
  --random: 0.7454077988;
}
.square-grid .square:nth-of-type(264) .border-left {
  --random: 0.4648452794;
}
.square-grid .square:nth-of-type(265) {
  --index: 265;
}
.square-grid .square:nth-of-type(265) .border-top {
  --random: 0.7313578802;
}
.square-grid .square:nth-of-type(265) .border-right {
  --random: 0.1128499515;
}
.square-grid .square:nth-of-type(265) .border-bottom {
  --random: 0.0101854925;
}
.square-grid .square:nth-of-type(265) .border-left {
  --random: 0.514704161;
}
.square-grid .square:nth-of-type(266) {
  --index: 266;
}
.square-grid .square:nth-of-type(266) .border-top {
  --random: 0.1417978086;
}
.square-grid .square:nth-of-type(266) .border-right {
  --random: 0.636309745;
}
.square-grid .square:nth-of-type(266) .border-bottom {
  --random: 0.4362211925;
}
.square-grid .square:nth-of-type(266) .border-left {
  --random: 0.816724023;
}
.square-grid .square:nth-of-type(267) {
  --index: 267;
}
.square-grid .square:nth-of-type(267) .border-top {
  --random: 0.0803471416;
}
.square-grid .square:nth-of-type(267) .border-right {
  --random: 0.7053996816;
}
.square-grid .square:nth-of-type(267) .border-bottom {
  --random: 0.724129648;
}
.square-grid .square:nth-of-type(267) .border-left {
  --random: 0.6305414232;
}
.square-grid .square:nth-of-type(268) {
  --index: 268;
}
.square-grid .square:nth-of-type(268) .border-top {
  --random: 0.8003007414;
}
.square-grid .square:nth-of-type(268) .border-right {
  --random: 0.1965056552;
}
.square-grid .square:nth-of-type(268) .border-bottom {
  --random: 0.4372092395;
}
.square-grid .square:nth-of-type(268) .border-left {
  --random: 0.7331439061;
}
.square-grid .square:nth-of-type(269) {
  --index: 269;
}
.square-grid .square:nth-of-type(269) .border-top {
  --random: 0.4018282478;
}
.square-grid .square:nth-of-type(269) .border-right {
  --random: 0.225836875;
}
.square-grid .square:nth-of-type(269) .border-bottom {
  --random: 0.8163650954;
}
.square-grid .square:nth-of-type(269) .border-left {
  --random: 0.8744211974;
}
.square-grid .square:nth-of-type(270) {
  --index: 270;
}
.square-grid .square:nth-of-type(270) .border-top {
  --random: 0.0410942566;
}
.square-grid .square:nth-of-type(270) .border-right {
  --random: 0.3550513723;
}
.square-grid .square:nth-of-type(270) .border-bottom {
  --random: 0.3756483139;
}
.square-grid .square:nth-of-type(270) .border-left {
  --random: 0.2665497482;
}
.square-grid .square:nth-of-type(271) {
  --index: 271;
}
.square-grid .square:nth-of-type(271) .border-top {
  --random: 0.3787844374;
}
.square-grid .square:nth-of-type(271) .border-right {
  --random: 0.1555425081;
}
.square-grid .square:nth-of-type(271) .border-bottom {
  --random: 0.2368924733;
}
.square-grid .square:nth-of-type(271) .border-left {
  --random: 0.4823214912;
}
.square-grid .square:nth-of-type(272) {
  --index: 272;
}
.square-grid .square:nth-of-type(272) .border-top {
  --random: 0.7248990086;
}
.square-grid .square:nth-of-type(272) .border-right {
  --random: 0.4962901446;
}
.square-grid .square:nth-of-type(272) .border-bottom {
  --random: 0.1392329281;
}
.square-grid .square:nth-of-type(272) .border-left {
  --random: 0.5283902434;
}
.square-grid .square:nth-of-type(273) {
  --index: 273;
}
.square-grid .square:nth-of-type(273) .border-top {
  --random: 0.0830448834;
}
.square-grid .square:nth-of-type(273) .border-right {
  --random: 0.4697485634;
}
.square-grid .square:nth-of-type(273) .border-bottom {
  --random: 0.6872386133;
}
.square-grid .square:nth-of-type(273) .border-left {
  --random: 0.5303465378;
}
.square-grid .square:nth-of-type(274) {
  --index: 274;
}
.square-grid .square:nth-of-type(274) .border-top {
  --random: 0.1991704173;
}
.square-grid .square:nth-of-type(274) .border-right {
  --random: 0.9074249071;
}
.square-grid .square:nth-of-type(274) .border-bottom {
  --random: 0.6119064509;
}
.square-grid .square:nth-of-type(274) .border-left {
  --random: 0.0303839696;
}
.square-grid .square:nth-of-type(275) {
  --index: 275;
}
.square-grid .square:nth-of-type(275) .border-top {
  --random: 0.1942449097;
}
.square-grid .square:nth-of-type(275) .border-right {
  --random: 0.8715257524;
}
.square-grid .square:nth-of-type(275) .border-bottom {
  --random: 0.4844915077;
}
.square-grid .square:nth-of-type(275) .border-left {
  --random: 0.327725409;
}
.square-grid .square:nth-of-type(276) {
  --index: 276;
}
.square-grid .square:nth-of-type(276) .border-top {
  --random: 0.1694727287;
}
.square-grid .square:nth-of-type(276) .border-right {
  --random: 0.3766681306;
}
.square-grid .square:nth-of-type(276) .border-bottom {
  --random: 0.940585777;
}
.square-grid .square:nth-of-type(276) .border-left {
  --random: 0.0213649828;
}
.square-grid .square:nth-of-type(277) {
  --index: 277;
}
.square-grid .square:nth-of-type(277) .border-top {
  --random: 0.3340091221;
}
.square-grid .square:nth-of-type(277) .border-right {
  --random: 0.3585965451;
}
.square-grid .square:nth-of-type(277) .border-bottom {
  --random: 0.2303411083;
}
.square-grid .square:nth-of-type(277) .border-left {
  --random: 0.2870009909;
}
.square-grid .square:nth-of-type(278) {
  --index: 278;
}
.square-grid .square:nth-of-type(278) .border-top {
  --random: 0.7829941186;
}
.square-grid .square:nth-of-type(278) .border-right {
  --random: 0.062547718;
}
.square-grid .square:nth-of-type(278) .border-bottom {
  --random: 0.8495470435;
}
.square-grid .square:nth-of-type(278) .border-left {
  --random: 0.5351783024;
}
.square-grid .square:nth-of-type(279) {
  --index: 279;
}
.square-grid .square:nth-of-type(279) .border-top {
  --random: 0.7407624598;
}
.square-grid .square:nth-of-type(279) .border-right {
  --random: 0.3020686423;
}
.square-grid .square:nth-of-type(279) .border-bottom {
  --random: 0.3147204919;
}
.square-grid .square:nth-of-type(279) .border-left {
  --random: 0.9053343353;
}
.square-grid .square:nth-of-type(280) {
  --index: 280;
}
.square-grid .square:nth-of-type(280) .border-top {
  --random: 0.9986510731;
}
.square-grid .square:nth-of-type(280) .border-right {
  --random: 0.5057191734;
}
.square-grid .square:nth-of-type(280) .border-bottom {
  --random: 0.826070899;
}
.square-grid .square:nth-of-type(280) .border-left {
  --random: 0.6004175566;
}
.square-grid .square:nth-of-type(281) {
  --index: 281;
}
.square-grid .square:nth-of-type(281) .border-top {
  --random: 0.1196718068;
}
.square-grid .square:nth-of-type(281) .border-right {
  --random: 0.5926808648;
}
.square-grid .square:nth-of-type(281) .border-bottom {
  --random: 0.004989739;
}
.square-grid .square:nth-of-type(281) .border-left {
  --random: 0.4165583343;
}
.square-grid .square:nth-of-type(282) {
  --index: 282;
}
.square-grid .square:nth-of-type(282) .border-top {
  --random: 0.1964334921;
}
.square-grid .square:nth-of-type(282) .border-right {
  --random: 0.1479423871;
}
.square-grid .square:nth-of-type(282) .border-bottom {
  --random: 0.7800443747;
}
.square-grid .square:nth-of-type(282) .border-left {
  --random: 0.2477171987;
}
.square-grid .square:nth-of-type(283) {
  --index: 283;
}
.square-grid .square:nth-of-type(283) .border-top {
  --random: 0.319568474;
}
.square-grid .square:nth-of-type(283) .border-right {
  --random: 0.1961557858;
}
.square-grid .square:nth-of-type(283) .border-bottom {
  --random: 0.5959541694;
}
.square-grid .square:nth-of-type(283) .border-left {
  --random: 0.3882659945;
}
.square-grid .square:nth-of-type(284) {
  --index: 284;
}
.square-grid .square:nth-of-type(284) .border-top {
  --random: 0.6276778882;
}
.square-grid .square:nth-of-type(284) .border-right {
  --random: 0.8469013558;
}
.square-grid .square:nth-of-type(284) .border-bottom {
  --random: 0.1199158273;
}
.square-grid .square:nth-of-type(284) .border-left {
  --random: 0.0888228882;
}
.square-grid .square:nth-of-type(285) {
  --index: 285;
}
.square-grid .square:nth-of-type(285) .border-top {
  --random: 0.3845125585;
}
.square-grid .square:nth-of-type(285) .border-right {
  --random: 0.8393001488;
}
.square-grid .square:nth-of-type(285) .border-bottom {
  --random: 0.9084844582;
}
.square-grid .square:nth-of-type(285) .border-left {
  --random: 0.0914894032;
}
.square-grid .square:nth-of-type(286) {
  --index: 286;
}
.square-grid .square:nth-of-type(286) .border-top {
  --random: 0.4971851124;
}
.square-grid .square:nth-of-type(286) .border-right {
  --random: 0.777098025;
}
.square-grid .square:nth-of-type(286) .border-bottom {
  --random: 0.4612199096;
}
.square-grid .square:nth-of-type(286) .border-left {
  --random: 0.5671734102;
}
.square-grid .square:nth-of-type(287) {
  --index: 287;
}
.square-grid .square:nth-of-type(287) .border-top {
  --random: 0.0444617753;
}
.square-grid .square:nth-of-type(287) .border-right {
  --random: 0.8739618092;
}
.square-grid .square:nth-of-type(287) .border-bottom {
  --random: 0.2965136338;
}
.square-grid .square:nth-of-type(287) .border-left {
  --random: 0.5140315635;
}
.square-grid .square:nth-of-type(288) {
  --index: 288;
}
.square-grid .square:nth-of-type(288) .border-top {
  --random: 0.0318186052;
}
.square-grid .square:nth-of-type(288) .border-right {
  --random: 0.0372017133;
}
.square-grid .square:nth-of-type(288) .border-bottom {
  --random: 0.9412193924;
}
.square-grid .square:nth-of-type(288) .border-left {
  --random: 0.2593166438;
}
.square-grid .square:nth-of-type(289) {
  --index: 289;
}
.square-grid .square:nth-of-type(289) .border-top {
  --random: 0.2085100582;
}
.square-grid .square:nth-of-type(289) .border-right {
  --random: 0.5267998737;
}
.square-grid .square:nth-of-type(289) .border-bottom {
  --random: 0.989794765;
}
.square-grid .square:nth-of-type(289) .border-left {
  --random: 0.8578379724;
}
.square-grid .square:nth-of-type(290) {
  --index: 290;
}
.square-grid .square:nth-of-type(290) .border-top {
  --random: 0.8845259835;
}
.square-grid .square:nth-of-type(290) .border-right {
  --random: 0.2891931564;
}
.square-grid .square:nth-of-type(290) .border-bottom {
  --random: 0.3816123696;
}
.square-grid .square:nth-of-type(290) .border-left {
  --random: 0.6784722002;
}
.square-grid .square:nth-of-type(291) {
  --index: 291;
}
.square-grid .square:nth-of-type(291) .border-top {
  --random: 0.0774115906;
}
.square-grid .square:nth-of-type(291) .border-right {
  --random: 0.7280240015;
}
.square-grid .square:nth-of-type(291) .border-bottom {
  --random: 0.601024625;
}
.square-grid .square:nth-of-type(291) .border-left {
  --random: 0.0479589226;
}
.square-grid .square:nth-of-type(292) {
  --index: 292;
}
.square-grid .square:nth-of-type(292) .border-top {
  --random: 0.2455908101;
}
.square-grid .square:nth-of-type(292) .border-right {
  --random: 0.2800869988;
}
.square-grid .square:nth-of-type(292) .border-bottom {
  --random: 0.5852777092;
}
.square-grid .square:nth-of-type(292) .border-left {
  --random: 0.8133168815;
}
.square-grid .square:nth-of-type(293) {
  --index: 293;
}
.square-grid .square:nth-of-type(293) .border-top {
  --random: 0.3910445221;
}
.square-grid .square:nth-of-type(293) .border-right {
  --random: 0.1445169894;
}
.square-grid .square:nth-of-type(293) .border-bottom {
  --random: 0.0469776043;
}
.square-grid .square:nth-of-type(293) .border-left {
  --random: 0.6380287321;
}
.square-grid .square:nth-of-type(294) {
  --index: 294;
}
.square-grid .square:nth-of-type(294) .border-top {
  --random: 0.1711589877;
}
.square-grid .square:nth-of-type(294) .border-right {
  --random: 0.4419145241;
}
.square-grid .square:nth-of-type(294) .border-bottom {
  --random: 0.1782804551;
}
.square-grid .square:nth-of-type(294) .border-left {
  --random: 0.5271229833;
}
.square-grid .square:nth-of-type(295) {
  --index: 295;
}
.square-grid .square:nth-of-type(295) .border-top {
  --random: 0.6190516704;
}
.square-grid .square:nth-of-type(295) .border-right {
  --random: 0.0381148876;
}
.square-grid .square:nth-of-type(295) .border-bottom {
  --random: 0.0423816362;
}
.square-grid .square:nth-of-type(295) .border-left {
  --random: 0.3610133697;
}
.square-grid .square:nth-of-type(296) {
  --index: 296;
}
.square-grid .square:nth-of-type(296) .border-top {
  --random: 0.3486685751;
}
.square-grid .square:nth-of-type(296) .border-right {
  --random: 0.0214803591;
}
.square-grid .square:nth-of-type(296) .border-bottom {
  --random: 0.3778051211;
}
.square-grid .square:nth-of-type(296) .border-left {
  --random: 0.3217707046;
}
.square-grid .square:nth-of-type(297) {
  --index: 297;
}
.square-grid .square:nth-of-type(297) .border-top {
  --random: 0.3829642819;
}
.square-grid .square:nth-of-type(297) .border-right {
  --random: 0.4393830138;
}
.square-grid .square:nth-of-type(297) .border-bottom {
  --random: 0.2445618383;
}
.square-grid .square:nth-of-type(297) .border-left {
  --random: 0.5406855424;
}
.square-grid .square:nth-of-type(298) {
  --index: 298;
}
.square-grid .square:nth-of-type(298) .border-top {
  --random: 0.9609230011;
}
.square-grid .square:nth-of-type(298) .border-right {
  --random: 0.9551828392;
}
.square-grid .square:nth-of-type(298) .border-bottom {
  --random: 0.774241352;
}
.square-grid .square:nth-of-type(298) .border-left {
  --random: 0.3480896224;
}
.square-grid .square:nth-of-type(299) {
  --index: 299;
}
.square-grid .square:nth-of-type(299) .border-top {
  --random: 0.5573404898;
}
.square-grid .square:nth-of-type(299) .border-right {
  --random: 0.4145765511;
}
.square-grid .square:nth-of-type(299) .border-bottom {
  --random: 0.2245594611;
}
.square-grid .square:nth-of-type(299) .border-left {
  --random: 0.565051384;
}
.square-grid .square:nth-of-type(300) {
  --index: 300;
}
.square-grid .square:nth-of-type(300) .border-top {
  --random: 0.3105647844;
}
.square-grid .square:nth-of-type(300) .border-right {
  --random: 0.6418209174;
}
.square-grid .square:nth-of-type(300) .border-bottom {
  --random: 0.9963218469;
}
.square-grid .square:nth-of-type(300) .border-left {
  --random: 0.5165242782;
}
.square-grid .square:first-child .crosshair-top-left {
  opacity: 1;
}
.square-grid .square .crosshair {
  position: absolute;
  height: 1px;
  width: 1px;
}
.square-grid .square .crosshair-default {
  bottom: 0;
  right: 0;
}
.square-grid .square .crosshair-top-right {
  top: 0;
  right: 0;
  --test: calc(((var(--index)) / var(--grid-cols) * -1) + 2);
  --test-2: round(down, var(--test));
  opacity: var(--test-2);
}
.square-grid .square .crosshair-bottom-left {
  bottom: 0;
  left: 0;
  --test: calc(1 - (mod(var(--index) - 1, var(--grid-cols)) / var(--grid-cols)));
  --test-2: round(down, var(--test));
  opacity: var(--test-2);
}
.square-grid .square .crosshair-top-left {
  top: 0;
  left: 0;
  opacity: 0;
}
.square-grid .square .crosshair .crosshair-line {
  position: absolute;
  background-color: var(--grid-colour);
}
.square-grid .square .crosshair .crosshair-line-top {
  bottom: 1px;
  left: 0;
  width: 1px;
  height: 3px;
}
.square-grid .square .crosshair .crosshair-line-right {
  left: 1px;
  top: 0;
  width: 3px;
  height: 1px;
}
.square-grid .square .crosshair .crosshair-line-bottom {
  top: 1px;
  left: 0;
  width: 1px;
  height: 3px;
}
.square-grid .square .crosshair .crosshair-line-left {
  right: 1px;
  top: 0;
  width: 3px;
  height: 1px;
}
.square-grid .square .border {
  display: block;
  background-color: var(--grid-colour);
  position: absolute;
  --border-size: calc(100% - 14px);
  transition: scale 1s;
  transform: translate3d(0, 0, 0);
  transition-delay: calc(var(--random) * var(--animation-duration)) !important;
}
.square-grid .square .border-top {
  top: 0;
  left: 50%;
  width: var(--border-size);
  height: 1px;
  translate: -50% 0;
  opacity: 0;
  --test: calc(((var(--index)) / var(--grid-cols) * -1) + 2);
  --test-2: round(down, var(--test));
  opacity: var(--test-2);
  transform-origin: left;
}
.square-grid .square .border-right {
  top: 50%;
  right: 0;
  width: 1px;
  height: var(--border-size);
  translate: 0 -50%;
  transform-origin: top;
}
.square-grid .square .border-bottom {
  bottom: 0;
  left: 50%;
  width: var(--border-size);
  height: 1px;
  translate: -50% 0;
  transform-origin: right;
}
.square-grid .square .border-left {
  top: 50%;
  left: 0;
  width: 1px;
  height: var(--border-size);
  translate: 0 -50%;
  --test: calc(1 - (mod(var(--index) - 1, var(--grid-cols)) / var(--grid-cols)));
  --test-2: round(down, var(--test));
  opacity: var(--test-2);
  transform-origin: bottom;
}

.grid-contents {
  color: #FFFFFF;
  display: grid;
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
}
.grid-contents > * {
  grid-column: 1/-1;
}
.banner {
  padding-block: 70px;
  background-image: url("../../img/dirft/banner-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
}
@media (min-width: 768px) {
  .banner {
    padding-block: calc(var(--square-size) + 10px);
  }
}
.banner .banner-inner {
  height: 100%;
}
.banner .grid-contents {
  height: 100%;
}
.banner .banner-contents {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 768px) {
  .banner .banner-contents {
    display: contents;
    gap: unset;
  }
}
@media (min-width: 768px) {
  .banner .text-block-1 {
    grid-column: calc(var(--grid-cols) - 1)/span 2;
  }
}
@media (min-width: 768px) {
  .banner .text-block-2 {
    grid-column: 1/span 2;
    grid-row: 2;
  }
}
.banner .banner-heading {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 768px) {
  .banner .banner-heading {
    grid-column: 3/-1;
    font-size: 40px;
  }
}
.banner .banner-heading span {
  display: block;
}
.banner .banner-heading span:nth-child(2) {
  margin-left: calc(var(--square-size) * 2);
}

.green-bg {
  background-color: #2c3a33;
  color: #FFFFFF;
  padding-bottom: 100vh;
}

.heading-content-grid-section {
  padding-block: 40px;
}
.heading-content-grid-section .contents-inner {
  gap: 20px;
  padding-block: 60px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .heading-content-grid-section .contents-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .heading-content-grid-section .contents-inner {
    grid-column: 2/span calc(var(--grid-cols) - 2);
  }
}
.heading-content-grid-section .heading-xl {
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}
.heading-content-grid-section .heading-xl span {
  display: block;
}
.heading-content-grid-section .heading-xl span:nth-child(2) {
  margin-left: var(--square-size);
}
.heading-content-grid-section .content-with-plus {
  max-width: 240px;
}
@media (min-width: 992px) {
  .heading-content-grid-section .content-with-plus {
    max-width: 300px;
  }
}

.image-enlarge {
  --square-length: 18vw;
  --square-x-start: 60%;
  --square-y-start: 40%;
}
.image-enlarge .media-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
.image-enlarge .tint-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, var(--square-x-start) 100%, var(--square-x-start) var(--square-y-start), calc(var(--square-x-start) + var(--square-length)) var(--square-y-start), calc(var(--square-x-start) + var(--square-length)) calc(var(--square-y-start) + var(--square-length)), var(--square-x-start) calc(var(--square-y-start) + var(--square-length)), var(--square-x-start) 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, var(--square-x-start) 100%, var(--square-x-start) var(--square-y-start), calc(var(--square-x-start) + var(--square-length)) var(--square-y-start), calc(var(--square-x-start) + var(--square-length)) calc(var(--square-y-start) + var(--square-length)), var(--square-x-start) calc(var(--square-y-start) + var(--square-length)), var(--square-x-start) 100%, 100% 100%, 100% 0%);
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  margin-inline: auto;
  line-height: 1;
  text-box-trim: trim-start;
  text-box-edge: ex;
  font-size: 30px;
}

.view-transitions .cards {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding: 50px;
}
.view-transitions .card {
  aspect-ratio: 2/3;
  min-width: 50px;
  max-width: 10vw;
  background-color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  padding: 20px;
  cursor: pointer;
}

.view-transition-example {
  max-width: min(100% - 40px, 1200px);
  margin-inline: auto;
}
.view-transition-example .visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.view-transition-example .flow > * + * {
  -webkit-margin-before: var(--flow-spacing, 1rem);
          margin-block-start: var(--flow-spacing, 1rem);
}
.view-transition-example .content-grid {
  --container-max-width: 60rem;
  --min-inline-margin: 2rem;
  display: grid;
  grid-template-columns: [full-width-start breakout-left-start] minmax(1rem, 1fr) [content-start breakout-right-start] min(100% - var(--min-inline-margin), var(--container-max-width)) [content-end breakout-left-start] minmax(1rem, 1fr) [full-width-end breakout-right-end];
}
.view-transition-example .content-grid > *,
.view-transition-example .full-width > * {
  grid-column: content;
}
.view-transition-example .content-grid > .full-width {
  grid-column: full-width;
  display: grid;
  grid-template-columns: inherit;
}
.view-transition-example .breakout-right {
  grid-column: breakout-right;
}
.view-transition-example .breakout-left {
  grid-column: breakout-left;
}
.view-transition-example .primary-header {
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
  -webkit-border-after: 1px solid var(--separator-color, black);
          border-block-end: 1px solid var(--separator-color, black);
}
.view-transition-example .primary-header__layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*   grid-column: content-start / full-width-end; */
}
.view-transition-example .primary-navigation > ul {
  list-style: none;
  margin: 0;
  padding: var(--navigation-padding, 1rem) 0;
  display: flex;
  gap: clamp(1rem, 5vi, 2.5rem);
}
.view-transition-example :is(.primary-navigation, .account-links) :where(a) {
  font-weight: 500;
  text-decoration: none;
  color: var(--link-color, #777);
}
.view-transition-example :is(.primary-navigation, .account-links) :where(a:hover, a:focus, a[aria-current=page]) {
  color: var(--link-current-color, #111);
}
.view-transition-example .account-links {
  display: flex;
}
.view-transition-example .account-links > * {
  display: flex;
  align-items: center;
  padding-block: var(--navigation-padding, 1rem);
  padding-inline: 3rem;
}
.view-transition-example .create-account {
  background: var(--button-bg, #333);
  color: var(--button-text, white);
}
.view-transition-example .main-with-aside {
  --flow-spacing: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.view-transition-example .main-with-aside > :not(aside) {
  flex-basis: 55ch;
  flex-grow: 999;
}
.view-transition-example .main-with-aside > aside {
  flex-basis: 325px;
  flex-grow: 1;
}
.view-transition-example .sidebar {
  --flow-spacing: 1em;
  align-self: start;
  padding: 2rem 3rem;
  border: 2px solid #eee;
  border-radius: 0.5rem;
}
.view-transition-example .breadcrumbs ol {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0.5rem;
}
.view-transition-example .breadcrumbs a {
  display: inline-block;
  padding: 0.25rem 1rem;
  border-radius: 100vw;
  background: var(--breadcrumb-color, #eee);
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}
.view-transition-example .breadcrumbs li:not(:last-child)::after {
  content: " / ";
  display: inline-block;
  font-size: 1.75em;
  font-weight: 100;
  transform: skew(-20deg);
  line-height: 0;
  margin-inline: 0.5em 0;
}
.view-transition-example .breadcrumbs a:hover,
.view-transition-example .breadcrumbs a:focus {
  background: #ccc;
}
.view-transition-example .conference-list {
  /* display: grid; */
  list-style: none;
  padding: 0;
}
.view-transition-example .conference:not(:last-child):not(:has(+ [hidden])) {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid black;
}
.view-transition-example .conference-date::after {
  content: " •";
}
.view-transition-example .conference-name {
  font-weight: 700;
}
.view-transition-example .filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  border: 0;
  padding: 0;
}
.view-transition-example .filter-btn {
  cursor: pointer;
  text-transform: uppercase;
  background: transparent;
  border: 0;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
.view-transition-example .filter-btn:hover,
.view-transition-example .filter-btn:focus {
  background-color: #ccc;
}
.view-transition-example .filter-btn.active {
  pointer-events: none;
  background: black;
  color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

.transparent-video-section {
  min-height: 100svh;
  backround-color: navy;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
.transparent-video-section .video-wrapper {
  display: flex;
}
.transparent-video-section .video-wrapper video {
  max-height: 100svh;
  max-width: 100%;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
