@alfalab/core-components-universal-modal 3.2.2 → 3.2.3

package/moderncssm/desktop/components/side-modal/index.module.css

@@ -47,1048 +47,1165 @@
         padding-bottom: var(--gap-0);
     }
 
-:root {
-    --hug-content-top-gap: 0px;
-    --hug-content-bottom-gap: 0px;
-}
-
 .hugContent {
-    max-height: calc(100% - var(--hug-content-top-gap) - var(--hug-content-bottom-gap));
-    margin-top: var(--hug-content-top-gap);
-    margin-bottom: var(--hug-content-bottom-gap);
+    max-height: 100%;
 }
 
-.hugContent.topGap-0 {
-            --hug-content-top-gap: 0px;
-        }
+.hugContent.hugGap-0-0 {
+                max-height: calc(100% - 0px - 0px);
+            }
 
-.hugContent.bottomGap-0 {
-            --hug-content-bottom-gap: 0px;
-        }
+.hugContent.hugGap-0-2 {
+                max-height: calc(100% - 0px - 2px);
+            }
 
-.hugContent.topGap-1 {
-            --hug-content-top-gap: 1px;
-        }
+.hugContent.hugGap-0-4 {
+                max-height: calc(100% - 0px - 4px);
+            }
 
-.hugContent.bottomGap-1 {
-            --hug-content-bottom-gap: 1px;
-        }
+.hugContent.hugGap-0-8 {
+                max-height: calc(100% - 0px - 8px);
+            }
 
-.hugContent.topGap-2 {
-            --hug-content-top-gap: 2px;
-        }
+.hugContent.hugGap-0-12 {
+                max-height: calc(100% - 0px - 12px);
+            }
 
-.hugContent.bottomGap-2 {
-            --hug-content-bottom-gap: 2px;
-        }
+.hugContent.hugGap-0-16 {
+                max-height: calc(100% - 0px - 16px);
+            }
 
-.hugContent.topGap-3 {
-            --hug-content-top-gap: 3px;
-        }
+.hugContent.hugGap-0-20 {
+                max-height: calc(100% - 0px - 20px);
+            }
 
-.hugContent.bottomGap-3 {
-            --hug-content-bottom-gap: 3px;
-        }
+.hugContent.hugGap-0-24 {
+                max-height: calc(100% - 0px - 24px);
+            }
 
-.hugContent.topGap-4 {
-            --hug-content-top-gap: 4px;
-        }
+.hugContent.hugGap-0-32 {
+                max-height: calc(100% - 0px - 32px);
+            }
 
-.hugContent.bottomGap-4 {
-            --hug-content-bottom-gap: 4px;
-        }
+.hugContent.hugGap-0-40 {
+                max-height: calc(100% - 0px - 40px);
+            }
 
-.hugContent.topGap-5 {
-            --hug-content-top-gap: 5px;
-        }
+.hugContent.hugGap-0-48 {
+                max-height: calc(100% - 0px - 48px);
+            }
 
-.hugContent.bottomGap-5 {
-            --hug-content-bottom-gap: 5px;
-        }
+.hugContent.hugGap-0-56 {
+                max-height: calc(100% - 0px - 56px);
+            }
 
-.hugContent.topGap-6 {
-            --hug-content-top-gap: 6px;
-        }
+.hugContent.hugGap-0-64 {
+                max-height: calc(100% - 0px - 64px);
+            }
 
-.hugContent.bottomGap-6 {
-            --hug-content-bottom-gap: 6px;
-        }
+.hugContent.hugGap-0-72 {
+                max-height: calc(100% - 0px - 72px);
+            }
 
-.hugContent.topGap-7 {
-            --hug-content-top-gap: 7px;
-        }
+.hugContent.hugGap-0-80 {
+                max-height: calc(100% - 0px - 80px);
+            }
 
-.hugContent.bottomGap-7 {
-            --hug-content-bottom-gap: 7px;
-        }
+.hugContent.hugGap-0-96 {
+                max-height: calc(100% - 0px - 96px);
+            }
 
-.hugContent.topGap-8 {
-            --hug-content-top-gap: 8px;
-        }
+.hugContent.hugGap-0-128 {
+                max-height: calc(100% - 0px - 128px);
+            }
 
-.hugContent.bottomGap-8 {
-            --hug-content-bottom-gap: 8px;
-        }
+.hugContent.hugGap-2-0 {
+                max-height: calc(100% - 2px - 0px);
+            }
 
-.hugContent.topGap-9 {
-            --hug-content-top-gap: 9px;
-        }
+.hugContent.hugGap-2-2 {
+                max-height: calc(100% - 2px - 2px);
+            }
 
-.hugContent.bottomGap-9 {
-            --hug-content-bottom-gap: 9px;
-        }
+.hugContent.hugGap-2-4 {
+                max-height: calc(100% - 2px - 4px);
+            }
 
-.hugContent.topGap-10 {
-            --hug-content-top-gap: 10px;
-        }
+.hugContent.hugGap-2-8 {
+                max-height: calc(100% - 2px - 8px);
+            }
 
-.hugContent.bottomGap-10 {
-            --hug-content-bottom-gap: 10px;
-        }
+.hugContent.hugGap-2-12 {
+                max-height: calc(100% - 2px - 12px);
+            }
 
-.hugContent.topGap-11 {
-            --hug-content-top-gap: 11px;
-        }
+.hugContent.hugGap-2-16 {
+                max-height: calc(100% - 2px - 16px);
+            }
 
-.hugContent.bottomGap-11 {
-            --hug-content-bottom-gap: 11px;
-        }
+.hugContent.hugGap-2-20 {
+                max-height: calc(100% - 2px - 20px);
+            }
 
-.hugContent.topGap-12 {
-            --hug-content-top-gap: 12px;
-        }
+.hugContent.hugGap-2-24 {
+                max-height: calc(100% - 2px - 24px);
+            }
 
-.hugContent.bottomGap-12 {
-            --hug-content-bottom-gap: 12px;
-        }
+.hugContent.hugGap-2-32 {
+                max-height: calc(100% - 2px - 32px);
+            }
 
-.hugContent.topGap-13 {
-            --hug-content-top-gap: 13px;
-        }
+.hugContent.hugGap-2-40 {
+                max-height: calc(100% - 2px - 40px);
+            }
 
-.hugContent.bottomGap-13 {
-            --hug-content-bottom-gap: 13px;
-        }
+.hugContent.hugGap-2-48 {
+                max-height: calc(100% - 2px - 48px);
+            }
 
-.hugContent.topGap-14 {
-            --hug-content-top-gap: 14px;
-        }
+.hugContent.hugGap-2-56 {
+                max-height: calc(100% - 2px - 56px);
+            }
 
-.hugContent.bottomGap-14 {
-            --hug-content-bottom-gap: 14px;
-        }
+.hugContent.hugGap-2-64 {
+                max-height: calc(100% - 2px - 64px);
+            }
 
-.hugContent.topGap-15 {
-            --hug-content-top-gap: 15px;
-        }
+.hugContent.hugGap-2-72 {
+                max-height: calc(100% - 2px - 72px);
+            }
 
-.hugContent.bottomGap-15 {
-            --hug-content-bottom-gap: 15px;
-        }
+.hugContent.hugGap-2-80 {
+                max-height: calc(100% - 2px - 80px);
+            }
 
