/* Desktop CSS - Generated from LayoutGrindr */
/* Generated: 2026-01-08 01:47:19 */

/* Base styles - container always centered */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.parent {
    margin: 0 auto;
    position: relative;
}

/* Default styles (desktop 1910px+) */
.parent {
    max-width: 1854px;
display: grid;
    grid-template-columns: repeat(17, 94px);
    grid-template-rows: repeat(15, 94px);
    gap: 16px;
    grid-template-areas:
    "area-168 area-168 area-3 area-3 area-3 area-6 area-7 area-9 area-10 area-12 area-13 area-14 area-16 area-17 area-17 area-20 area-20"
    "area-1 area-2 area-3 area-3 area-3 area-8 area-8 area-11 area-11 area-15 area-15 area-15 area-18 area-17 area-17 area-20 area-20"
    "area-4 area-5 area-3 area-3 area-3 area-8 area-8 area-11 area-11 area-15 area-15 area-15 area-19 area-19 area-21 area-21 area-21"
    "area-22 area-22 area-23 area-23 area-24 area-24 area-25 area-25 area-25 area-15 area-15 area-15 area-19 area-19 area-21 area-21 area-21"
    "area-22 area-22 area-23 area-23 area-24 area-24 area-25 area-25 area-25 area-26 area-26 area-27 area-29 area-29 area-21 area-21 area-21"
    "area-33 area-35 area-35 area-36 area-38 area-38 area-25 area-25 area-25 area-26 area-26 area-28 area-29 area-29 area-30 area-30 area-31"
    "area-34 area-35 area-35 area-37 area-38 area-38 area-45 area-45 area-46 area-46 area-47 area-49 area-49 area-50 area-30 area-30 area-32"
    "area-39 area-40 area-41 area-42 area-43 area-44 area-45 area-45 area-46 area-46 area-48 area-49 area-49 area-51 area-52 area-53 area-54"
    "area-55 area-56 area-57 area-58 area-59 area-60 area-61 area-62 area-63 area-64 area-65 area-66 area-67 area-68 area-69 area-70 area-71"
    "area-72 area-73 area-74 area-75 area-76 area-77 area-78 area-79 area-80 area-81 area-82 area-83 area-84 area-85 area-86 area-87 area-88"
    "area-89 area-91 area-91 area-92 area-94 area-95 area-96 area-97 area-101 area-101 area-103 area-104 area-105 area-106 area-107 area-108 area-109"
    "area-90 area-91 area-91 area-93 area-98 area-99 area-100 area-102 area-101 area-101 area-110 area-111 area-112 area-113 area-114 area-115 area-116"
    "area-117 area-118 area-119 area-120 area-121 area-122 area-123 area-124 area-126 area-125 area-127 area-128 area-129 area-130 area-131 area-132 area-133"
    "area-134 area-135 area-136 area-137 area-138 area-139 area-140 area-141 area-142 area-143 area-144 area-145 area-146 area-147 area-148 area-149 area-150"
    "area-151 area-152 area-153 area-154 area-155 area-156 area-157 area-158 area-159 area-160 area-161 area-162 area-163 area-164 area-165 area-166 area-167";
}

.oag1 {
    grid-area: area-1;
}

.oag2 {
    grid-area: area-2;
}

.oag3 {
    grid-area: area-3;
}

.oag4 {
    grid-area: area-4;
}

.oag5 {
    grid-area: area-5;
}

.oag6 {
    grid-area: area-6;
}

.oag7 {
    grid-area: area-7;
}

.oag8 {
    grid-area: area-8;
}

.oag9 {
    grid-area: area-9;
}

.oag10 {
    grid-area: area-10;
}

.oag11 {
    grid-area: area-11;
}

.oag12 {
    grid-area: area-12;
}

.oag13 {
    grid-area: area-13;
}

.oag14 {
    grid-area: area-14;
}

.oag15 {
    grid-area: area-15;
}

.oag16 {
    grid-area: area-16;
}

.oag17 {
    grid-area: area-17;
}

.oag18 {
    grid-area: area-18;
}

.oag19 {
    grid-area: area-19;
}

.oag20 {
    grid-area: area-20;
}

.oag21 {
    grid-area: area-21;
}

.oag22 {
    grid-area: area-22;
}

.oag23 {
    grid-area: area-23;
}

.oag24 {
    grid-area: area-24;
}

.oag25 {
    grid-area: area-25;
}

.oag26 {
    grid-area: area-26;
}

.oag27 {
    grid-area: area-27;
}

.oag28 {
    grid-area: area-28;
}

.oag29 {
    grid-area: area-29;
}

.oag30 {
    grid-area: area-30;
}

