.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-10 {
    opacity: 1;
}

.-z-index-1,
.-z-1 {
    z-index: -1;
}

.z-index-0,
.z-0 {
    z-index: 0;
}

.z-index-1,
.z-1 {
    z-index: 1;
}

.z-index-2,
.z-2 {
    z-index: 2;
}

.z-index-3,
.z-3 {
    z-index: 3;
}

.z-index-4,
.z-4 {
    z-index: 4;
}

.z-index-5,
.z-5 {
    z-index: 5;
}

.z-index-9,
.z-9 {
    z-index: 9;
}

.z-index-99,
.z-99 {
    z-index: 99;
}

.z-index-999,
.z-999 {
    z-index: 999;
}

.z-index-9999,
.z-9999 {
    z-index: 9999;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-all {
    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-20 {
    background: var(--bgl-blue-20) !important;
}

.color-blue-20 {
    color: var(--bgl-blue-20) !important;
}

.bg-blue-dark {
    background: var(--bgl-blue-dark) !important;
}

.color-blue-dark {
    color: var(--bgl-blue-dark) !important;
}

.bg-blue-light {
    background: var(--bgl-blue-light) !important;
}

.color-blue-light {
    color: var(--bgl-blue-light) !important;
}

.bg-bg {
    background: var(--bgl-bg) !important;
}

.bg-dark-bg {
    background: var(--bgl-dark-bg);
}

.color-bg {
    color: var(--bgl-bg) !important;
}

.bg-input {
    background: var(--input-bg) !important;
}

.color-input {
    color: var(--input-bg) !important;
}

.bg-black {
    background: var(--bgl-black) !important;
}


.color-black {
    color: var(--bgl-black) !important;
}

.bg-black-tint {
    background: var(--bgl-black-tint) !important;
}

.color-black-tint {
    color: var(--bgl-black-tint) !important;
}

.bg-gray {
    background: var(--bgl-gray) !important;
}

.color-gray {
    color: var(--bgl-gray) !important;
}

.color-label {
    color: var(--label-color) !important;
}

.bg-label {
    background: var(--label-color) !important;
}

.bg-gray-light {
    background: var(--bgl-gray-light) !important;
}

.color-gray-light {
    color: var(--bgl-gray-light) !important;
}

.bg-gray-80 {
    background: var(--bgl-gray-80) !important;
}

.color-gray-80 {
    color: var(--bgl-gray-80) !important;
}

.bg-gray-20 {
    background: var(--bgl-gray-20) !important;
}

.color-gray-20 {
    color: var(--bgl-gray-20) !important;
}

.bg-pink {
    background: var(--bgl-pink) !important;
}

.color-pink {
    color: var(--bgl-pink) !important;
}

.bg-red {
    background: var(--bgl-red) !important;
}

.color-red {
    color: var(--bgl-red) !important;
}

.bg-red-tint {
    background: var(--bgl-red-tint) !important;
}

.color-red-tint {
    color: var(--bgl-red-tint) !important;
}

.bg-yellow {
    background: var(--bgl-yellow) !important;
}

.color-yellow {
    color: var(--bgl-yellow) !important;
}

.bg-yellow-light {
    background: var(--bgl-yellow-light) !important;
}

.color-yellow-light {
    color: var(--bgl-yellow-light) !important;
}

.bg-green {
    background: var(--bgl-green) !important;
}

.bg-transparent {
    background: transparent !important;
}

.color-green {
    color: var(--bgl-green) !important;
}

.bg-input-white input,
.bg-input-white .selectinput-btn {
    background: var(--bgl-white) !important;
}

.bg-input-transparent input,
.bg-input-transparent .selectinput-btn {
    background: transparent !important;
}

.color-input-transparent input {
    color: transparent !important;
}

.color-input-white input {
    color: var(--bgl-white) !important;
}

.bg-input-primary input,
.bg-input-primary .selectinput-btn {
    background: var(--bgl-primary) !important;
}

.color-input-primary input {
    color: var(--bgl-primary) !important;
}

.bg-input-primary-tint input,
.bg-input-primary-tint .selectinput-btn {
    background: var(--bgl-primary-tint) !important;
}

.color-input-primary-tint input {
    color: var(--bgl-primary-tint) !important;
}

.bg-input-primary-light input,
.bg-input-primary-light .selectinput-btn {
    background: var(--bgl-primary-light) !important;
}

.color-input-primary-light input {
    color: var(--bgl-primary-light) !important;
}

.bg-input-blue-20 input,
.bg-input-blue-20 .selectinput-btn {
    background: var(--bgl-blue-20) !important;
}

.color-input-blue-20 input {
    color: var(--bgl-blue-20) !important;
}

.bg-input-blue-dark input,
.bg-input-blue-dark .selectinput-btn {
    background: var(--bgl-blue-dark) !important;
}

.color-input-blue-dark input {
    color: var(--bgl-blue-dark) !important;
}

.bg-input-blue-light input,
.bg-input-blue-light .selectinput-btn {
    background: var(--bgl-blue-light) !important;
}

.color-input-blue-light input {
    color: var(--bgl-blue-light) !important;
}

.bg-input-black input,
.bg-input-black .selectinput-btn {
    background: var(--bgl-black) !important;
}

.color-input-black input {
    color: var(--bgl-black) !important;
}

.bg-input-black-tint input,
.bg-input-black-tint .selectinput-btn {
    background: var(--bgl-black-tint) !important;
}

.color-input-black-tint input {
    color: var(--bgl-black-tint) !important;
}

.bg-input-gray input,
.bg-input-gray .selectinput-btn {
    background: var(--bgl-gray) !important;
}

.color-input-gray input {
    color: var(--bgl-gray) !important;
}

.bg-input-gray-light input,
.bg-input-gray-light .selectinput-btn {
    background: var(--bgl-gray-light) !important;
}

.color-input-gray-light input {
    color: var(--bgl-gray-light) !important;
}

.bg-input-gray-80 input,
.bg-input-gray-80 .selectinput-btn {
    background: var(--bgl-gray-80) !important;
}

.color-input-gray-80 input {
    color: var(--bgl-gray-80) !important;
}

.bg-input-gray-20 input,
.bg-input-gray-20 .selectinput-btn {
    background: var(--bgl-gray-20) !important;
}

.color-input-gray-20 input {
    color: var(--bgl-gray-20) !important;
}

.bg-input-pink input,
.bg-input-pink .selectinput-btn {
    background: var(--bgl-pink) !important;
}

.color-input-pink input {
    color: var(--bgl-pink) !important;
}

.bg-input-red input,
.bg-input-red .selectinput-btn {
    background: var(--bgl-red) !important;
}

.color-input-red input {
    color: var(--bgl-red) !important;
}

.bg-input-red-tint input,
.bg-input-red-tint .selectinput-btn {
    background: var(--bgl-red-tint) !important;
}

.color-input-red-tint input {
    color: var(--bgl-red-tint) !important;
}

.bg-input-yellow input,
.bg-input-yellow .selectinput-btn {
    background: var(--bgl-yellow) !important;
}

.color-input-yellow input {
    color: var(--bgl-yellow) !important;
}

.bg-input-yellow-light input,
.bg-input-yellow-light .selectinput-btn {
    background: var(--bgl-yellow-light) !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;
}

.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;
}


@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-20 {
        background: var(--bgl-blue-20) !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)
    }

    .m_border-top {
        border-top: 1px solid var(--border-color)
    }

    .m_border-start {
        border-inline-start: 1px solid var(--border-color)
    }

    .m_border-end {
        border-inline-end: 1px solid var(--border-color)
    }

    .m_border-none {
        border: none !important
    }

    .m_border-inner-bottom>* {
        border-bottom: 1px solid var(--border-color)
    }

    .m_border-inner-top>* {
        border-top: 1px solid var(--border-color)
    }

    .m_border-inner-start>* {
        border-inline-start: 1px solid var(--border-color)
    }

    .m_border-inner-end>* {
        border-inline-end: 1px solid var(--border-color)
    }

    .m_border-inner-none>* {
        border: none !important
    }


    .m_border-bottom-none {
        border-bottom: none !important
    }

    .m_border-top-none {
        border-top: none !important
    }

    .m_border-start-none {
        border-inline-start: none !important
    }

    .m_border-end-none {
        border-inline-end: none !important
    }

    .m_border-inner-bottom-none>* {
        border-bottom: none !important
    }

    .m_border-inner-top-none>* {
        border-top: none !important
    }

    .m_border-inner-start-none>* {
        border-inline-start: none !important
    }

    .m_border-inner-end-none>* {
        border-inline-end: none !important
    }

    .m_user-select-none {
        user-select: none;
    }

    .m_user-select-all {
        user-select: all;
    }

    .m_shadow-10 {
        box-shadow: 0 0 10px 0 var(--bgl-shadow) !important;
    }

    .m_shadow-20,
    .m_shadow {
        box-shadow: 0 0 20px 0 var(--bgl-shadow) !important;
    }

    .m_shadow-none {
        box-shadow: none !important;
    }

    .m_shadow-30 {
        box-shadow: 0 0 30px 0 var(--bgl-shadow) !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;
    }

    .m_shadow-txt {
        filter: drop-shadow(0 0 10px var(--bgl-black-tint));
    }

    .m_rotateY-180 {
        transform: rotateY(180deg) !important;
    }

    .m_rotateY-0 {
        transform: rotateY(0deg) !important;
    }

}