-.hugContent.topGap-16 {
-            --hug-content-top-gap: 16px;
-        }
+.hugContent.hugGap-2-96 {
+                max-height: calc(100% - 2px - 96px);
+            }
 
-.hugContent.bottomGap-16 {
-            --hug-content-bottom-gap: 16px;
-        }
+.hugContent.hugGap-2-128 {
+                max-height: calc(100% - 2px - 128px);
+            }
 
-.hugContent.topGap-17 {
-            --hug-content-top-gap: 17px;
-        }
+.hugContent.hugGap-4-0 {
+                max-height: calc(100% - 4px - 0px);
+            }
 
-.hugContent.bottomGap-17 {
-            --hug-content-bottom-gap: 17px;
-        }
+.hugContent.hugGap-4-2 {
+                max-height: calc(100% - 4px - 2px);
+            }
 
-.hugContent.topGap-18 {
-            --hug-content-top-gap: 18px;
-        }
+.hugContent.hugGap-4-4 {
+                max-height: calc(100% - 4px - 4px);
+            }
 
-.hugContent.bottomGap-18 {
-            --hug-content-bottom-gap: 18px;
-        }
+.hugContent.hugGap-4-8 {
+                max-height: calc(100% - 4px - 8px);
+            }
 
-.hugContent.topGap-19 {
-            --hug-content-top-gap: 19px;
-        }
+.hugContent.hugGap-4-12 {
+                max-height: calc(100% - 4px - 12px);
+            }
 
-.hugContent.bottomGap-19 {
-            --hug-content-bottom-gap: 19px;
-        }
+.hugContent.hugGap-4-16 {
+                max-height: calc(100% - 4px - 16px);
+            }
 
-.hugContent.topGap-20 {
-            --hug-content-top-gap: 20px;
-        }
+.hugContent.hugGap-4-20 {
+                max-height: calc(100% - 4px - 20px);
+            }
 
-.hugContent.bottomGap-20 {
-            --hug-content-bottom-gap: 20px;
-        }
+.hugContent.hugGap-4-24 {
+                max-height: calc(100% - 4px - 24px);
+            }
 
-.hugContent.topGap-21 {
-            --hug-content-top-gap: 21px;
-        }
+.hugContent.hugGap-4-32 {
+                max-height: calc(100% - 4px - 32px);
+            }
 
-.hugContent.bottomGap-21 {
-            --hug-content-bottom-gap: 21px;
-        }
+.hugContent.hugGap-4-40 {
+                max-height: calc(100% - 4px - 40px);
+            }
 
-.hugContent.topGap-22 {
-            --hug-content-top-gap: 22px;
-        }
+.hugContent.hugGap-4-48 {
+                max-height: calc(100% - 4px - 48px);
+            }
 
-.hugContent.bottomGap-22 {
-            --hug-content-bottom-gap: 22px;
-        }
+.hugContent.hugGap-4-56 {
+                max-height: calc(100% - 4px - 56px);
+            }
 
-.hugContent.topGap-23 {
-            --hug-content-top-gap: 23px;
-        }
+.hugContent.hugGap-4-64 {
+                max-height: calc(100% - 4px - 64px);
+            }
 
-.hugContent.bottomGap-23 {
-            --hug-content-bottom-gap: 23px;
-        }
+.hugContent.hugGap-4-72 {
+                max-height: calc(100% - 4px - 72px);
+            }
 
-.hugContent.topGap-24 {
-            --hug-content-top-gap: 24px;
-        }
+.hugContent.hugGap-4-80 {
+                max-height: calc(100% - 4px - 80px);
+            }
 
-.hugContent.bottomGap-24 {
-            --hug-content-bottom-gap: 24px;
-        }
+.hugContent.hugGap-4-96 {
+                max-height: calc(100% - 4px - 96px);
+            }
 
-.hugContent.topGap-25 {
-            --hug-content-top-gap: 25px;
-        }
+.hugContent.hugGap-4-128 {
+                max-height: calc(100% - 4px - 128px);
+            }
 
-.hugContent.bottomGap-25 {
-            --hug-content-bottom-gap: 25px;
-        }
+.hugContent.hugGap-8-0 {
+                max-height: calc(100% - 8px - 0px);
+            }
 
-.hugContent.topGap-26 {
-            --hug-content-top-gap: 26px;
-        }
+.hugContent.hugGap-8-2 {
+                max-height: calc(100% - 8px - 2px);
+            }
 
-.hugContent.bottomGap-26 {
-            --hug-content-bottom-gap: 26px;
-        }
+.hugContent.hugGap-8-4 {
+                max-height: calc(100% - 8px - 4px);
+            }
 
-.hugContent.topGap-27 {
-            --hug-content-top-gap: 27px;
-        }
+.hugContent.hugGap-8-8 {
+                max-height: calc(100% - 8px - 8px);
+            }
 
-.hugContent.bottomGap-27 {
-            --hug-content-bottom-gap: 27px;
-        }
+.hugContent.hugGap-8-12 {
+                max-height: calc(100% - 8px - 12px);
+            }
 
-.hugContent.topGap-28 {
-            --hug-content-top-gap: 28px;
-        }
+.hugContent.hugGap-8-16 {
+                max-height: calc(100% - 8px - 16px);
+            }
 
-.hugContent.bottomGap-28 {
-            --hug-content-bottom-gap: 28px;
-        }
+.hugContent.hugGap-8-20 {
+                max-height: calc(100% - 8px - 20px);
+            }
 
-.hugContent.topGap-29 {
-            --hug-content-top-gap: 29px;
-        }
+.hugContent.hugGap-8-24 {
+                max-height: calc(100% - 8px - 24px);
+            }
 
-.hugContent.bottomGap-29 {
-            --hug-content-bottom-gap: 29px;
-        }
+.hugContent.hugGap-8-32 {
+                max-height: calc(100% - 8px - 32px);
+            }
 
-.hugContent.topGap-30 {
-            --hug-content-top-gap: 30px;
-        }
+.hugContent.hugGap-8-40 {
+                max-height: calc(100% - 8px - 40px);
+            }
 
-.hugContent.bottomGap-30 {
-            --hug-content-bottom-gap: 30px;
-        }
+.hugContent.hugGap-8-48 {
+                max-height: calc(100% - 8px - 48px);
+            }
 
-.hugContent.topGap-31 {
-            --hug-content-top-gap: 31px;
-        }
+.hugContent.hugGap-8-56 {
+                max-height: calc(100% - 8px - 56px);
+            }
 
-.hugContent.bottomGap-31 {
-            --hug-content-bottom-gap: 31px;
-        }
+.hugContent.hugGap-8-64 {
+                max-height: calc(100% - 8px - 64px);
+            }
 
-.hugContent.topGap-32 {
-            --hug-content-top-gap: 32px;
-        }
+.hugContent.hugGap-8-72 {
+                max-height: calc(100% - 8px - 72px);
+            }
 
-.hugContent.bottomGap-32 {
-            --hug-content-bottom-gap: 32px;
-        }
+.hugContent.hugGap-8-80 {
+                max-height: calc(100% - 8px - 80px);
+            }
 