.oag31 {
    grid-area: area-31;
}

.oag32 {
    grid-area: area-32;
}

.oag33 {
    grid-area: area-33;
}

.oag34 {
    grid-area: area-34;
}

.oag35 {
    grid-area: area-35;
}

.oag36 {
    grid-area: area-36;
}

.oag37 {
    grid-area: area-37;
}

.oag38 {
    grid-area: area-38;
}

.oag39 {
    grid-area: area-39;
}

.oag40 {
    grid-area: area-40;
}

.oag41 {
    grid-area: area-41;
}

.oag42 {
    grid-area: area-42;
}

.oag43 {
    grid-area: area-43;
}

.oag44 {
    grid-area: area-44;
}

.oag45 {
    grid-area: area-45;
}

.oag46 {
    grid-area: area-46;
}

.oag47 {
    grid-area: area-47;
}

.oag48 {
    grid-area: area-48;
}

.oag49 {
    grid-area: area-49;
}

.oag50 {
    grid-area: area-50;
}

.oag51 {
    grid-area: area-51;
}

.oag52 {
    grid-area: area-52;
}

.oag53 {
    grid-area: area-53;
}

.oag54 {
    grid-area: area-54;
}

.oag55 {
    grid-area: area-55;
}

.oag56 {
    grid-area: area-56;
}

.oag57 {
    grid-area: area-57;
}

.oag58 {
    grid-area: area-58;
}

.oag59 {
    grid-area: area-59;
}

.oag60 {
    grid-area: area-60;
}

.oag61 {
    grid-area: area-61;
}

.oag62 {
    grid-area: area-62;
}

.oag63 {
    grid-area: area-63;
}

.oag64 {
    grid-area: area-64;
}

.oag65 {
    grid-area: area-65;
}

.oag66 {
    grid-area: area-66;
}

.oag67 {
    grid-area: area-67;
}

.oag68 {
    grid-area: area-68;
}

.oag69 {
    grid-area: area-69;
}

.oag70 {
    grid-area: area-70;
}

.oag71 {
    grid-area: area-71;
}

.oag72 {
    grid-area: area-72;
}

.oag73 {
    grid-area: area-73;
}

.oag74 {
    grid-area: area-74;
}

.oag75 {
    grid-area: area-75;
}

.oag76 {
    grid-area: area-76;
}

.oag77 {
    grid-area: area-77;
}

.oag78 {
    grid-area: area-78;
}

.oag79 {
    grid-area: area-79;
}

.oag80 {
    grid-area: area-80;
}

.oag81 {
    grid-area: area-81;
}

.oag82 {
    grid-area: area-82;
}

.oag83 {
    grid-area: area-83;
}

.oag84 {
    grid-area: area-84;
}

.oag85 {
    grid-area: area-85;
}

.oag86 {
    grid-area: area-86;
}

.oag87 {
    grid-area: area-87;
}

.oag88 {
    grid-area: area-88;
}

.oag89 {
    grid-area: area-89;
}

.oag90 {
    grid-area: area-90;
}

.oag91 {
    grid-area: area-91;
}

.oag92 {
    grid-area: area-92;
}

.oag93 {
    grid-area: area-93;
}

.oag94 {
    grid-area: area-94;
}

.oag95 {
    grid-area: area-95;
}

.oag96 {
    grid-area: area-96;
}

.oag97 {
    grid-area: area-97;
}

.oag98 {
    grid-area: area-98;
}

.oag99 {
    grid-area: area-99;
}

.oag100 {
    grid-area: area-100;
}

.oag101 {
    grid-area: area-101;
}

.oag102 {
    grid-area: area-102;
}

.oag103 {
    grid-area: area-103;
}

.oag104 {
    grid-area: area-104;
}

.oag105 {
    grid-area: area-105;
}

.oag106 {
    grid-area: area-106;
}

.oag107 {
    grid-area: area-107;
}

.oag108 {
    grid-area: area-108;
}

.oag109 {
    grid-area: area-109;
}

.oag110 {
    grid-area: area-110;
}

.oag111 {
    grid-area: area-111;
}

.oag112 {
    grid-area: area-112;
}

.oag113 {
    grid-area: area-113;
}

.oag114 {
    grid-area: area-114;
}

.oag115 {
    grid-area: area-115;
}

.oag116 {
    grid-area: area-116;
}

.oag117 {
    grid-area: area-117;
}

.oag118 {
    grid-area: area-118;
}

.oag119 {
    grid-area: area-119;
}

.oag120 {
    grid-area: area-120;
}

.oag121 {
    grid-area: area-121;
}

.oag122 {
    grid-area: area-122;
}

