@bagelink/vue 1.0.50 → 1.0.54

package/dist/style.css

@@ -1880,14 +1880,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-af266bf2] {
+.txtInputIconStart .iconStart[data-v-01b5487f] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-af266bf2] {
+.textInputSpinnerWrap .spinner[data-v-01b5487f] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1897,18 +1897,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-af266bf2]{
+.top-bgl-ctrl-num-btn[data-v-01b5487f]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-af266bf2]{
+.bgl-ctrl-num-btn[data-v-01b5487f]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-af266bf2]{
+.bgl-big-ctrl-num-btn[data-v-01b5487f]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-af266bf2]{
+.bgl-number-input[data-v-01b5487f]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -2475,58 +2475,58 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-99e3ea36] {
+.bagel-input textarea[data-v-dbcf2010] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-99e3ea36] {
+.bagel-input.text-input textarea[data-v-dbcf2010] {
 	resize: none;
 }
-.code textarea[data-v-99e3ea36] {
+.code textarea[data-v-dbcf2010] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-99e3ea36]::placeholder {
+.code textarea[data-v-dbcf2010]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-99e3ea36] {
+.bagel-input.small[data-v-dbcf2010] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-99e3ea36] {
+.bagel-input.dense label[data-v-dbcf2010] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-99e3ea36]:disabled {
+.bagel-input input[data-v-dbcf2010]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-99e3ea36] {
+.bagel-input label[data-v-dbcf2010] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-99e3ea36] {
+.textInputIconWrap .bgl_icon-font[data-v-dbcf2010] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-99e3ea36]{
+.textInputIconWrap input[data-v-dbcf2010]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-99e3ea36] {
+.txtInputIconStart .iconStart[data-v-dbcf2010] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-99e3ea36], .txtInputIconStart textarea[data-v-99e3ea36]{
+.txtInputIconStart input[data-v-dbcf2010], .txtInputIconStart textarea[data-v-dbcf2010]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-99e3ea36] {
+.bagel-input.small textarea[data-v-dbcf2010] {
 	height: 30px;
 }
 
@@ -15398,144 +15398,249 @@ select {
         opacity: 0;
     }
 }.txt-center {
-	text-align: center;
+    text-align: center;
 }.txt-start {
-	text-align: start;
+    text-align: start;
 }.txt-end {
-	text-align: end;
+    text-align: end;
 }.txt-small {
-	font-size: 12px;
+    font-size: 12px;
 }.txt20,
 .txt-20 {
-	font-size: 20px;
+    font-size: 20px;
 }.txt24,
 .txt-24 {
-	font-size: 24px;
+    font-size: 24px;
 }.txt28,
 .txt-28 {
-	font-size: 28px;
+    font-size: 28px;
 }.txt30,
 .txt-30 {
-	font-size: 30px;
+    font-size: 30px;
 }.txt32,
 .txt-32 {
-	font-size: 32px;
+    font-size: 32px;
 }.txt36,
 .txt-36 {
-	font-size: 36px;
+    font-size: 36px;
 }.txt40,
 .txt-40 {
-	font-size: 40px;
+    font-size: 40px;
 }.txt44,
 .txt-44 {
-	font-size: 44px;
+    font-size: 44px;
 }.txt48,
 .txt-48 {
-	font-size: 48px;
+    font-size: 48px;
 }.txt50,
 .txt-50 {
-	font-size: 50px;
+    font-size: 50px;
 }.txt52,
 .txt-52 {
-	font-size: 52px;
+    font-size: 52px;
 }.txt56,
 .txt-56 {
-	font-size: 56px;
+    font-size: 56px;
 }.txt60,
 .txt-60 {
-	font-size: 60px;
+    font-size: 60px;
 }.txt64,
 .txt-64 {
-	font-size: 64px;
+    font-size: 64px;
 }.txt68,
 .txt-68 {
-	font-size: 68px;
+    font-size: 68px;
 }.txt70,
 .txt-70 {
-	font-size: 70px;
+    font-size: 70px;
 }.txt72,
 .txt-72 {
-	font-size: 72px;
+    font-size: 72px;
 }.txt80,
 .txt-80 {
-	font-size: 80px;
+    font-size: 80px;
 }.txt90,
 .txt-90 {
-	font-size: 90px;
+    font-size: 90px;
 }.txt100,
 .txt-100 {
-	font-size: 100px;
+    font-size: 100px;
 }.txt110,
 .txt-110 {
-	font-size: 110px;
+    font-size: 110px;
 }.txt120,
 .txt-120 {
-	font-size: 120px;
+    font-size: 120px;
 }.txt130,
 .txt-130 {
-	font-size: 130px;
+    font-size: 130px;
 }.txt140,
 .txt-140 {
-	font-size: 140px;
+    font-size: 140px;
 }.txt150,
 .txt-150 {
-	font-size: 150px;
+    font-size: 150px;
 }.txt18,
 .txt-18 {
-	font-size: 18px;
+    font-size: 18px;
 }.txt16,
 .txt-16 {
-	font-size: 16px;
+    font-size: 16px;
 }.txt14,
 .txt-14 {
-	font-size: 14px;
+    font-size: 14px;
 }.txt12,
 .txt-12 {
-	font-size: 12px;
+    font-size: 12px;
 }.txt10,
 .txt-10 {
-	font-size: 10px;
+    font-size: 10px;
 }.txt9,
 .txt-9 {
-	font-size: 9px;
+    font-size: 9px;
+}.txt025,
+.txt-025 {
+    font-size: 0.25rem;
+}.txt05,
+.txt-05 {
+    font-size: 0.5rem;
+}.txt075,
+.txt-075 {
+    font-size: 0.75rem;
+}.txt1,
+.txt-1 {
+    font-size: 1rem;
+}.txt1-25,
+.txt-1-25 {
+    font-size: 1.25rem;
+}.txt1-5,
+.txt-1-5 {
+    font-size: 1.5rem;
+}.txt1-75,
+.txt-1-75 {
+    font-size: 1.75rem;
+}.txt2,
+.txt-2 {
+    font-size: 2rem;
+}.txt2-25,
+.txt-2-25 {
+    font-size: 2.25rem;
+}.txt2-5,
+.txt-2-5 {
+    font-size: 2.5rem;
+}.txt2-75,
+.txt-2-75 {
+    font-size: 2.75rem;
+}.txt3,
+.txt-3 {
+    font-size: 3rem;
+}.txt3-25,
+.txt-3-25 {
+    font-size: 3.25rem;
+}.txt3-5,
+.txt-3-5 {
+    font-size: 3.5rem;
+}.txt3-75,
+.txt-3-75 {
+    font-size: 3.75rem;
+}.txt4,
+.txt-4 {
+    font-size: 4rem;
+}.txt4-25,
+.txt-4-25 {
+    font-size: 4.25rem;
+}.txt4-5,
+.txt-4-5 {
+    font-size: 4.5rem;
+}.txt4-75,
+.txt-4-75 {
+    font-size: 4.75rem;
+}.txt5,
+.txt-5 {
+    font-size: 5rem;
+}.txt5-25,
+.txt-5-25 {
+    font-size: 5.25rem;
+}.txt5-5,
+.txt-5-5 {
+    font-size: 5.5rem;
+}.txt5-75,
+.txt-5-75 {
+    font-size: 5.75rem;
+}.txt6,
+.txt-6 {
+    font-size: 6rem;
+}.txt6-25,
+.txt-6-25 {
+    font-size: 6.25rem;
+}.txt6-5,
+.txt-6-5 {
+    font-size: 6.5rem;
+}.txt6-75,
+.txt-6-75 {
+    font-size: 6.75rem;
+}.txt7,
+.txt-7 {
+    font-size: 7rem;
+}.txt7-25,
+.txt-7-25 {
+    font-size: 7.25rem;
+}.txt7-5,
+.txt-7-5 {
+    font-size: 7.5rem;
+}.txt7-75,
+.txt-7-75 {
+    font-size: 7.75rem;
+}.txt8,
+.txt-8 {
+    font-size: 8rem;
+}.txt8-25,
+.txt-8-25 {
+    font-size: 8.25rem;
+}.txt8-5,
+.txt-8-5 {
+    font-size: 8.5rem;
+}.txt8-75,
+.txt-8-75 {
+    font-size: 8.75rem;
 }.no-margin {
-	margin: 0;
+    margin: 0;
 }.txt-gray,
 .txtgray {
-	color: var(--bgl-gray);
+    color: var(--bgl-gray);
 }.txt-blue,
 .txtblue {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }.txt-black,
 .txtblack {
-	color: var(--bgl-black);
+    color: var(--bgl-black);
 }.txt-red,
 .txtred {
-	color: var(--bgl-red);
+    color: var(--bgl-red);
 }.txt-white,
 .txtwhite {
-	color: var(--bgl-white);
+    color: var(--bgl-white);
 }.font-thin,
 .txt-thin {
-	font-weight: 100;
+    font-weight: 100;
 }.extra-light,
 .font-extra-light,
 .txt-extra-light,
 .font-ultra-light,
 .txt-ultra-light {
-	font-weight: 200;
+    font-weight: 200;
 }.light,
 .txt-light,
 .font-light {
-	font-weight: 300;
+    font-weight: 300;
 }.regular,
 .txt-regular,
 .font-regular {
-	font-weight: 400;
+    font-weight: 400;
 }.medium,
 .txt-medium,
 .font-medium {
-	font-weight: 500;
+    font-weight: 500;
 }.semi,
 .semibold,
 .txt-semi,
@@ -15543,581 +15648,757 @@ select {
 .font-regular,
 .font-semi,
 .font-semibold {
-	font-weight: 600;
+    font-weight: 600;
 }.bold,
 .txt-bold,
 .font-bold {
-	font-weight: 700;
+    font-weight: 700;
 }.extra-bold,
 .font-extra-bold,
 .txt-extra-bold,
 .font-ultra-bold,
 .txt-ultra-bold {
-	font-weight: 800;
+    font-weight: 800;
 }.black,
 .font-black {
-	font-weight: 900;
+    font-weight: 900;
 }.line-height-0 {
-	line-height: 0;
+    line-height: 0;
 }.line-height-01 {
-	line-height: 0.1;
+    line-height: 0.1;
 }.line-height-02 {
-	line-height: 0.2;
+    line-height: 0.2;
 }.line-height-03 {
-	line-height: 0.3;
+    line-height: 0.3;
 }.line-height-04 {
-	line-height: 0.4;
+    line-height: 0.4;
 }.line-height-05 {
-	line-height: 0.5;
+    line-height: 0.5;
 }.line-height-06 {
-	line-height: 0.6;
+    line-height: 0.6;
 }.line-height-07 {
-	line-height: 0.7;
+    line-height: 0.7;
 }.line-height-08 {
-	line-height: 0.8;
+    line-height: 0.8;
 }.line-height-09 {
-	line-height: 0.9;
+    line-height: 0.9;
 }.line-height-1 {
-	line-height: 1;
+    line-height: 1;
 }.line-height-11 {
-	line-height: 1.1;
+    line-height: 1.1;
 }.line-height-12 {
-	line-height: 1.2;
+    line-height: 1.2;
 }.line-height-13 {
-	line-height: 1.3;
+    line-height: 1.3;
 }.line-height-14 {
-	line-height: 1.4;
+    line-height: 1.4;
 }.line-height-15 {
-	line-height: 1.5;
+    line-height: 1.5;
 }.line-height-16 {
-	line-height: 1.6;
+    line-height: 1.6;
 }.line-height-17 {
-	line-height: 1.7;
+    line-height: 1.7;
 }.line-height-18 {
-	line-height: 1.8;
+    line-height: 1.8;
 }.line-height-19 {
-	line-height: 1.9;
+    line-height: 1.9;
 }.line-height-2 {
-	line-height: 2;
+    line-height: 2;
 }.line-height-normal {
-	line-height: normal;
+    line-height: normal;
 }.ellipsis {
-	overflow: hidden;
-	display: block;
-	width: 100%;
-	text-overflow: ellipsis;
+    overflow: hidden;
+    display: block;
+    width: 100%;
+    text-overflow: ellipsis;
 }.ellipsis-1,
 .ellipsis-2,
 .ellipsis-3,
 .ellipsis-4,
 .ellipsis-5,
 .ellipsis-6 {
-	display: block;
-	display: -webkit-box;
-	max-width: 100%;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
-	text-overflow: ellipsis;
+    display: block;
+    display: -webkit-box;
+    max-width: 100%;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }.ellipsis-1 {
-	-webkit-line-clamp: 1;
+    -webkit-line-clamp: 1;
 }.ellipsis-2 {
-	-webkit-line-clamp: 2;
+    -webkit-line-clamp: 2;
 }.ellipsis-3 {
-	-webkit-line-clamp: 3;
+    -webkit-line-clamp: 3;
 }.ellipsis-4 {
-	-webkit-line-clamp: 4;
+    -webkit-line-clamp: 4;
 }.ellipsis-5 {
-	-webkit-line-clamp: 5;
+    -webkit-line-clamp: 5;
 }.ellipsis-6 {
-	-webkit-line-clamp: 6;
+    -webkit-line-clamp: 6;
 }.pointer {
-	cursor: pointer;
+    cursor: pointer;
 }.grab {
-	cursor: grab;
+    cursor: grab;
 }.grab:active {
-	cursor: grabbing;
+    cursor: grabbing;
 }.not-allowed {
-	cursor: not-allowed;
+    cursor: not-allowed;
 }.decoration-none {
-	text-decoration: none;
+    text-decoration: none;
 }.underline,
 .decoration-underline {
-	text-decoration: underline !important;
+    text-decoration: underline !important;
 }.word-break {
-	word-break: break-word;
+    word-break: break-word;
 }.word-break-all {
-	word-break: break-all;
+    word-break: break-all;
 }.uppercase {
-	text-transform: uppercase;
+    text-transform: uppercase;
 }.lowercase {
-	text-transform: lowercase;
+    text-transform: lowercase;
 }.capitalize {
-	text-transform: capitalize;
+    text-transform: capitalize;
 }.nowrap {
-	white-space: nowrap;
+    white-space: nowrap;
 }.balance {
-	text-wrap: balance;
+    text-wrap: balance;
 }.pretty {
-	text-wrap: pretty;
+    text-wrap: pretty;
 }.white-space {
-	white-space: nowrap;
+    white-space: nowrap;
 }@media screen and (max-width: 910px) {
-	.txt20,
-	.txt-20 {
-		font-size: 18px;
-	}
 
-	.txt16,
-	.txt-16 {
-		font-size: 14px;
-	}
+    .txt20,
+    .txt-20 {
+        font-size: 18px;
+    }
 
-	.txt14,
-	.txt-14 {
-		font-size: 12px;
-	}
+    .txt16,
+    .txt-16 {
+        font-size: 14px;
+    }
 
-	.m_txt-center {
-		text-align: center;
-	}
+    .txt14,
+    .txt-14 {
+        font-size: 12px;
+    }
 
-	.m_txt-start {
-		text-align: start;
-	}
+    .m_txt-center {
+        text-align: center;
+    }
 
-	.m_txt-end {
-		text-align: end;
-	}
+    .m_txt-start {
+        text-align: start;
+    }
 
-	.m_txt-small {
-		font-size: 12px;
-	}
+    .m_txt-end {
+        text-align: end;
+    }
 
-	.m_txt20,
-	.m_txt-20 {
-		font-size: 20px;
-	}
+    .m_txt-small {
+        font-size: 12px;
+    }
 
-	.m_txt24,
-	.m_txt-24 {
-		font-size: 24px;
-	}
+    .m_txt20,
+    .m_txt-20 {
+        font-size: 20px;
+    }
 
-	.m_txt28,
-	.m_txt-28 {
-		font-size: 28px;
-	}
+    .m_txt24,
+    .m_txt-24 {
+        font-size: 24px;
+    }
 
-	.m_txt30,
-	.m_txt-30 {
-		font-size: 30px;
-	}
+    .m_txt28,
+    .m_txt-28 {
+        font-size: 28px;
+    }
 
-	.m_txt32,
-	.m_txt-32 {
-		font-size: 32px;
-	}
+    .m_txt30,
+    .m_txt-30 {
+        font-size: 30px;
+    }
 
-	.m_txt36,
-	.m_txt-36 {
-		font-size: 36px;
-	}
+    .m_txt32,
+    .m_txt-32 {
+        font-size: 32px;
+    }
 
-	.m_txt40,
-	.m_txt-40 {
-		font-size: 40px;
-	}
+    .m_txt36,
+    .m_txt-36 {
+        font-size: 36px;
+    }
 
-	.m_txt44,
-	.m_txt-44 {
-		font-size: 44px;
-	}
+    .m_txt40,
+    .m_txt-40 {
+        font-size: 40px;
+    }
 
-	.m_txt48,
-	.m_txt-48 {
-		font-size: 48px;
-	}
+    .m_txt44,
+    .m_txt-44 {
+        font-size: 44px;
+    }
 
-	.m_txt50,
-	.m_txt-50 {
-		font-size: 50px;
-	}
+    .m_txt48,
+    .m_txt-48 {
+        font-size: 48px;
+    }
 
-	.m_txt52,
-	.m_txt-52 {
-		font-size: 52px;
-	}
+    .m_txt50,
+    .m_txt-50 {
+        font-size: 50px;
+    }
 
-	.m_txt56,
-	.m_txt-56 {
-		font-size: 56px;
-	}
+    .m_txt52,
+    .m_txt-52 {
+        font-size: 52px;
+    }
 
-	.m_txt60,
-	.m_txt-60 {
-		font-size: 60px;
-	}
+    .m_txt56,
+    .m_txt-56 {
+        font-size: 56px;
+    }
 
-	.m_txt64,
-	.m_txt-64 {
-		font-size: 64px;
-	}
+    .m_txt60,
+    .m_txt-60 {
+        font-size: 60px;
+    }
 
-	.m_txt68,
-	.m_txt-68 {
-		font-size: 68px;
-	}
+    .m_txt64,
+    .m_txt-64 {
+        font-size: 64px;
+    }
 
-	.m_txt70,
-	.m_txt-70 {
-		font-size: 70px;
-	}
+    .m_txt68,
+    .m_txt-68 {
+        font-size: 68px;
+    }
 
-	.m_txt72,
-	.m_txt-72 {
-		font-size: 72px;
-	}
+    .m_txt70,
+    .m_txt-70 {
+        font-size: 70px;
+    }
 
-	.m_txt80,
-	.m_txt-80 {
-		font-size: 80px;
-	}
+    .m_txt72,
+    .m_txt-72 {
+        font-size: 72px;
+    }
 
-	.m_txt90,
-	.m_txt-90 {
-		font-size: 90px;
-	}
+    .m_txt80,
+    .m_txt-80 {
+        font-size: 80px;
+    }
 
-	.m_txt100,
-	.m_txt-100 {
-		font-size: 100px;
-	}
+    .m_txt90,
+    .m_txt-90 {
+        font-size: 90px;
+    }
 
-	.m_txt110,
-	.m_txt-110 {
-		font-size: 110px;
-	}
+    .m_txt100,
+    .m_txt-100 {
+        font-size: 100px;
+    }
 
-	.m_txt120,
-	.m_txt-120 {
-		font-size: 120px;
-	}
+    .m_txt110,
+    .m_txt-110 {
+        font-size: 110px;
+    }
 
-	.m_txt130,
-	.m_txt-130 {
-		font-size: 130px;
-	}
+    .m_txt120,
+    .m_txt-120 {
+        font-size: 120px;
+    }
 
-	.m_txt140,
-	.m_txt-140 {
-		font-size: 140px;
-	}
+    .m_txt130,
+    .m_txt-130 {
+        font-size: 130px;
+    }
 
-	.m_txt150,
-	.m_txt-150 {
-		font-size: 150px;
-	}
+    .m_txt140,
+    .m_txt-140 {
+        font-size: 140px;
+    }
 
-	.m_txt18,
-	.m_txt-18 {
-		font-size: 18px;
-	}
+    .m_txt150,
+    .m_txt-150 {
+        font-size: 150px;
+    }
 
-	.m_txt16,
-	.m_txt-16 {
-		font-size: 16px;
-	}
+    .m_txt18,
+    .m_txt-18 {
+        font-size: 18px;
+    }
 
-	.m_txt14,
-	.m_txt-14 {
-		font-size: 14px;
-	}
+    .m_txt16,
+    .m_txt-16 {
+        font-size: 16px;
+    }
 
-	.m_txt12,
-	.m_txt-12 {
-		font-size: 12px;
-	}
+    .m_txt14,
+    .m_txt-14 {
+        font-size: 14px;
+    }
 
-	.m_txt10,
-	.m_txt-10 {
-		font-size: 10px;
-	}
+    .m_txt12,
+    .m_txt-12 {
+        font-size: 12px;
+    }
 
-	.m_txt9,
-	.m_txt-9 {
-		font-size: 9px;
-	}
+    .m_txt10,
+    .m_txt-10 {
+        font-size: 10px;
+    }
 
-	.m_no-margin {
-		margin: 0;
-	}
+    .m_txt9,
+    .m_txt-9 {
+        font-size: 9px;
+    }
 
-	.m_txt-gray,
-	.m_txtgray {
-		color: var(--bgl-gray);
-	}
+    .m_txt025,
+    .m_txt-025 {
+        font-size: 0.25rem;
+    }
 
-	.m_txt-blue,
-	.m_txtblue {
-		color: var(--bgl-primary);
-	}
+    .m_txt05,
+    .m_txt-05 {
+        font-size: 0.5rem;
+    }
 
-	.m_txt-black,
-	.m_txtblack {
-		color: var(--bgl-black);
-	}
+    .m_txt075,
+    .m_txt-075 {
+        font-size: 0.75rem;
+    }
 
-	.m_txt-red,
-	.m_txtred {
-		color: var(--bgl-red);
-	}
+    .m_txt1,
+    .m_txt-1 {
+        font-size: 1rem;
+    }
 
-	.m_txt-white,
-	.m_txtwhite {
-		color: var(--bgl-white);
-	}
+    .m_txt1-25,
+    .m_txt-1-25 {
+        font-size: 1.25rem;
+    }
 
-	.m_font-thin,
-	.m_txt-thin {
-		font-weight: 100;
-	}
+    .m_txt1-5,
+    .m_txt-1-5 {
+        font-size: 1.5rem;
+    }
 
-	.m_extra-light,
-	.m_font-extra-light,
-	.m_txt-extra-light,
-	.m_font-ultra-light,
-	.m_txt-ultra-light {
-		font-weight: 200;
-	}
+    .m_txt1-75,
+    .m_txt-1-75 {
+        font-size: 1.75rem;
+    }
 
-	.m_light,
-	.m_txt-light,
-	.m_font-light {
-		font-weight: 300;
-	}
+    .m_txt2,
+    .m_txt-2 {
+        font-size: 2rem;
+    }
 
-	.m_regular,
-	.m_txt-regular,
-	.m_font-regular {
-		font-weight: 400;
-	}
+    .m_txt2-25,
+    .m_txt-2-25 {
+        font-size: 2.25rem;
+    }
 
-	.m_medium,
-	.m_txt-medium,
-	.m_font-medium {
-		font-weight: 500;
-	}
+    .m_txt2-5,
+    .m_txt-2-5 {
+        font-size: 2.5rem;
+    }
 
-	.m_semi,
-	.m_semibold,
-	.m_txt-semi,
-	.m_txt-semibold,
-	.m_font-regular,
-	.m_font-semi,
-	.m_font-semibold {
-		font-weight: 600;
-	}
+    .m_txt2-75,
+    .m_txt-2-75 {
+        font-size: 2.75rem;
+    }
 
-	.m_bold,
-	.m_txt-bold,
-	.m_font-bold {
-		font-weight: 700;
-	}
+    .m_txt3,
+    .m_txt-3 {
+        font-size: 3rem;
+    }
 
-	.m_extra-bold,
-	.m_font-extra-bold,
-	.m_txt-extra-bold,
-	.m_font-ultra-bold,
-	.m_txt-ultra-bold {
-		font-weight: 800;
-	}
+    .m_txt3-25,
+    .m_txt-3-25 {
+        font-size: 3.25rem;
+    }
 
-	.m_black,
-	.m_font-black {
-		font-weight: 900;
-	}
+    .m_txt3-5,
+    .m_txt-3-5 {
+        font-size: 3.5rem;
+    }
 
-	.m_line-height-0 {
-		line-height: 0;
-	}
+    .m_txt3-75,
+    .m_txt-3-75 {
+        font-size: 3.75rem;
+    }
 
-	.m_line-height-01 {
-		line-height: 0.1;
-	}
+    .m_txt4,
+    .m_txt-4 {
+        font-size: 4rem;
+    }
 
-	.m_line-height-02 {
-		line-height: 0.2;
-	}
+    .m_txt4-25,
+    .m_txt-4-25 {
+        font-size: 4.25rem;
+    }
 
-	.m_line-height-03 {
-		line-height: 0.3;
-	}
+    .m_txt4-5,
+    .m_txt-4-5 {
+        font-size: 4.5rem;
+    }
 
-	.m_line-height-04 {
-		line-height: 0.4;
-	}
+    .m_txt4-75,
+    .m_txt-4-75 {
+        font-size: 4.75rem;
+    }
 
-	.m_line-height-05 {
-		line-height: 0.5;
-	}
+    .m_txt5,
+    .m_txt-5 {
+        font-size: 5rem;
+    }
 
-	.m_line-height-06 {
-		line-height: 0.6;
-	}
+    .m_txt5-25,
+    .m_txt-5-25 {
+        font-size: 5.25rem;
+    }
 
-	.m_line-height-07 {
-		line-height: 0.7;
-	}
+    .m_txt5-5,
+    .m_txt-5-5 {
+        font-size: 5.5rem;
+    }
 
-	.m_line-height-08 {
-		line-height: 0.8;
-	}
+    .m_txt5-75,
+    .m_txt-5-75 {
+        font-size: 5.75rem;
+    }
 
-	.m_line-height-09 {
-		line-height: 0.9;
-	}
+    .m_txt6,
+    .m_txt-6 {
+        font-size: 6rem;
+    }
 
-	.m_line-height-1 {
-		line-height: 1;
-	}
+    .m_txt6-25,
+    .m_txt-6-25 {
+        font-size: 6.25rem;
+    }
 
-	.m_line-height-11 {
-		line-height: 1.1;
-	}
+    .m_txt6-5,
+    .m_txt-6-5 {
+        font-size: 6.5rem;
+    }
 
-	.m_line-height-12 {
-		line-height: 1.2;
-	}
+    .m_txt6-75,
+    .m_txt-6-75 {
+        font-size: 6.75rem;
+    }
 
-	.m_line-height-13 {
-		line-height: 1.3;
-	}
+    .m_txt7,
+    .m_txt-7 {
+        font-size: 7rem;
+    }
 
-	.m_line-height-14 {
-		line-height: 1.4;
-	}
+    .m_txt7-25,
+    .m_txt-7-25 {
+        font-size: 7.25rem;
+    }
 
-	.m_line-height-15 {
-		line-height: 1.5;
-	}
+    .m_txt7-5,
+    .m_txt-7-5 {
+        font-size: 7.5rem;
+    }
 
-	.m_line-height-16 {
-		line-height: 1.6;
-	}
+    .m_txt7-75,
+    .m_txt-7-75 {
+        font-size: 7.75rem;
+    }
 
-	.m_line-height-17 {
-		line-height: 1.7;
-	}
+    .m_txt8,
+    .m_txt-8 {
+        font-size: 8rem;
+    }
 
-	.m_line-height-18 {
-		line-height: 1.8;
-	}
+    .m_txt8-25,
+    .m_txt-8-25 {
+        font-size: 8.25rem;
+    }
 
-	.m_line-height-19 {
-		line-height: 1.9;
-	}
+    .m_txt8-5,
+    .m_txt-8-5 {
+        font-size: 8.5rem;
+    }
 
-	.m_line-height-2 {
-		line-height: 2;
-	}
+    .m_txt8-75,
+    .m_txt-8-75 {
+        font-size: 8.75rem;
+    }
 
-	.m_line-height-normal {
-		line-height: normal;
-	}
+    .m_no-margin {
+        margin: 0;
+    }
 
-	.m_ellipsis {
-		overflow: hidden;
-		display: block;
-		width: 100%;
-		text-overflow: ellipsis;
-	}
+    .m_txt-gray,
+    .m_txtgray {
+        color: var(--bgl-gray);
+    }
 
-	.m_ellipsis-1,
-	.m_ellipsis-2,
-	.m_ellipsis-3,
-	.m_ellipsis-4,
-	.m_ellipsis-5,
-	.m_ellipsis-6 {
-		display: block;
-		display: -webkit-box;
-		max-width: 100%;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
+    .m_txt-blue,
+    .m_txtblue {
+        color: var(--bgl-primary);
+    }
 
-	.m_ellipsis-1 {
-		-webkit-line-clamp: 1;
-	}
+    .m_txt-black,
+    .m_txtblack {
+        color: var(--bgl-black);
+    }
 
-	.m_ellipsis-2 {
-		-webkit-line-clamp: 2;
-	}
+    .m_txt-red,
+    .m_txtred {
+        color: var(--bgl-red);
+    }
 
-	.m_ellipsis-3 {
-		-webkit-line-clamp: 3;
-	}
+    .m_txt-white,
+    .m_txtwhite {
+        color: var(--bgl-white);
+    }
 
-	.m_ellipsis-4 {
-		-webkit-line-clamp: 4;
-	}
+    .m_font-thin,
+    .m_txt-thin {
+        font-weight: 100;
+    }
 
-	.m_ellipsis-5 {
-		-webkit-line-clamp: 5;
-	}
+    .m_extra-light,
+    .m_font-extra-light,
+    .m_txt-extra-light,
+    .m_font-ultra-light,
+    .m_txt-ultra-light {
+        font-weight: 200;
+    }
 
-	.m_ellipsis-6 {
-		-webkit-line-clamp: 6;
-	}
+    .m_light,
+    .m_txt-light,
+    .m_font-light {
+        font-weight: 300;
+    }
 
-	.m_pointer {
-		cursor: pointer;
-	}
+    .m_regular,
+    .m_txt-regular,
+    .m_font-regular {
+        font-weight: 400;
+    }
 
-	.m_decoration-none {
-		text-decoration: none;
-	}
+    .m_medium,
+    .m_txt-medium,
+    .m_font-medium {
+        font-weight: 500;
+    }
 
-	.m_underline,
-	.m_decoration-underline {
-		text-decoration: underline !important;
-	}
+    .m_semi,
+    .m_semibold,
+    .m_txt-semi,
+    .m_txt-semibold,
+    .m_font-regular,
+    .m_font-semi,
+    .m_font-semibold {
+        font-weight: 600;
+    }
 
-	.m_bgl_icon-font {
-		font-family: 'Material Symbols Outlined', serif;
-	}
+    .m_bold,
+    .m_txt-bold,
+    .m_font-bold {
+        font-weight: 700;
+    }
 
-	.m_nowrap {
-		white-space: nowrap;
-	}
+    .m_extra-bold,
+    .m_font-extra-bold,
+    .m_txt-extra-bold,
+    .m_font-ultra-bold,
+    .m_txt-ultra-bold {
+        font-weight: 800;
+    }
 
-	.m_balance {
-		text-wrap: balance;
-	}
+    .m_black,
+    .m_font-black {
+        font-weight: 900;
+    }
 
-	.m_pretty {
-		text-wrap: pretty;
-	}
+    .m_line-height-0 {
+        line-height: 0;
+    }
 
-	.m_word-break {
-		word-break: break-word;
-	}
+    .m_line-height-01 {
+        line-height: 0.1;
+    }
 
-	.m_word-break-all {
-		word-break: break-all;
-	}
+    .m_line-height-02 {
+        line-height: 0.2;
+    }
 
-	.m_uppercase {
-		text-transform: uppercase;
-	}
+    .m_line-height-03 {
+        line-height: 0.3;
+    }
 
-	.m_lowercase {
-		text-transform: lowercase;
-	}
+    .m_line-height-04 {
+        line-height: 0.4;
+    }
 
-	.m_capitalize {
-		text-transform: capitalize;
-	}
+    .m_line-height-05 {
+        line-height: 0.5;
+    }
+
+    .m_line-height-06 {
+        line-height: 0.6;
+    }
+
+    .m_line-height-07 {
+        line-height: 0.7;
+    }
+
+    .m_line-height-08 {
+        line-height: 0.8;
+    }
+
+    .m_line-height-09 {
+        line-height: 0.9;
+    }
+
+    .m_line-height-1 {
+        line-height: 1;
+    }
+
+    .m_line-height-11 {
+        line-height: 1.1;
+    }
+
+    .m_line-height-12 {
+        line-height: 1.2;
+    }
+
+    .m_line-height-13 {
+        line-height: 1.3;
+    }
+
+    .m_line-height-14 {
+        line-height: 1.4;
+    }
+
+    .m_line-height-15 {
+        line-height: 1.5;
+    }
+
+    .m_line-height-16 {
+        line-height: 1.6;
+    }
+
+    .m_line-height-17 {
+        line-height: 1.7;
+    }
+
+    .m_line-height-18 {
+        line-height: 1.8;
+    }
+
+    .m_line-height-19 {
+        line-height: 1.9;
+    }
+
+    .m_line-height-2 {
+        line-height: 2;
+    }
+
+    .m_line-height-normal {
+        line-height: normal;
+    }
+
+    .m_ellipsis {
+        overflow: hidden;
+        display: block;
+        width: 100%;
+        text-overflow: ellipsis;
+    }
+
+    .m_ellipsis-1,
+    .m_ellipsis-2,
+    .m_ellipsis-3,
+    .m_ellipsis-4,
+    .m_ellipsis-5,
+    .m_ellipsis-6 {
+        display: block;
+        display: -webkit-box;
+        max-width: 100%;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .m_ellipsis-1 {
+        -webkit-line-clamp: 1;
+    }
+
+    .m_ellipsis-2 {
+        -webkit-line-clamp: 2;
+    }
+
+    .m_ellipsis-3 {
+        -webkit-line-clamp: 3;
+    }
+
+    .m_ellipsis-4 {
+        -webkit-line-clamp: 4;
+    }
+
+    .m_ellipsis-5 {
+        -webkit-line-clamp: 5;
+    }
+
+    .m_ellipsis-6 {
+        -webkit-line-clamp: 6;
+    }
+
+    .m_pointer {
+        cursor: pointer;
+    }
+
+    .m_decoration-none {
+        text-decoration: none;
+    }
+
+    .m_underline,
+    .m_decoration-underline {
+        text-decoration: underline !important;
+    }
+
+    .m_bgl_icon-font {
+        font-family: 'Material Symbols Outlined', serif;
+    }
+
+    .m_nowrap {
+        white-space: nowrap;
+    }
+
+    .m_balance {
+        text-wrap: balance;
+    }
+
+    .m_pretty {
+        text-wrap: pretty;
+    }
+
+    .m_word-break {
+        word-break: break-word;
+    }
+
+    .m_word-break-all {
+        word-break: break-all;
+    }
+
+    .m_uppercase {
+        text-transform: uppercase;
+    }
+
+    .m_lowercase {
+        text-transform: lowercase;
+    }
+
+    .m_capitalize {
+        text-transform: capitalize;
+    }
 }body>div ::-webkit-scrollbar {
     width: 0.5em;
     height: 0.5rem;