-.hugContent.topGap-33 {
-            --hug-content-top-gap: 33px;
-        }
+.hugContent.hugGap-8-96 {
+                max-height: calc(100% - 8px - 96px);
+            }
 
-.hugContent.bottomGap-33 {
-            --hug-content-bottom-gap: 33px;
-        }
+.hugContent.hugGap-8-128 {
+                max-height: calc(100% - 8px - 128px);
+            }
 
-.hugContent.topGap-34 {
-            --hug-content-top-gap: 34px;
-        }
+.hugContent.hugGap-12-0 {
+                max-height: calc(100% - 12px - 0px);
+            }
 
-.hugContent.bottomGap-34 {
-            --hug-content-bottom-gap: 34px;
-        }
+.hugContent.hugGap-12-2 {
+                max-height: calc(100% - 12px - 2px);
+            }
 
-.hugContent.topGap-35 {
-            --hug-content-top-gap: 35px;
-        }
+.hugContent.hugGap-12-4 {
+                max-height: calc(100% - 12px - 4px);
+            }
 
-.hugContent.bottomGap-35 {
-            --hug-content-bottom-gap: 35px;
-        }
+.hugContent.hugGap-12-8 {
+                max-height: calc(100% - 12px - 8px);
+            }
 
-.hugContent.topGap-36 {
-            --hug-content-top-gap: 36px;
-        }
+.hugContent.hugGap-12-12 {
+                max-height: calc(100% - 12px - 12px);
+            }
 
-.hugContent.bottomGap-36 {
-            --hug-content-bottom-gap: 36px;
-        }
+.hugContent.hugGap-12-16 {
+                max-height: calc(100% - 12px - 16px);
+            }
 
-.hugContent.topGap-37 {
-            --hug-content-top-gap: 37px;
-        }
+.hugContent.hugGap-12-20 {
+                max-height: calc(100% - 12px - 20px);
+            }
 
-.hugContent.bottomGap-37 {
-            --hug-content-bottom-gap: 37px;
-        }
+.hugContent.hugGap-12-24 {
+                max-height: calc(100% - 12px - 24px);
+            }
 
-.hugContent.topGap-38 {
-            --hug-content-top-gap: 38px;
-        }
+.hugContent.hugGap-12-32 {
+                max-height: calc(100% - 12px - 32px);
+            }
 
-.hugContent.bottomGap-38 {
-            --hug-content-bottom-gap: 38px;
-        }
+.hugContent.hugGap-12-40 {
+                max-height: calc(100% - 12px - 40px);
+            }
 
-.hugContent.topGap-39 {
-            --hug-content-top-gap: 39px;
-        }
+.hugContent.hugGap-12-48 {
+                max-height: calc(100% - 12px - 48px);
+            }
 
-.hugContent.bottomGap-39 {
-            --hug-content-bottom-gap: 39px;
-        }
+.hugContent.hugGap-12-56 {
+                max-height: calc(100% - 12px - 56px);
+            }
 
-.hugContent.topGap-40 {
-            --hug-content-top-gap: 40px;
-        }
+.hugContent.hugGap-12-64 {
+                max-height: calc(100% - 12px - 64px);
+            }
 
-.hugContent.bottomGap-40 {
-            --hug-content-bottom-gap: 40px;
-        }
+.hugContent.hugGap-12-72 {
+                max-height: calc(100% - 12px - 72px);
+            }
 
-.hugContent.topGap-41 {
-            --hug-content-top-gap: 41px;
-        }
+.hugContent.hugGap-12-80 {
+                max-height: calc(100% - 12px - 80px);
+            }
 
-.hugContent.bottomGap-41 {
-            --hug-content-bottom-gap: 41px;
-        }
+.hugContent.hugGap-12-96 {
+                max-height: calc(100% - 12px - 96px);
+            }
 
-.hugContent.topGap-42 {
-            --hug-content-top-gap: 42px;
-        }
+.hugContent.hugGap-12-128 {
+                max-height: calc(100% - 12px - 128px);
+            }
 
-.hugContent.bottomGap-42 {
-            --hug-content-bottom-gap: 42px;
-        }
+.hugContent.hugGap-16-0 {
+                max-height: calc(100% - 16px - 0px);
+            }
 
-.hugContent.topGap-43 {
-            --hug-content-top-gap: 43px;
-        }
+.hugContent.hugGap-16-2 {
+                max-height: calc(100% - 16px - 2px);
+            }
 
-.hugContent.bottomGap-43 {
-            --hug-content-bottom-gap: 43px;
-        }
+.hugContent.hugGap-16-4 {
+                max-height: calc(100% - 16px - 4px);
+            }
 
-.hugContent.topGap-44 {
-            --hug-content-top-gap: 44px;
-        }
+.hugContent.hugGap-16-8 {
+                max-height: calc(100% - 16px - 8px);
+            }
 
-.hugContent.bottomGap-44 {
-            --hug-content-bottom-gap: 44px;
-        }
+.hugContent.hugGap-16-12 {
+                max-height: calc(100% - 16px - 12px);
+            }
 
-.hugContent.topGap-45 {
-            --hug-content-top-gap: 45px;
-        }
+.hugContent.hugGap-16-16 {
+                max-height: calc(100% - 16px - 16px);
+            }
 
-.hugContent.bottomGap-45 {
-            --hug-content-bottom-gap: 45px;
-        }
+.hugContent.hugGap-16-20 {
+                max-height: calc(100% - 16px - 20px);
+            }
 
-.hugContent.topGap-46 {
-            --hug-content-top-gap: 46px;
-        }
+.hugContent.hugGap-16-24 {
+                max-height: calc(100% - 16px - 24px);
+            }
 
-.hugContent.bottomGap-46 {
-            --hug-content-bottom-gap: 46px;
-        }
+.hugContent.hugGap-16-32 {
+                max-height: calc(100% - 16px - 32px);
+            }
 
-.hugContent.topGap-47 {
-            --hug-content-top-gap: 47px;
-        }
+.hugContent.hugGap-16-40 {
+                max-height: calc(100% - 16px - 40px);
+            }
 
-.hugContent.bottomGap-47 {
-            --hug-content-bottom-gap: 47px;
-        }
+.hugContent.hugGap-16-48 {
+                max-height: calc(100% - 16px - 48px);
+            }
 
-.hugContent.topGap-48 {
-            --hug-content-top-gap: 48px;
-        }
+.hugContent.hugGap-16-56 {
+                max-height: calc(100% - 16px - 56px);
+            }
 
-.hugContent.bottomGap-48 {
-            --hug-content-bottom-gap: 48px;
-        }
+.hugContent.hugGap-16-64 {
+                max-height: calc(100% - 16px - 64px);
+            }
 
-.hugContent.topGap-49 {
-            --hug-content-top-gap: 49px;
-        }
+.hugContent.hugGap-16-72 {
+                max-height: calc(100% - 16px - 72px);
+            }
 
-.hugContent.bottomGap-49 {
-            --hug-content-bottom-gap: 49px;
-        }
+.hugContent.hugGap-16-80 {
+                max-height: calc(100% - 16px - 80px);
+            }
 
-.hugContent.topGap-50 {
-            --hug-content-top-gap: 50px;
-        }
+.hugContent.hugGap-16-96 {
+                max-height: calc(100% - 16px - 96px);
+            }
 