.oag123 {
    grid-area: area-123;
}

.oag124 {
    grid-area: area-124;
}

.oag125 {
    grid-area: area-125;
}

.oag126 {
    grid-area: area-126;
}

.oag127 {
    grid-area: area-127;
}

.oag128 {
    grid-area: area-128;
}

.oag129 {
    grid-area: area-129;
}

.oag130 {
    grid-area: area-130;
}

.oag131 {
    grid-area: area-131;
}

.oag132 {
    grid-area: area-132;
}

.oag133 {
    grid-area: area-133;
}

.oag134 {
    grid-area: area-134;
}

.oag135 {
    grid-area: area-135;
}

.oag136 {
    grid-area: area-136;
}

.oag137 {
    grid-area: area-137;
}

.oag138 {
    grid-area: area-138;
}

.oag139 {
    grid-area: area-139;
}

.oag140 {
    grid-area: area-140;
}

.oag141 {
    grid-area: area-141;
}

.oag142 {
    grid-area: area-142;
}

.oag143 {
    grid-area: area-143;
}

.oag144 {
    grid-area: area-144;
}

.oag145 {
    grid-area: area-145;
}

.oag146 {
    grid-area: area-146;
}

.oag147 {
    grid-area: area-147;
}

.oag148 {
    grid-area: area-148;
}

.oag149 {
    grid-area: area-149;
}

.oag150 {
    grid-area: area-150;
}

.oag151 {
    grid-area: area-151;
}

.oag152 {
    grid-area: area-152;
}

.oag153 {
    grid-area: area-153;
}

.oag154 {
    grid-area: area-154;
}

.oag155 {
    grid-area: area-155;
}

.oag156 {
    grid-area: area-156;
}

.oag157 {
    grid-area: area-157;
}

.oag158 {
    grid-area: area-158;
}

.oag159 {
    grid-area: area-159;
}

.oag160 {
    grid-area: area-160;
}

.oag161 {
    grid-area: area-161;
}

.oag162 {
    grid-area: area-162;
}

.oag163 {
    grid-area: area-163;
}

.oag164 {
    grid-area: area-164;
}

.oag165 {
    grid-area: area-165;
}

.oag166 {
    grid-area: area-166;
}

.oag167 {
    grid-area: area-167;
}

.oag168 {
    grid-area: area-168;
}



