ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 00:55:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added small grid

Browse source
This commit is contained in:
Thomas Smith 2022-09-19 16:52:07 -04:00
parent 05f5b91ed5
commit 05787777ac
2 changed files with 240 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/page/style-guide.html
View file

@ -55,7 +55,7 @@
@media only screen and (max-width: 576px) {
.style-guide-container{
background-image: url("/Images/large-grid.svg");
background-image: url("/Images/small-grid.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;

239
src/static/Images/small-grid.svg Normal file
View file

@ -0,0 +1,239 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="370" height="740" viewBox="0 0 370 740">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_1081" data-name="Rectangle 1081" width="370" height="370" fill="none"/>
</clipPath>
</defs>
<g id="Group_1233" data-name="Group 1233" transform="translate(4215 121)">
<g id="Group_1231" data-name="Group 1231" transform="translate(-4215 -121)">
<g id="Group_141" data-name="Group 141">
<g id="Group_140" data-name="Group 140" clip-path="url(#clip-path)">
<path id="Rectangle_1080" data-name="Rectangle 1080" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 164.454)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1082" data-name="Rectangle 1082" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 164.454)" fill="#949494"/>
<path id="Rectangle_1083" data-name="Rectangle 1083" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 164.454)" fill="#949494"/>
<path id="Rectangle_1084" data-name="Rectangle 1084" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 164.454)" fill="#949494"/>
<path id="Rectangle_1085" data-name="Rectangle 1085" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 164.454)" fill="#949494"/>
<path id="Rectangle_1086" data-name="Rectangle 1086" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 164.454)" fill="#949494"/>
<path id="Rectangle_1087" data-name="Rectangle 1087" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 164.454)" fill="#949494"/>
<path id="Rectangle_1088" data-name="Rectangle 1088" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 164.454)" fill="#949494"/>
<g id="Group_143" data-name="Group 143">
<g id="Group_142" data-name="Group 142" clip-path="url(#clip-path)">
<path id="Rectangle_1089" data-name="Rectangle 1089" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 164.454)" fill="#949494"/>
<path id="Rectangle_1090" data-name="Rectangle 1090" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 123.362)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1092" data-name="Rectangle 1092" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 123.362)" fill="#949494"/>
<path id="Rectangle_1093" data-name="Rectangle 1093" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 123.362)" fill="#949494"/>
<path id="Rectangle_1094" data-name="Rectangle 1094" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 123.362)" fill="#949494"/>
<path id="Rectangle_1095" data-name="Rectangle 1095" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 123.362)" fill="#949494"/>
<path id="Rectangle_1096" data-name="Rectangle 1096" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 123.362)" fill="#949494"/>
<path id="Rectangle_1097" data-name="Rectangle 1097" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 123.362)" fill="#949494"/>
<path id="Rectangle_1098" data-name="Rectangle 1098" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 123.362)" fill="#949494"/>
<g id="Group_145" data-name="Group 145">
<g id="Group_144" data-name="Group 144" clip-path="url(#clip-path)">
<path id="Rectangle_1099" data-name="Rectangle 1099" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 123.362)" fill="#949494"/>
<path id="Rectangle_1100" data-name="Rectangle 1100" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 82.27)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1102" data-name="Rectangle 1102" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 82.27)" fill="#949494"/>
<path id="Rectangle_1103" data-name="Rectangle 1103" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 82.27)" fill="#949494"/>
<path id="Rectangle_1104" data-name="Rectangle 1104" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 82.27)" fill="#949494"/>
<path id="Rectangle_1105" data-name="Rectangle 1105" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 82.27)" fill="#949494"/>
<path id="Rectangle_1106" data-name="Rectangle 1106" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 82.27)" fill="#949494"/>
<path id="Rectangle_1107" data-name="Rectangle 1107" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 82.27)" fill="#949494"/>
<path id="Rectangle_1108" data-name="Rectangle 1108" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 82.27)" fill="#949494"/>
<g id="Group_147" data-name="Group 147">
<g id="Group_146" data-name="Group 146" clip-path="url(#clip-path)">
<path id="Rectangle_1109" data-name="Rectangle 1109" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 82.27)" fill="#949494"/>
<path id="Rectangle_1110" data-name="Rectangle 1110" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 41.178)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1112" data-name="Rectangle 1112" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 41.178)" fill="#949494"/>
<path id="Rectangle_1113" data-name="Rectangle 1113" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 41.178)" fill="#949494"/>
<path id="Rectangle_1114" data-name="Rectangle 1114" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 41.178)" fill="#949494"/>
<path id="Rectangle_1115" data-name="Rectangle 1115" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 41.178)" fill="#949494"/>
<path id="Rectangle_1116" data-name="Rectangle 1116" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 41.178)" fill="#949494"/>
<path id="Rectangle_1117" data-name="Rectangle 1117" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 41.178)" fill="#949494"/>
<path id="Rectangle_1118" data-name="Rectangle 1118" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 41.178)" fill="#949494"/>
<g id="Group_149" data-name="Group 149">
<g id="Group_148" data-name="Group 148" clip-path="url(#clip-path)">
<path id="Rectangle_1119" data-name="Rectangle 1119" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 41.178)" fill="#949494"/>
<path id="Rectangle_1120" data-name="Rectangle 1120" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 0.086)" fill="#949494"/>
<path id="Rectangle_1121" data-name="Rectangle 1121" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 0.086)" fill="#949494"/>
<path id="Rectangle_1122" data-name="Rectangle 1122" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 0.086)" fill="#949494"/>
<path id="Rectangle_1123" data-name="Rectangle 1123" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 0.086)" fill="#949494"/>
<path id="Rectangle_1124" data-name="Rectangle 1124" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 0.086)" fill="#949494"/>
<path id="Rectangle_1125" data-name="Rectangle 1125" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 0.086)" fill="#949494"/>
<path id="Rectangle_1126" data-name="Rectangle 1126" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 0.086)" fill="#949494"/>
<path id="Rectangle_1127" data-name="Rectangle 1127" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 0.086)" fill="#949494"/>
<path id="Rectangle_1128" data-name="Rectangle 1128" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 0.086)" fill="#949494"/>
<path id="Rectangle_1129" data-name="Rectangle 1129" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 328.822)" fill="#949494"/>
<path id="Rectangle_1130" data-name="Rectangle 1130" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 328.822)" fill="#949494"/>
<path id="Rectangle_1131" data-name="Rectangle 1131" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 328.822)" fill="#949494"/>
<path id="Rectangle_1132" data-name="Rectangle 1132" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 328.822)" fill="#949494"/>
<path id="Rectangle_1133" data-name="Rectangle 1133" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 328.822)" fill="#949494"/>
<path id="Rectangle_1134" data-name="Rectangle 1134" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 328.822)" fill="#949494"/>
<path id="Rectangle_1135" data-name="Rectangle 1135" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 328.822)" fill="#949494"/>
<path id="Rectangle_1136" data-name="Rectangle 1136" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 328.822)" fill="#949494"/>
<path id="Rectangle_1137" data-name="Rectangle 1137" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 328.822)" fill="#949494"/>
<path id="Rectangle_1138" data-name="Rectangle 1138" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 287.73)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1140" data-name="Rectangle 1140" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 287.73)" fill="#949494"/>
<path id="Rectangle_1141" data-name="Rectangle 1141" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 287.73)" fill="#949494"/>
<path id="Rectangle_1142" data-name="Rectangle 1142" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 287.73)" fill="#949494"/>
<path id="Rectangle_1143" data-name="Rectangle 1143" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 287.73)" fill="#949494"/>
<path id="Rectangle_1144" data-name="Rectangle 1144" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 287.73)" fill="#949494"/>
<path id="Rectangle_1145" data-name="Rectangle 1145" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 287.73)" fill="#949494"/>
<path id="Rectangle_1146" data-name="Rectangle 1146" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 287.73)" fill="#949494"/>
<g id="Group_151" data-name="Group 151">
<g id="Group_150" data-name="Group 150" clip-path="url(#clip-path)">
<path id="Rectangle_1147" data-name="Rectangle 1147" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 287.73)" fill="#949494"/>
<path id="Rectangle_1148" data-name="Rectangle 1148" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 246.638)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1150" data-name="Rectangle 1150" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 246.638)" fill="#949494"/>
<path id="Rectangle_1151" data-name="Rectangle 1151" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 246.638)" fill="#949494"/>
<path id="Rectangle_1152" data-name="Rectangle 1152" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 246.638)" fill="#949494"/>
<path id="Rectangle_1153" data-name="Rectangle 1153" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 246.638)" fill="#949494"/>
<path id="Rectangle_1154" data-name="Rectangle 1154" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 246.638)" fill="#949494"/>
<path id="Rectangle_1155" data-name="Rectangle 1155" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 246.638)" fill="#949494"/>
<path id="Rectangle_1156" data-name="Rectangle 1156" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 246.638)" fill="#949494"/>
<g id="Group_153" data-name="Group 153">
<g id="Group_152" data-name="Group 152" clip-path="url(#clip-path)">
<path id="Rectangle_1157" data-name="Rectangle 1157" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 246.638)" fill="#949494"/>
<path id="Rectangle_1158" data-name="Rectangle 1158" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 205.546)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1160" data-name="Rectangle 1160" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 205.546)" fill="#949494"/>
<path id="Rectangle_1161" data-name="Rectangle 1161" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 205.546)" fill="#949494"/>
<path id="Rectangle_1162" data-name="Rectangle 1162" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 205.546)" fill="#949494"/>
<path id="Rectangle_1163" data-name="Rectangle 1163" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 205.546)" fill="#949494"/>
<path id="Rectangle_1164" data-name="Rectangle 1164" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 205.546)" fill="#949494"/>
<path id="Rectangle_1165" data-name="Rectangle 1165" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 205.546)" fill="#949494"/>
<path id="Rectangle_1166" data-name="Rectangle 1166" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 205.546)" fill="#949494"/>
<g id="Group_155" data-name="Group 155">
<g id="Group_154" data-name="Group 154" clip-path="url(#clip-path)">
<path id="Rectangle_1167" data-name="Rectangle 1167" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 205.546)" fill="#949494"/>
</g>
</g>
</g>
<g id="Group_1232" data-name="Group 1232" transform="translate(-4215 249)">
<g id="Group_141-2" data-name="Group 141">
<g id="Group_140-2" data-name="Group 140" clip-path="url(#clip-path)">
<path id="Rectangle_1080-2" data-name="Rectangle 1080" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 164.454)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1082-2" data-name="Rectangle 1082" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 164.454)" fill="#949494"/>
<path id="Rectangle_1083-2" data-name="Rectangle 1083" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 164.454)" fill="#949494"/>
<path id="Rectangle_1084-2" data-name="Rectangle 1084" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 164.454)" fill="#949494"/>
<path id="Rectangle_1085-2" data-name="Rectangle 1085" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 164.454)" fill="#949494"/>
<path id="Rectangle_1086-2" data-name="Rectangle 1086" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 164.454)" fill="#949494"/>
<path id="Rectangle_1087-2" data-name="Rectangle 1087" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 164.454)" fill="#949494"/>
<path id="Rectangle_1088-2" data-name="Rectangle 1088" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 164.454)" fill="#949494"/>
<g id="Group_143-2" data-name="Group 143">
<g id="Group_142-2" data-name="Group 142" clip-path="url(#clip-path)">
<path id="Rectangle_1089-2" data-name="Rectangle 1089" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 164.454)" fill="#949494"/>
<path id="Rectangle_1090-2" data-name="Rectangle 1090" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 123.362)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1092-2" data-name="Rectangle 1092" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 123.362)" fill="#949494"/>
<path id="Rectangle_1093-2" data-name="Rectangle 1093" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 123.362)" fill="#949494"/>
<path id="Rectangle_1094-2" data-name="Rectangle 1094" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 123.362)" fill="#949494"/>
<path id="Rectangle_1095-2" data-name="Rectangle 1095" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 123.362)" fill="#949494"/>
<path id="Rectangle_1096-2" data-name="Rectangle 1096" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 123.362)" fill="#949494"/>
<path id="Rectangle_1097-2" data-name="Rectangle 1097" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 123.362)" fill="#949494"/>
<path id="Rectangle_1098-2" data-name="Rectangle 1098" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 123.362)" fill="#949494"/>
<g id="Group_145-2" data-name="Group 145">
<g id="Group_144-2" data-name="Group 144" clip-path="url(#clip-path)">
<path id="Rectangle_1099-2" data-name="Rectangle 1099" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 123.362)" fill="#949494"/>
<path id="Rectangle_1100-2" data-name="Rectangle 1100" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 82.27)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1102-2" data-name="Rectangle 1102" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 82.27)" fill="#949494"/>
<path id="Rectangle_1103-2" data-name="Rectangle 1103" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 82.27)" fill="#949494"/>
<path id="Rectangle_1104-2" data-name="Rectangle 1104" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 82.27)" fill="#949494"/>
<path id="Rectangle_1105-2" data-name="Rectangle 1105" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 82.27)" fill="#949494"/>
<path id="Rectangle_1106-2" data-name="Rectangle 1106" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 82.27)" fill="#949494"/>
<path id="Rectangle_1107-2" data-name="Rectangle 1107" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 82.27)" fill="#949494"/>
<path id="Rectangle_1108-2" data-name="Rectangle 1108" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 82.27)" fill="#949494"/>
<g id="Group_147-2" data-name="Group 147">
<g id="Group_146-2" data-name="Group 146" clip-path="url(#clip-path)">
<path id="Rectangle_1109-2" data-name="Rectangle 1109" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 82.27)" fill="#949494"/>
<path id="Rectangle_1110-2" data-name="Rectangle 1110" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 41.178)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1112-2" data-name="Rectangle 1112" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 41.178)" fill="#949494"/>
<path id="Rectangle_1113-2" data-name="Rectangle 1113" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 41.178)" fill="#949494"/>
<path id="Rectangle_1114-2" data-name="Rectangle 1114" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 41.178)" fill="#949494"/>
<path id="Rectangle_1115-2" data-name="Rectangle 1115" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 41.178)" fill="#949494"/>
<path id="Rectangle_1116-2" data-name="Rectangle 1116" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 41.178)" fill="#949494"/>
<path id="Rectangle_1117-2" data-name="Rectangle 1117" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 41.178)" fill="#949494"/>
<path id="Rectangle_1118-2" data-name="Rectangle 1118" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 41.178)" fill="#949494"/>
<g id="Group_149-2" data-name="Group 149">
<g id="Group_148-2" data-name="Group 148" clip-path="url(#clip-path)">
<path id="Rectangle_1119-2" data-name="Rectangle 1119" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 41.178)" fill="#949494"/>
<path id="Rectangle_1120-2" data-name="Rectangle 1120" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 0.086)" fill="#949494"/>
<path id="Rectangle_1121-2" data-name="Rectangle 1121" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 0.086)" fill="#949494"/>
<path id="Rectangle_1122-2" data-name="Rectangle 1122" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 0.086)" fill="#949494"/>
<path id="Rectangle_1123-2" data-name="Rectangle 1123" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 0.086)" fill="#949494"/>
<path id="Rectangle_1124-2" data-name="Rectangle 1124" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 0.086)" fill="#949494"/>
<path id="Rectangle_1125-2" data-name="Rectangle 1125" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 0.086)" fill="#949494"/>
<path id="Rectangle_1126-2" data-name="Rectangle 1126" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 0.086)" fill="#949494"/>
<path id="Rectangle_1127-2" data-name="Rectangle 1127" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 0.086)" fill="#949494"/>
<path id="Rectangle_1128-2" data-name="Rectangle 1128" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 0.086)" fill="#949494"/>
<path id="Rectangle_1129-2" data-name="Rectangle 1129" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 328.822)" fill="#949494"/>
<path id="Rectangle_1130-2" data-name="Rectangle 1130" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 328.822)" fill="#949494"/>
<path id="Rectangle_1131-2" data-name="Rectangle 1131" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 328.822)" fill="#949494"/>
<path id="Rectangle_1132-2" data-name="Rectangle 1132" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 328.822)" fill="#949494"/>
<path id="Rectangle_1133-2" data-name="Rectangle 1133" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 328.822)" fill="#949494"/>
<path id="Rectangle_1134-2" data-name="Rectangle 1134" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 328.822)" fill="#949494"/>
<path id="Rectangle_1135-2" data-name="Rectangle 1135" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 328.822)" fill="#949494"/>
<path id="Rectangle_1136-2" data-name="Rectangle 1136" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 328.822)" fill="#949494"/>
<path id="Rectangle_1137-2" data-name="Rectangle 1137" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 328.822)" fill="#949494"/>
<path id="Rectangle_1138-2" data-name="Rectangle 1138" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 287.73)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1140-2" data-name="Rectangle 1140" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 287.73)" fill="#949494"/>
<path id="Rectangle_1141-2" data-name="Rectangle 1141" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 287.73)" fill="#949494"/>
<path id="Rectangle_1142-2" data-name="Rectangle 1142" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 287.73)" fill="#949494"/>
<path id="Rectangle_1143-2" data-name="Rectangle 1143" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 287.73)" fill="#949494"/>
<path id="Rectangle_1144-2" data-name="Rectangle 1144" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 287.73)" fill="#949494"/>
<path id="Rectangle_1145-2" data-name="Rectangle 1145" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 287.73)" fill="#949494"/>
<path id="Rectangle_1146-2" data-name="Rectangle 1146" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 287.73)" fill="#949494"/>
<g id="Group_151-2" data-name="Group 151">
<g id="Group_150-2" data-name="Group 150" clip-path="url(#clip-path)">
<path id="Rectangle_1147-2" data-name="Rectangle 1147" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 287.73)" fill="#949494"/>
<path id="Rectangle_1148-2" data-name="Rectangle 1148" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 246.638)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1150-2" data-name="Rectangle 1150" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 246.638)" fill="#949494"/>
<path id="Rectangle_1151-2" data-name="Rectangle 1151" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 246.638)" fill="#949494"/>
<path id="Rectangle_1152-2" data-name="Rectangle 1152" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 246.638)" fill="#949494"/>
<path id="Rectangle_1153-2" data-name="Rectangle 1153" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 246.638)" fill="#949494"/>
<path id="Rectangle_1154-2" data-name="Rectangle 1154" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 246.638)" fill="#949494"/>
<path id="Rectangle_1155-2" data-name="Rectangle 1155" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 246.638)" fill="#949494"/>
<path id="Rectangle_1156-2" data-name="Rectangle 1156" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 246.638)" fill="#949494"/>
<g id="Group_153-2" data-name="Group 153">
<g id="Group_152-2" data-name="Group 152" clip-path="url(#clip-path)">
<path id="Rectangle_1157-2" data-name="Rectangle 1157" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 246.638)" fill="#949494"/>
<path id="Rectangle_1158-2" data-name="Rectangle 1158" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(0.086 205.546)" fill="#949494"/>
</g>
</g>
<path id="Rectangle_1160-2" data-name="Rectangle 1160" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(41.178 205.546)" fill="#949494"/>
<path id="Rectangle_1161-2" data-name="Rectangle 1161" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(82.27 205.546)" fill="#949494"/>
<path id="Rectangle_1162-2" data-name="Rectangle 1162" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(123.362 205.546)" fill="#949494"/>
<path id="Rectangle_1163-2" data-name="Rectangle 1163" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(164.454 205.546)" fill="#949494"/>
<path id="Rectangle_1164-2" data-name="Rectangle 1164" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(205.546 205.546)" fill="#949494"/>
<path id="Rectangle_1165-2" data-name="Rectangle 1165" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(246.638 205.546)" fill="#949494"/>
<path id="Rectangle_1166-2" data-name="Rectangle 1166" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(287.73 205.546)" fill="#949494"/>
<g id="Group_155-2" data-name="Group 155">
<g id="Group_154-2" data-name="Group 154" clip-path="url(#clip-path)">
<path id="Rectangle_1167-2" data-name="Rectangle 1167" d="M-.25-.25H41.342V41.342H-.25Zm41.092.5H.25V40.842H40.842Z" transform="translate(328.822 205.546)" fill="#949494"/>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 31 KiB