-.hugContent.bottomGap-50 {
-            --hug-content-bottom-gap: 50px;
-        }
+.hugContent.hugGap-16-128 {
+                max-height: calc(100% - 16px - 128px);
+            }
 
-.hugContent.topGap-51 {
-            --hug-content-top-gap: 51px;
-        }
+.hugContent.hugGap-20-0 {
+                max-height: calc(100% - 20px - 0px);
+            }
 
-.hugContent.bottomGap-51 {
-            --hug-content-bottom-gap: 51px;
-        }
+.hugContent.hugGap-20-2 {
+                max-height: calc(100% - 20px - 2px);
+            }
 
-.hugContent.topGap-52 {
-            --hug-content-top-gap: 52px;
-        }
+.hugContent.hugGap-20-4 {
+                max-height: calc(100% - 20px - 4px);
+            }
 
-.hugContent.bottomGap-52 {
-            --hug-content-bottom-gap: 52px;
-        }
+.hugContent.hugGap-20-8 {
+                max-height: calc(100% - 20px - 8px);
+            }
 
-.hugContent.topGap-53 {
-            --hug-content-top-gap: 53px;
-        }
+.hugContent.hugGap-20-12 {
+                max-height: calc(100% - 20px - 12px);
+            }
 
-.hugContent.bottomGap-53 {
-            --hug-content-bottom-gap: 53px;
-        }
+.hugContent.hugGap-20-16 {
+                max-height: calc(100% - 20px - 16px);
+            }
 
-.hugContent.topGap-54 {
-            --hug-content-top-gap: 54px;
-        }
+.hugContent.hugGap-20-20 {
+                max-height: calc(100% - 20px - 20px);
+            }
 
-.hugContent.bottomGap-54 {
-            --hug-content-bottom-gap: 54px;
-        }
+.hugContent.hugGap-20-24 {
+                max-height: calc(100% - 20px - 24px);
+            }
 
-.hugContent.topGap-55 {
-            --hug-content-top-gap: 55px;
-        }
+.hugContent.hugGap-20-32 {
+                max-height: calc(100% - 20px - 32px);
+            }
 
-.hugContent.bottomGap-55 {
-            --hug-content-bottom-gap: 55px;
-        }
+.hugContent.hugGap-20-40 {
+                max-height: calc(100% - 20px - 40px);
+            }
 
-.hugContent.topGap-56 {
-            --hug-content-top-gap: 56px;
-        }
+.hugContent.hugGap-20-48 {
+                max-height: calc(100% - 20px - 48px);
+            }
 
-.hugContent.bottomGap-56 {
-            --hug-content-bottom-gap: 56px;
-        }
+.hugContent.hugGap-20-56 {
+                max-height: calc(100% - 20px - 56px);
+            }
 
-.hugContent.topGap-57 {
-            --hug-content-top-gap: 57px;
-        }
+.hugContent.hugGap-20-64 {
+                max-height: calc(100% - 20px - 64px);
+            }
 
-.hugContent.bottomGap-57 {
-            --hug-content-bottom-gap: 57px;
-        }
+.hugContent.hugGap-20-72 {
+                max-height: calc(100% - 20px - 72px);
+            }
 
-.hugContent.topGap-58 {
-            --hug-content-top-gap: 58px;
-        }
+.hugContent.hugGap-20-80 {
+                max-height: calc(100% - 20px - 80px);
+            }
 
-.hugContent.bottomGap-58 {
-            --hug-content-bottom-gap: 58px;
-        }
+.hugContent.hugGap-20-96 {
+                max-height: calc(100% - 20px - 96px);
+            }
 
-.hugContent.topGap-59 {
-            --hug-content-top-gap: 59px;
-        }
+.hugContent.hugGap-20-128 {
+                max-height: calc(100% - 20px - 128px);
+            }
 
-.hugContent.bottomGap-59 {
-            --hug-content-bottom-gap: 59px;
-        }
+.hugContent.hugGap-24-0 {
+                max-height: calc(100% - 24px - 0px);
+            }
 
-.hugContent.topGap-60 {
-            --hug-content-top-gap: 60px;
-        }
+.hugContent.hugGap-24-2 {
+                max-height: calc(100% - 24px - 2px);
+            }
 
-.hugContent.bottomGap-60 {
-            --hug-content-bottom-gap: 60px;
-        }
+.hugContent.hugGap-24-4 {
+                max-height: calc(100% - 24px - 4px);
+            }
 
-.hugContent.topGap-61 {
-            --hug-content-top-gap: 61px;
-        }
+.hugContent.hugGap-24-8 {
+                max-height: calc(100% - 24px - 8px);
+            }
 
-.hugContent.bottomGap-61 {
-            --hug-content-bottom-gap: 61px;
-        }
+.hugContent.hugGap-24-12 {
+                max-height: calc(100% - 24px - 12px);
+            }
 
-.hugContent.topGap-62 {
-            --hug-content-top-gap: 62px;
-        }
+.hugContent.hugGap-24-16 {
+                max-height: calc(100% - 24px - 16px);
+            }
 
-.hugContent.bottomGap-62 {
-            --hug-content-bottom-gap: 62px;
-        }
+.hugContent.hugGap-24-20 {
+                max-height: calc(100% - 24px - 20px);
+            }
 
-.hugContent.topGap-63 {
-            --hug-content-top-gap: 63px;
-        }
+.hugContent.hugGap-24-24 {
+                max-height: calc(100% - 24px - 24px);
+            }
 
-.hugContent.bottomGap-63 {
-            --hug-content-bottom-gap: 63px;
-        }
+.hugContent.hugGap-24-32 {
+                max-height: calc(100% - 24px - 32px);
+            }
 
-.hugContent.topGap-64 {
-            --hug-content-top-gap: 64px;
-        }
+.hugContent.hugGap-24-40 {
+                max-height: calc(100% - 24px - 40px);
+            }
 
-.hugContent.bottomGap-64 {
-            --hug-content-bottom-gap: 64px;
-        }
+.hugContent.hugGap-24-48 {
+                max-height: calc(100% - 24px - 48px);
+            }
 
-.hugContent.topGap-65 {
-            --hug-content-top-gap: 65px;
-        }
+.hugContent.hugGap-24-56 {
+                max-height: calc(100% - 24px - 56px);
+            }
 
-.hugContent.bottomGap-65 {
-            --hug-content-bottom-gap: 65px;
-        }
+.hugContent.hugGap-24-64 {
+                max-height: calc(100% - 24px - 64px);
+            }
 
-.hugContent.topGap-66 {
-            --hug-content-top-gap: 66px;
-        }
+.hugContent.hugGap-24-72 {
+                max-height: calc(100% - 24px - 72px);
+            }
 
-.hugContent.bottomGap-66 {
-            --hug-content-bottom-gap: 66px;
-        }
+.hugContent.hugGap-24-80 {
+                max-height: calc(100% - 24px - 80px);
+            }
 
-.hugContent.topGap-67 {
-            --hug-content-top-gap: 67px;
-        }
+.hugContent.hugGap-24-96 {
+                max-height: calc(100% - 24px - 96px);
+            }
 
-.hugContent.bottomGap-67 {
-            --hug-content-bottom-gap: 67px;
-        }
+.hugContent.hugGap-24-128 {
+                max-height: calc(100% - 24px - 128px);
+            }
 
