@bagelink/vue 0.0.1256 → 0.0.1260

package/src/styles/text.css

@@ -1,206 +1,206 @@
 .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;
 }
 
 .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 +208,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 +236,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 +250,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,559 +359,562 @@
 .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;
 }
 
 .bgl_icon-font {
-    font-family: 'Material Symbols Outlined', serif !important;
+	font-family: 'Material Symbols Outlined', serif !important;
+}
+
+.bgl_icon-font.fa {
+	font-family: 'Font Awesome 6 Free', serif !important;
 }
 
 .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_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;
+	}
+}