@bagelink/vue 0.0.245 → 0.0.250

package/dist/style.css

@@ -57,10 +57,10 @@
   background-color: var(--bgl-bg);
 }
 
-[dir="rtl"] .top-arrow[data-v-00c5586d] {
+[dir="rtl"] .top-arrow[data-v-776ccc02] {
   transform: rotate(180deg);
 }
-.nav-expend[data-v-00c5586d] {
+.nav-expend[data-v-776ccc02] {
   text-align: center;
   cursor: pointer;
   background: var(--bgl-white);
@@ -86,17 +86,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-00c5586d] {
+.nav-expend[data-v-776ccc02] {
   background: var(--bgl-white);
 }
-.nav-expend[data-v-00c5586d]:hover {
+.nav-expend[data-v-776ccc02]:hover {
   filter: brightness(95%);
   box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-00c5586d]:active {
+.nav-expend[data-v-776ccc02]:active {
   filter: var(--bgl-active-filter);
 }
-.nav[data-v-00c5586d] {
+.nav[data-v-776ccc02] {
   color: var(--bgl-white);
   background: var(--bgl-primary);
   z-index: 100;
@@ -105,10 +105,10 @@
   display: flex;
   flex-direction: column;
 }
-.nav *[data-v-00c5586d] {
+.nav *[data-v-776ccc02] {
   user-select: none;
 }
-.nav-button[data-v-00c5586d] {
+.nav-button[data-v-776ccc02] {
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -119,11 +119,11 @@
   transition: all 0.2s ease;
   pointer-events: none;
 }
-.nav-button[data-v-00c5586d]:hover {
+.nav-button[data-v-776ccc02]:hover {
   width: fit-content;
   pointer-events: all;
 }
-.nav-button .icon-font[data-v-00c5586d] {
+.nav-button .bgl_icon-font[data-v-776ccc02] {
   font-size: 22px;
   margin: 0.25rem 10px;
   padding: 10px;
@@ -136,16 +136,16 @@
   transition: all 0.2s ease;
   pointer-events: all;
 }
-.nav-button:hover .icon-font[data-v-00c5586d],
-.nav-button.router-link-active .icon-font[data-v-00c5586d] {
+.nav-button:hover .bgl_icon-font[data-v-776ccc02],
+.nav-button.router-link-active .bgl_icon-font[data-v-776ccc02] {
   background: var(--bgl-white);
   color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-00c5586d] {
+.nav-button:hover .tooltip[data-v-776ccc02] {
   opacity: 1;
   pointer-events: all;
 }
-.tooltip[data-v-00c5586d] {
+.tooltip[data-v-776ccc02] {
   background-color: var(--bgl-white);
   color: var(--bgl-primary);
   line-height: 1;
@@ -159,23 +159,23 @@
   opacity: 0;
   margin-inline-start: 1rem;
 }
-.tooltip[data-v-00c5586d]:hover {
+.tooltip[data-v-776ccc02]:hover {
   filter: brightness(95%);
 }
-.tooltip[data-v-00c5586d]:active {
+.tooltip[data-v-776ccc02]:active {
   filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-00c5586d] {
+.bot-buttons-wrapper[data-v-776ccc02] {
   margin-top: auto;
   width: 100%;
 }
-.nav-links-wrapper[data-v-00c5586d] {
+.nav-links-wrapper[data-v-776ccc02] {
   direction: ltr;
 }
-[dir="rtl"] .nav-links-wrapper[data-v-00c5586d] {
+[dir="rtl"] .nav-links-wrapper[data-v-776ccc02] {
   direction: rtl;
 }
-.nav-scroll[data-v-00c5586d] {
+.nav-scroll[data-v-776ccc02] {
   overflow-y: scroll;
   width: 50vw;
   direction: rtl;
@@ -185,30 +185,30 @@
   display: flex;
   flex-direction: column;
 }
-.nav[data-v-00c5586d]::-webkit-scrollbar-thumb {
+.nav[data-v-776ccc02]::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
-.nav[data-v-00c5586d]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-776ccc02]:hover::-webkit-scrollbar-thumb {
   background-color: var(--bgl-gray);
 }
-[dir="rtl"] .nav-scroll[data-v-00c5586d] {
+[dir="rtl"] .nav-scroll[data-v-776ccc02] {
   direction: ltr;
 }
-.full-nav[data-v-00c5586d] {
+.full-nav[data-v-776ccc02] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-00c5586d] {
+.nav.open .nav-expend[data-v-776ccc02] {
     margin-inline-start: 189px;
     transform: rotate(180deg);
 }
-.nav.open[data-v-00c5586d] {
+.nav.open[data-v-776ccc02] {
     width: 200px;
     text-align: start;
 }
-.nav.open .tooltip[data-v-00c5586d] {
+.nav.open .tooltip[data-v-776ccc02] {
     background-color: transparent;
     color: var(--bgl-white);
     padding: 0;
@@ -217,30 +217,30 @@
     opacity: 1;
     margin-inline-start: 0rem;
 }
-.nav.open .nav-button .icon-font[data-v-00c5586d] {
+.nav.open .nav-button .bgl_icon-font[data-v-776ccc02] {
     margin: 0;
     background: transparent;
 }
-.nav.open .nav-button[data-v-00c5586d] {
+.nav.open .nav-button[data-v-776ccc02] {
     width: 180px;
     border-radius: 10px;
     margin-inline-start: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-00c5586d]:hover,
-  .nav.open .nav-button.router-link-active[data-v-00c5586d] {
+.nav.open .nav-button[data-v-776ccc02]:hover,
+  .nav.open .nav-button.router-link-active[data-v-776ccc02] {
     background: var(--bgl-white);
     color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-00c5586d]:hover,
-  .nav.open .nav-button:hover .tooltip[data-v-00c5586d],
-  .nav.open .nav-button.router-link-active .tooltip[data-v-00c5586d] {
+.nav.open .nav-button[data-v-776ccc02]:hover,
+  .nav.open .nav-button:hover .tooltip[data-v-776ccc02],
+  .nav.open .nav-button.router-link-active .tooltip[data-v-776ccc02] {
     color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-00c5586d] {
+.full-nav[data-v-776ccc02] {
     height: auto;
     display: flex;
     flex-direction: row;
@@ -249,10 +249,10 @@
     inset-inline-end: 0;
     overflow-x: auto;
 }
-.nav.open[data-v-00c5586d] {
+.nav.open[data-v-776ccc02] {
     width: initial;
 }
-.nav[data-v-00c5586d] {
+.nav[data-v-776ccc02] {
     width: auto;
     display: flex;
     flex-direction: row;
@@ -260,7 +260,7 @@
     overflow-x: auto;
     justify-content: flex-start;
 }
-.tooltip[data-v-00c5586d] {
+.tooltip[data-v-776ccc02] {
     opacity: 1;
     background: transparent;
     color: var(--bgl-white);
@@ -269,25 +269,25 @@
     padding: 0;
     margin: 0;
 }
-.nav-button[data-v-00c5586d] {
+.nav-button[data-v-776ccc02] {
     flex-direction: column;
     margin: 12px 0.25rem;
 }
-.nav-button .icon-font[data-v-00c5586d] {
+.nav-button .bgl_icon-font[data-v-776ccc02] {
     padding: 2px 0 0 0;
     margin: 0;
     height: 30px;
     width: 30px;
 }
-.nav-links-wrapper[data-v-00c5586d] {
+.nav-links-wrapper[data-v-776ccc02] {
     display: flex;
 }
-.bot-buttons-wrapper[data-v-00c5586d] {
+.bot-buttons-wrapper[data-v-776ccc02] {
     margin-top: 0;
     width: auto;
     display: flex;
 }
-.nav-scroll[data-v-00c5586d] {
+.nav-scroll[data-v-776ccc02] {
     overflow-y: visible;
     width: auto;
     direction: auto;
@@ -298,24 +298,24 @@
     flex-direction: row;
     margin-inline-end: auto;
 }
-.nav[data-v-00c5586d]::-webkit-scrollbar {
+.nav[data-v-776ccc02]::-webkit-scrollbar {
     display: none;
 }
-.nav-expend[data-v-00c5586d] {
+.nav-expend[data-v-776ccc02] {
     display: none;
 }
 }
 
-.loading[data-v-1a7bde1e] {
+.loading[data-v-7a7625e7] {
 	border: 1px solid var(--bgl-white);
 	border-bottom: 2px solid var(--bgl-white);
-	animation: spin-1a7bde1e 1s linear infinite;
+	animation: spin-7a7625e7 1s linear infinite;
 	border-radius: 100px;
 	width: 1rem;
 	height: 1rem;
 	margin: auto;
 }
-@keyframes spin-1a7bde1e {
+@keyframes spin-7a7625e7 {
 0% {
 		transform: rotate(0deg);
 }
@@ -323,7 +323,7 @@
 		transform: rotate(360deg);
 }
 }
-.btn-icon[data-v-1a7bde1e] {
+.bgl_btn-icon[data-v-7a7625e7] {
 	height: var(--btn-height);
 	width: var(--btn-height);
 	border-radius: 100%;
@@ -333,97 +333,97 @@
 	flex-shrink: 0;
 	transition: var(--bgl-transition);
 }
-.btn[data-v-1a7bde1e] {
+.bgl_btn[data-v-7a7625e7] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	transition: var(--bgl-transition);
 	text-decoration: none;
 }
-.btn[disabled="true"][data-v-1a7bde1e] {
+.bgl_btn[disabled="true"][data-v-7a7625e7] {
 	opacity: 0.5;
 	cursor: not-allowed;
 }
-.btn-flex[data-v-1a7bde1e] {
+.bgl_btn-flex[data-v-7a7625e7] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	justify-content: center;
 }
-.btn .icon-font[data-v-1a7bde1e] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-7a7625e7] {
 	font-size: calc(var(--input-font-size) * 1.3);
 }
-.btn[data-v-1a7bde1e],
-.btn-icon[data-v-1a7bde1e] {
-	background-color: var(--566fc0e2);
-	color: var(--03adf93d);
+.bgl_btn[data-v-7a7625e7],
+.bgl_btn-icon[data-v-7a7625e7] {
+	background-color: var(--76ea4ab4);
+	color: var(--e3fe6ee2);
 }
-.btn[data-v-1a7bde1e]:hover,
-.btn-icon[data-v-1a7bde1e]:hover {
+.bgl_btn[data-v-7a7625e7]:hover,
+.bgl_btn-icon[data-v-7a7625e7]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.btn[data-v-1a7bde1e]:active,
-.btn-icon[data-v-1a7bde1e]:active {
+.bgl_btn[data-v-7a7625e7]:active,
+.bgl_btn-icon[data-v-7a7625e7]:active {
 	filter: var(--bgl-active-filter);
 }
-.btn.flatBtn[data-v-1a7bde1e] {
+.bgl_btn.bgl_flatBtn[data-v-7a7625e7] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	background: transparent;
 }
-.btn-icon.flatBtn[data-v-1a7bde1e] {
+.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7] {
 	background: transparent;
 }
-.btn.flatBtn[data-v-1a7bde1e]:hover,
-.btn-icon.flatBtn[data-v-1a7bde1e]:hover {
+.bgl_btn.bgl_flatBtn[data-v-7a7625e7]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7]:hover {
 	filter: var(--bgl-active-filter);
 }
-.btn.flatBtn[data-v-1a7bde1e]:active,
-.btn-icon.flatBtn[data-v-1a7bde1e]:active {
+.bgl_btn.bgl_flatBtn[data-v-7a7625e7]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7]:active {
 	background: var(--bgl-white);
 	filter: var(--bgl-hover-filter);
 }
-.btn.flatBtn.red[data-v-1a7bde1e],
-.btn-icon.flatBtn.red[data-v-1a7bde1e] {
+.bgl_btn.bgl_flatBtn.red[data-v-7a7625e7],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-7a7625e7] {
 	color: var(--bgl-red);
 }
-.btn.flatBtn.light[data-v-1a7bde1e],
-.btn-icon.flatBtn.light[data-v-1a7bde1e] {
+.bgl_btn.bgl_flatBtn.light[data-v-7a7625e7],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-7a7625e7] {
 	color: var(--bgl-primary-tint);
 }
-.btn.flatBtn.black[data-v-1a7bde1e],
-.btn-icon.flatBtn.black[data-v-1a7bde1e] {
+.bgl_btn.bgl_flatBtn.black[data-v-7a7625e7],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-7a7625e7] {
 	color: var(--bgl-black);
 }
-.btn.flatBtn.gray[data-v-1a7bde1e],
-.btn-icon.flatBtn.gray[data-v-1a7bde1e] {
+.bgl_btn.bgl_flatBtn.gray[data-v-7a7625e7],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-7a7625e7] {
 	color: var(--bgl-gray);
 }
-.btn.thin[data-v-1a7bde1e] {
+.bgl_btn.thin[data-v-7a7625e7] {
 	padding-left: calc(var(--btn-padding) / 2);
 	padding-right: calc(var(--btn-padding) / 2);
 }
-.btn.round[data-v-1a7bde1e] {
+.bgl_btn.round[data-v-7a7625e7] {
 	border-radius: calc(var(--btn-border-radius) * 2);
 }
-.btn-icon.thin[data-v-1a7bde1e] {
+.bgl_btn-icon.thin[data-v-7a7625e7] {
 	height: calc(var(--btn-height) / 1.5);
 	width: calc(var(--btn-height) / 1.5);
 	line-height: 1;
 }
-[dir="rtl"] .icon-font[data-v-1a7bde1e] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-7a7625e7] {
 	transform: rotateY(180deg);
 }
-.btn-border[data-v-1a7bde1e] {
-	outline: 1px solid var(--566fc0e2);
-	color: var(--566fc0e2);
+.bgl_btn-border[data-v-7a7625e7] {
+	outline: 1px solid var(--76ea4ab4);
+	color: var(--76ea4ab4);
 	background: transparent;
 }
-.btn-border[data-v-1a7bde1e]:hover {
+.bgl_btn-border[data-v-7a7625e7]:hover {
 	color: var(--bgl-white);
-	background: var(--566fc0e2);
+	background: var(--76ea4ab4);
 	filter: brightness(100%);
 }
-.btn-border[data-v-1a7bde1e]:active {
+.bgl_btn-border[data-v-7a7625e7]:active {
 	filter: brightness(80%);
 }
 .bg-dark {
@@ -612,17 +612,17 @@
  border: none;
 }
 
-.comments-wrap[data-v-72b15241] {
+.comments-wrap[data-v-c4b41dc0] {
   display: grid;
   grid-template-rows: 1fr 40px;
   height: 100%;
   position: relative;
   gap: 0.5rem;
 }
-.comments-wrap p[data-v-72b15241] {
+.comments-wrap p[data-v-c4b41dc0] {
   margin: 0;
 }
-.comments-wrap[data-v-72b15241]::before {
+.comments-wrap[data-v-c4b41dc0]::before {
   content: "";
   inset-inline-start: 10px;
   top: 0px;
@@ -631,27 +631,27 @@
   position: absolute;
   bottom: 10px;
 }
-.comment-top[data-v-72b15241] {
+.comment-top[data-v-c4b41dc0] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
   position: relative;
   margin-inline-start: 1rem;
 }
-.comment-list[data-v-72b15241] {
+.comment-list[data-v-c4b41dc0] {
   padding: 0.5rem;
   height: 100%;
   overflow: auto;
 }
-.comment[data-v-72b15241] {
+.comment[data-v-c4b41dc0] {
   margin-bottom: 1rem;
 }
-.comment-owner[data-v-72b15241] {
+.comment-owner[data-v-c4b41dc0] {
   font-size: 14px;
   margin-inline-end: 0.5rem;
   color: var(--bgl-gray);
 }
-.comment-owner[data-v-72b15241]::before {
+.comment-owner[data-v-c4b41dc0]::before {
   content: "";
   height: 12px;
   width: 12px;
@@ -661,18 +661,18 @@
   inset-inline-start: -1.2rem;
   top: 0.2rem;
 }
-.me .comment-owner[data-v-72b15241] {
+.me .comment-owner[data-v-c4b41dc0] {
   color: var(--bgl-primary);
 }
-.me .comment-owner[data-v-72b15241]::before {
+.me .comment-owner[data-v-c4b41dc0]::before {
   background: var(--bgl-primary);
 }
-.comment-time[data-v-72b15241] {
+.comment-time[data-v-c4b41dc0] {
   color: var(--bgl-gray);
   font-size: 10px;
   white-space: nowrap;
 }
-.comment-actions[data-v-72b15241] {
+.comment-actions[data-v-c4b41dc0] {
   background: red;
   line-height: 0;
   display: flex;
@@ -680,35 +680,35 @@
   flex-grow: 1;
   gap: 0.25rem;
 }
-.comment .comment-actions .edit[data-v-72b15241] {
+.comment .comment-actions .edit[data-v-c4b41dc0] {
   opacity: 0;
 }
-.comment-actions .edit[data-v-72b15241] {
+.comment-actions .edit[data-v-c4b41dc0] {
   margin-inline-end: auto;
 }
-.comment.me:hover .comment-actions .edit[data-v-72b15241] {
+.comment.me:hover .comment-actions .edit[data-v-c4b41dc0] {
   opacity: 0.4;
 }
-.comment-actions > div[data-v-72b15241] {
+.comment-actions > div[data-v-c4b41dc0] {
   transition: all 200ms ease;
   cursor: pointer;
   opacity: 0.6;
 }
-.comment-actions > div[data-v-72b15241]:hover {
+.comment-actions > div[data-v-c4b41dc0]:hover {
   color: var(--bgl-primary);
 }
-.comment-actions .delete[data-v-72b15241]:hover {
+.comment-actions .delete[data-v-c4b41dc0]:hover {
   color: var(--bgl-red);
 }
-.comment-actions > div[data-v-72b15241]:active {
+.comment-actions > div[data-v-c4b41dc0]:active {
   filter: brightness(70%);
 }
-.icon-font.delete[data-v-72b15241],
-.icon-font.save[data-v-72b15241] {
+.bgl_icon-font.delete[data-v-c4b41dc0],
+.bgl_icon-font.save[data-v-c4b41dc0] {
   display: none;
 }
-.editable .icon-font.delete[data-v-72b15241],
-.editable .icon-font.save[data-v-72b15241] {
+.editable .bgl_icon-font.delete[data-v-c4b41dc0],
+.editable .bgl_icon-font.save[data-v-c4b41dc0] {
   display: block;
 }
 
@@ -721,10 +721,10 @@
 /* overflow: hidden; */
 /* border-radius: 10px; */
 /* } */
-.editable .editor-wrapper[data-v-72b15241] {
+.editable .editor-wrapper[data-v-c4b41dc0] {
   background-color: var(--input-bg);
 }
-.new-comment[data-v-72b15241] {
+.new-comment[data-v-c4b41dc0] {
   display: flex;
   align-items: flex-end;
   position: relative;
@@ -734,44 +734,44 @@
   color: var(--input-color);
   line-height: 1.6;
 }
-.comment-input[data-v-72b15241] {
+.comment-input[data-v-c4b41dc0] {
   max-height: 100px;
   overflow: auto;
   flex-grow: 1;
   border-radius: var(--btn-border-radius);
 }
 
-.list-arrows[data-v-56ec9012] {
+.list-arrows[data-v-555ad739] {
 	opacity: 0;
 }
-.list-arrows .icon-font[data-v-56ec9012] {
+.list-arrows .bgl_icon-font[data-v-555ad739] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-56ec9012] {
+.list-arrows.sorted[data-v-555ad739] {
 	opacity: 1;
 }
-.col img[data-v-56ec9012] {
+.col img[data-v-555ad739] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-56ec9012] {
+.list-arrows.sorted .desc[data-v-555ad739] {
 	transform: rotate(180deg);
 }
-table[data-v-56ec9012] {
+table[data-v-555ad739] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-56ec9012] {
+th[data-v-555ad739] {
 	font-weight: 400;
 }
-.row[data-v-56ec9012] {
+.row[data-v-555ad739] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-56ec9012] {
+.row.first-row[data-v-555ad739] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -781,7 +781,7 @@ th[data-v-56ec9012] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row[data-v-56ec9012]::after {
+.row.first-row[data-v-555ad739]::after {
 	content: "";
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -789,11 +789,11 @@ th[data-v-56ec9012] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-56ec9012] {
+.first-row .col[data-v-555ad739] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-56ec9012] {
+.col[data-v-555ad739] {
 	white-space: nowrap;
 	padding: 14px;
 	transition: var(--bgl-transition);
@@ -802,16 +802,16 @@ th[data-v-56ec9012] {
 	padding-right: 1rem;
 	align-items: center;
 }
-.col>div[data-v-56ec9012] {
+.col>div[data-v-555ad739] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-56ec9012] {
+.max-col-width[data-v-555ad739] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .icon-font[data-v-56ec9012] {
+.col.check .bgl_icon-font[data-v-555ad739] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -822,27 +822,27 @@ th[data-v-56ec9012] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-56ec9012] {
+.rows[data-v-555ad739] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-56ec9012] {
+.table-list[data-v-555ad739] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-56ec9012] {
+.BagelTable .table-list[data-v-555ad739] {
 	overflow: unset;
 }
-.row-item[data-v-56ec9012] {
+.row-item[data-v-555ad739] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-56ec9012]:hover {
+.row-item[data-v-555ad739]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-56ec9012] {
+.infinite-wrapper[data-v-555ad739] {
 	overflow-y: auto;
 	width: 100%;
 }
@@ -867,21 +867,22 @@ th[data-v-56ec9012] {
 	color: var(--input-color);
 }
 
-.avatar[data-v-dbdd4c26] {
+.avatar[data-v-0441b0b8] {
 	border-radius: 100%;
 	background-color: var(--bgl-gray-20);
 	border: 0.5px solid var(--border-color);
 	overflow: hidden;
 	text-align: center;
 	padding: none;
+	flex: 0 0 40px;
 }
-.avatar p[data-v-dbdd4c26] {
+.avatar p[data-v-0441b0b8] {
 	font-size: 1.5rem;
 	line-height: 50px;
 	margin: 0;
 	font-weight: 200;
 }
-.avatar img[data-v-dbdd4c26] {
+.avatar img[data-v-0441b0b8] {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
@@ -1181,7 +1182,7 @@ fieldset[disabled] .multiselect {
 	width: 100%;
 	min-height: var(--input-height);
 	text-align: left;
-	color: #35495e;
+	color: var(--input-color);
 }
 .multiselect * {
 	box-sizing: border-box;
@@ -1219,20 +1220,20 @@ fieldset[disabled] .multiselect {
 .multiselect__single {
 	position: relative;
 	display: inline-block;
-	min-height: 20px;
-	line-height: 20px;
 	border: none;
-	border-radius: var(--input-border-radius);
 	background: var(--input-bg);
-	padding: 0 0 0 5px;
 	width: calc(100%);
 	transition: border 0.1s ease;
 	box-sizing: border-box;
-	margin-bottom: 8px;
 	vertical-align: top;
+	font-size: var(--input-font-size);
+	padding-inline-start: 0rem;
+}
+.multiselect--active .multiselect__input {
+		margin-top: -0.5rem;
 }
 .multiselect__input::placeholder {
-	color: #35495e;
+	color: var(--input-color);
 }
 .multiselect__tag~.multiselect__input,
 .multiselect__tag~.multiselect__single {
@@ -1248,19 +1249,24 @@ fieldset[disabled] .multiselect {
 	outline: none;
 }
 .multiselect__single {
-	padding-left: 5px;
+	/* padding-left: 5px; */
 	margin-bottom: 8px;
 }
 .multiselect__tags-wrap {
 	display: inline;
 }
 .multiselect__tags {
-	min-height: 40px;
+	/* min-height: 40px; */
 	display: block;
-	padding: 8px 40px 0 8px;
+	/* padding: 0.7rem 40px 0.7rem 8px; */
 	border-radius: var(--input-border-radius);
 	background: var(--input-bg);
 	font-size: var(--input-font-size);
+	height: var(--input-height);
+	line-height: 0;
+	padding: calc(var(--input-height) / 2);
+	padding-inline-end: 40px;
+	padding-inline-start: 0.7rem;
 }
 .multiselect__tag {
 	position: relative;
@@ -1327,8 +1333,8 @@ fieldset[disabled] .multiselect {
 	display: block;
 	position: absolute;
 	box-sizing: border-box;
-	width: 40px;
-	height: 38px;
+	/* width: 40px; */
+	/* height: 38px; */
 	right: 1px;
 	top: 1px;
 	padding: 4px 8px;
@@ -1337,20 +1343,19 @@ fieldset[disabled] .multiselect {
 	text-align: center;
 	cursor: pointer;
 	transition: transform 0.2s ease;
+	padding-top: calc(var(--input-height) / 2 - 0.7rem);
 }
 .multiselect__select::before {
 	position: relative;
 	background-size: contain;
 	transform: scale(0.5);
-	top: 4px;
 	color: var(--bgl-black);
-	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b7b7b7' height='24' viewBox='0 -960 960 960' width='24'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>")
+	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b7b7b7' height='24' viewBox='0 -960 960 960' width='24'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>");
 }
 .multiselect__placeholder {
-	color: #adadad;
+	color: var(--placeholder-color);
 	display: inline-block;
 	margin-bottom: 10px;
-	padding-top: 2px;
 }
 .multiselect--active .multiselect__placeholder {
 	display: none;
@@ -1444,14 +1449,14 @@ fieldset[disabled] .multiselect {
 }
 .multiselect__option--group {
 	background: #ededed;
-	color: #35495e;
+	color: var(--input-color);
 }
 .multiselect__option--group.multiselect__option--highlight {
-	background: #35495e;
+	background: var(--input-color);
 	color: #fff;
 }
 .multiselect__option--group.multiselect__option--highlight::after {
-	background: #35495e;
+	background: var(--input-color);
 }
 .multiselect__option--disabled.multiselect__option--highlight {
 	background: #dedede;
@@ -1487,7 +1492,9 @@ fieldset[disabled] .multiselect {
 	left: 1px;
 }
 *[dir="rtl"] .multiselect__tags {
-	padding: 8px 8px 0 40px;
+	padding: calc(var(--input-height) / 2);
+	padding-inline-end: 40px;
+	padding-inline-start: 0.7rem;
 }
 *[dir="rtl"] .multiselect__content {
 	text-align: right;
@@ -1523,87 +1530,87 @@ to {
 	background: transparent;
 }
 
-.table-side-scroll[data-v-22b28be6] {
+.table-side-scroll[data-v-cdacf10e] {
 	overflow: auto;
 	margin-inline-start: -1rem;
 	padding-inline-start: 1rem;
 	padding-bottom: 1rem;
 }
-.table-field-wrap[data-v-22b28be6] {
+.table-field-wrap[data-v-cdacf10e] {
 	margin-bottom: -1rem;
 }
-.table-cell[data-v-22b28be6] {
+.table-cell[data-v-cdacf10e] {
 	border-inline-end: 1px solid var(--border-color);
 	border-bottom: 1px solid var(--border-color);
 }
-.table-row[data-v-22b28be6] {
+.table-row[data-v-cdacf10e] {
 	transition: var(--bgl-transition);
 	position: relative;
 	width: max-content;
 }
-.table-row[data-v-22b28be6]:hover {
+.table-row[data-v-cdacf10e]:hover {
 	background: var(--bgl-gray-light);
 }
-.table-reorder[data-v-22b28be6] {
+.table-reorder[data-v-cdacf10e] {
 	opacity: 0;
 	width: 2rem;
 	text-align: center;
 	position: absolute;
 	margin-inline-start: -2rem;
 }
-.table-row:hover .table-reorder[data-v-22b28be6] {
+.table-row:hover .table-reorder[data-v-cdacf10e] {
 	opacity: 1;
 	cursor: grab;
 }
-.table-reorder[data-v-22b28be6]:active {
+.table-reorder[data-v-cdacf10e]:active {
 	opacity: 1;
 	cursor: grab;
 }
-.btn.thin.flatBtn[data-v-22b28be6] {
+.bgl_btn.thin.bgl_flatBtn[data-v-cdacf10e] {
 	margin-inline-start: -1rem;
 	margin-top: 1rem;
 }
-.table-header[data-v-22b28be6] {
+.table-header[data-v-cdacf10e] {
 	display: flex;
 	width: max-content;
 }
-.header-col[data-v-22b28be6] {
+.header-col[data-v-cdacf10e] {
 	min-width: calc(var(--input-height) * 3);
 	font-size: 13px;
 	color: var(--input-color);
 	padding: 10px 0;
 	border-bottom: 1px solid var(--border-color);
 }
-.table-cell[data-v-22b28be6],
-.header-col[data-v-22b28be6] {
+.table-cell[data-v-cdacf10e],
+.header-col[data-v-cdacf10e] {
 	width: 160px;
 }
-.table-cell.check[data-v-22b28be6],
-.header-col.check[data-v-22b28be6] {
+.table-cell.check[data-v-cdacf10e],
+.header-col.check[data-v-cdacf10e] {
 	width: 100px;
 }
-.table-cell.date[data-v-22b28be6],
-.header-col.date[data-v-22b28be6] {
+.table-cell.date[data-v-cdacf10e],
+.header-col.date[data-v-cdacf10e] {
 	width: 140px;
 }
-.header-col.small-text[data-v-22b28be6],
-.header-col.text[data-v-22b28be6],
-.header-col.long-text[data-v-22b28be6],
-.header-col.json[data-v-22b28be6],
-.table-cell.small-text[data-v-22b28be6],
-.table-cell.text[data-v-22b28be6],
-.table-cell.long-text[data-v-22b28be6],
-.table-cell.json[data-v-22b28be6] {
+.header-col.small-text[data-v-cdacf10e],
+.header-col.text[data-v-cdacf10e],
+.header-col.long-text[data-v-cdacf10e],
+.header-col.json[data-v-cdacf10e],
+.table-cell.small-text[data-v-cdacf10e],
+.table-cell.text[data-v-cdacf10e],
+.table-cell.long-text[data-v-cdacf10e],
+.table-cell.json[data-v-cdacf10e] {
 	width: 240px;
 }
-.table-cell.small-text .bagel-input[data-v-22b28be6],
-.table-cell.text .bagel-input[data-v-22b28be6],
-.table-cell.long-text .bagel-input[data-v-22b28be6],
-.table-cell.json .bagel-input[data-v-22b28be6] {
+.table-cell.small-text .bagel-input[data-v-cdacf10e],
+.table-cell.text .bagel-input[data-v-cdacf10e],
+.table-cell.long-text .bagel-input[data-v-cdacf10e],
+.table-cell.json .bagel-input[data-v-cdacf10e] {
 	height: 40px;
 	overflow: auto;
 }
-.table-action[data-v-22b28be6] {
+.table-action[data-v-cdacf10e] {
 	text-align: center;
 	position: sticky;
 	opacity: 0;
@@ -1613,19 +1620,19 @@ to {
 	margin-top: -1px;
 	background: var(--border-color);
 }
-.table-action>.icon-font[data-v-22b28be6] {
+.table-action>.bgl_icon-font[data-v-cdacf10e] {
 	padding: 11.4px;
 	cursor: pointer;
 	transition: var(--bgl-transition);
 }
-.table-action:hover>.icon-font[data-v-22b28be6] {
+.table-action:hover>.bgl_icon-font[data-v-cdacf10e] {
 	background: var(--bgl-red);
 	color: var(--bgl-white);
 }
-.table-action:active>.icon-font[data-v-22b28be6] {
+.table-action:active>.bgl_icon-font[data-v-cdacf10e] {
 	filter: brightness(90%);
 }
-.table-row:hover .table-action[data-v-22b28be6] {
+.table-row:hover .table-action[data-v-cdacf10e] {
 	opacity: 1;
 }
 
@@ -1669,55 +1676,60 @@ to {
 	/* width: auto; */
 }
 
-.bagel-input textarea[data-v-f04abcf4] {
+.bagel-input textarea[data-v-c5f12e8d] {
 	min-height: unset;
 }
-.bagel-input.text-input textarea[data-v-f04abcf4] {
+.bagel-input.text-input textarea[data-v-c5f12e8d] {
 	resize: none;
 }
-.code textarea[data-v-f04abcf4] {
+.code textarea[data-v-c5f12e8d] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-black) !important;
 	color: var(--bgl-white) !important;
 }
-.bagel-input.toggleEdit[data-v-f04abcf4]:hover {
+.bagel-input.toggleEdit[data-v-c5f12e8d]:hover {
 	background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-f04abcf4] {
+.bagel-input.small[data-v-c5f12e8d] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.toggleEditBtn[data-v-f04abcf4] {
+.bagel-input.dense label[data-v-c5f12e8d]{
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+.toggleEditBtn[data-v-c5f12e8d] {
 	position: absolute;
 	right: -24px;
 	top: 4;
 	opacity: 0;
 }
-.textInputIconWrap[data-v-f04abcf4] {
+.textInputIconWrap[data-v-c5f12e8d] {
 	position: relative;
 }
-.textInputIconWrap .icon-font[data-v-f04abcf4] {
+.textInputIconWrap .bgl_icon-font[data-v-c5f12e8d] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-f04abcf4] {
+.txtInputIconStart .iconStart[data-v-c5f12e8d] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-f04abcf4] {
+.txtInputIconStart textarea[data-v-c5f12e8d] {
 	padding-inline-start: 2rem;
 }
-.bagel-input:hover .toggleEditBtn[data-v-f04abcf4],
-.bagel-input.editMode .toggleEditBtn[data-v-f04abcf4] {
+.bagel-input:hover .toggleEditBtn[data-v-c5f12e8d],
+.bagel-input.editMode .toggleEditBtn[data-v-c5f12e8d] {
 	opacity: 1;
 }
-.bagel-input.small textarea[data-v-f04abcf4] {
+.bagel-input.small textarea[data-v-c5f12e8d] {
 	height: 30px;
 }
 
@@ -1901,7 +1913,7 @@ to {
   color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-4144cc3e] {
+.bagel-input .fileUploadWrap[data-v-7deb423e] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1911,7 +1923,7 @@ to {
 	height: 132px;
 	font-size: var(--input-font-size);
 }
-.previewName[data-v-4144cc3e] {
+.previewName[data-v-7deb423e] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -1919,37 +1931,37 @@ to {
 	grid-template-columns: 1fr 22px;
 	align-items: center;
 }
-.previewName p[data-v-4144cc3e] {
+.previewName p[data-v-7deb423e] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-4144cc3e] {
+.imagePreviewWrap[data-v-7deb423e] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	height: 90px;
 	padding: 5px;
 }
-img.preview[data-v-4144cc3e] {
+img.preview[data-v-7deb423e] {
 	height: 80px;
 	border-radius: var(--input-border-radius);
 	object-fit: contain;
 }
-.fileUploadWrap.dragover[data-v-4144cc3e],
-.fileUploadWrap[data-v-4144cc3e]:hover {
+.fileUploadWrap.dragover[data-v-7deb423e],
+.fileUploadWrap[data-v-7deb423e]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-4144cc3e] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-7deb423e] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-4144cc3e]:after {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-7deb423e]:after {
 	content: "Drop files here or click to upload";
 }
-.pie[data-v-4144cc3e] {
+.pie[data-v-7deb423e] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1957,7 +1969,7 @@ img.preview[data-v-4144cc3e] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-4144cc3e]:before {
+.pie[data-v-7deb423e]:before {
 	content: "";
 	position: absolute;
 	border-radius: 50%;
@@ -1971,26 +1983,26 @@ img.preview[data-v-4144cc3e] {
 			#0000 calc(99% - var(--b)),
 			#000 calc(100% - var(--b)));
 }
-.pie .success[data-v-4144cc3e] {
+.pie .success[data-v-7deb423e] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-4144cc3e] {
+.pie .progress[data-v-7deb423e] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-4144cc3e] {
+.pie.complete .progress[data-v-7deb423e] {
 	display: none;
 }
-.pie.complete .success[data-v-4144cc3e] {
+.pie.complete .success[data-v-7deb423e] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-4144cc3e]:before {
+.pie.complete[data-v-7deb423e]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-4144cc3e] {
+.pie.complete[data-v-7deb423e] {
 	color: var(--bgl-green);
 }
 
@@ -2380,6 +2392,21 @@ img.preview[data-v-4144cc3e] {
 .flex-3-col {
     flex: 1 1 33.33333%;
 }
+.mb-auto {
+    margin-bottom: auto !important;
+}
+.mb-0 {
+    margin-bottom: 0rem !important;
+}
+.mb-025 {
+    margin-bottom: 0.25rem !important;
+}
+.mb-05 {
+    margin-bottom: 0.5rem !important;
+}
+.mb-075 {
+    margin-bottom: 0.75rem !important;
+}
 .mb-1 {
     margin-bottom: 1rem !important;
 }
@@ -2389,6 +2416,24 @@ img.preview[data-v-4144cc3e] {
 .mb-3 {
     margin-bottom: 3rem !important;
 }
+.mb-4 {
+    margin-bottom: 4rem !important;
+}
+.mt-auto {
+    margin-top: auto !important;
+}
+.mt-0 {
+    margin-top: 0rem !important;
+}
+.mt-025 {
+    margin-top: 0.25rem !important;
+}
+.mt-05 {
+    margin-top: 0.5rem !important;
+}
+.mt-075 {
+    margin-top: 0.75rem !important;
+}
 .mt-1 {
     margin-top: 1rem !important;
 }
@@ -2398,6 +2443,24 @@ img.preview[data-v-4144cc3e] {
 .mt-3 {
     margin-top: 3rem !important;
 }
+.mt-4 {
+    margin-top: 4rem !important;
+}
+.ms-auto {
+    margin-inline-start: auto !important;
+}
+.ms-0 {
+    margin-inline-start: 0rem !important;
+}
+.ms-025 {
+    margin-inline-start: 0.25rem !important;
+}
+.ms-05 {
+    margin-inline-start: 0.5rem !important;
+}
+.ms-075 {
+    margin-inline-start: 0.75rem !important;
+}
 .ms-1 {
     margin-inline-start: 1rem !important;
 }
@@ -2407,6 +2470,24 @@ img.preview[data-v-4144cc3e] {
 .ms-3 {
     margin-inline-start: 3rem !important;
 }
+.ms-4 {
+    margin-inline-start: 4rem !important;
+}
+.me-auto {
+    margin-inline-end: auto !important;
+}
+.me-0 {
+    margin-inline-end: 0rem !important;
+}
+.me-025 {
+    margin-inline-end: 0.25rem !important;
+}
+.me-05 {
+    margin-inline-end: 0.5rem !important;
+}
+.me-075 {
+    margin-inline-end: 0.75rem !important;
+}
 .me-1 {
     margin-inline-end: 1rem !important;
 }
@@ -2416,65 +2497,92 @@ img.preview[data-v-4144cc3e] {
 .me-3 {
     margin-inline-end: 3rem !important;
 }
-.mb-0 {
-    margin-bottom: 0rem !important;
+.me-4 {
+    margin-inline-end: 4rem !important;
 }
-.mb-4 {
-    margin-bottom: 4rem !important;
+.-mb-025 {
+    margin-bottom: -0.25rem !important;
 }
-.mb-075 {
-    margin-bottom: 0.75rem !important;
+.-mb-05 {
+    margin-bottom: -0.5rem !important;
 }
-.mb-05 {
-    margin-bottom: 0.5rem !important;
+.-mb-075 {
+    margin-bottom: -0.75rem !important;
 }
-.mb-025 {
-    margin-bottom: 0.25rem !important;
+.-mb-1 {
+    margin-bottom: -1rem !important;
 }
-.mt-0 {
-    margin-top: 0rem !important;
+.-mb-2 {
+    margin-bottom: -2rem !important;
 }
-.mt-4 {
-    margin-top: 4rem !important;
+.-mb-3 {
+    margin-bottom: -3rem !important;
 }
-.mt-075 {
+.-mb-4 {
+    margin-bottom: -4rem !important;
+}
+.-mt-025 {
+    margin-top: -0.25rem !important;
+}
+.-mt-05 {
+    margin-top: -0.5rem !important;
+}
+.-mt-075 {
     margin-top: 0.75rem !important;
 }
-.mt-05 {
-    margin-top: 0.5rem !important;
+.-mt-1 {
+    margin-top: -1rem !important;
 }
-.mt-025 {
-    margin-top: 0.25rem !important;
+.-mt-2 {
+    margin-top: -2rem !important;
 }
-.ms-0 {
-    margin-inline-start: 0rem !important;
+.-mt-3 {
+    margin-top: -3rem !important;
 }
-.ms-4 {
-    margin-inline-start: 4rem !important;
+.-mt-4 {
+    margin-top: -4rem !important;
 }
-.ms-075 {
-    margin-inline-start: 0.75rem !important;
+.-ms-025 {
+    margin-inline-start: -0.25rem !important;
 }
-.ms-05 {
-    margin-inline-start: 0.5rem !important;
+.-ms-05 {
+    margin-inline-start: -0.5rem !important;
 }
-.ms-025 {
-    margin-inline-start: 0.25rem !important;
+.-ms-075 {
+    margin-inline-start: -0.75rem !important;
 }
-.me-0 {
-    margin-inline-end: 0rem !important;
+.-ms-1 {
+    margin-inline-start: -1rem !important;
 }
-.me-4 {
-    margin-inline-end: 4rem !important;
+.-ms-2 {
+    margin-inline-start: -2rem !important;
 }
-.me-075 {
-    margin-inline-end: 0.75rem !important;
+.-ms-3 {
+    margin-inline-start: -3rem !important;
 }
-.me-05 {
-    margin-inline-end: 0.5rem !important;
+.-ms-4 {
+    margin-inline-start: -4rem !important;
 }
-.me-025 {
-    margin-inline-end: 0.25rem !important;
+.-me-025 {
+    margin-inline-end: -0.25rem !important;
+}
+.-me-05 {
+    margin-inline-end: -0.5rem !important;
+}
+.-me-075 {
+    margin-inline-end: -0.75rem !important;
+}
+.-me-1 {
+    margin-inline-end: -1rem !important;
+}
+.-me-2 {
+    margin-inline-end: -2rem !important;
+}
+.-me-3 {
+    margin-inline-end: -3rem !important;
+}
+.-me-4 {
+    margin-inline-end: -4rem !important;
 }
 .pb-0 {
     padding-bottom: 0rem !important;
@@ -2656,7 +2764,7 @@ select {
 .bagel-input.search-wrap input {
   padding-inline-end: 2rem;
 }
-.bagel-input.search-wrap .icon-font {
+.bagel-input.search-wrap .bgl_icon-font {
   margin-inline-start: -1.75rem;
 }
 .bagel-input select {
@@ -2738,11 +2846,11 @@ label.active {
 .label-count-0 label {
   display: none;
 }
-.label-count-0 button.btn.flatBtn {
+.label-count-0 button.bgl_btn.bgl_flatBtn {
   /* background: var(--bgl-blue-light); */
   margin-right: 5px;
 }
-.label-count-0 button.btn.flatBtn:hover {
+.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
   background: var(--bgl-hover-filter);
 }
 input[type="color"] {
@@ -2783,9 +2891,9 @@ input[type="color"]::-moz-color-swatch:hover {
   }
 }
 button,
-.btn,
-.flatBtn,
-.btn-icon {
+.bgl_btn,
+.bgl_flatBtn,
+.bgl_btn-icon {
     font-family: inherit;
     white-space: nowrap;
     cursor: pointer;
@@ -2827,12 +2935,12 @@ button,
     content: "close";
     font-family: "Material Symbols Outlined", serif;
 }
-.btn.thin {
+.bgl_btn.thin {
     height: calc(var(--btn-height) * 0.7);
     line-height: calc(var(--btn-height) * 0.7);
 }
 @media screen and (max-width: 910px) {
-    .btn {
+    .bgl_btn {
         padding: 0 20px;
     }
 }
@@ -2853,6 +2961,12 @@ h6 {}
 .txt-center {
     text-align: center;
 }
+.txt-start {
+    text-align: start;
+}
+.txt-end {
+    text-align: end;
+}
 .smalltxt {
     font-size: 12px;
 }
@@ -2898,6 +3012,9 @@ h6 {}
 .bold {
     font-weight: 700;
 }
+.line-height-1 {
+    line-height: 1;
+}
 .ellipsis {
     overflow: hidden;
     display: block;
@@ -2910,7 +3027,7 @@ h6 {}
 .decoration-none {
     text-decoration: none;
 }
-.icon-font {
+.bgl_icon-font {
     font-family: "Material Symbols Outlined", serif;
 }
 @media screen and (max-width: 910px) {
@@ -3075,7 +3192,7 @@ h6 {}
   width: 100%;
   margin-top: 1rem;
 }
-.login-card .btn {
+.login-card .bgl_btn {
   width: 100%;
   background: var(--bgl-primary);
   color: var(--bgl-white);
@@ -3544,10 +3661,10 @@ h6 {}
 [theme="dark"] .whatsapp-msg {
   color: var(--bgl-gray-light);
 }
-[theme="dark"] .btn,
-[theme="dark"] .btn-icon,
-[theme="dark"] .primary-checkbox input:checked + span,
-[theme="dark"] .btn.light {
+[theme="dark"] .bgl_btn,
+[theme="dark"] .bgl_btn-icon,
+[theme="dark"] .primary-checkbox input:checked+span,
+[theme="dark"] .bgl_btn.light {
   color: var(--bgl-black);
 }
 [theme="dark"] .bagel-input.checkbox.check .slider:before {