-.hugContent.topGap-68 {
-            --hug-content-top-gap: 68px;
-        }
+.hugContent.hugGap-32-0 {
+                max-height: calc(100% - 32px - 0px);
+            }
 
-.hugContent.bottomGap-68 {
-            --hug-content-bottom-gap: 68px;
-        }
+.hugContent.hugGap-32-2 {
+                max-height: calc(100% - 32px - 2px);
+            }
 
-.hugContent.topGap-69 {
-            --hug-content-top-gap: 69px;
-        }
+.hugContent.hugGap-32-4 {
+                max-height: calc(100% - 32px - 4px);
+            }
 
-.hugContent.bottomGap-69 {
-            --hug-content-bottom-gap: 69px;
-        }
+.hugContent.hugGap-32-8 {
+                max-height: calc(100% - 32px - 8px);
+            }
 
-.hugContent.topGap-70 {
-            --hug-content-top-gap: 70px;
-        }
+.hugContent.hugGap-32-12 {
+                max-height: calc(100% - 32px - 12px);
+            }
 
-.hugContent.bottomGap-70 {
-            --hug-content-bottom-gap: 70px;
-        }
+.hugContent.hugGap-32-16 {
+                max-height: calc(100% - 32px - 16px);
+            }
 
-.hugContent.topGap-71 {
-            --hug-content-top-gap: 71px;
-        }
+.hugContent.hugGap-32-20 {
+                max-height: calc(100% - 32px - 20px);
+            }
 
-.hugContent.bottomGap-71 {
-            --hug-content-bottom-gap: 71px;
-        }
+.hugContent.hugGap-32-24 {
+                max-height: calc(100% - 32px - 24px);
+            }
 
-.hugContent.topGap-72 {
-            --hug-content-top-gap: 72px;
-        }
+.hugContent.hugGap-32-32 {
+                max-height: calc(100% - 32px - 32px);
+            }
 
-.hugContent.bottomGap-72 {
-            --hug-content-bottom-gap: 72px;
-        }
+.hugContent.hugGap-32-40 {
+                max-height: calc(100% - 32px - 40px);
+            }
 
-.hugContent.topGap-73 {
-            --hug-content-top-gap: 73px;
-        }
+.hugContent.hugGap-32-48 {
+                max-height: calc(100% - 32px - 48px);
+            }
 
-.hugContent.bottomGap-73 {
-            --hug-content-bottom-gap: 73px;
-        }
+.hugContent.hugGap-32-56 {
+                max-height: calc(100% - 32px - 56px);
+            }
 
-.hugContent.topGap-74 {
-            --hug-content-top-gap: 74px;
-        }
+.hugContent.hugGap-32-64 {
+                max-height: calc(100% - 32px - 64px);
+            }
 
-.hugContent.bottomGap-74 {
-            --hug-content-bottom-gap: 74px;
-        }
+.hugContent.hugGap-32-72 {
+                max-height: calc(100% - 32px - 72px);
+            }
 
-.hugContent.topGap-75 {
-            --hug-content-top-gap: 75px;
-        }
+.hugContent.hugGap-32-80 {
+                max-height: calc(100% - 32px - 80px);
+            }
 
-.hugContent.bottomGap-75 {
-            --hug-content-bottom-gap: 75px;
-        }
+.hugContent.hugGap-32-96 {
+                max-height: calc(100% - 32px - 96px);
+            }
 
-.hugContent.topGap-76 {
-            --hug-content-top-gap: 76px;
-        }
+.hugContent.hugGap-32-128 {
+                max-height: calc(100% - 32px - 128px);
+            }
 
-.hugContent.bottomGap-76 {
-            --hug-content-bottom-gap: 76px;
-        }
+.hugContent.hugGap-40-0 {
+                max-height: calc(100% - 40px - 0px);
+            }
 
-.hugContent.topGap-77 {
-            --hug-content-top-gap: 77px;
-        }
+.hugContent.hugGap-40-2 {
+                max-height: calc(100% - 40px - 2px);
+            }
 
-.hugContent.bottomGap-77 {
-            --hug-content-bottom-gap: 77px;
-        }
+.hugContent.hugGap-40-4 {
+                max-height: calc(100% - 40px - 4px);
+            }
 
-.hugContent.topGap-78 {
-            --hug-content-top-gap: 78px;
-        }
+.hugContent.hugGap-40-8 {
+                max-height: calc(100% - 40px - 8px);
+            }
 
-.hugContent.bottomGap-78 {
-            --hug-content-bottom-gap: 78px;
-        }
+.hugContent.hugGap-40-12 {
+                max-height: calc(100% - 40px - 12px);
+            }
 
-.hugContent.topGap-79 {
-            --hug-content-top-gap: 79px;
-        }
+.hugContent.hugGap-40-16 {
+                max-height: calc(100% - 40px - 16px);
+            }
 
-.hugContent.bottomGap-79 {
-            --hug-content-bottom-gap: 79px;
-        }
+.hugContent.hugGap-40-20 {
+                max-height: calc(100% - 40px - 20px);
+            }
 
-.hugContent.topGap-80 {
-            --hug-content-top-gap: 80px;
-        }
+.hugContent.hugGap-40-24 {
+                max-height: calc(100% - 40px - 24px);
+            }
 
-.hugContent.bottomGap-80 {
-            --hug-content-bottom-gap: 80px;
-        }
+.hugContent.hugGap-40-32 {
+                max-height: calc(100% - 40px - 32px);
+            }
 
-.hugContent.topGap-81 {
-            --hug-content-top-gap: 81px;
-        }
+.hugContent.hugGap-40-40 {
+                max-height: calc(100% - 40px - 40px);
+            }
 
-.hugContent.bottomGap-81 {
-            --hug-content-bottom-gap: 81px;
-        }
+.hugContent.hugGap-40-48 {
+                max-height: calc(100% - 40px - 48px);
+            }
 
-.hugContent.topGap-82 {
-            --hug-content-top-gap: 82px;
-        }
+.hugContent.hugGap-40-56 {
+                max-height: calc(100% - 40px - 56px);
+            }
 
-.hugContent.bottomGap-82 {
-            --hug-content-bottom-gap: 82px;
-        }
+.hugContent.hugGap-40-64 {
+                max-height: calc(100% - 40px - 64px);
+            }
 
-.hugContent.topGap-83 {
-            --hug-content-top-gap: 83px;
-        }
+.hugContent.hugGap-40-72 {
+                max-height: calc(100% - 40px - 72px);
+            }
 
-.hugContent.bottomGap-83 {
-            --hug-content-bottom-gap: 83px;
-        }
+.hugContent.hugGap-40-80 {
+                max-height: calc(100% - 40px - 80px);
+            }
 
-.hugContent.topGap-84 {
-            --hug-content-top-gap: 84px;
-        }
+.hugContent.hugGap-40-96 {
+                max-height: calc(100% - 40px - 96px);
+            }
 
-.hugContent.bottomGap-84 {
-            --hug-content-bottom-gap: 84px;
-        }
+.hugContent.hugGap-40-128 {
+                max-height: calc(100% - 40px - 128px);
+            }
 
-.hugContent.topGap-85 {
-            --hug-content-top-gap: 85px;
-        }
+.hugContent.hugGap-48-0 {
+                max-height: calc(100% - 48px - 0px);
+            }
 
