.building {
    display:none;
}
.building.visible {
    display:block;
}

#grid-area[data-deepest-level="0"] {
    height: calc(var(--cell-size) * (0 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="1"] {
    height: calc(var(--cell-size) * (1 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="2"] {
    height: calc(var(--cell-size) * (2 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="3"] {
    height: calc(var(--cell-size) * (3 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="4"] {
    height: calc(var(--cell-size) * (4 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="5"] {
    height: calc(var(--cell-size) * (5 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="6"] {
    height: calc(var(--cell-size) * (6 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="7"] {
    height: calc(var(--cell-size) * (7 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="8"] {
    height: calc(var(--cell-size) * (8 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="9"] {
    height: calc(var(--cell-size) * (9 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="10"] {
    height: calc(var(--cell-size) * (10 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="11"] {
    height: calc(var(--cell-size) * (11 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="12"] {
    height: calc(var(--cell-size) * (12 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="13"] {
    height: calc(var(--cell-size) * (13 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="14"] {
    height: calc(var(--cell-size) * (14 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="15"] {
    height: calc(var(--cell-size) * (15 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="16"] {
    height: calc(var(--cell-size) * (16 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="17"] {
    height: calc(var(--cell-size) * (17 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="18"] {
    height: calc(var(--cell-size) * (18 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="19"] {
    height: calc(var(--cell-size) * (19 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="20"] {
    height: calc(var(--cell-size) * (20 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="21"] {
    height: calc(var(--cell-size) * (21 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="22"] {
    height: calc(var(--cell-size) * (22 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="23"] {
    height: calc(var(--cell-size) * (23 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="24"] {
    height: calc(var(--cell-size) * (24 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="25"] {
    height: calc(var(--cell-size) * (25 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="26"] {
    height: calc(var(--cell-size) * (26 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="27"] {
    height: calc(var(--cell-size) * (27 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="28"] {
    height: calc(var(--cell-size) * (28 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="29"] {
    height: calc(var(--cell-size) * (29 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="30"] {
    height: calc(var(--cell-size) * (30 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="31"] {
    height: calc(var(--cell-size) * (31 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="32"] {
    height: calc(var(--cell-size) * (32 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="33"] {
    height: calc(var(--cell-size) * (33 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="34"] {
    height: calc(var(--cell-size) * (34 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="35"] {
    height: calc(var(--cell-size) * (35 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="36"] {
    height: calc(var(--cell-size) * (36 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="37"] {
    height: calc(var(--cell-size) * (37 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="38"] {
    height: calc(var(--cell-size) * (38 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="39"] {
    height: calc(var(--cell-size) * (39 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="40"] {
    height: calc(var(--cell-size) * (40 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="41"] {
    height: calc(var(--cell-size) * (41 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="42"] {
    height: calc(var(--cell-size) * (42 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="43"] {
    height: calc(var(--cell-size) * (43 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="44"] {
    height: calc(var(--cell-size) * (44 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="45"] {
    height: calc(var(--cell-size) * (45 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="46"] {
    height: calc(var(--cell-size) * (46 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="47"] {
    height: calc(var(--cell-size) * (47 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="48"] {
    height: calc(var(--cell-size) * (48 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="49"] {
    height: calc(var(--cell-size) * (49 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="50"] {
    height: calc(var(--cell-size) * (50 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="51"] {
    height: calc(var(--cell-size) * (51 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="52"] {
    height: calc(var(--cell-size) * (52 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="53"] {
    height: calc(var(--cell-size) * (53 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="54"] {
    height: calc(var(--cell-size) * (54 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="55"] {
    height: calc(var(--cell-size) * (55 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="56"] {
    height: calc(var(--cell-size) * (56 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="57"] {
    height: calc(var(--cell-size) * (57 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="58"] {
    height: calc(var(--cell-size) * (58 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="59"] {
    height: calc(var(--cell-size) * (59 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="60"] {
    height: calc(var(--cell-size) * (60 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="61"] {
    height: calc(var(--cell-size) * (61 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="62"] {
    height: calc(var(--cell-size) * (62 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="63"] {
    height: calc(var(--cell-size) * (63 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="64"] {
    height: calc(var(--cell-size) * (64 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="65"] {
    height: calc(var(--cell-size) * (65 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="66"] {
    height: calc(var(--cell-size) * (66 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="67"] {
    height: calc(var(--cell-size) * (67 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="68"] {
    height: calc(var(--cell-size) * (68 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="69"] {
    height: calc(var(--cell-size) * (69 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="70"] {
    height: calc(var(--cell-size) * (70 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="71"] {
    height: calc(var(--cell-size) * (71 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="72"] {
    height: calc(var(--cell-size) * (72 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="73"] {
    height: calc(var(--cell-size) * (73 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="74"] {
    height: calc(var(--cell-size) * (74 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="75"] {
    height: calc(var(--cell-size) * (75 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="76"] {
    height: calc(var(--cell-size) * (76 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="77"] {
    height: calc(var(--cell-size) * (77 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="78"] {
    height: calc(var(--cell-size) * (78 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="79"] {
    height: calc(var(--cell-size) * (79 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="80"] {
    height: calc(var(--cell-size) * (80 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="81"] {
    height: calc(var(--cell-size) * (81 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="82"] {
    height: calc(var(--cell-size) * (82 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="83"] {
    height: calc(var(--cell-size) * (83 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="84"] {
    height: calc(var(--cell-size) * (84 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="85"] {
    height: calc(var(--cell-size) * (85 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="86"] {
    height: calc(var(--cell-size) * (86 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="87"] {
    height: calc(var(--cell-size) * (87 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="88"] {
    height: calc(var(--cell-size) * (88 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="89"] {
    height: calc(var(--cell-size) * (89 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="90"] {
    height: calc(var(--cell-size) * (90 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="91"] {
    height: calc(var(--cell-size) * (91 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="92"] {
    height: calc(var(--cell-size) * (92 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="93"] {
    height: calc(var(--cell-size) * (93 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="94"] {
    height: calc(var(--cell-size) * (94 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="95"] {
    height: calc(var(--cell-size) * (95 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="96"] {
    height: calc(var(--cell-size) * (96 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="97"] {
    height: calc(var(--cell-size) * (97 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="98"] {
    height: calc(var(--cell-size) * (98 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="99"] {
    height: calc(var(--cell-size) * (99 + var(--grid-area-look-ahead-cells)));
}
#grid-area[data-deepest-level="100"] {
    height: calc(var(--cell-size) * (100 + var(--grid-area-look-ahead-cells)));
}