@bagelink/vue 0.0.348 → 0.0.352

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-0c8d9a95] {
+a[data-v-d09a83c5] {
   text-decoration: none;
 }
-.loading[data-v-0c8d9a95] {
+.loading[data-v-d09a83c5] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-0c8d9a95 1s linear infinite;
+  animation: spin-d09a83c5 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-0c8d9a95 {
+@keyframes spin-d09a83c5 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-0c8d9a95] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-0c8d9a95] {
+.bgl_btn-icon[data-v-d09a83c5] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,97 +278,101 @@ a[data-v-0c8d9a95] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-0c8d9a95] {
+.bgl_btn[data-v-d09a83c5] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-0c8d9a95] {
+.bgl_btn[disabled="true"][data-v-d09a83c5] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-0c8d9a95] {
+.bgl_btn-flex[data-v-d09a83c5] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-0c8d9a95] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-d09a83c5] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-0c8d9a95],
-.bgl_btn-icon[data-v-0c8d9a95] {
-  background-color: var(--f1f27722);
-  color: var(--b7042aec);
+.bgl_btn[data-v-d09a83c5],
+.bgl_btn-icon[data-v-d09a83c5] {
+  background-color: var(--1c54b131);
+  color: var(--12e510cc);
 }
-.bgl_btn[data-v-0c8d9a95]:hover,
-.bgl_btn-icon[data-v-0c8d9a95]:hover {
+.bgl_btn[data-v-d09a83c5]:hover,
+.bgl_btn-icon[data-v-d09a83c5]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-0c8d9a95]:active,
-.bgl_btn-icon[data-v-0c8d9a95]:active {
+.bgl_btn[data-v-d09a83c5]:active,
+.bgl_btn-icon[data-v-d09a83c5]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-0c8d9a95] {
+.bgl_btn.bgl_flatBtn[data-v-d09a83c5] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95] {
+.bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:hover {
+.bgl_btn.bgl_flatBtn[data-v-d09a83c5]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:active {
-  background: var(--bgl-white);
+.bgl_btn.bgl_flatBtn[data-v-d09a83c5]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5]:active {
+  background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-0c8d9a95],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-0c8d9a95] {
+.bgl_btn.bgl_flatBtn.red[data-v-d09a83c5],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-d09a83c5] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-0c8d9a95],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-0c8d9a95] {
+.bgl_btn.bgl_flatBtn.white[data-v-d09a83c5],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-d09a83c5] {
+  color: var(--bgl-white);
+}
+.bgl_btn.bgl_flatBtn.light[data-v-d09a83c5],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-d09a83c5] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-0c8d9a95],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-0c8d9a95] {
+.bgl_btn.bgl_flatBtn.black[data-v-d09a83c5],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-d09a83c5] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-0c8d9a95],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-0c8d9a95] {
+.bgl_btn.bgl_flatBtn.gray[data-v-d09a83c5],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-d09a83c5] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-0c8d9a95] {
+.bgl_btn.thin[data-v-d09a83c5] {
   padding-left: calc(var(--btn-padding) / 2);
   padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-0c8d9a95] {
+.bgl_btn.round[data-v-d09a83c5] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-0c8d9a95] {
+.bgl_btn-icon.thin[data-v-d09a83c5] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-0c8d9a95] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-d09a83c5] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-0c8d9a95] {
-  outline: 1px solid var(--f1f27722);
-  color: var(--f1f27722);
+.bgl_btn-border[data-v-d09a83c5] {
+  outline: 1px solid var(--1c54b131);
+  color: var(--1c54b131);
   background: transparent;
 }
-.bgl_btn-border[data-v-0c8d9a95]:hover {
+.bgl_btn-border[data-v-d09a83c5]:hover {
   color: var(--bgl-white);
-  background: var(--f1f27722);
+  background: var(--1c54b131);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-0c8d9a95]:active {
+.bgl_btn-border[data-v-d09a83c5]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -870,83 +874,83 @@ display: block;
   display: block
 }
 
-.blocker[data-v-7e8d16cb] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 100;
+.blocker[data-v-068aa914] {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 100;
 }
-.bgl-slider[data-v-7e8d16cb] {
-  display: grid;
-  position: relative;
-  scroll-behavior: smooth;
-  grid-auto-flow: column;
-  grid-auto-columns: 100%;
-  scroll-snap-type: x mandatory;
-  overflow-x: hidden;
+.bgl-slider[data-v-068aa914] {
+	display: grid;
+	position: relative;
+	scroll-behavior: smooth;
+	grid-auto-flow: column;
+	grid-auto-columns: 100%;
+	scroll-snap-type: x mandatory;
+	overflow-x: hidden;
 }
-.autoHeight[data-v-7e8d16cb] {
-  transition: height ease 0.7s;
+.autoHeight[data-v-068aa914] {
+	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-7e8d16cb] {
-  overflow-x: scroll;
+.bgl-slider.allowScroll[data-v-068aa914] {
+	overflow-x: scroll;
 }
-.bgl-slider.slides-6[data-v-7e8d16cb] {
-  grid-auto-columns: 15.9%;
-  gap: 1%;
+.bgl-slider.slides-6[data-v-068aa914] {
+	grid-auto-columns: 15.9%;
+	gap: 1%;
 }
-.bgl-slider.slides-5[data-v-7e8d16cb] {
-  grid-auto-columns: 19.3%;
-  gap: 1%;
+.bgl-slider.slides-5[data-v-068aa914] {
+	grid-auto-columns: 19.3%;
+	gap: 1%;
 }
-.bgl-slider.slides-4[data-v-7e8d16cb] {
-  grid-auto-columns: 24.3%;
-  gap: 1%;
+.bgl-slider.slides-4[data-v-068aa914] {
+	grid-auto-columns: 24.3%;
+	gap: 1%;
 }
-.bgl-slider.slides-3[data-v-7e8d16cb] {
-  grid-auto-columns: 33%;
-  gap: 1%;
+.bgl-slider.slides-3[data-v-068aa914] {
+	grid-auto-columns: 33%;
+	gap: 1%;
 }
-.bgl-slider.slides-2[data-v-7e8d16cb] {
-  grid-auto-columns: 50%;
-  gap: 1%;
+.bgl-slider.slides-2[data-v-068aa914] {
+	grid-auto-columns: 50%;
+	gap: 1%;
 }
-.bgl-slider.slides-1[data-v-7e8d16cb] {
-  grid-auto-columns: 100%;
+.bgl-slider.slides-1[data-v-068aa914] {
+	grid-auto-columns: 100%;
 }
-.bgl-slider[data-v-7e8d16cb]::-webkit-scrollbar {
-  display: none;
+.bgl-slider[data-v-068aa914]::-webkit-scrollbar {
+	display: none;
 }
-.bgl-slider *[data-v-7e8d16cb] {
-  scroll-snap-align: start;
+.bgl-slider *[data-v-068aa914] {
+	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-7e8d16cb] {
-  cursor: grabbing;
-  cursor: -webkit-grabbing;
-  scroll-snap-type: unset;
+.dragging.bgl-slider[data-v-068aa914] {
+	cursor: grabbing;
+	cursor: -webkit-grabbing;
+	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-7e8d16cb] {
-  scroll-behavior: unset;
+.clicking.bgl-slider[data-v-068aa914] {
+	scroll-behavior: unset;
 }
-.dragging.bgl-slider *[data-v-7e8d16cb] {
-  scroll-snap-align: unset;
-  user-select: none;
+.dragging.bgl-slider *[data-v-068aa914] {
+	scroll-snap-align: unset;
+	user-select: none;
 }
 @media screen and (max-width: 1280px) {
-.bgl-slider.slides-4[data-v-7e8d16cb] {
-    grid-auto-columns: 33%;
+.bgl-slider.slides-4[data-v-068aa914] {
+		grid-auto-columns: 33%;
 }
 }
 @media screen and (max-width: 991px) {
-.bgl-slider.slides-4[data-v-7e8d16cb] {
-    grid-auto-columns: 50%;
+.bgl-slider.slides-4[data-v-068aa914] {
+		grid-auto-columns: 50%;
 }
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-4[data-v-7e8d16cb] {
-    grid-auto-columns: 100%;
+.bgl-slider.slides-4[data-v-068aa914] {
+		grid-auto-columns: 100%;
 }
 }
 
@@ -1029,59 +1033,63 @@ display: block;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-b6223039] {
-  width: 100%;
+.selectinput[data-v-8235eff6] {
+	width: 100%;
 }
-.selectinput-option[data-v-b6223039] {
-  padding: 6px 12px;
-  cursor: pointer;
-  border-radius: 5px;
-  transition: all 0.2s;
-  display: grid;
-  grid-template-columns: 10px 1fr;
-  justify-content: space-between;
-  width: 100%;
-  font-size: var(--input-font-size);
+.selectinput-option[data-v-8235eff6] {
+	padding: 6px 12px;
+	cursor: pointer;
+	border-radius: 5px;
+	transition: all 0.2s;
+	display: grid;
+	grid-template-columns: 10px 1fr;
+	justify-content: space-between;
+	width: 100%;
+	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-b6223039] {
-  max-height: 300px;
-  overflow-y: auto;
+.selectinput-options[data-v-8235eff6] {
+	max-height: 300px;
+	overflow-y: auto;
+}
+.selectinput-option[data-v-8235eff6]:hover {
+	background: var(--bgl-gray-20);
 }
-.selectinput-option[data-v-b6223039]:hover {
-  background: var(--bgl-gray-20);
+.isEmpty p[data-v-8235eff6]{
+	opacity: 0.3;
 }
 
 .bagel-input label {
-  font-size: var(--label-font-size);
+	font-size: var(--label-font-size);
 }
 .selectinput-btn {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: var(--input-height);
-  border-radius: var(--input-border-radius);
-  border: none;
-  background: var(--input-bg);
-  padding: 0.7rem;
-  color: var(--input-color);
-  width: 100%;
-  font-family: inherit;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	height: var(--input-height);
+	border-radius: var(--input-border-radius);
+	border: none;
+	background: var(--input-bg);
+	padding: 0.7rem;
+	color: var(--input-color);
+	width: 100%;
+	font-family: inherit;
+	font-size: var(--input-font-size);
 }
 .selectinput-btn:disabled {
-  background: var(--input-disabled-bg);
-  color: var(--input-disabled-color);
+	color: var(--input-disabled-color);
 }
 .selectinput-btn:focus {
-  outline: none;
-  box-shadow: inset 0 0 10px #00000012;
+	outline: none;
+	box-shadow: inset 0 0 10px #00000012;
 }
 .v-popper__arrow-container {
-  display: none;
+	display: none;
 }
 .v-popper--theme-dropdown .v-popper__inner {
-  border: none;
-  background: transparent;
-  border-radius: var(--card-border-radius);
+	border: none;
+	background: transparent;
+	border-radius: var(--card-border-radius);
+	color: var(--input-color);
 }
 
 .table-side-scroll[data-v-cdacf10e] {
@@ -2926,10 +2934,10 @@ img.preview[data-v-1be8d7b1] {
     height: 100%;
 }
 .vh-100 {
-    height: 100vh;
+    height: 100vh !important;
 }
 .h-100px {
-    height: 100px;
+    height: 100px !important;
 }
 .hm-100px {
     max-height: 100px;
@@ -3010,6 +3018,36 @@ img.preview[data-v-1be8d7b1] {
     height: 100vh;
     overflow-y: hidden;
 }
+.grid-wrap-50 {
+    grid-template-columns: repeat(auto-fit, minmax(min(50px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
+.grid-wrap-100 {
+    grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
+.grid-wrap-200 {
+    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
+.grid-wrap-300 {
+    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
+.grid-wrap-400 {
+    grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
+.grid-wrap-500 {
+    grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
+    height: max-content;
+    width: 100%
+}
 .grid-wrap-1 {
     grid-template-columns: repeat(1, 1fr);
     height: max-content;
@@ -4517,6 +4555,43 @@ img.preview[data-v-1be8d7b1] {
         overflow-y: hidden;
     }
 
+
+    .m_grid-wrap-50 {
+        grid-template-columns: repeat(auto-fit, minmax(min(50px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
+    .m_grid-wrap-100 {
+        grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
+    .m_grid-wrap-200 {
+        grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
+    .m_grid-wrap-300 {
+        grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
+    .m_grid-wrap-400 {
+        grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
+    .m_grid-wrap-500 {
+        grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
+        height: max-content;
+        width: 100%
+    }
+
     .m_grid-wrap-1 {
         grid-template-columns: repeat(1, 1fr);
         height: max-content;
@@ -4751,7 +4826,6 @@ select {
     }
 
     .bagel-input label {
-        font-size: calc(var(--input-font-size) / 1.1);
         line-height: 1.2;
     }
 }
@@ -4813,10 +4887,17 @@ select {
 .hover:active {
     filter: brightness(80%);
 }
+.border {
+    border: 1px solid var(--border-color);
+}
 @media screen and (max-width: 910px) {
     .bgl_btn {
         padding: 0 20px;
     }
+
+    .m_border {
+        border: 1px solid var(--border-color);
+    }
 }
 .txt-center {
     text-align: center;
@@ -4834,6 +4915,70 @@ select {
 .txt-20 {
     font-size: 20px;
 }
+.txt24,
+.txt-24 {
+    font-size: 24px;
+}
+.txt28,
+.txt-28 {
+    font-size: 28px;
+}
+.txt30,
+.txt-30 {
+    font-size: 30px;
+}
+.txt32,
+.txt-32 {
+    font-size: 32px;
+}
+.txt36,
+.txt-36 {
+    font-size: 36px;
+}
+.txt40,
+.txt-40 {
+    font-size: 40px;
+}
+.txt44,
+.txt-44 {
+    font-size: 44px;
+}
+.txt48,
+.txt-48 {
+    font-size: 48px;
+}
+.txt50,
+.txt-50 {
+    font-size: 50px;
+}
+.txt52,
+.txt-52 {
+    font-size: 52px;
+}
+.txt56,
+.txt-56 {
+    font-size: 56px;
+}
+.txt60,
+.txt-60 {
+    font-size: 60px;
+}
+.txt64,
+.txt-64 {
+    font-size: 64px;
+}
+.txt68,
+.txt-68 {
+    font-size: 68px;
+}
+.txt70,
+.txt-70 {
+    font-size: 70px;
+}
+.txt72,
+.txt-72 {
+    font-size: 72px;
+}
 .txt18,
 .txt-18 {
     font-size: 18px;
@@ -4881,10 +5026,13 @@ select {
 .txtwhite {
     color: var(--bgl-white);
 }
-.font-light {
+.font-light,
+.txt-light {
     font-weight: 100;
 }
-.bold {
+.bold,
+.txt-bold,
+.font-bold {
     font-weight: 700;
 }
 .line-height-1 {
@@ -4939,7 +5087,14 @@ select {
 .nowrap {
     white-space: nowrap;
 }
+.balance {
+    text-wrap: balance;
+}
+.pretty {
+    text-wrap: pretty;
+}
 @media screen and (max-width: 910px) {
+
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -4976,6 +5131,87 @@ select {
         font-size: 20px;
     }
 
+    .m_txt24,
+    .m_txt-24 {
+        font-size: 24px;
+    }
+
+    .m_txt28,
+    .m_txt-28 {
+        font-size: 28px;
+    }
+
+    .m_txt30,
+    .m_txt-30 {
+        font-size: 30px;
+    }
+
+    .m_txt32,
+    .m_txt-32 {
+        font-size: 32px;
+    }
+
+    .m_txt36,
+    .m_txt-36 {
+        font-size: 36px;
+    }
+
+    .m_txt40,
+    .m_txt-40 {
+        font-size: 40px;
+    }
+
+    .m_txt44,
+    .m_txt-44 {
+        font-size: 44px;
+    }
+
+    .m_txt48,
+    .m_txt-48 {
+        font-size: 48px;
+    }
+
+    .m_txt50,
+    .m_txt-50 {
+        font-size: 50px;
+    }
+
+    .m_txt52,
+    .m_txt-52 {
+        font-size: 52px;
+    }
+
+    .m_txt56,
+    .m_txt-56 {
+        font-size: 56px;
+    }
+
+    .m_txt60,
+    .m_txt-60 {
+        font-size: 60px;
+    }
+
+    .m_txt64,
+    .m_txt-64 {
+        font-size: 64px;
+    }
+
+    .m_txt68,
+    .m_txt-68 {
+        font-size: 68px;
+    }
+
+    .m_txt70,
+    .m_txt-70 {
+        font-size: 70px;
+    }
+
+    .m_txt72,
+    .m_txt-72 {
+        font-size: 72px;
+    }
+
+
     .m_txt18,
     .m_txt-18 {
         font-size: 18px;
@@ -5035,11 +5271,14 @@ select {
         color: var(--bgl-white);
     }
 
-    .m_font-light {
+    .m_font-light,
+    .m_txt-light {
         font-weight: 100;
     }
 
-    .m_bold {
+    .m_bold,
+    .m_txt-bold,
+    .m_font-bold {
         font-weight: 700;
     }
 
@@ -5107,6 +5346,15 @@ select {
     .m_nowrap {
         white-space: nowrap;
     }
+
+    .m_balance {
+        text-wrap: balance;
+    }
+
+    .m_pretty {
+        text-wrap: pretty;
+    }
+
 }
 ::-webkit-scrollbar {
     width: 0.5em;