-.hugContent.bottomGap-85 {
-            --hug-content-bottom-gap: 85px;
-        }
+.hugContent.hugGap-48-2 {
+                max-height: calc(100% - 48px - 2px);
+            }
 
-.hugContent.topGap-86 {
-            --hug-content-top-gap: 86px;
-        }
+.hugContent.hugGap-48-4 {
+                max-height: calc(100% - 48px - 4px);
+            }
 
-.hugContent.bottomGap-86 {
-            --hug-content-bottom-gap: 86px;
-        }
+.hugContent.hugGap-48-8 {
+                max-height: calc(100% - 48px - 8px);
+            }
 
-.hugContent.topGap-87 {
-            --hug-content-top-gap: 87px;
-        }
+.hugContent.hugGap-48-12 {
+                max-height: calc(100% - 48px - 12px);
+            }
 
-.hugContent.bottomGap-87 {
-            --hug-content-bottom-gap: 87px;
-        }
+.hugContent.hugGap-48-16 {
+                max-height: calc(100% - 48px - 16px);
+            }
 
-.hugContent.topGap-88 {
-            --hug-content-top-gap: 88px;
-        }
+.hugContent.hugGap-48-20 {
+                max-height: calc(100% - 48px - 20px);
+            }
 
-.hugContent.bottomGap-88 {
-            --hug-content-bottom-gap: 88px;
-        }
+.hugContent.hugGap-48-24 {
+                max-height: calc(100% - 48px - 24px);
+            }
 
-.hugContent.topGap-89 {
-            --hug-content-top-gap: 89px;
-        }
+.hugContent.hugGap-48-32 {
+                max-height: calc(100% - 48px - 32px);
+            }
 
-.hugContent.bottomGap-89 {
-            --hug-content-bottom-gap: 89px;
-        }
+.hugContent.hugGap-48-40 {
+                max-height: calc(100% - 48px - 40px);
+            }
 
-.hugContent.topGap-90 {
-            --hug-content-top-gap: 90px;
-        }
+.hugContent.hugGap-48-48 {
+                max-height: calc(100% - 48px - 48px);
+            }
 
-.hugContent.bottomGap-90 {
-            --hug-content-bottom-gap: 90px;
-        }
+.hugContent.hugGap-48-56 {
+                max-height: calc(100% - 48px - 56px);
+            }
 
-.hugContent.topGap-91 {
-            --hug-content-top-gap: 91px;
-        }
+.hugContent.hugGap-48-64 {
+                max-height: calc(100% - 48px - 64px);
+            }
 
-.hugContent.bottomGap-91 {
-            --hug-content-bottom-gap: 91px;
-        }
+.hugContent.hugGap-48-72 {
+                max-height: calc(100% - 48px - 72px);
+            }
 
-.hugContent.topGap-92 {
-            --hug-content-top-gap: 92px;
-        }
+.hugContent.hugGap-48-80 {
+                max-height: calc(100% - 48px - 80px);
+            }
 
-.hugContent.bottomGap-92 {
-            --hug-content-bottom-gap: 92px;
-        }
+.hugContent.hugGap-48-96 {
+                max-height: calc(100% - 48px - 96px);
+            }
 
-.hugContent.topGap-93 {
-            --hug-content-top-gap: 93px;
-        }
+.hugContent.hugGap-48-128 {
+                max-height: calc(100% - 48px - 128px);
+            }
 
-.hugContent.bottomGap-93 {
-            --hug-content-bottom-gap: 93px;
-        }
+.hugContent.hugGap-56-0 {
+                max-height: calc(100% - 56px - 0px);
+            }
 
-.hugContent.topGap-94 {
-            --hug-content-top-gap: 94px;
-        }
+.hugContent.hugGap-56-2 {
+                max-height: calc(100% - 56px - 2px);
+            }
 
-.hugContent.bottomGap-94 {
-            --hug-content-bottom-gap: 94px;
-        }
+.hugContent.hugGap-56-4 {
+                max-height: calc(100% - 56px - 4px);
+            }
 
-.hugContent.topGap-95 {
-            --hug-content-top-gap: 95px;
-        }
+.hugContent.hugGap-56-8 {
+                max-height: calc(100% - 56px - 8px);
+            }
 
-.hugContent.bottomGap-95 {
-            --hug-content-bottom-gap: 95px;
-        }
+.hugContent.hugGap-56-12 {
+                max-height: calc(100% - 56px - 12px);
+            }
 
-.hugContent.topGap-96 {
-            --hug-content-top-gap: 96px;
-        }
+.hugContent.hugGap-56-16 {
+                max-height: calc(100% - 56px - 16px);
+            }
 
-.hugContent.bottomGap-96 {
-            --hug-content-bottom-gap: 96px;
-        }
+.hugContent.hugGap-56-20 {
+                max-height: calc(100% - 56px - 20px);
+            }
 
-.hugContent.topGap-97 {
-            --hug-content-top-gap: 97px;
-        }
+.hugContent.hugGap-56-24 {
+                max-height: calc(100% - 56px - 24px);
+            }
 
-.hugContent.bottomGap-97 {
-            --hug-content-bottom-gap: 97px;
-        }
+.hugContent.hugGap-56-32 {
+                max-height: calc(100% - 56px - 32px);
+            }
 
-.hugContent.topGap-98 {
-            --hug-content-top-gap: 98px;
-        }
+.hugContent.hugGap-56-40 {
+                max-height: calc(100% - 56px - 40px);
+            }
 
-.hugContent.bottomGap-98 {
-            --hug-content-bottom-gap: 98px;
-        }
+.hugContent.hugGap-56-48 {
+                max-height: calc(100% - 56px - 48px);
+            }
 
-.hugContent.topGap-99 {
-            --hug-content-top-gap: 99px;
-        }
+.hugContent.hugGap-56-56 {
+                max-height: calc(100% - 56px - 56px);
+            }
 
-.hugContent.bottomGap-99 {
-            --hug-content-bottom-gap: 99px;
-        }
+.hugContent.hugGap-56-64 {
+                max-height: calc(100% - 56px - 64px);
+            }
 
-.hugContent.topGap-100 {
-            --hug-content-top-gap: 100px;
-        }
+.hugContent.hugGap-56-72 {
+                max-height: calc(100% - 56px - 72px);
+            }
 
-.hugContent.bottomGap-100 {
-            --hug-content-bottom-gap: 100px;
-        }
+.hugContent.hugGap-56-80 {
+                max-height: calc(100% - 56px - 80px);
+            }
 
-.hugContent.topGap-101 {
-            --hug-content-top-gap: 101px;
-        }
+.hugContent.hugGap-56-96 {
+                max-height: calc(100% - 56px - 96px);
+            }
 
-.hugContent.bottomGap-101 {
-            --hug-content-bottom-gap: 101px;
-        }
+.hugContent.hugGap-56-128 {
+                max-height: calc(100% - 56px - 128px);
+            }
 
-.hugContent.topGap-102 {
-            --hug-content-top-gap: 102px;
-        }
+.hugContent.hugGap-64-0 {
+                max-height: calc(100% - 64px - 0px);
+            }
 
