@alfalab/core-components-universal-modal 3.1.1 → 3.1.2

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

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