/* Desktop: 1869px and below - grid-1869 */
@media (max-width: 1869px) {
    .parent {
        max-width: 1634px;
        display: grid;
            grid-template-columns: repeat(15, 94px);
            grid-template-rows: repeat(15, 94px);
            gap: 16px;
            grid-template-areas:
            "area-153 area-2 area-4 area-4 area-4 area-9 area-9 area-12 area-12 area-12 area-13 area-14 area-18 area-19 area-19"
            "area-1 area-3 area-4 area-4 area-4 area-9 area-9 area-12 area-12 area-12 area-15 area-15 area-16 area-19 area-19"
            "area-5 area-5 area-4 area-4 area-4 area-10 area-11 area-12 area-12 area-12 area-15 area-15 area-17 area-20 area-21"
            "area-5 area-5 area-6 area-7 area-8 area-22 area-23 area-24 area-25 area-26 area-26 area-27 area-29 area-29 area-30"
            "area-32 area-33 area-34 area-35 area-36 area-37 area-37 area-38 area-39 area-26 area-26 area-28 area-29 area-29 area-31"
            "area-41 area-40 area-40 area-40 area-44 area-37 area-37 area-51 area-52 area-56 area-57 area-60 area-60 area-63 area-64"
            "area-42 area-40 area-40 area-40 area-45 area-47 area-48 area-53 area-54 area-54 area-58 area-60 area-60 area-65 area-66"
            "area-43 area-40 area-40 area-40 area-46 area-49 area-50 area-55 area-54 area-54 area-59 area-61 area-62 area-67 area-68"
            "area-69 area-70 area-71 area-72 area-73 area-74 area-75 area-76 area-77 area-78 area-79 area-80 area-81 area-82 area-83"
            "area-84 area-85 area-86 area-87 area-87 area-88 area-89 area-90 area-91 area-92 area-93 area-94 area-95 area-95 area-96"
            "area-97 area-98 area-99 area-87 area-87 area-100 area-102 area-101 area-103 area-104 area-105 area-106 area-95 area-95 area-107"
            "area-108 area-109 area-110 area-111 area-112 area-113 area-114 area-115 area-116 area-117 area-118 area-119 area-120 area-121 area-122"
            "area-123 area-124 area-125 area-126 area-127 area-128 area-129 area-130 area-131 area-132 area-133 area-134 area-135 area-136 area-137"
            "area-138 area-139 area-140 area-141 area-142 area-143 area-144 area-145 area-146 area-147 area-148 area-149 area-150 area-151 area-152"
            ". . . . . . . . . . . . . . .";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
    
    .oag62 {
        grid-area: area-62;
    }
    
    .oag63 {
        grid-area: area-63;
    }
    
    .oag64 {
        grid-area: area-64;
    }
    
    .oag65 {
        grid-area: area-65;
    }
    
    .oag66 {
        grid-area: area-66;
    }
    
    .oag67 {
        grid-area: area-67;
    }
    
    .oag68 {
        grid-area: area-68;
    }
    
    .oag69 {
        grid-area: area-69;
    }
    
    .oag70 {
        grid-area: area-70;
    }
    
    .oag71 {
        grid-area: area-71;
    }
    
    .oag72 {
        grid-area: area-72;
    }
    
    .oag73 {
        grid-area: area-73;
    }
    
    .oag74 {
        grid-area: area-74;
    }
    
    .oag75 {
        grid-area: area-75;
    }
    
    .oag76 {
        grid-area: area-76;
    }
    
    .oag77 {
        grid-area: area-77;
    }
    
    .oag78 {
        grid-area: area-78;
    }
    
    .oag79 {
        grid-area: area-79;
    }
    
    .oag80 {
        grid-area: area-80;
    }
    
    .oag81 {
        grid-area: area-81;
    }
    
    .oag82 {
        grid-area: area-82;
    }
    
    .oag83 {
        grid-area: area-83;
    }
    
    .oag84 {
        grid-area: area-84;
    }
    
    .oag85 {
        grid-area: area-85;
    }
    
    .oag86 {
        grid-area: area-86;
    }
    
    .oag87 {
        grid-area: area-87;
    }
    
    .oag88 {
        grid-area: area-88;
    }
    
    .oag89 {
        grid-area: area-89;
    }
    
    .oag90 {
        grid-area: area-90;
    }
    
    .oag91 {
        grid-area: area-91;
    }
    
    .oag92 {
        grid-area: area-92;
    }
    
    .oag93 {
        grid-area: area-93;
    }
    
    .oag94 {
        grid-area: area-94;
    }
    
    .oag95 {
        grid-area: area-95;
    }
    
    .oag96 {
        grid-area: area-96;
    }
    
    .oag97 {
        grid-area: area-97;
    }
    
    .oag98 {
        grid-area: area-98;
    }
    
    .oag99 {
        grid-area: area-99;
    }
    
    .oag100 {
        grid-area: area-100;
    }
    
    .oag101 {
        grid-area: area-101;
    }
    
    .oag102 {
        grid-area: area-102;
    }
    
    .oag103 {
        grid-area: area-103;
    }
    
    .oag104 {
        grid-area: area-104;
    }
    
    .oag105 {
        grid-area: area-105;
    }
    
    .oag106 {
        grid-area: area-106;
    }
    
    .oag107 {
        grid-area: area-107;
    }
    
    .oag108 {
        grid-area: area-108;
    }
    
    .oag109 {
        grid-area: area-109;
    }
    
    .oag110 {
        grid-area: area-110;
    }
    
    .oag111 {
        grid-area: area-111;
    }
    
    .oag112 {
        grid-area: area-112;
    }
    
    .oag113 {
        grid-area: area-113;
    }
    
    .oag114 {
        grid-area: area-114;
    }
    
    .oag115 {
        grid-area: area-115;
    }
    
    .oag116 {
        grid-area: area-116;
    }
    
    .oag117 {
        grid-area: area-117;
    }
    
    .oag118 {
        grid-area: area-118;
    }
    
    .oag119 {
        grid-area: area-119;
    }
    
    .oag120 {
        grid-area: area-120;
    }
    
    .oag121 {
        grid-area: area-121;
    }
    
    .oag122 {
        grid-area: area-122;
    }
    
    .oag123 {
        grid-area: area-123;
    }
    
    .oag124 {
        grid-area: area-124;
    }
    
    .oag125 {
        grid-area: area-125;
    }
    
    .oag126 {
        grid-area: area-126;
    }
    
    .oag127 {
        grid-area: area-127;
    }
    
    .oag128 {
        grid-area: area-128;
    }
    
    .oag129 {
        grid-area: area-129;
    }
    
    .oag130 {
        grid-area: area-130;
    }
    
    .oag131 {
        grid-area: area-131;
    }
    
    .oag132 {
        grid-area: area-132;
    }
    
    .oag133 {
        grid-area: area-133;
    }
    
    .oag134 {
        grid-area: area-134;
    }
    
    .oag135 {
        grid-area: area-135;
    }
    
    .oag136 {
        grid-area: area-136;
    }
    
    .oag137 {
        grid-area: area-137;
    }
    
    .oag138 {
        grid-area: area-138;
    }
    
    .oag139 {
        grid-area: area-139;
    }
    
    .oag140 {
        grid-area: area-140;
    }
    
    .oag141 {
        grid-area: area-141;
    }
    
    .oag142 {
        grid-area: area-142;
    }
    
    .oag143 {
        grid-area: area-143;
    }
    
    .oag144 {
        grid-area: area-144;
    }
    
    .oag145 {
        grid-area: area-145;
    }
    
    .oag146 {
        grid-area: area-146;
    }
    
    .oag147 {
        grid-area: area-147;
    }
    
    .oag148 {
        grid-area: area-148;
    }
    
    .oag149 {
        grid-area: area-149;
    }
    
    .oag150 {
        grid-area: area-150;
    }
    
    .oag151 {
        grid-area: area-151;
    }
    
    .oag152 {
        grid-area: area-152;
    }
    
    .oag153 {
        grid-area: area-153;
    }
}

/* Desktop: 1539px and below - grid-1539 */
@media (max-width: 1539px) {
    .parent {
        max-width: 1304px;
        display: grid;
            grid-template-columns: repeat(12, 94px);
            grid-template-rows: repeat(12, 94px);
            gap: 16px;
            grid-template-areas:
            "area-98 area-2 area-2 area-3 area-3 area-3 area-7 area-7 area-10 area-11 area-13 area-13"
            "area-1 area-2 area-2 area-3 area-3 area-3 area-7 area-7 area-12 area-12 area-13 area-13"
            "area-4 area-5 area-6 area-3 area-3 area-3 area-8 area-9 area-12 area-12 area-14 area-15"
            "area-16 area-16 area-17 area-19 area-20 area-21 area-21 area-24 area-24 area-24 area-25 area-25"
            "area-16 area-16 area-18 area-22 area-23 area-21 area-21 area-24 area-24 area-24 area-25 area-25"
            "area-28 area-29 area-30 area-31 area-32 area-33 area-34 area-24 area-24 area-24 area-26 area-27"
            "area-35 area-36 area-37 area-38 area-38 area-39 area-40 area-41 area-42 area-43 area-44 area-45"
            "area-46 area-47 area-48 area-38 area-38 area-49 area-50 area-51 area-52 area-53 area-54 area-55"
            "area-56 area-57 area-58 area-59 area-60 area-61 area-62 area-63 area-64 area-65 area-66 area-67"
            "area-69 area-71 area-72 area-72 area-74 area-76 area-75 area-68 area-68 area-80 area-81 area-82"
            "area-70 area-73 area-72 area-72 area-77 area-78 area-79 area-68 area-68 area-83 area-84 area-85"
            "area-86 area-87 area-88 area-89 area-90 area-91 area-92 area-93 area-94 area-95 area-96 area-97";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
    
    .oag62 {
        grid-area: area-62;
    }
    
    .oag63 {
        grid-area: area-63;
    }
    
    .oag64 {
        grid-area: area-64;
    }
    
    .oag65 {
        grid-area: area-65;
    }
    
    .oag66 {
        grid-area: area-66;
    }
    
    .oag67 {
        grid-area: area-67;
    }
    
    .oag68 {
        grid-area: area-68;
    }
    
    .oag69 {
        grid-area: area-69;
    }
    
    .oag70 {
        grid-area: area-70;
    }
    
    .oag71 {
        grid-area: area-71;
    }
    
    .oag72 {
        grid-area: area-72;
    }
    
    .oag73 {
        grid-area: area-73;
    }
    
    .oag74 {
        grid-area: area-74;
    }
    
    .oag75 {
        grid-area: area-75;
    }
    
    .oag76 {
        grid-area: area-76;
    }
    
    .oag77 {
        grid-area: area-77;
    }
    
    .oag78 {
        grid-area: area-78;
    }
    
    .oag79 {
        grid-area: area-79;
    }
    
    .oag80 {
        grid-area: area-80;
    }
    
    .oag81 {
        grid-area: area-81;
    }
    
    .oag82 {
        grid-area: area-82;
    }
    
    .oag83 {
        grid-area: area-83;
    }
    
    .oag84 {
        grid-area: area-84;
    }
    
    .oag85 {
        grid-area: area-85;
    }
    
    .oag86 {
        grid-area: area-86;
    }
    
    .oag87 {
        grid-area: area-87;
    }
    
    .oag88 {
        grid-area: area-88;
    }
    
    .oag89 {
        grid-area: area-89;
    }
    
    .oag90 {
        grid-area: area-90;
    }
    
    .oag91 {
        grid-area: area-91;
    }
    
    .oag92 {
        grid-area: area-92;
    }
    
    .oag93 {
        grid-area: area-93;
    }
    
    .oag94 {
        grid-area: area-94;
    }
    
    .oag95 {
        grid-area: area-95;
    }
    
    .oag96 {
        grid-area: area-96;
    }
    
    .oag97 {
        grid-area: area-97;
    }
    
    .oag98 {
        grid-area: area-98;
    }
}

/* Desktop: 1319px and below - grid-1319 */
@media (max-width: 1319px) {
    .parent {
        max-width: 1194px;
        display: grid;
            grid-template-columns: repeat(11, 94px);
            grid-template-rows: repeat(14, 94px);
            gap: 16px;
            grid-template-areas:
            "area-119 area-2 area-2 area-3 area-3 area-3 area-7 area-9 area-9 area-10 area-10"
            "area-1 area-2 area-2 area-3 area-3 area-3 area-8 area-9 area-9 area-10 area-10"
            "area-4 area-5 area-6 area-3 area-3 area-3 area-11 area-11 area-12 area-12 area-14"
            "area-15 area-16 area-16 area-19 area-18 area-18 area-11 area-11 area-12 area-12 area-13"
            "area-17 area-16 area-16 area-20 area-18 area-18 area-21 area-22 area-23 area-24 area-25"
            "area-26 area-27 area-28 area-29 area-31 area-30 area-32 area-33 area-34 area-35 area-36"
            "area-37 area-38 area-39 area-40 area-41 area-42 area-43 area-44 area-44 area-45 area-46"
            "area-47 area-48 area-49 area-50 area-51 area-52 area-53 area-44 area-44 area-54 area-55"
            "area-57 area-56 area-56 area-59 area-60 area-62 area-61 area-63 area-64 area-65 area-66"
            "area-58 area-56 area-56 area-67 area-68 area-69 area-70 area-71 area-72 area-73 area-74"
            "area-75 area-76 area-77 area-78 area-79 area-80 area-81 area-82 area-83 area-84 area-85"
            "area-86 area-87 area-88 area-89 area-90 area-91 area-93 area-92 area-94 area-95 area-96"
            "area-97 area-98 area-99 area-100 area-101 area-102 area-103 area-104 area-105 area-106 area-107"
            "area-108 area-109 area-110 area-111 area-112 area-113 area-114 area-115 area-116 area-117 area-118";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
    
    .oag62 {
        grid-area: area-62;
    }
    
    .oag63 {
        grid-area: area-63;
    }
    
    .oag64 {
        grid-area: area-64;
    }
    
    .oag65 {
        grid-area: area-65;
    }
    
    .oag66 {
        grid-area: area-66;
    }
    
    .oag67 {
        grid-area: area-67;
    }
    
    .oag68 {
        grid-area: area-68;
    }
    
    .oag69 {
        grid-area: area-69;
    }
    
    .oag70 {
        grid-area: area-70;
    }
    
    .oag71 {
        grid-area: area-71;
    }
    
    .oag72 {
        grid-area: area-72;
    }
    
    .oag73 {
        grid-area: area-73;
    }
    
    .oag74 {
        grid-area: area-74;
    }
    
    .oag75 {
        grid-area: area-75;
    }
    
    .oag76 {
        grid-area: area-76;
    }
    
    .oag77 {
        grid-area: area-77;
    }
    
    .oag78 {
        grid-area: area-78;
    }
    
    .oag79 {
        grid-area: area-79;
    }
    
    .oag80 {
        grid-area: area-80;
    }
    
    .oag81 {
        grid-area: area-81;
    }
    
    .oag82 {
        grid-area: area-82;
    }
    
    .oag83 {
        grid-area: area-83;
    }
    
    .oag84 {
        grid-area: area-84;
    }
    
    .oag85 {
        grid-area: area-85;
    }
    
    .oag86 {
        grid-area: area-86;
    }
    
    .oag87 {
        grid-area: area-87;
    }
    
    .oag88 {
        grid-area: area-88;
    }
    
    .oag89 {
        grid-area: area-89;
    }
    
    .oag90 {
        grid-area: area-90;
    }
    
    .oag91 {
        grid-area: area-91;
    }
    
    .oag92 {
        grid-area: area-92;
    }
    
    .oag93 {
        grid-area: area-93;
    }
    
    .oag94 {
        grid-area: area-94;
    }
    
    .oag95 {
        grid-area: area-95;
    }
    
    .oag96 {
        grid-area: area-96;
    }
    
    .oag97 {
        grid-area: area-97;
    }
    
    .oag98 {
        grid-area: area-98;
    }
    
    .oag99 {
        grid-area: area-99;
    }
    
    .oag100 {
        grid-area: area-100;
    }
    
    .oag101 {
        grid-area: area-101;
    }
    
    .oag102 {
        grid-area: area-102;
    }
    
    .oag103 {
        grid-area: area-103;
    }
    
    .oag104 {
        grid-area: area-104;
    }
    
    .oag105 {
        grid-area: area-105;
    }
    
    .oag106 {
        grid-area: area-106;
    }
    
    .oag107 {
        grid-area: area-107;
    }
    
    .oag108 {
        grid-area: area-108;
    }
    
    .oag109 {
        grid-area: area-109;
    }
    
    .oag110 {
        grid-area: area-110;
    }
    
    .oag111 {
        grid-area: area-111;
    }
    
    .oag112 {
        grid-area: area-112;
    }
    
    .oag113 {
        grid-area: area-113;
    }
    
    .oag114 {
        grid-area: area-114;
    }
    
    .oag115 {
        grid-area: area-115;
    }
    
    .oag116 {
        grid-area: area-116;
    }
    
    .oag117 {
        grid-area: area-117;
    }
    
    .oag118 {
        grid-area: area-118;
    }
    
    .oag119 {
        grid-area: area-119;
    }
}

/* Desktop: 1209px and below - grid-1209 */
@media (max-width: 1209px) {
    .parent {
        max-width: 974px;
        display: grid;
            grid-template-columns: repeat(9, 94px);
            grid-template-rows: repeat(16, 94px);
            gap: 16px;
            grid-template-areas:
            "area-107 area-2 area-2 area-3 area-3 area-3 area-5 area-4 area-4"
            "area-1 area-2 area-2 area-3 area-3 area-3 area-6 area-4 area-4"
            "area-7 area-8 area-9 area-3 area-3 area-3 area-12 area-12 area-10"
            "area-16 area-16 area-17 area-15 area-14 area-13 area-12 area-12 area-11"
            "area-16 area-16 area-18 area-19 area-20 area-21 area-22 area-23 area-24"
            "area-32 area-31 area-30 area-25 area-25 area-26 area-26 area-26 area-27"
            "area-33 area-34 area-35 area-25 area-25 area-26 area-26 area-26 area-28"
            "area-36 area-37 area-37 area-38 area-39 area-26 area-26 area-26 area-29"
            "area-40 area-37 area-37 area-41 area-42 area-43 area-44 area-45 area-46"
            "area-47 area-48 area-49 area-50 area-51 area-52 area-53 area-54 area-55"
            "area-56 area-57 area-58 area-59 area-60 area-60 area-61 area-62 area-63"
            "area-64 area-65 area-66 area-67 area-60 area-60 area-68 area-69 area-70"
            "area-71 area-72 area-73 area-74 area-75 area-76 area-77 area-78 area-79"
            "area-80 area-81 area-82 area-83 area-84 area-85 area-86 area-87 area-88"
            "area-89 area-90 area-91 area-92 area-93 area-94 area-95 area-96 area-97"
            "area-98 area-99 area-100 area-101 area-102 area-103 area-104 area-105 area-106";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
    
    .oag62 {
        grid-area: area-62;
    }
    
    .oag63 {
        grid-area: area-63;
    }
    
    .oag64 {
        grid-area: area-64;
    }
    
    .oag65 {
        grid-area: area-65;
    }
    
    .oag66 {
        grid-area: area-66;
    }
    
    .oag67 {
        grid-area: area-67;
    }
    
    .oag68 {
        grid-area: area-68;
    }
    
    .oag69 {
        grid-area: area-69;
    }
    
    .oag70 {
        grid-area: area-70;
    }
    
    .oag71 {
        grid-area: area-71;
    }
    
    .oag72 {
        grid-area: area-72;
    }
    
    .oag73 {
        grid-area: area-73;
    }
    
    .oag74 {
        grid-area: area-74;
    }
    
    .oag75 {
        grid-area: area-75;
    }
    
    .oag76 {
        grid-area: area-76;
    }
    
    .oag77 {
        grid-area: area-77;
    }
    
    .oag78 {
        grid-area: area-78;
    }
    
    .oag79 {
        grid-area: area-79;
    }
    
    .oag80 {
        grid-area: area-80;
    }
    
    .oag81 {
        grid-area: area-81;
    }
    
    .oag82 {
        grid-area: area-82;
    }
    
    .oag83 {
        grid-area: area-83;
    }
    
    .oag84 {
        grid-area: area-84;
    }
    
    .oag85 {
        grid-area: area-85;
    }
    
    .oag86 {
        grid-area: area-86;
    }
    
    .oag87 {
        grid-area: area-87;
    }
    
    .oag88 {
        grid-area: area-88;
    }
    
    .oag89 {
        grid-area: area-89;
    }
    
    .oag90 {
        grid-area: area-90;
    }
    
    .oag91 {
        grid-area: area-91;
    }
    
    .oag92 {
        grid-area: area-92;
    }
    
    .oag93 {
        grid-area: area-93;
    }
    
    .oag94 {
        grid-area: area-94;
    }
    
    .oag95 {
        grid-area: area-95;
    }
    
    .oag96 {
        grid-area: area-96;
    }
    
    .oag97 {
        grid-area: area-97;
    }
    
    .oag98 {
        grid-area: area-98;
    }
    
    .oag99 {
        grid-area: area-99;
    }
    
    .oag100 {
        grid-area: area-100;
    }
    
    .oag101 {
        grid-area: area-101;
    }
    
    .oag102 {
        grid-area: area-102;
    }
    
    .oag103 {
        grid-area: area-103;
    }
    
    .oag104 {
        grid-area: area-104;
    }
    
    .oag105 {
        grid-area: area-105;
    }
    
    .oag106 {
        grid-area: area-106;
    }
    
    .oag107 {
        grid-area: area-107;
    }
}

/* Desktop: 990px and below - grid-990 */
@media (max-width: 990px) {
    .parent {
        max-width: 754px;
        display: grid;
            grid-template-columns: repeat(7, 94px);
            grid-template-rows: repeat(16, 94px);
            gap: 16px;
            grid-template-areas:
            "area-86 area-2 area-2 area-3 area-5 area-5 area-5"
            "area-1 area-2 area-2 area-4 area-5 area-5 area-5"
            "area-6 area-6 area-7 area-7 area-5 area-5 area-5"
            "area-6 area-6 area-7 area-7 area-8 area-9 area-10"
            "area-11 area-12 area-13 area-14 area-15 area-16 area-17"
            "area-18 area-19 area-19 area-21 area-23 area-24 area-25"
            "area-20 area-19 area-19 area-22 area-26 area-27 area-28"
            "area-29 area-30 area-31 area-32 area-33 area-33 area-34"
            "area-36 area-37 area-38 area-39 area-33 area-33 area-35"
            "area-40 area-41 area-42 area-43 area-44 area-45 area-46"
            "area-47 area-48 area-49 area-50 area-51 area-52 area-53"
            "area-54 area-55 area-55 area-56 area-57 area-58 area-59"
            "area-60 area-55 area-55 area-61 area-62 area-64 area-63"
            "area-65 area-66 area-67 area-68 area-69 area-70 area-71"
            "area-72 area-73 area-74 area-75 area-76 area-77 area-78"
            "area-79 area-80 area-81 area-82 area-83 area-84 area-85";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
    
    .oag62 {
        grid-area: area-62;
    }
    
    .oag63 {
        grid-area: area-63;
    }
    
    .oag64 {
        grid-area: area-64;
    }
    
    .oag65 {
        grid-area: area-65;
    }
    
    .oag66 {
        grid-area: area-66;
    }
    
    .oag67 {
        grid-area: area-67;
    }
    
    .oag68 {
        grid-area: area-68;
    }
    
    .oag69 {
        grid-area: area-69;
    }
    
    .oag70 {
        grid-area: area-70;
    }
    
    .oag71 {
        grid-area: area-71;
    }
    
    .oag72 {
        grid-area: area-72;
    }
    
    .oag73 {
        grid-area: area-73;
    }
    
    .oag74 {
        grid-area: area-74;
    }
    
    .oag75 {
        grid-area: area-75;
    }
    
    .oag76 {
        grid-area: area-76;
    }
    
    .oag77 {
        grid-area: area-77;
    }
    
    .oag78 {
        grid-area: area-78;
    }
    
    .oag79 {
        grid-area: area-79;
    }
    
    .oag80 {
        grid-area: area-80;
    }
    
    .oag81 {
        grid-area: area-81;
    }
    
    .oag82 {
        grid-area: area-82;
    }
    
    .oag83 {
        grid-area: area-83;
    }
    
    .oag84 {
        grid-area: area-84;
    }
    
    .oag85 {
        grid-area: area-85;
    }
    
    .oag86 {
        grid-area: area-86;
    }
}

/* Ensure parent grid items are visible */
.parent > div {
    position: relative;
}