-.hugContent.bottomGap-102 {
-            --hug-content-bottom-gap: 102px;
-        }
+.hugContent.hugGap-64-2 {
+                max-height: calc(100% - 64px - 2px);
+            }
 
-.hugContent.topGap-103 {
-            --hug-content-top-gap: 103px;
-        }
+.hugContent.hugGap-64-4 {
+                max-height: calc(100% - 64px - 4px);
+            }
 
-.hugContent.bottomGap-103 {
-            --hug-content-bottom-gap: 103px;
-        }
+.hugContent.hugGap-64-8 {
+                max-height: calc(100% - 64px - 8px);
+            }
 
-.hugContent.topGap-104 {
-            --hug-content-top-gap: 104px;
-        }
+.hugContent.hugGap-64-12 {
+                max-height: calc(100% - 64px - 12px);
+            }
 
-.hugContent.bottomGap-104 {
-            --hug-content-bottom-gap: 104px;
-        }
+.hugContent.hugGap-64-16 {
+                max-height: calc(100% - 64px - 16px);
+            }
 
-.hugContent.topGap-105 {
-            --hug-content-top-gap: 105px;
-        }
+.hugContent.hugGap-64-20 {
+                max-height: calc(100% - 64px - 20px);
+            }
 
-.hugContent.bottomGap-105 {
-            --hug-content-bottom-gap: 105px;
-        }
+.hugContent.hugGap-64-24 {
+                max-height: calc(100% - 64px - 24px);
+            }
 
-.hugContent.topGap-106 {
-            --hug-content-top-gap: 106px;
-        }
+.hugContent.hugGap-64-32 {
+                max-height: calc(100% - 64px - 32px);
+            }
 
-.hugContent.bottomGap-106 {
-            --hug-content-bottom-gap: 106px;
-        }
+.hugContent.hugGap-64-40 {
+                max-height: calc(100% - 64px - 40px);
+            }
 
-.hugContent.topGap-107 {
-            --hug-content-top-gap: 107px;
-        }
+.hugContent.hugGap-64-48 {
+                max-height: calc(100% - 64px - 48px);
+            }
 
-.hugContent.bottomGap-107 {
-            --hug-content-bottom-gap: 107px;
-        }
+.hugContent.hugGap-64-56 {
+                max-height: calc(100% - 64px - 56px);
+            }
 
-.hugContent.topGap-108 {
-            --hug-content-top-gap: 108px;
-        }
+.hugContent.hugGap-64-64 {
+                max-height: calc(100% - 64px - 64px);
+            }
 
-.hugContent.bottomGap-108 {
-            --hug-content-bottom-gap: 108px;
-        }
+.hugContent.hugGap-64-72 {
+                max-height: calc(100% - 64px - 72px);
+            }
 
-.hugContent.topGap-109 {
-            --hug-content-top-gap: 109px;
-        }
+.hugContent.hugGap-64-80 {
+                max-height: calc(100% - 64px - 80px);
+            }
 
-.hugContent.bottomGap-109 {
-            --hug-content-bottom-gap: 109px;
-        }
+.hugContent.hugGap-64-96 {
+                max-height: calc(100% - 64px - 96px);
+            }
 
-.hugContent.topGap-110 {
-            --hug-content-top-gap: 110px;
-        }
+.hugContent.hugGap-64-128 {
+                max-height: calc(100% - 64px - 128px);
+            }
 
-.hugContent.bottomGap-110 {
-            --hug-content-bottom-gap: 110px;
-        }
+.hugContent.hugGap-72-0 {
+                max-height: calc(100% - 72px - 0px);
+            }
 
-.hugContent.topGap-111 {
-            --hug-content-top-gap: 111px;
-        }
+.hugContent.hugGap-72-2 {
+                max-height: calc(100% - 72px - 2px);
+            }
 
-.hugContent.bottomGap-111 {
-            --hug-content-bottom-gap: 111px;
-        }
+.hugContent.hugGap-72-4 {
+                max-height: calc(100% - 72px - 4px);
+            }
 
-.hugContent.topGap-112 {
-            --hug-content-top-gap: 112px;
-        }
+.hugContent.hugGap-72-8 {
+                max-height: calc(100% - 72px - 8px);
+            }
 
-.hugContent.bottomGap-112 {
-            --hug-content-bottom-gap: 112px;
-        }
+.hugContent.hugGap-72-12 {
+                max-height: calc(100% - 72px - 12px);
+            }
 
-.hugContent.topGap-113 {
-            --hug-content-top-gap: 113px;
-        }
+.hugContent.hugGap-72-16 {
+                max-height: calc(100% - 72px - 16px);
+            }
 
-.hugContent.bottomGap-113 {
-            --hug-content-bottom-gap: 113px;
-        }
+.hugContent.hugGap-72-20 {
+                max-height: calc(100% - 72px - 20px);
+            }
 
-.hugContent.topGap-114 {
-            --hug-content-top-gap: 114px;
-        }
+.hugContent.hugGap-72-24 {
+                max-height: calc(100% - 72px - 24px);
+            }
 
-.hugContent.bottomGap-114 {
-            --hug-content-bottom-gap: 114px;
-        }
+.hugContent.hugGap-72-32 {
+                max-height: calc(100% - 72px - 32px);
+            }
 
-.hugContent.topGap-115 {
-            --hug-content-top-gap: 115px;
-        }
+.hugContent.hugGap-72-40 {
+                max-height: calc(100% - 72px - 40px);
+            }
 
-.hugContent.bottomGap-115 {
-            --hug-content-bottom-gap: 115px;
-        }
+.hugContent.hugGap-72-48 {
+                max-height: calc(100% - 72px - 48px);
+            }
 
-.hugContent.topGap-116 {
-            --hug-content-top-gap: 116px;
-        }
+.hugContent.hugGap-72-56 {
+                max-height: calc(100% - 72px - 56px);
+            }
 
-.hugContent.bottomGap-116 {
-            --hug-content-bottom-gap: 116px;
-        }
+.hugContent.hugGap-72-64 {
+                max-height: calc(100% - 72px - 64px);
+            }
 
-.hugContent.topGap-117 {
-            --hug-content-top-gap: 117px;
-        }
+.hugContent.hugGap-72-72 {
+                max-height: calc(100% - 72px - 72px);
+            }
 
-.hugContent.bottomGap-117 {
-            --hug-content-bottom-gap: 117px;
-        }
+.hugContent.hugGap-72-80 {
+                max-height: calc(100% - 72px - 80px);
+            }
 
-.hugContent.topGap-118 {
-            --hug-content-top-gap: 118px;
-        }
+.hugContent.hugGap-72-96 {
+                max-height: calc(100% - 72px - 96px);
+            }
 
-.hugContent.bottomGap-118 {
-            --hug-content-bottom-gap: 118px;
-        }
+.hugContent.hugGap-72-128 {
+                max-height: calc(100% - 72px - 128px);
+            }
 
-.hugContent.topGap-119 {
-            --hug-content-top-gap: 119px;
-        }
+.hugContent.hugGap-80-0 {
+                max-height: calc(100% - 80px - 0px);
+            }
 
-.hugContent.bottomGap-119 {
-            --hug-content-bottom-gap: 119px;
-        }
+.hugContent.hugGap-80-2 {
+                max-height: calc(100% - 80px - 2px);
+            }
 
