@bagelink/vue 1.0.52 → 1.0.54

package/src/styles/text.css

@@ -1,206 +1,381 @@
 .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,
@@ -208,25 +383,25 @@
 .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,
@@ -236,13 +411,13 @@
 .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,
@@ -250,107 +425,107 @@
 .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,
@@ -359,554 +534,730 @@
 .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;
-	}
-
-	.txt14,
-	.txt-14 {
-		font-size: 12px;
-	}
-
-	.m_txt-center {
-		text-align: center;
-	}
-
-	.m_txt-start {
-		text-align: start;
-	}
-
-	.m_txt-end {
-		text-align: end;
-	}
-
-	.m_txt-small {
-		font-size: 12px;
-	}
-
-	.m_txt20,
-	.m_txt-20 {
-		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_txt80,
-	.m_txt-80 {
-		font-size: 80px;
-	}
-
-	.m_txt90,
-	.m_txt-90 {
-		font-size: 90px;
-	}
-
-	.m_txt100,
-	.m_txt-100 {
-		font-size: 100px;
-	}
-
-	.m_txt110,
-	.m_txt-110 {
-		font-size: 110px;
-	}
-
-	.m_txt120,
-	.m_txt-120 {
-		font-size: 120px;
-	}
-
-	.m_txt130,
-	.m_txt-130 {
-		font-size: 130px;
-	}
-
-	.m_txt140,
-	.m_txt-140 {
-		font-size: 140px;
-	}
-
-	.m_txt150,
-	.m_txt-150 {
-		font-size: 150px;
-	}
-
-	.m_txt18,
-	.m_txt-18 {
-		font-size: 18px;
-	}
-
-	.m_txt16,
-	.m_txt-16 {
-		font-size: 16px;
-	}
-
-	.m_txt14,
-	.m_txt-14 {
-		font-size: 14px;
-	}
-
-	.m_txt12,
-	.m_txt-12 {
-		font-size: 12px;
-	}
-
-	.m_txt10,
-	.m_txt-10 {
-		font-size: 10px;
-	}
-
-	.m_txt9,
-	.m_txt-9 {
-		font-size: 9px;
-	}
-
-	.m_no-margin {
-		margin: 0;
-	}
-
-	.m_txt-gray,
-	.m_txtgray {
-		color: var(--bgl-gray);
-	}
-
-	.m_txt-blue,
-	.m_txtblue {
-		color: var(--bgl-primary);
-	}
-
-	.m_txt-black,
-	.m_txtblack {
-		color: var(--bgl-black);
-	}
-
-	.m_txt-red,
-	.m_txtred {
-		color: var(--bgl-red);
-	}
-
-	.m_txt-white,
-	.m_txtwhite {
-		color: var(--bgl-white);
-	}
-
-	.m_font-thin,
-	.m_txt-thin {
-		font-weight: 100;
-	}
-
-	.m_extra-light,
-	.m_font-extra-light,
-	.m_txt-extra-light,
-	.m_font-ultra-light,
-	.m_txt-ultra-light {
-		font-weight: 200;
-	}
-
-	.m_light,
-	.m_txt-light,
-	.m_font-light {
-		font-weight: 300;
-	}
-
-	.m_regular,
-	.m_txt-regular,
-	.m_font-regular {
-		font-weight: 400;
-	}
-
-	.m_medium,
-	.m_txt-medium,
-	.m_font-medium {
-		font-weight: 500;
-	}
-
-	.m_semi,
-	.m_semibold,
-	.m_txt-semi,
-	.m_txt-semibold,
-	.m_font-regular,
-	.m_font-semi,
-	.m_font-semibold {
-		font-weight: 600;
-	}
-
-	.m_bold,
-	.m_txt-bold,
-	.m_font-bold {
-		font-weight: 700;
-	}
-
-	.m_extra-bold,
-	.m_font-extra-bold,
-	.m_txt-extra-bold,
-	.m_font-ultra-bold,
-	.m_txt-ultra-bold {
-		font-weight: 800;
-	}
-
-	.m_black,
-	.m_font-black {
-		font-weight: 900;
-	}
-
-	.m_line-height-0 {
-		line-height: 0;
-	}
-
-	.m_line-height-01 {
-		line-height: 0.1;
-	}
-
-	.m_line-height-02 {
-		line-height: 0.2;
-	}
-
-	.m_line-height-03 {
-		line-height: 0.3;
-	}
-
-	.m_line-height-04 {
-		line-height: 0.4;
-	}
-
-	.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;
-	}
-}
+
+    .txt20,
+    .txt-20 {
+        font-size: 18px;
+    }
+
+    .txt16,
+    .txt-16 {
+        font-size: 14px;
+    }
+
+    .txt14,
+    .txt-14 {
+        font-size: 12px;
+    }
+
+    .m_txt-center {
+        text-align: center;
+    }
+
+    .m_txt-start {
+        text-align: start;
+    }
+
+    .m_txt-end {
+        text-align: end;
+    }
+
+    .m_txt-small {
+        font-size: 12px;
+    }
+
+    .m_txt20,
+    .m_txt-20 {
+        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_txt80,
+    .m_txt-80 {
+        font-size: 80px;
+    }
+
+    .m_txt90,
+    .m_txt-90 {
+        font-size: 90px;
+    }
+
+    .m_txt100,
+    .m_txt-100 {
+        font-size: 100px;
+    }
+
+    .m_txt110,
+    .m_txt-110 {
+        font-size: 110px;
+    }
+
+    .m_txt120,
+    .m_txt-120 {
+        font-size: 120px;
+    }
+
+    .m_txt130,
+    .m_txt-130 {
+        font-size: 130px;
+    }
+
+    .m_txt140,
+    .m_txt-140 {
+        font-size: 140px;
+    }
+
+    .m_txt150,
+    .m_txt-150 {
+        font-size: 150px;
+    }
+
+    .m_txt18,
+    .m_txt-18 {
+        font-size: 18px;
+    }
+
+    .m_txt16,
+    .m_txt-16 {
+        font-size: 16px;
+    }
+
+    .m_txt14,
+    .m_txt-14 {
+        font-size: 14px;
+    }
+
+    .m_txt12,
+    .m_txt-12 {
+        font-size: 12px;
+    }
+
+    .m_txt10,
+    .m_txt-10 {
+        font-size: 10px;
+    }
+
+    .m_txt9,
+    .m_txt-9 {
+        font-size: 9px;
+    }
+
+    .m_txt025,
+    .m_txt-025 {
+        font-size: 0.25rem;
+    }
+
+    .m_txt05,
+    .m_txt-05 {
+        font-size: 0.5rem;
+    }
+
+    .m_txt075,
+    .m_txt-075 {
+        font-size: 0.75rem;
+    }
+
+    .m_txt1,
+    .m_txt-1 {
+        font-size: 1rem;
+    }
+
+    .m_txt1-25,
+    .m_txt-1-25 {
+        font-size: 1.25rem;
+    }
+
+    .m_txt1-5,
+    .m_txt-1-5 {
+        font-size: 1.5rem;
+    }
+
+    .m_txt1-75,
+    .m_txt-1-75 {
+        font-size: 1.75rem;
+    }
+
+    .m_txt2,
+    .m_txt-2 {
+        font-size: 2rem;
+    }
+
+    .m_txt2-25,
+    .m_txt-2-25 {
+        font-size: 2.25rem;
+    }
+
+    .m_txt2-5,
+    .m_txt-2-5 {
+        font-size: 2.5rem;
+    }
+
+    .m_txt2-75,
+    .m_txt-2-75 {
+        font-size: 2.75rem;
+    }
+
+    .m_txt3,
+    .m_txt-3 {
+        font-size: 3rem;
+    }
+
+    .m_txt3-25,
+    .m_txt-3-25 {
+        font-size: 3.25rem;
+    }
+
+    .m_txt3-5,
+    .m_txt-3-5 {
+        font-size: 3.5rem;
+    }
+
+    .m_txt3-75,
+    .m_txt-3-75 {
+        font-size: 3.75rem;
+    }
+
+    .m_txt4,
+    .m_txt-4 {
+        font-size: 4rem;
+    }
+
+    .m_txt4-25,
+    .m_txt-4-25 {
+        font-size: 4.25rem;
+    }
+
+    .m_txt4-5,
+    .m_txt-4-5 {
+        font-size: 4.5rem;
+    }
+
+    .m_txt4-75,
+    .m_txt-4-75 {
+        font-size: 4.75rem;
+    }
+
+    .m_txt5,
+    .m_txt-5 {
+        font-size: 5rem;
+    }
+
+    .m_txt5-25,
+    .m_txt-5-25 {
+        font-size: 5.25rem;
+    }
+
+    .m_txt5-5,
+    .m_txt-5-5 {
+        font-size: 5.5rem;
+    }
+
+    .m_txt5-75,
+    .m_txt-5-75 {
+        font-size: 5.75rem;
+    }
+
+    .m_txt6,
+    .m_txt-6 {
+        font-size: 6rem;
+    }
+
+    .m_txt6-25,
+    .m_txt-6-25 {
+        font-size: 6.25rem;
+    }
+
+    .m_txt6-5,
+    .m_txt-6-5 {
+        font-size: 6.5rem;
+    }
+
+    .m_txt6-75,
+    .m_txt-6-75 {
+        font-size: 6.75rem;
+    }
+
+    .m_txt7,
+    .m_txt-7 {
+        font-size: 7rem;
+    }
+
+    .m_txt7-25,
+    .m_txt-7-25 {
+        font-size: 7.25rem;
+    }
+
+    .m_txt7-5,
+    .m_txt-7-5 {
+        font-size: 7.5rem;
+    }
+
+    .m_txt7-75,
+    .m_txt-7-75 {
+        font-size: 7.75rem;
+    }
+
+    .m_txt8,
+    .m_txt-8 {
+        font-size: 8rem;
+    }
+
+    .m_txt8-25,
+    .m_txt-8-25 {
+        font-size: 8.25rem;
+    }
+
+    .m_txt8-5,
+    .m_txt-8-5 {
+        font-size: 8.5rem;
+    }
+
+    .m_txt8-75,
+    .m_txt-8-75 {
+        font-size: 8.75rem;
+    }
+
+    .m_no-margin {
+        margin: 0;
+    }
+
+    .m_txt-gray,
+    .m_txtgray {
+        color: var(--bgl-gray);
+    }
+
+    .m_txt-blue,
+    .m_txtblue {
+        color: var(--bgl-primary);
+    }
+
+    .m_txt-black,
+    .m_txtblack {
+        color: var(--bgl-black);
+    }
+
+    .m_txt-red,
+    .m_txtred {
+        color: var(--bgl-red);
+    }
+
+    .m_txt-white,
+    .m_txtwhite {
+        color: var(--bgl-white);
+    }
+
+    .m_font-thin,
+    .m_txt-thin {
+        font-weight: 100;
+    }
+
+    .m_extra-light,
+    .m_font-extra-light,
+    .m_txt-extra-light,
+    .m_font-ultra-light,
+    .m_txt-ultra-light {
+        font-weight: 200;
+    }
+
+    .m_light,
+    .m_txt-light,
+    .m_font-light {
+        font-weight: 300;
+    }
+
+    .m_regular,
+    .m_txt-regular,
+    .m_font-regular {
+        font-weight: 400;
+    }
+
+    .m_medium,
+    .m_txt-medium,
+    .m_font-medium {
+        font-weight: 500;
+    }
+
+    .m_semi,
+    .m_semibold,
+    .m_txt-semi,
+    .m_txt-semibold,
+    .m_font-regular,
+    .m_font-semi,
+    .m_font-semibold {
+        font-weight: 600;
+    }
+
+    .m_bold,
+    .m_txt-bold,
+    .m_font-bold {
+        font-weight: 700;
+    }
+
+    .m_extra-bold,
+    .m_font-extra-bold,
+    .m_txt-extra-bold,
+    .m_font-ultra-bold,
+    .m_txt-ultra-bold {
+        font-weight: 800;
+    }
+
+    .m_black,
+    .m_font-black {
+        font-weight: 900;
+    }
+
+    .m_line-height-0 {
+        line-height: 0;
+    }
+
+    .m_line-height-01 {
+        line-height: 0.1;
+    }
+
+    .m_line-height-02 {
+        line-height: 0.2;
+    }
+
+    .m_line-height-03 {
+        line-height: 0.3;
+    }
+
+    .m_line-height-04 {
+        line-height: 0.4;
+    }
+
+    .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;
+    }
+}