@bagelink/vue 1.4.81 → 1.4.85

package/src/styles/appearance.css

@@ -105,1484 +105,330 @@
     pointer-events: all;
 }
 
-.bg-white {
-    background: var(--bgl-white) !important;
-}
-
-.color-white {
-    color: var(--bgl-white) !important;
-}
-
-.bg-popup {
-    background: var(--bgl-popup-bg) !important;
-}
-
-.color-popup {
-    color: var(--bgl-popup-bg) !important;
-}
-
-.bg-primary {
-    background: var(--bgl-primary) !important;
-}
-
-.color-primary {
-    color: var(--bgl-primary) !important;
-}
-
-.bg-primary-tint {
-    background: var(--bgl-primary-tint) !important;
-}
-
-.color-primary-tint {
-    color: var(--bgl-primary-tint) !important;
-}
-
-.bg-primary-light {
-    background: var(--bgl-primary-light) !important;
-}
-
-.color-primary-light {
-    color: var(--bgl-primary-light) !important;
-}
-
-.bg-blue {
-    background: var(--bgl-blue) !important;
-}
-
-.bg-blue-20 {
-    background: var(--bgl-blue-20) !important;
-}
-
-.color-blue {
-    color: var(--bgl-blue) !important;
+.cover,
+.object-fit-cover {
+    object-fit: cover;
 }
 
-.color-blue-20 {
-    color: var(--bgl-blue-20) !important;
+.contain,
+.object-fit-contain {
+    object-fit: contain;
 }
 
-.bg-blue-dark {
-    background: var(--bgl-blue-dark) !important;
+.scale-down,
+.object-fit-scale-down {
+    object-fit: scale-down;
 }
 
-.color-blue-dark {
-    color: var(--bgl-blue-dark) !important;
+.shadow-10 {
+    box-shadow: 0 0 10px 0 var(--bgl-shadow) !important;
 }
 
-.bg-blue-light {
-    background: var(--bgl-blue-light) !important;
+.shadow-20,
+.shadow {
+    box-shadow: 0 0 20px 0 var(--bgl-shadow) !important;
 }
 
-.color-blue-light {
-    color: var(--bgl-blue-light) !important;
+.shadow-none {
+    box-shadow: none !important;
 }
 
-.bg-bg {
-    background: var(--bgl-bg) !important;
+.shadow-30 {
+    box-shadow: 0 0 30px 0 var(--bgl-shadow) !important;
 }
 
-.bg-dark-bg {
-    background: var(--bgl-dark-bg);
+.shadow-light {
+    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
 }
 
-.color-bg {
-    color: var(--bgl-bg) !important;
+.shadow-txt {
+    filter: drop-shadow(0 0 10px var(--bgl-black-tint));
 }
 
-.bg-input {
-    background: var(--input-bg) !important;
+.border-color-unset {
+    border-color: unset !important;
 }
 
-.color-input {
-    color: var(--input-bg) !important;
+.border-bottom {
+    border-bottom: 1px solid var(--border-color)
 }
 
-.bg-black {
-    background: var(--bgl-black) !important;
+.border-top {
+    border-top: 1px solid var(--border-color)
 }
 
-
-.color-black {
-    color: var(--bgl-black) !important;
+.border-start {
+    border-inline-start: 1px solid var(--border-color)
 }
 
-.bg-black-tint {
-    background: var(--bgl-black-tint) !important;
+.border-end {
+    border-inline-end: 1px solid var(--border-color)
 }
 
-.color-black-tint {
-    color: var(--bgl-black-tint) !important;
+.border-inner-bottom>* {
+    border-bottom: 1px solid var(--border-color)
 }
 
-.bg-gray {
-    background: var(--bgl-gray) !important;
+.border-inner-top>* {
+    border-top: 1px solid var(--border-color)
 }
 
-.color-gray {
-    color: var(--bgl-gray) !important;
+.border-inner-start>* {
+    border-inline-start: 1px solid var(--border-color)
 }
 
-.color-label {
-    color: var(--label-color) !important;
+.border-inner-end>* {
+    border-inline-end: 1px solid var(--border-color)
 }
 
-.bg-label {
-    background: var(--label-color) !important;
+.border-bottom-none {
+    border-bottom: none !important;
 }
 
-.bg-gray-light {
-    background: var(--bgl-gray-light) !important;
+.border-top-none {
+    border-top: none !important
 }
 
-.color-gray-light {
-    color: var(--bgl-gray-light) !important;
+.border-start-none {
+    border-inline-start: none !important
 }
 
-.bg-gray-80 {
-    background: var(--bgl-gray-80) !important;
+.border-end-none {
+    border-inline-end: none !important
 }
 
-.color-gray-80 {
-    color: var(--bgl-gray-80) !important;
+.border-none {
+    border: none !important
 }
 
-.bg-gray-20 {
-    background: var(--bgl-gray-20) !important;
+.border-inner-bottom-none>* {
+    border-bottom: none !important
 }
 
-.color-gray-20 {
-    color: var(--bgl-gray-20) !important;
+.border-inner-top-none>* {
+    border-top: none !important
 }
 
-.bg-pink {
-    background: var(--bgl-pink) !important;
+.border-inner-start-none>* {
+    border-inline-start: none !important
 }
 
-.color-pink {
-    color: var(--bgl-pink) !important;
+.border-inner-end-none>* {
+    border-inline-end: none !important
 }
 
-.bg-red {
-    background: var(--bgl-red) !important;
+.border-inner-none>* {
+    border: none !important
 }
 
-.color-red {
-    color: var(--bgl-red) !important;
+.user-select-none {
+    user-select: none;
 }
 
-.bg-red-tint {
-    background: var(--bgl-red-tint) !important;
+.user-select-all {
+    user-select: all;
 }
 
-.color-red-tint {
-    color: var(--bgl-red-tint) !important;
+.rotateY-180 {
+    transform: rotateY(180deg) !important;
 }
 
-.bg-yellow {
-    background: var(--bgl-yellow) !important;
+.rotateY-0 {
+    transform: rotateY(0deg) !important;
 }
 
-.color-yellow {
-    color: var(--bgl-yellow) !important;
+.scrollbar-gutter {
+    scrollbar-gutter: stable;
 }
 
-.bg-yellow-light {
-    background: var(--bgl-yellow-light) !important;
+.scrollbar-gutter-auto {
+    scrollbar-gutter: auto;
 }
 
-.color-yellow-light {
-    color: var(--bgl-yellow-light) !important;
+.scrollbar-gutter-stable-both,
+.scrollbar-gutter-both {
+    scrollbar-gutter: stable both-edges;
 }
 
-.bg-green {
-    background: var(--bgl-green) !important;
+.mix-blend-mode-multiply {
+    mix-blend-mode: multiply;
 }
 
-.bg-transparent {
-    background: transparent !important;
+.mix-blend-mode-screen {
+    mix-blend-mode: screen;
 }
 
-.color-green {
-    color: var(--bgl-green) !important;
+.mix-blend-mode-overlay {
+    mix-blend-mode: overlay;
 }
 
-.bg-input-white input,
-.bg-input-white .selectinput-btn {
-    background: var(--bgl-white) !important;
+.mix-blend-mode-darken {
+    mix-blend-mode: darken;
 }
 
-.bg-input-transparent input,
-.bg-input-transparent .selectinput-btn {
-    background: transparent !important;
+.mix-blend-mode-lighten {
+    mix-blend-mode: lighten;
 }
 
-.color-input-transparent input {
-    color: transparent !important;
+.mix-blend-mode-color-dodge {
+    mix-blend-mode: color-dodge;
 }
 
-.color-input-white input {
-    color: var(--bgl-white) !important;
+.mix-blend-mode-color-burn {
+    mix-blend-mode: color-burn;
 }
 
-.bg-input-primary input,
-.bg-input-primary .selectinput-btn {
-    background: var(--bgl-primary) !important;
+.mix-blend-mode-hard-light {
+    mix-blend-mode: hard-light;
 }
 
-.color-input-primary input {
-    color: var(--bgl-primary) !important;
+.mix-blend-mode-soft-light {
+    mix-blend-mode: soft-light;
 }
 
-.bg-input-primary-tint input,
-.bg-input-primary-tint .selectinput-btn {
-    background: var(--bgl-primary-tint) !important;
+.mix-blend-mode-none,
+.mix-blend-mode-normal {
+    mix-blend-mode: normal;
 }
 
-.color-input-primary-tint input {
-    color: var(--bgl-primary-tint) !important;
-}
+@media screen and (max-width: 910px) {
+    .m_scrollbar-gutter {
+        scrollbar-gutter: stable;
+    }
 
-.bg-input-primary-light input,
-.bg-input-primary-light .selectinput-btn {
-    background: var(--bgl-primary-light) !important;
-}
+    .m_scrollbar-gutter-auto {
+        scrollbar-gutter: auto;
+    }
 
-.color-input-primary-light input {
-    color: var(--bgl-primary-light) !important;
-}
+    .m_scrollbar-gutter-stable-both {
+        scrollbar-gutter: stable both-edges;
+    }
 
-.bg-input-blue-20 input,
-.bg-input-blue-20 .selectinput-btn {
-    background: var(--bgl-blue-20) !important;
-}
+    .m_opacity-0 {
+        opacity: 0;
+    }
 
-.color-input-blue-20 input {
-    color: var(--bgl-blue-20) !important;
-}
+    .m_opacity-1 {
+        opacity: 0.1;
+    }
 
-.bg-input-blue-dark input,
-.bg-input-blue-dark .selectinput-btn {
-    background: var(--bgl-blue-dark) !important;
-}
+    .m_opacity-2 {
+        opacity: 0.2;
+    }
 
-.color-input-blue-dark input {
-    color: var(--bgl-blue-dark) !important;
-}
+    .m_opacity-3 {
+        opacity: 0.3;
+    }
 
-.bg-input-blue-light input,
-.bg-input-blue-light .selectinput-btn {
-    background: var(--bgl-blue-light) !important;
-}
+    .m_opacity-4 {
+        opacity: 0.4;
+    }
 
-.color-input-blue-light input {
-    color: var(--bgl-blue-light) !important;
-}
+    .m_opacity-5 {
+        opacity: 0.5;
+    }
 
-.bg-input-black input,
-.bg-input-black .selectinput-btn {
-    background: var(--bgl-black) !important;
-}
+    .m_opacity-6 {
+        opacity: 0.6;
+    }
 
-.color-input-black input {
-    color: var(--bgl-black) !important;
-}
+    .m_opacity-7 {
+        opacity: 0.7;
+    }
 
-.bg-input-black-tint input,
-.bg-input-black-tint .selectinput-btn {
-    background: var(--bgl-black-tint) !important;
-}
+    .m_opacity-8 {
+        opacity: 0.8;
+    }
 
-.color-input-black-tint input {
-    color: var(--bgl-black-tint) !important;
-}
+    .m_opacity-9 {
+        opacity: 0.9;
+    }
 
-.bg-input-gray input,
-.bg-input-gray .selectinput-btn {
-    background: var(--bgl-gray) !important;
-}
+    .m_opacity-10 {
+        opacity: 1;
+    }
 
-.color-input-gray input {
-    color: var(--bgl-gray) !important;
-}
+    .m_-z-index-1,
+    .m_-z-1 {
+        z-index: -1;
+    }
 
-.bg-input-gray-light input,
-.bg-input-gray-light .selectinput-btn {
-    background: var(--bgl-gray-light) !important;
-}
+    .m_z-index-0,
+    .m_z-0 {
+        z-index: 0;
+    }
 
-.color-input-gray-light input {
-    color: var(--bgl-gray-light) !important;
-}
+    .m_z-index-1,
+    .m_z-1 {
+        z-index: 1;
+    }
 
-.bg-input-gray-80 input,
-.bg-input-gray-80 .selectinput-btn {
-    background: var(--bgl-gray-80) !important;
-}
+    .m_z-index-2,
+    .m_z-2 {
+        z-index: 2;
+    }
 
-.color-input-gray-80 input {
-    color: var(--bgl-gray-80) !important;
-}
+    .m_z-index-3,
+    .m_z-3 {
+        z-index: 3;
+    }
 
-.bg-input-gray-20 input,
-.bg-input-gray-20 .selectinput-btn {
-    background: var(--bgl-gray-20) !important;
-}
+    .m_z-index-4,
+    .m_z-4 {
+        z-index: 4;
+    }
 
-.color-input-gray-20 input {
-    color: var(--bgl-gray-20) !important;
-}
+    .m_z-index-5,
+    .m_z-5 {
+        z-index: 5;
+    }
 
-.bg-input-pink input,
-.bg-input-pink .selectinput-btn {
-    background: var(--bgl-pink) !important;
-}
+    .m_z-index-9,
+    .m_z-9 {
+        z-index: 9;
+    }
 
-.color-input-pink input {
-    color: var(--bgl-pink) !important;
-}
+    .m_z-index-99,
+    .m_z-99 {
+        z-index: 99;
+    }
 
-.bg-input-red input,
-.bg-input-red .selectinput-btn {
-    background: var(--bgl-red) !important;
-}
+    .m_z-index-999,
+    .m_z-999 {
+        z-index: 999;
+    }
 
-.color-input-red input {
-    color: var(--bgl-red) !important;
-}
+    .m_pointer-events-none {
+        pointer-events: none;
+    }
 
-.bg-input-red-tint input,
-.bg-input-red-tint .selectinput-btn {
-    background: var(--bgl-red-tint) !important;
-}
+    .m_pointer-events-all {
+        pointer-events: all;
+    }
 
-.color-input-red-tint input {
-    color: var(--bgl-red-tint) !important;
-}
+    .m_cover,
+    .m_object-fit-cover {
+        object-fit: cover;
+    }
 
-.bg-input-yellow input,
-.bg-input-yellow .selectinput-btn {
-    background: var(--bgl-yellow) !important;
-}
+    .m_contain,
+    .m_object-fit-contain {
+        object-fit: contain;
+    }
 
-.color-input-yellow input {
-    color: var(--bgl-yellow) !important;
-}
+    .m_scale-down,
+    .m_object-fit-scale-down {
+        object-fit: scale-down;
+    }
 
-.bg-input-yellow-light input,
-.bg-input-yellow-light .selectinput-btn {
-    background: var(--bgl-yellow-light) !important;
-}
+    .m_shadow-light {
+        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
+    }
 
-.color-input-yellow-light input {
-    color: var(--bgl-yellow-light) !important;
-}
 
-.bg-input-green input,
-.bg-input-green .selectinput-btn {
-    background: var(--bgl-green) !important;
+    .m_border-color-unset {
+        border-color: unset !important;
 }
-
-.bg-input-transparent input,
-.bg-input-transparent .selectinput-btn {
-    background: transparent !important;
-}
-
-.color-input-green input {
-    color: var(--bgl-green) !important;
-}
-
-.color-red-light {
-    color: var(--bgl-red-light) !important;
-}
-
-.bg-red-light {
-    background: var(--bgl-red-light) !important;
-}
-
-.color-purple {
-    color: var(--bgl-purple) !important;
-}
-
-.bg-purple {
-    background: var(--bgl-purple) !important;
-}
-
-.color-purple-light {
-    color: var(--bgl-purple-light) !important;
-}
-
-.bg-purple-light {
-    background: var(--bgl-purple-light) !important;
-}
-
-.color-brown {
-    color: var(--bgl-brown) !important;
-}
-
-.bg-brown {
-    background: var(--bgl-brown) !important;
-}
-
-.color-brown-light {
-    color: var(--bgl-brown-light) !important;
-}
-
-.bg-brown-light {
-    background: var(--bgl-brown-light) !important;
-}
-
-.color-orange {
-    color: var(--bgl-orange) !important;
-}
-
-.bg-orange {
-    background: var(--bgl-orange) !important;
-}
-
-.color-orange-light {
-    color: var(--bgl-orange-light) !important;
-}
-
-.bg-orange-light {
-    background: var(--bgl-orange-light) !important;
-}
-
-.color-turquoise {
-    color: var(--bgl-turquoise) !important;
-}
-
-.bg-turquoise {
-    background: var(--bgl-turquoise) !important;
-}
-
-.color-turquoise-light {
-    color: var(--bgl-turquoise-light) !important;
-}
-
-.bg-turquoise-light {
-    background: var(--bgl-turquoise-light) !important;
-}
-
-.color-whatsapp-gray {
-    color: var(--whatsapp-gray) !important;
-}
-
-.bg-whatsapp-gray {
-    background: var(--whatsapp-gray) !important;
-}
-
-.color-input-red input {
-    color: var(--bgl-red) !important;
-}
-
-.bg-input-red input,
-.bg-input-red .selectinput-btn {
-    background: var(--bgl-red) !important;
-}
-
-.color-input-red-light input {
-    color: var(--bgl-red-light) !important;
-}
-
-.bg-input-red-light input,
-.bg-input-red-light .selectinput-btn {
-    background: var(--bgl-red-light) !important;
-}
-
-.color-input-purple input {
-    color: var(--bgl-purple) !important;
-}
-
-.bg-input-purple input,
-.bg-input-purple .selectinput-btn {
-    background: var(--bgl-purple) !important;
-}
-
-.color-input-purple-light input {
-    color: var(--bgl-purple-light) !important;
-}
-
-.bg-input-purple-light input,
-.bg-input-purple-light .selectinput-btn {
-    background: var(--bgl-purple-light) !important;
-}
-
-.color-input-brown input {
-    color: var(--bgl-brown) !important;
-}
-
-.bg-input-brown input,
-.bg-input-brown .selectinput-btn {
-    background: var(--bgl-brown) !important;
-}
-
-.color-input-brown-light input {
-    color: var(--bgl-brown-light) !important;
-}
-
-.bg-input-brown-light input,
-.bg-input-brown-light .selectinput-btn {
-    background: var(--bgl-brown-light) !important;
-}
-
-.color-input-orange input {
-    color: var(--bgl-orange) !important;
-}
-
-.bg-input-orange input,
-.bg-input-orange .selectinput-btn {
-    background: var(--bgl-orange) !important;
-}
-
-.color-input-orange-light input {
-    color: var(--bgl-orange-light) !important;
-}
-
-.bg-input-orange-light input,
-.bg-input-orange-light .selectinput-btn {
-    background: var(--bgl-orange-light) !important;
-}
-
-.color-input-turquoise input {
-    color: var(--bgl-turquoise) !important;
-}
-
-.bg-input-turquoise input,
-.bg-input-turquoise .selectinput-btn {
-    background: var(--bgl-turquoise) !important;
-}
-
-.color-input-turquoise-light input {
-    color: var(--bgl-turquoise-light) !important;
-}
-
-.bg-input-turquoise-light input,
-.bg-input-turquoise-light .selectinput-btn {
-    background: var(--bgl-turquoise-light) !important;
-}
-
-.color-input-whatsapp-gray input {
-    color: var(--whatsapp-gray) !important;
-}
-
-.bg-input-whatsapp-gray input,
-.bg-input-whatsapp-gray .selectinput-btn {
-    background: var(--whatsapp-gray) !important;
-}
-
-.color-input-whatsapp-green input {
-    color: var(--whatsapp-green) !important;
-}
-
-.bg-input-whatsapp-green input,
-.bg-input-whatsapp-green .selectinput-btn {
-    background: var(--whatsapp-green) !important;
-}
-
-.color-input-whatsapp-blue input {
-    color: var(--whatsapp-blue) !important;
-}
-
-.bg-input-whatsapp-blue input,
-.bg-input-whatsapp-blue .selectinput-btn {
-    background: var(--whatsapp-blue) !important;
-}
-
-.cover,
-.object-fit-cover {
-    object-fit: cover;
-}
-
-.contain,
-.object-fit-contain {
-    object-fit: contain;
-}
-
-.scale-down,
-.object-fit-scale-down {
-    object-fit: scale-down;
-}
-
-
-.shadow-10 {
-    box-shadow: 0 0 10px 0 var(--bgl-shadow) !important;
-}
-
-.shadow-20,
-.shadow {
-    box-shadow: 0 0 20px 0 var(--bgl-shadow) !important;
-}
-
-.shadow-none {
-    box-shadow: none !important;
-}
-
-.shadow-30 {
-    box-shadow: 0 0 30px 0 var(--bgl-shadow) !important;
-}
-
-.shadow-light {
-    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
-}
-
-.shadow-txt {
-    filter: drop-shadow(0 0 10px var(--bgl-black-tint));
-}
-
-.border-white {
-    border-color: var(--bgl-white) !important;
-}
-
-.border-white-unset {
-    border-color: unset !important;
-}
-
-.border-bottom {
-    border-bottom: 1px solid var(--border-color)
-}
-
-.border-top {
-    border-top: 1px solid var(--border-color)
-}
-
-.border-start {
-    border-inline-start: 1px solid var(--border-color)
-}
-
-.border-end {
-    border-inline-end: 1px solid var(--border-color)
-}
-
-.border-inner-bottom>* {
-    border-bottom: 1px solid var(--border-color)
-}
-
-.border-inner-top>* {
-    border-top: 1px solid var(--border-color)
-}
-
-.border-inner-start>* {
-    border-inline-start: 1px solid var(--border-color)
-}
-
-.border-inner-end>* {
-    border-inline-end: 1px solid var(--border-color)
-}
-
-.border-bottom-none {
-    border-bottom: none !important;
-}
-
-.border-top-none {
-    border-top: none !important
-}
-
-.border-start-none {
-    border-inline-start: none !important
-}
-
-.border-end-none {
-    border-inline-end: none !important
-}
-
-.border-none {
-    border: none !important
-}
-
-.border-inner-bottom-none>* {
-    border-bottom: none !important
-}
-
-.border-inner-top-none>* {
-    border-top: none !important
-}
-
-.border-inner-start-none>* {
-    border-inline-start: none !important
-}
-
-.border-inner-end-none>* {
-    border-inline-end: none !important
-}
-
-.border-inner-none>* {
-    border: none !important
-}
-
-.user-select-none {
-    user-select: none;
-}
-
-.user-select-all {
-    user-select: all;
-}
-
-.rotateY-180 {
-    transform: rotateY(180deg) !important;
-}
-
-.rotateY-0 {
-    transform: rotateY(0deg) !important;
-}
-
-.scrollbar-gutter {
-    scrollbar-gutter: stable;
-}
-
-.scrollbar-gutter-auto {
-    scrollbar-gutter: auto;
-}
-
-.scrollbar-gutter-stable-both,
-.scrollbar-gutter-both {
-    scrollbar-gutter: stable both-edges;
-}
-
-.mix-blend-mode-multiply {
-    mix-blend-mode: multiply;
-}
-
-.mix-blend-mode-screen {
-    mix-blend-mode: screen;
-}
-
-.mix-blend-mode-overlay {
-    mix-blend-mode: overlay;
-}
-
-.mix-blend-mode-darken {
-    mix-blend-mode: darken;
-}
-
-.mix-blend-mode-lighten {
-    mix-blend-mode: lighten;
-}
-
-.mix-blend-mode-color-dodge {
-    mix-blend-mode: color-dodge;
-}
-
-.mix-blend-mode-color-burn {
-    mix-blend-mode: color-burn;
-}
-
-.mix-blend-mode-hard-light {
-    mix-blend-mode: hard-light;
-}
-
-.mix-blend-mode-soft-light {
-    mix-blend-mode: soft-light;
-}
-
-.mix-blend-mode-none,
-.mix-blend-mode-normal {
-    mix-blend-mode: normal;
-}
-
-@media screen and (max-width: 910px) {
-    .m_scrollbar-gutter {
-        scrollbar-gutter: stable;
-    }
-
-    .m_scrollbar-gutter-auto {
-        scrollbar-gutter: auto;
-    }
-
-    .m_scrollbar-gutter-stable-both {
-        scrollbar-gutter: stable both-edges;
-    }
-
-    .m_opacity-0 {
-        opacity: 0;
-    }
-
-    .m_opacity-1 {
-        opacity: 0.1;
-    }
-
-    .m_opacity-2 {
-        opacity: 0.2;
-    }
-
-    .m_opacity-3 {
-        opacity: 0.3;
-    }
-
-    .m_opacity-4 {
-        opacity: 0.4;
-    }
-
-    .m_opacity-5 {
-        opacity: 0.5;
-    }
-
-    .m_opacity-6 {
-        opacity: 0.6;
-    }
-
-    .m_opacity-7 {
-        opacity: 0.7;
-    }
-
-    .m_opacity-8 {
-        opacity: 0.8;
-    }
-
-    .m_opacity-9 {
-        opacity: 0.9;
-    }
-
-    .m_opacity-10 {
-        opacity: 1;
-    }
-
-    .m_-z-index-1,
-    .m_-z-1 {
-        z-index: -1;
-    }
-
-    .m_z-index-0,
-    .m_z-0 {
-        z-index: 0;
-    }
-
-    .m_z-index-1,
-    .m_z-1 {
-        z-index: 1;
-    }
-
-    .m_z-index-2,
-    .m_z-2 {
-        z-index: 2;
-    }
-
-    .m_z-index-3,
-    .m_z-3 {
-        z-index: 3;
-    }
-
-    .m_z-index-4,
-    .m_z-4 {
-        z-index: 4;
-    }
-
-    .m_z-index-5,
-    .m_z-5 {
-        z-index: 5;
-    }
-
-    .m_z-index-9,
-    .m_z-9 {
-        z-index: 9;
-    }
-
-    .m_z-index-99,
-    .m_z-99 {
-        z-index: 99;
-    }
-
-    .m_z-index-999,
-    .m_z-999 {
-        z-index: 999;
-    }
-
-    .m_pointer-events-none {
-        pointer-events: none;
-    }
-
-    .m_pointer-events-all {
-        pointer-events: all;
-    }
-
-
-    .m_bg-white {
-        background: var(--bgl-white) !important;
-    }
-
-    .m_color-white {
-        color: var(--bgl-white) !important;
-    }
-
-    .m_bg-popup {
-        background: var(--bgl-popup-bg) !important;
-    }
-
-    .m_color-popup {
-        color: var(--bgl-popup-bg) !important;
-    }
-
-    .m_bg-primary {
-        background: var(--bgl-primary) !important;
-    }
-
-    .m_color-primary {
-        color: var(--bgl-primary) !important;
-    }
-
-    .m_bg-primary-tint {
-        background: var(--bgl-primary-tint) !important;
-    }
-
-    .m_color-primary-tint {
-        color: var(--bgl-primary-tint) !important;
-    }
-
-    .m_bg-primary-light {
-        background: var(--bgl-primary-light) !important;
-    }
-
-    .m_color-primary-light {
-        color: var(--bgl-primary-light) !important;
-    }
-
-    .m_bg-blue {
-        background: var(--bgl-blue) !important;
-    }
-
-    .m_bg-blue-20 {
-        background: var(--bgl-blue-20) !important;
-    }
-
-    .m_color-blue {
-        color: var(--bgl-blue) !important;
-    }
-
-    .m_color-blue-20 {
-        color: var(--bgl-blue-20) !important;
-    }
-
-    .m_bg-blue-dark {
-        background: var(--bgl-blue-dark) !important;
-    }
-
-    .m_color-blue-dark {
-        color: var(--bgl-blue-dark) !important;
-    }
-
-    .m_bg-blue-light {
-        background: var(--bgl-blue-light) !important;
-    }
-
-    .m_color-blue-light {
-        color: var(--bgl-blue-light) !important;
-    }
-
-    .m_bg-black {
-        background: var(--bgl-black) !important;
-    }
-
-    .m_color-black {
-        color: var(--bgl-black) !important;
-    }
-
-    .m_bg-black-tint {
-        background: var(--bgl-black-tint) !important;
-    }
-
-    .m_color-black-tint {
-        color: var(--bgl-black-tint) !important;
-    }
-
-    .m_bg-gray {
-        background: var(--bgl-gray) !important;
-    }
-
-    .m_color-gray {
-        color: var(--bgl-gray) !important;
-    }
-
-    .m_color-label {
-        color: var(--label-color) !important;
-    }
-
-    .m_bg-label {
-        background: var(--label-color) !important;
-    }
-
-    .m_bg-bg {
-        background: var(--bgl-bg) !important;
-    }
-
-    .m_bg-dark {
-        background: var(--bgl-dark-bg);
-    }
-
-    .m_bg-gray-light {
-        background: var(--bgl-gray-light) !important;
-    }
-
-    .m_color-gray-light {
-        color: var(--bgl-gray-light) !important;
-    }
-
-    .m_bg-gray-80 {
-        background: var(--bgl-gray-80) !important;
-    }
-
-    .m_color-gray-80 {
-        color: var(--bgl-gray-80) !important;
-    }
-
-    .m_bg-gray-20 {
-        background: var(--bgl-gray-20) !important;
-    }
-
-    .m_color-gray-20 {
-        color: var(--bgl-gray-20) !important;
-    }
-
-    .m_bg-pink {
-        background: var(--bgl-pink) !important;
-    }
-
-    .m_color-pink {
-        color: var(--bgl-pink) !important;
-    }
-
-    .m_bg-red {
-        background: var(--bgl-red) !important;
-    }
-
-    .m_color-red {
-        color: var(--bgl-red) !important;
-    }
-
-    .m_bg-red-tint {
-        background: var(--bgl-red-tint) !important;
-    }
-
-    .m_color-red-tint {
-        color: var(--bgl-red-tint) !important;
-    }
-
-    .m_bg-yellow {
-        background: var(--bgl-yellow) !important;
-    }
-
-    .m_color-yellow {
-        color: var(--bgl-yellow) !important;
-    }
-
-    .m_bg-yellow-light {
-        background: var(--bgl-yellow-light) !important;
-    }
-
-    .m_color-yellow-light {
-        color: var(--bgl-yellow-light) !important;
-    }
-
-    .m_bg-green {
-        background: var(--bgl-green) !important;
-    }
-
-    .m_color-green {
-        color: var(--bgl-green) !important;
-    }
-
-    .m_color-red-light {
-        color: var(--bgl-red-light) !important;
-    }
-
-    .m_bg-red-light {
-        background: var(--bgl-red-light) !important;
-    }
-
-    .m_color-purple {
-        color: var(--bgl-purple) !important;
-    }
-
-    .m_bg-purple {
-        background: var(--bgl-purple) !important;
-    }
-
-    .m_color-purple-light {
-        color: var(--bgl-purple-light) !important;
-    }
-
-    .m_bg-purple-light {
-        background: var(--bgl-purple-light) !important;
-    }
-
-    .m_color-brown {
-        color: var(--bgl-brown) !important;
-    }
-
-    .m_bg-brown {
-        background: var(--bgl-brown) !important;
-    }
-
-    .m_color-brown-light {
-        color: var(--bgl-brown-light) !important;
-    }
-
-    .m_bg-brown-light {
-        background: var(--bgl-brown-light) !important;
-    }
-
-    .m_color-orange {
-        color: var(--bgl-orange) !important;
-    }
-
-    .m_bg-orange {
-        background: var(--bgl-orange) !important;
-    }
-
-    .m_color-orange-light {
-        color: var(--bgl-orange-light) !important;
-    }
-
-    .m_bg-orange-light {
-        background: var(--bgl-orange-light) !important;
-    }
-
-    .m_color-turquoise {
-        color: var(--bgl-turquoise) !important;
-    }
-
-    .m_bg-turquoise {
-        background: var(--bgl-turquoise) !important;
-    }
-
-    .m_color-turquoise-light {
-        color: var(--bgl-turquoise-light) !important;
-    }
-
-    .m_bg-turquoise-light {
-        background: var(--bgl-turquoise-light) !important;
-    }
-
-    .m_color-whatsapp-gray {
-        color: var(--whatsapp-gray) !important;
-    }
-
-    .m_bg-whatsapp-gray {
-        background: var(--whatsapp-gray) !important;
-    }
-
-    .m_color-input-red input {
-        color: var(--bgl-red) !important;
-    }
-
-    .m_bg-input-red input,
-    .m_bg-input-red .selectinput-btn {
-        background: var(--bgl-red) !important;
-    }
-
-    .m_color-input-red-light input {
-        color: var(--bgl-red-light) !important;
-    }
-
-    .m_bg-input-red-light input,
-    .m_bg-input-red-light .selectinput-btn {
-        background: var(--bgl-red-light) !important;
-    }
-
-    .m_color-input-purple input {
-        color: var(--bgl-purple) !important;
-    }
-
-    .m_bg-input-purple input,
-    .m_bg-input-purple .selectinput-btn {
-        background: var(--bgl-purple) !important;
-    }
-
-    .m_color-input-purple-light input {
-        color: var(--bgl-purple-light) !important;
-    }
-
-    .m_bg-input-purple-light input,
-    .m_bg-input-purple-light .selectinput-btn {
-        background: var(--bgl-purple-light) !important;
-    }
-
-    .m_color-input-brown input {
-        color: var(--bgl-brown) !important;
-    }
-
-    .m_bg-input-brown input,
-    .m_bg-input-brown .selectinput-btn {
-        background: var(--bgl-brown) !important;
-    }
-
-    .m_color-input-brown-light input {
-        color: var(--bgl-brown-light) !important;
-    }
-
-    .m_bg-input-brown-light input,
-    .m_bg-input-brown-light .selectinput-btn {
-        background: var(--bgl-brown-light) !important;
-    }
-
-    .m_color-input-orange input {
-        color: var(--bgl-orange) !important;
-    }
-
-    .m_bg-input-orange input,
-    .m_bg-input-orange .selectinput-btn {
-        background: var(--bgl-orange) !important;
-    }
-
-    .m_color-input-orange-light input {
-        color: var(--bgl-orange-light) !important;
-    }
-
-    .m_bg-input-orange-light input,
-    .m_bg-input-orange-light .selectinput-btn {
-        background: var(--bgl-orange-light) !important;
-    }
-
-    .m_color-input-turquoise input {
-        color: var(--bgl-turquoise) !important;
-    }
-
-    .m_bg-input-turquoise input,
-    .m_bg-input-turquoise .selectinput-btn {
-        background: var(--bgl-turquoise) !important;
-    }
-
-    .m_color-input-turquoise-light input {
-        color: var(--bgl-turquoise-light) !important;
-    }
-
-    .m_bg-input-turquoise-light input,
-    .m_bg-input-turquoise-light .selectinput-btn {
-        background: var(--bgl-turquoise-light) !important;
-    }
-
-    .m_color-input-whatsapp-gray input {
-        color: var(--whatsapp-gray) !important;
-    }
-
-    .m_bg-input-whatsapp-gray input,
-    .m_bg-input-whatsapp-gray .selectinput-btn {
-        background: var(--whatsapp-gray) !important;
-    }
-
-    .m_color-input-whatsapp-green input {
-        color: var(--whatsapp-green) !important;
-    }
-
-    .m_bg-input-whatsapp-green input,
-    .m_bg-input-whatsapp-green .selectinput-btn {
-        background: var(--whatsapp-green) !important;
-    }
-
-    .m_color-input-whatsapp-blue input {
-        color: var(--whatsapp-blue) !important;
-    }
-
-    .m_bg-input-whatsapp-blue input,
-    .m_bg-input-whatsapp-blue .selectinput-btn {
-        background: var(--whatsapp-blue) !important;
-    }
-
-    .m_bg-transparent {
-        background: transparent !important;
-    }
-
-    .m_bg-input-white input,
-    .m_bg-input-white .selectinput-btn {
-        background: var(--bgl-white) !important;
-    }
-
-    .m_color-input-white input {
-        color: var(--bgl-white) !important;
-    }
-
-    .m_bg-input-primary input,
-    .m_bg-input-primary .selectinput-btn {
-        background: var(--bgl-primary) !important;
-    }
-
-    .m_color-input-primary input {
-        color: var(--bgl-primary) !important;
-    }
-
-    .m_bg-input-primary-tint input,
-    .m_bg-input-primary-tint .selectinput-btn {
-        background: var(--bgl-primary-tint) !important;
-    }
-
-    .m_color-input-primary-tint input {
-        color: var(--bgl-primary-tint) !important;
-    }
-
-    .m_bg-input-primary-light input,
-    .m_bg-input-primary-light .selectinput-btn {
-        background: var(--bgl-primary-light) !important;
-    }
-
-    .m_color-input-primary-light input {
-        color: var(--bgl-primary-light) !important;
-    }
-
-    .m_bg-input-blue-20 input,
-    .m_bg-input-blue-20 .selectinput-btn {
-        background: var(--bgl-blue-20) !important;
-    }
-
-    .m_color-input-blue-20 input {
-        color: var(--bgl-blue-20) !important;
-    }
-
-    .m_bg-input-blue-dark input,
-    .m_bg-input-blue-dark .selectinput-btn {
-        background: var(--bgl-blue-dark) !important;
-    }
-
-    .m_color-input-blue-dark input {
-        color: var(--bgl-blue-dark) !important;
-    }
-
-    .m_bg-input-blue-light input,
-    .m_bg-input-blue-light .selectinput-btn {
-        background: var(--bgl-blue-light) !important;
-    }
-
-    .m_color-input-blue-light input {
-        color: var(--bgl-blue-light) !important;
-    }
-
-    .m_bg-input-black input,
-    .m_bg-input-black .selectinput-btn {
-        background: var(--bgl-black) !important;
-    }
-
-    .m_color-input-black input {
-        color: var(--bgl-black) !important;
-    }
-
-    .m_bg-input-black-tint input,
-    .m_bg-input-black-tint .selectinput-btn {
-        background: var(--bgl-black-tint) !important;
-    }
-
-    .m_color-input-black-tint input {
-        color: var(--bgl-black-tint) !important;
-    }
-
-    .m_bg-input-gray input,
-    .m_bg-input-gray .selectinput-btn {
-        background: var(--bgl-gray) !important;
-    }
-
-    .m_color-input-gray input {
-        color: var(--bgl-gray) !important;
-    }
-
-    .m_bg-input-gray-light input,
-    .m_bg-input-gray-light .selectinput-btn {
-        background: var(--bgl-gray-light) !important;
-    }
-
-    .m_color-input-gray-light input {
-        color: var(--bgl-gray-light) !important;
-    }
-
-    .m_bg-input-gray-80 input,
-    .m_bg-input-gray-80 .selectinput-btn {
-        background: var(--bgl-gray-80) !important;
-    }
-
-    .m_color-input-gray-80 input {
-        color: var(--bgl-gray-80) !important;
-    }
-
-    .m_bg-input-gray-20 input,
-    .m_bg-input-gray-20 .selectinput-btn {
-        background: var(--bgl-gray-20) !important;
-    }
-
-    .m_color-input-gray-20 input {
-        color: var(--bgl-gray-20) !important;
-    }
-
-    .m_bg-input-pink input,
-    .m_bg-input-pink .selectinput-btn {
-        background: var(--bgl-pink) !important;
-    }
-
-    .m_color-input-pink input {
-        color: var(--bgl-pink) !important;
-    }
-
-    .m_bg-input-red input,
-    .m_bg-input-red .selectinput-btn {
-        background: var(--bgl-red) !important;
-    }
-
-    .m_color-input-red input {
-        color: var(--bgl-red) !important;
-    }
-
-    .m_bg-input-red-tint input,
-    .m_bg-input-red-tint .selectinput-btn {
-        background: var(--bgl-red-tint) !important;
-    }
-
-    .m_color-input-red-tint input {
-        color: var(--bgl-red-tint) !important;
-    }
-
-    .m_bg-input-yellow input,
-    .m_bg-input-yellow .selectinput-btn {
-        background: var(--bgl-yellow) !important;
-    }
-
-    .m_color-input-yellow input {
-        color: var(--bgl-yellow) !important;
-    }
-
-    .m_bg-input-yellow-light input,
-    .m_bg-input-yellow-light .selectinput-btn {
-        background: var(--bgl-yellow-light) !important;
-    }
-
-    .m_color-input-yellow-light input {
-        color: var(--bgl-yellow-light) !important;
-    }
-
-    .m_bg-input-green input,
-    .m_bg-input-green .selectinput-btn {
-        background: var(--bgl-green) !important;
-    }
-
-    .m_color-input-green input {
-        color: var(--bgl-green) !important;
-    }
-
-    .m_bg-input-transparent input,
-    .m_bg-input-transparent .selectinput-btn {
-        background: transparent !important;
-    }
-
-    .m_cover,
-    .m_object-fit-cover {
-        object-fit: cover;
-    }
-
-    .m_contain,
-    .m_object-fit-contain {
-        object-fit: contain;
-    }
-
-    .m_scale-down,
-    .m_object-fit-scale-down {
-        object-fit: scale-down;
-    }
-
-    .m_shadow-light {
-        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
-    }
-
-    .m_border-white {
-        border-color: var(--bgl-white) !important;
-    }
-
-    .m_border-white-unset {
-        border-color: unset !important;
-    }
-
     .m_border-bottom {
         border-bottom: 1px solid var(--border-color)
     }