-.hugContent.topGap-120 {
-            --hug-content-top-gap: 120px;
-        }
+.hugContent.hugGap-80-4 {
+                max-height: calc(100% - 80px - 4px);
+            }
 
-.hugContent.bottomGap-120 {
-            --hug-content-bottom-gap: 120px;
-        }
+.hugContent.hugGap-80-8 {
+                max-height: calc(100% - 80px - 8px);
+            }
 
-.hugContent.topGap-121 {
-            --hug-content-top-gap: 121px;
-        }
+.hugContent.hugGap-80-12 {
+                max-height: calc(100% - 80px - 12px);
+            }
 
-.hugContent.bottomGap-121 {
-            --hug-content-bottom-gap: 121px;
-        }
+.hugContent.hugGap-80-16 {
+                max-height: calc(100% - 80px - 16px);
+            }
 
-.hugContent.topGap-122 {
-            --hug-content-top-gap: 122px;
-        }
+.hugContent.hugGap-80-20 {
+                max-height: calc(100% - 80px - 20px);
+            }
 
-.hugContent.bottomGap-122 {
-            --hug-content-bottom-gap: 122px;
-        }
+.hugContent.hugGap-80-24 {
+                max-height: calc(100% - 80px - 24px);
+            }
 
-.hugContent.topGap-123 {
-            --hug-content-top-gap: 123px;
-        }
+.hugContent.hugGap-80-32 {
+                max-height: calc(100% - 80px - 32px);
+            }
 
-.hugContent.bottomGap-123 {
-            --hug-content-bottom-gap: 123px;
-        }
+.hugContent.hugGap-80-40 {
+                max-height: calc(100% - 80px - 40px);
+            }
 
-.hugContent.topGap-124 {
-            --hug-content-top-gap: 124px;
-        }
+.hugContent.hugGap-80-48 {
+                max-height: calc(100% - 80px - 48px);
+            }
 
-.hugContent.bottomGap-124 {
-            --hug-content-bottom-gap: 124px;
-        }
+.hugContent.hugGap-80-56 {
+                max-height: calc(100% - 80px - 56px);
+            }
 
-.hugContent.topGap-125 {
-            --hug-content-top-gap: 125px;
-        }
+.hugContent.hugGap-80-64 {
+                max-height: calc(100% - 80px - 64px);
+            }
 
-.hugContent.bottomGap-125 {
-            --hug-content-bottom-gap: 125px;
-        }
+.hugContent.hugGap-80-72 {
+                max-height: calc(100% - 80px - 72px);
+            }
 
-.hugContent.topGap-126 {
-            --hug-content-top-gap: 126px;
-        }
+.hugContent.hugGap-80-80 {
+                max-height: calc(100% - 80px - 80px);
+            }
 
-.hugContent.bottomGap-126 {
-            --hug-content-bottom-gap: 126px;
-        }
+.hugContent.hugGap-80-96 {
+                max-height: calc(100% - 80px - 96px);
+            }
 
-.hugContent.topGap-127 {
-            --hug-content-top-gap: 127px;
-        }
+.hugContent.hugGap-80-128 {
+                max-height: calc(100% - 80px - 128px);
+            }
 
-.hugContent.bottomGap-127 {
-            --hug-content-bottom-gap: 127px;
-        }
+.hugContent.hugGap-96-0 {
+                max-height: calc(100% - 96px - 0px);
+            }
 
-.hugContent.topGap-128 {
-            --hug-content-top-gap: 128px;
-        }
+.hugContent.hugGap-96-2 {
+                max-height: calc(100% - 96px - 2px);
+            }
 
-.hugContent.bottomGap-128 {
-            --hug-content-bottom-gap: 128px;
-        }
+.hugContent.hugGap-96-4 {
+                max-height: calc(100% - 96px - 4px);
+            }
+
+.hugContent.hugGap-96-8 {
+                max-height: calc(100% - 96px - 8px);
+            }
+
+.hugContent.hugGap-96-12 {
+                max-height: calc(100% - 96px - 12px);
+            }
+
+.hugContent.hugGap-96-16 {
+                max-height: calc(100% - 96px - 16px);
+            }
+
+.hugContent.hugGap-96-20 {
+                max-height: calc(100% - 96px - 20px);
+            }
+
+.hugContent.hugGap-96-24 {
+                max-height: calc(100% - 96px - 24px);
+            }
+
+.hugContent.hugGap-96-32 {
+                max-height: calc(100% - 96px - 32px);
+            }
+
+.hugContent.hugGap-96-40 {
+                max-height: calc(100% - 96px - 40px);
+            }
+
+.hugContent.hugGap-96-48 {
+                max-height: calc(100% - 96px - 48px);
+            }
+
+.hugContent.hugGap-96-56 {
+                max-height: calc(100% - 96px - 56px);
+            }
+
+.hugContent.hugGap-96-64 {
+                max-height: calc(100% - 96px - 64px);
+            }
+
+.hugContent.hugGap-96-72 {
+                max-height: calc(100% - 96px - 72px);
+            }
+
+.hugContent.hugGap-96-80 {
+                max-height: calc(100% - 96px - 80px);
+            }
+
+.hugContent.hugGap-96-96 {
+                max-height: calc(100% - 96px - 96px);
+            }
+
+.hugContent.hugGap-96-128 {
+                max-height: calc(100% - 96px - 128px);
+            }
+
+.hugContent.hugGap-128-0 {
+                max-height: calc(100% - 128px - 0px);
+            }
+
+.hugContent.hugGap-128-2 {
+                max-height: calc(100% - 128px - 2px);
+            }
+
+.hugContent.hugGap-128-4 {
+                max-height: calc(100% - 128px - 4px);
+            }
+
+.hugContent.hugGap-128-8 {
+                max-height: calc(100% - 128px - 8px);
+            }
+
+.hugContent.hugGap-128-12 {
+                max-height: calc(100% - 128px - 12px);
+            }
+
+.hugContent.hugGap-128-16 {
+                max-height: calc(100% - 128px - 16px);
+            }
+
+.hugContent.hugGap-128-20 {
+                max-height: calc(100% - 128px - 20px);
+            }
+
+.hugContent.hugGap-128-24 {
+                max-height: calc(100% - 128px - 24px);
+            }
+
+.hugContent.hugGap-128-32 {
+                max-height: calc(100% - 128px - 32px);
+            }
+
+.hugContent.hugGap-128-40 {
+                max-height: calc(100% - 128px - 40px);
+            }
+
+.hugContent.hugGap-128-48 {
+                max-height: calc(100% - 128px - 48px);
+            }
+
+.hugContent.hugGap-128-56 {
+                max-height: calc(100% - 128px - 56px);
+            }
+
+.hugContent.hugGap-128-64 {
+                max-height: calc(100% - 128px - 64px);
+            }
+
+.hugContent.hugGap-128-72 {
+                max-height: calc(100% - 128px - 72px);
+            }
+
+.hugContent.hugGap-128-80 {
+                max-height: calc(100% - 128px - 80px);
+            }
+
+.hugContent.hugGap-128-96 {
+                max-height: calc(100% - 128px - 96px);
+            }
+
+.hugContent.hugGap-128-128 {
+                max-height: calc(100% - 128px - 128px);
+            }
 
 .marginTop-0 {
         margin-top: 0px;