@bagelink/vue 0.0.736 → 0.0.740

package/dist/style.css

@@ -1,14 +1,17 @@
-@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
-.bgl-lightbox-overlay[data-v-c3c26420] {
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
+.lightbox-image[data-v-562f0f36]{
+	object-fit: contain;
+}
+.bgl-lightbox-overlay[data-v-562f0f36] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-c3c26420] {
+.bgl-lightbox[data-v-562f0f36] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-c3c26420]{
-	animation: 500ms ease bgl-lightbox-load-c3c26420;
+.bgl-lightbox-item[data-v-562f0f36]{
+	animation: 500ms ease bgl-lightbox-load-562f0f36;
 }
-@keyframes bgl-lightbox-load-c3c26420 {
+@keyframes bgl-lightbox-load-562f0f36 {
 from {
     scale:0.7;
 }
@@ -16,43 +19,43 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-c3c26420] * {
+.bgl-lightbox-item[data-v-562f0f36] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-c3c26420;
+	animation: 200ms ease bgl-lightbox-load-562f0f36;
 }
-.navigation[data-v-c3c26420] {
+.navigation[data-v-562f0f36] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-c3c26420] {
+.navigation-btn[data-v-562f0f36] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-c3c26420] {
+.thumbnail[data-v-562f0f36] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-c3c26420]:hover {
+.thumbnail[data-v-562f0f36]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-c3c26420]:active {
+.thumbnail[data-v-562f0f36]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-c3c26420] {
+.thumbnail.active[data-v-562f0f36] {
 	opacity: 1;
 	outline: 2px solid white;
 }
 
-[dir='rtl'] .top-arrow[data-v-776cab4a] {
+[dir='rtl'] .top-arrow[data-v-bc4e49f9] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-776cab4a] {
+.nav-expend[data-v-bc4e49f9] {
 	text-align: center;
 	cursor: pointer;
-	background: var(--bgl-white);
+	background: var(--bgl-popup-bg);
 	color: var(--bgl-primary);
 	display: flex;
 	border-radius: 100%;
@@ -75,18 +78,18 @@ to {
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-776cab4a] {
-	background: var(--bgl-white);
+.nav-expend[data-v-bc4e49f9] {
+	background: var(--bgl-popup-bg);
 }
-.nav-expend[data-v-776cab4a]:hover {
+.nav-expend[data-v-bc4e49f9]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-776cab4a]:active {
+.nav-expend[data-v-bc4e49f9]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-776cab4a] {
-	color: var(--bgl-white);
+.nav[data-v-bc4e49f9] {
+	color: var(--bgl-light-text);
 	background: var(--bgl-primary);
 	z-index: 100;
 	width: 70px;
@@ -94,25 +97,25 @@ to {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-776cab4a] * {
+.nav[data-v-bc4e49f9] * {
 	user-select: none;
 }
-.nav-button[data-v-776cab4a] {
+.nav-button[data-v-bc4e49f9] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
 	text-align: start;
 	align-items: center;
 	position: relative;
-	color: var(--bgl-white);
+	color: var(--bgl-light-text);
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-776cab4a]:hover {
+.nav-button[data-v-bc4e49f9]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-776cab4a] {
+.nav-button .bgl_icon-font[data-v-bc4e49f9] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -125,17 +128,17 @@ to {
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-776cab4a],
-.nav-button.router-link-active .bgl_icon-font[data-v-776cab4a] {
-	background: var(--bgl-white);
+.nav-button:hover .bgl_icon-font[data-v-bc4e49f9],
+.nav-button.router-link-active .bgl_icon-font[data-v-bc4e49f9] {
+	background: var(--bgl-box-bg);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-776cab4a] {
+.nav-button:hover .tooltip[data-v-bc4e49f9] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-776cab4a] {
-	background-color: var(--bgl-white);
+.tooltip[data-v-bc4e49f9] {
+	background-color: var(--bgl-popup-bg);
 	color: var(--bgl-primary);
 	line-height: 1;
 	padding: 0.5rem;
@@ -148,23 +151,23 @@ to {
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-776cab4a]:hover {
+.tooltip[data-v-bc4e49f9]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-776cab4a]:active {
+.tooltip[data-v-bc4e49f9]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-776cab4a] {
+.bot-buttons-wrapper[data-v-bc4e49f9] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-776cab4a] {
+.nav-links-wrapper[data-v-bc4e49f9] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-776cab4a] {
+[dir='rtl'] .nav-links-wrapper[data-v-bc4e49f9] {
 	direction: rtl;
 }
-.nav-scroll[data-v-776cab4a] {
+.nav-scroll[data-v-bc4e49f9] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -174,62 +177,62 @@ to {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-776cab4a]::-webkit-scrollbar-thumb {
+.nav[data-v-bc4e49f9]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-776cab4a]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-bc4e49f9]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-776cab4a] {
+[dir='rtl'] .nav-scroll[data-v-bc4e49f9] {
 	direction: ltr;
 }
-.full-nav[data-v-776cab4a] {
+.full-nav[data-v-bc4e49f9] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-776cab4a] {
+.nav.open .nav-expend[data-v-bc4e49f9] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-776cab4a] {
+.nav.open[data-v-bc4e49f9] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-776cab4a] {
+.nav.open .tooltip[data-v-bc4e49f9] {
 		background-color: transparent;
-		color: var(--bgl-white);
+		color: var(--bgl-light-text);
 		padding: 0;
 		box-shadow: none;
 		pointer-events: all;
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-776cab4a] {
+.nav.open .nav-button .bgl_icon-font[data-v-bc4e49f9] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-776cab4a] {
+.nav.open .nav-button[data-v-bc4e49f9] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-776cab4a]:hover,
-	.nav.open .nav-button.router-link-active[data-v-776cab4a] {
-		background: var(--bgl-white);
+.nav.open .nav-button[data-v-bc4e49f9]:hover,
+	.nav.open .nav-button.router-link-active[data-v-bc4e49f9] {
+		background: var(--bgl-popup-bg);
 		color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-776cab4a]:hover,
-	.nav.open .nav-button:hover .tooltip[data-v-776cab4a],
-	.nav.open .nav-button.router-link-active .tooltip[data-v-776cab4a] {
+.nav.open .nav-button[data-v-bc4e49f9]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-bc4e49f9],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-bc4e49f9] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-776cab4a] {
+.full-nav[data-v-bc4e49f9] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -238,10 +241,10 @@ to {
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-776cab4a] {
+.nav.open[data-v-bc4e49f9] {
 		width: initial;
 }
-.nav[data-v-776cab4a] {
+.nav[data-v-bc4e49f9] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -249,34 +252,34 @@ to {
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-776cab4a] {
+.tooltip[data-v-bc4e49f9] {
 		opacity: 1;
 		background: transparent;
-		color: var(--bgl-white);
+		color: var(--bgl-light-text);
 		box-shadow: none;
 		font-size: 10px;
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-776cab4a] {
+.nav-button[data-v-bc4e49f9] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-776cab4a] {
+.nav-button .bgl_icon-font[data-v-bc4e49f9] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-776cab4a] {
+.nav-links-wrapper[data-v-bc4e49f9] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-776cab4a] {
+.bot-buttons-wrapper[data-v-bc4e49f9] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-776cab4a] {
+.nav-scroll[data-v-bc4e49f9] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -287,33 +290,33 @@ to {
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-776cab4a]::-webkit-scrollbar {
+.nav[data-v-bc4e49f9]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-776cab4a] {
+.nav-expend[data-v-bc4e49f9] {
 		display: none;
 }
 }
 @media screen and (max-height: 550px) {
-.nav.open .nav-button[data-v-776cab4a] {
+.nav.open .nav-button[data-v-bc4e49f9] {
 		margin-top: 4px;
 		margin-bottom: 4px;
 }
 }
 
-a[data-v-895cf824] {
+a[data-v-86bf4080] {
   text-decoration: none;
 }
-.loading[data-v-895cf824] {
-  border: 1px solid var(--bgl-white);
-  border-bottom: 2px solid var(--bgl-white);
-  animation: spin-895cf824 1s linear infinite;
+.loading[data-v-86bf4080] {
+  border: 1px solid var(--bgl-light-text);
+  border-bottom: 2px solid var(--bgl-light-text);
+  animation: spin-86bf4080 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-895cf824 {
+@keyframes spin-86bf4080 {
 0% {
     transform: rotate(0deg);
 }
@@ -321,116 +324,118 @@ a[data-v-895cf824] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-895cf824] {
+.bgl_btn-icon[data-v-86bf4080] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
   font-size: 1rem;
   background: var(--bgl-primary);
-  color: var(--bgl-white);
+  color: var(--bgl-light-text);
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-895cf824] {
+.bgl_btn[data-v-86bf4080] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-895cf824] {
+.bgl_btn[disabled="true"][data-v-86bf4080] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-895cf824] {
+.bgl_btn-flex[data-v-86bf4080] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-895cf824] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-86bf4080] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-895cf824],
-.bgl_btn-icon[data-v-895cf824] {
-  background-color: var(--5953bce2);
-  color: var(--7b3cc0ac);
+.bgl_btn[data-v-86bf4080],
+.bgl_btn-icon[data-v-86bf4080] {
+  background-color: var(--616bd948);
+  color: var(--796e2f37);
 }
-.bgl_btn[data-v-895cf824]:hover,
-.bgl_btn-icon[data-v-895cf824]:hover {
+.bgl_btn[data-v-86bf4080]:hover,
+.bgl_btn-icon[data-v-86bf4080]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-895cf824]:active,
-.bgl_btn-icon[data-v-895cf824]:active {
+.bgl_btn[data-v-86bf4080]:active,
+.bgl_btn-icon[data-v-86bf4080]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-895cf824] {
+.bgl_btn.bgl_flatBtn[data-v-86bf4080] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-895cf824] {
+.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-895cf824]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:hover {
+.bgl_btn.bgl_flatBtn[data-v-86bf4080]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
+  color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-895cf824]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:active {
+.bgl_btn.bgl_flatBtn[data-v-86bf4080]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
+  color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-895cf824],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-895cf824] {
+.bgl_btn.bgl_flatBtn.red[data-v-86bf4080],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-86bf4080] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-895cf824],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-895cf824] {
-  color: var(--bgl-white);
+.bgl_btn.bgl_flatBtn.white[data-v-86bf4080],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-86bf4080] {
+  color: var(--bgl-light-text);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-895cf824],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-895cf824] {
+.bgl_btn.bgl_flatBtn.light[data-v-86bf4080],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-86bf4080] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-895cf824],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-895cf824] {
-  color: var(--bgl-black);
+.bgl_btn.bgl_flatBtn.black[data-v-86bf4080],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-86bf4080] {
+  color: var(--bgl-text-color);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-895cf824],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-895cf824] {
+.bgl_btn.bgl_flatBtn.gray[data-v-86bf4080],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-86bf4080] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-895cf824] {
+.bgl_btn.thin[data-v-86bf4080] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-895cf824] {
+.bgl_btn.round[data-v-86bf4080] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-895cf824] {
+.bgl_btn-icon.thin[data-v-86bf4080] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-895cf824] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-86bf4080] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-895cf824] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-86bf4080] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-895cf824] {
-  outline: 1px solid var(--5953bce2);
-  color: var(--5953bce2);
+.bgl_btn-border[data-v-86bf4080] {
+  outline: 1px solid var(--616bd948);
+  color: var(--616bd948);
   background: transparent;
 }
-.bgl_btn-border[data-v-895cf824]:hover {
-  color: var(--bgl-white);
-  background: var(--5953bce2);
+.bgl_btn-border[data-v-86bf4080]:hover {
+  color: var(--bgl-light-text);
+  background: var(--616bd948);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-895cf824]:active {
+.bgl_btn-border[data-v-86bf4080]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -439,7 +444,7 @@ a[data-v-895cf824] {
     right: 0;
     left: 0;
     bottom: 0;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: var(--bgl-dark-bg);
     z-index: 999;
     pointer-events: none;
     opacity: 0;
@@ -501,7 +506,7 @@ a[data-v-895cf824] {
     padding-top: 0rem;
     top: 0rem;
     z-index: 3;
-    background: var(--bgl-white);
+    background: var(--bgl-popup-bg);
     border-radius: var(--card-border-radius);
 }
 
@@ -572,6 +577,9 @@ a[data-v-895cf824] {
     }
 
 }
+.modal{
+	color: var(--bgl-popup-text);
+}
 .modal-title {
 	text-align: center;
 	font-weight: 600;
@@ -675,7 +683,7 @@ a[data-v-895cf824] {
 	margin: 0rem 0;
 	cursor: pointer;
 	transition: var(--bgl-transition);
-	color: var(--bgl-black);
+	color: var(--bgl-text-color);
 	text-decoration: none;
 	position: relative;
 }
@@ -724,19 +732,19 @@ a[data-v-895cf824] {
 }
 }
 
-.selected[data-v-5441d9cd] {
+.selected[data-v-bd90dc89] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-5441d9cd]:hover {
+tbody tr.selected[data-v-bd90dc89]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-5441d9cd] {
+.loading-table[data-v-bd90dc89] {
 	position: relative;
 }
-.inset[data-v-5441d9cd] {
+.inset[data-v-bd90dc89] {
 	inset: 0;
 }
-.loading-table-animation[data-v-5441d9cd] {
+.loading-table-animation[data-v-bd90dc89] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -744,9 +752,9 @@ tbody tr.selected[data-v-5441d9cd]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-5441d9cd 1s linear infinite;
+	animation: loading-table-bd90dc89 1s linear infinite;
 }
-@keyframes loading-table-5441d9cd {
+@keyframes loading-table-bd90dc89 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -754,61 +762,61 @@ tbody tr.selected[data-v-5441d9cd]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-5441d9cd] {
+.list-arrows[data-v-bd90dc89] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-5441d9cd] {
+.list-arrows .bgl_icon-font[data-v-bd90dc89] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-5441d9cd] {
+.list-arrows.sorted[data-v-bd90dc89] {
 	opacity: 1;
 }
-.col img[data-v-5441d9cd] {
+.col img[data-v-bd90dc89] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-5441d9cd] {
+.list-arrows.sorted .desc[data-v-bd90dc89] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-5441d9cd] {
+table[data-v-bd90dc89] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-5441d9cd] {
+th[data-v-bd90dc89] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
-	background: var(--bgl-white);
-	height: var(--efa9c80e);
+	background: var(--bgl-box-bg);
+	height: var(--38e39900);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-5441d9cd] {
+.embedded-field[data-v-bd90dc89] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-5441d9cd] {
+.row[data-v-bd90dc89] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-5441d9cd] {
+.row.first-row[data-v-bd90dc89] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
-	background: var(--bgl-white);
+	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-5441d9cd]::after {
+.row.first-row[data-v-bd90dc89]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -816,30 +824,30 @@ th[data-v-5441d9cd] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-5441d9cd] {
+.first-row .col[data-v-bd90dc89] {
 	cursor: pointer;
-	background: var(--bgl-white);
+	background: var(--bgl-box-bg);
 }
-.col[data-v-5441d9cd] {
+.col[data-v-bd90dc89] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-5441d9cd]:has(.bagel-input) {
+.col[data-v-bd90dc89]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-5441d9cd] {
+.col > div[data-v-bd90dc89] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-5441d9cd] {
+.max-col-width[data-v-bd90dc89] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-5441d9cd] {
+.col.check .bgl_icon-font[data-v-bd90dc89] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -850,35 +858,35 @@ th[data-v-5441d9cd] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-5441d9cd] {
+.rows[data-v-bd90dc89] {
 	font-size: 0.88em;
 }
-.table-list[data-v-5441d9cd] {
+.table-list[data-v-bd90dc89] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-5441d9cd] {
+.BagelTable .table-list[data-v-bd90dc89] {
 	overflow: unset;
 }
-.row-item[data-v-5441d9cd] {
-	height: var(--efa9c80e);
+.row-item[data-v-bd90dc89] {
+	height: var(--38e39900);
 	transition: all 200ms ease;
 }
-.row-item[data-v-5441d9cd]:hover {
+.row-item[data-v-bd90dc89]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-5441d9cd] {
+.row-item input[type='checkbox'][data-v-bd90dc89] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-5441d9cd] {
+.infinite-wrapper[data-v-bd90dc89] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-5441d9cd] {
+input[type='checkbox'][data-v-bd90dc89] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -890,7 +898,7 @@ input[type='checkbox'][data-v-5441d9cd] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-5441d9cd]::before {
+input[type='checkbox'][data-v-bd90dc89]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -903,18 +911,18 @@ input[type='checkbox'][data-v-5441d9cd]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-5441d9cd]:hover::before {
+input[type='checkbox'][data-v-bd90dc89]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-5441d9cd] {
+[lang='he'] [dir='ltr'][data-v-bd90dc89] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-5441d9cd] {
+th input[type='checkbox'][data-v-bd90dc89] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-5441d9cd]::after {
+th[data-v-bd90dc89]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -922,24 +930,24 @@ th[data-v-5441d9cd]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-5441d9cd] {
+tr[data-v-bd90dc89] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-5441d9cd],
-th[data-v-5441d9cd] {
+td[data-v-bd90dc89],
+th[data-v-bd90dc89] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-5441d9cd] {
+tbody tr[data-v-bd90dc89] {
 	font-size: 0.88em;
-	height: var(--efa9c80e);
+	height: var(--38e39900);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-5441d9cd]:hover {
+tbody tr[data-v-bd90dc89]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -997,7 +1005,7 @@ data[data-v-4d174f13] {
 .border .card_label {
 	font-size: 0.7rem;
 	font-weight: 300;
-	background:var(--bgl-white);
+	background:var(--bgl-box-bg);
 	padding: 0 0.75rem;
 	position: absolute;
 	top: -0.5rem;
@@ -1008,7 +1016,7 @@ data[data-v-4d174f13] {
 }
 .bgl_card {
 	border-radius: var(--card-border-radius);
-	background: var(--bgl-white);
+	background: var(--bgl-box-bg);
 	padding: 2rem 2rem;
 	position: relative;
 }
@@ -1086,7 +1094,7 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-532b36ae] {
+.inline[data-v-40a0b03a] {
 	display: inline;
 }
 
@@ -1103,7 +1111,7 @@ display: block;
 	color: var(--bgl-black);
 }
 .pill.blue {
-	background: var(--bgl-primary);
+	background: var(bgl-primary);
 	color: var(--bgl-white);
 }
 .pill.red {
@@ -1224,51 +1232,723 @@ display: block;
 		grid-auto-columns: 100%;
 }
 }
-
-#map {
-    height: 100%;
-	border-radius: var(--input-border-radius);
-	position: relative;
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+	position: absolute;
+	left: 0;
+	top: 0;
+	}
+.leaflet-container {
+	overflow: hidden;
+	}
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+	  -webkit-user-drag: none;
+	}
+/* Prevents IE11 from highlighting tiles in blue */
+.leaflet-tile::selection {
+	background: transparent;
+}
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile {
+	image-rendering: -webkit-optimize-contrast;
+	}
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container {
+	width: 1600px;
+	height: 1600px;
+	-webkit-transform-origin: 0 0;
+	}
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	display: block;
+	}
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg {
+	max-width: none !important;
+	max-height: none !important;
+	}
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer,
+.leaflet-container .leaflet-tile {
+	max-width: none !important;
+	max-height: none !important;
+	width: auto;
+	padding: 0;
+	}
+
+.leaflet-container img.leaflet-tile {
+	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
+	mix-blend-mode: plus-lighter;
+}
+
+.leaflet-container.leaflet-touch-zoom {
+	-ms-touch-action: pan-x pan-y;
+	touch-action: pan-x pan-y;
+	}
+.leaflet-container.leaflet-touch-drag {
+	-ms-touch-action: pinch-zoom;
+	/* Fallback for FF which doesn't support pinch-zoom */
+	touch-action: none;
+	touch-action: pinch-zoom;
+}
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.leaflet-container {
+	-webkit-tap-highlight-color: transparent;
+}
+.leaflet-container a {
+	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
+}
+.leaflet-tile {
+	filter: inherit;
+	visibility: hidden;
+	}
+.leaflet-tile-loaded {
+	visibility: inherit;
+	}
+.leaflet-zoom-box {
+	width: 0;
+	height: 0;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	z-index: 800;
+	}
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg {
+	-moz-user-select: none;
+	}
+
+.leaflet-pane         { z-index: 400; }
+
+.leaflet-tile-pane    { z-index: 200; }
+.leaflet-overlay-pane { z-index: 400; }
+.leaflet-shadow-pane  { z-index: 500; }
+.leaflet-marker-pane  { z-index: 600; }
+.leaflet-tooltip-pane   { z-index: 650; }
+.leaflet-popup-pane   { z-index: 700; }
+
+.leaflet-map-pane canvas { z-index: 100; }
+.leaflet-map-pane svg    { z-index: 200; }
+
+.leaflet-vml-shape {
+	width: 1px;
+	height: 1px;
+	}
+.lvml {
+	behavior: url(#default#VML);
+	display: inline-block;
+	position: absolute;
+	}
+
+
+/* control positioning */
+
+.leaflet-control {
+	position: relative;
+	z-index: 800;
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+.leaflet-top,
+.leaflet-bottom {
+	position: absolute;
+	z-index: 1000;
+	pointer-events: none;
+	}
+.leaflet-top {
+	top: 0;
+	}
+.leaflet-right {
+	right: 0;
+	}
+.leaflet-bottom {
+	bottom: 0;
+	}
+.leaflet-left {
+	left: 0;
+	}
+.leaflet-control {
+	float: left;
+	clear: both;
+	}
+.leaflet-right .leaflet-control {
+	float: right;
+	}
+.leaflet-top .leaflet-control {
+	margin-top: 10px;
+	}
+.leaflet-bottom .leaflet-control {
+	margin-bottom: 10px;
+	}
+.leaflet-left .leaflet-control {
+	margin-left: 10px;
+	}
+.leaflet-right .leaflet-control {
+	margin-right: 10px;
+	}
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-popup {
+	opacity: 0;
+	-webkit-transition: opacity 0.2s linear;
+	   -moz-transition: opacity 0.2s linear;
+	        transition: opacity 0.2s linear;
+	}
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+	opacity: 1;
+	}
+.leaflet-zoom-animated {
+	-webkit-transform-origin: 0 0;
+	    -ms-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	}
+svg.leaflet-zoom-animated {
+	will-change: transform;
+}
+
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
+	}
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile {
+	-webkit-transition: none;
+	   -moz-transition: none;
+	        transition: none;
+	}
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+	visibility: hidden;
+	}
+
+
+/* cursors */
+
+.leaflet-interactive {
+	cursor: pointer;
+	}
+.leaflet-grab {
+	cursor: -webkit-grab;
+	cursor:    -moz-grab;
+	cursor:         grab;
+	}
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive {
+	cursor: crosshair;
+	}
+.leaflet-popup-pane,
+.leaflet-control {
+	cursor: auto;
+	}
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable {
+	cursor: move;
+	cursor: -webkit-grabbing;
+	cursor:    -moz-grabbing;
+	cursor:         grabbing;
+	}
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container {
+	pointer-events: none;
+	}
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive,
+svg.leaflet-image-layer.leaflet-interactive path {
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+
+/* visual tweaks */
+
+.leaflet-container {
+	background: #ddd;
+	outline-offset: 1px;
+	}
+.leaflet-container a {
+	color: #0078A8;
+	}
+.leaflet-zoom-box {
+	border: 2px dotted #38f;
+	background: rgba(255,255,255,0.5);
+	}
+
+
+/* general typography */
+.leaflet-container {
+	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	font-size: 0.75rem;
+	line-height: 1.5;
+	}
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+	border-radius: 4px;
+	}
+.leaflet-bar a {
+	background-color: #fff;
+	border-bottom: 1px solid #ccc;
+	width: 26px;
+	height: 26px;
+	line-height: 26px;
+	display: block;
+	text-align: center;
+	text-decoration: none;
+	color: black;
+	}
+.leaflet-bar a,
+.leaflet-control-layers-toggle {
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	display: block;
+	}
+.leaflet-bar a:hover,
+.leaflet-bar a:focus {
+	background-color: #f4f4f4;
+	}
+.leaflet-bar a:first-child {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	}
+.leaflet-bar a:last-child {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom: none;
+	}
+.leaflet-bar a.leaflet-disabled {
+	cursor: default;
+	background-color: #f4f4f4;
+	color: #bbb;
+	}
+
+.leaflet-touch .leaflet-bar a {
+	width: 30px;
+	height: 30px;
+	line-height: 30px;
+	}
+.leaflet-touch .leaflet-bar a:first-child {
+	border-top-left-radius: 2px;
+	border-top-right-radius: 2px;
+	}
+.leaflet-touch .leaflet-bar a:last-child {
+	border-bottom-left-radius: 2px;
+	border-bottom-right-radius: 2px;
+	}
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+	font: bold 18px 'Lucida Console', Monaco, monospace;
+	text-indent: 1px;
+	}
+
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
+	font-size: 22px;
+	}
+
+
+/* layers control */
+
+.leaflet-control-layers {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+	background: #fff;
+	border-radius: 5px;
+	}
+.leaflet-control-layers-toggle {
+	background-image: url(images/layers.png);
+	width: 36px;
+	height: 36px;
+	}
+.leaflet-retina .leaflet-control-layers-toggle {
+	background-image: url(images/layers-2x.png);
+	background-size: 26px 26px;
+	}
+.leaflet-touch .leaflet-control-layers-toggle {
+	width: 44px;
+	height: 44px;
+	}
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+	display: none;
+	}
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+	display: block;
+	position: relative;
+	}
+.leaflet-control-layers-expanded {
+	padding: 6px 10px 6px 6px;
+	color: #333;
+	background: #fff;
+	}
+.leaflet-control-layers-scrollbar {
+	overflow-y: scroll;
+	overflow-x: hidden;
+	padding-right: 5px;
+	}
+.leaflet-control-layers-selector {
+	margin-top: 2px;
+	position: relative;
+	top: 1px;
+	}
+.leaflet-control-layers label {
+	display: block;
+	font-size: 13px;
+	font-size: 1.08333em;
+	}
+.leaflet-control-layers-separator {
+	height: 0;
+	border-top: 1px solid #ddd;
+	margin: 5px -10px 5px -6px;
+	}
+
+/* Default icon URLs */
+.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
+	background-image: url(images/marker-icon.png);
+	}
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+	background: #fff;
+	background: rgba(255, 255, 255, 0.8);
+	margin: 0;
+	}
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+	padding: 0 5px;
+	color: #333;
+	line-height: 1.4;
+	}
+.leaflet-control-attribution a {
+	text-decoration: none;
+	}
+.leaflet-control-attribution a:hover,
+.leaflet-control-attribution a:focus {
+	text-decoration: underline;
+	}
+.leaflet-attribution-flag {
+	display: inline !important;
+	vertical-align: baseline !important;
+	width: 1em;
+	height: 0.6669em;
+	}
+.leaflet-left .leaflet-control-scale {
+	margin-left: 5px;
+	}
+.leaflet-bottom .leaflet-control-scale {
+	margin-bottom: 5px;
+	}
+.leaflet-control-scale-line {
+	border: 2px solid #777;
+	border-top: none;
+	line-height: 1.1;
+	padding: 2px 5px 1px;
+	white-space: nowrap;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	background: rgba(255, 255, 255, 0.8);
+	text-shadow: 1px 1px #fff;
+	}
+.leaflet-control-scale-line:not(:first-child) {
+	border-top: 2px solid #777;
+	border-bottom: none;
+	margin-top: -2px;
+	}
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+	border-bottom: 2px solid #777;
+	}
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	box-shadow: none;
+	}
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	border: 2px solid rgba(0,0,0,0.2);
+	background-clip: padding-box;
+	}
+
+
+/* popup */
+
+.leaflet-popup {
+	position: absolute;
+	text-align: center;
+	margin-bottom: 20px;
+	}
+.leaflet-popup-content-wrapper {
+	padding: 1px;
+	text-align: left;
+	border-radius: 12px;
+	}
+.leaflet-popup-content {
+	margin: 13px 24px 13px 20px;
+	line-height: 1.3;
+	font-size: 13px;
+	font-size: 1.08333em;
+	min-height: 1px;
+	}
+.leaflet-popup-content p {
+	margin: 17px 0;
+	margin: 1.3em 0;
+	}
+.leaflet-popup-tip-container {
+	width: 40px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	margin-top: -1px;
+	margin-left: -20px;
+	overflow: hidden;
+	pointer-events: none;
+	}
+.leaflet-popup-tip {
+	width: 17px;
+	height: 17px;
+	padding: 1px;
+
+	margin: -10px auto 0;
+	pointer-events: auto;
+
+	-webkit-transform: rotate(45deg);
+	   -moz-transform: rotate(45deg);
+	    -ms-transform: rotate(45deg);
+	        transform: rotate(45deg);
+	}
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+	background: white;
+	color: #333;
+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+	}
+.leaflet-container a.leaflet-popup-close-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	border: none;
+	text-align: center;
+	width: 24px;
+	height: 24px;
+	font: 16px/24px Tahoma, Verdana, sans-serif;
+	color: #757575;
+	text-decoration: none;
+	background: transparent;
+	}
+.leaflet-container a.leaflet-popup-close-button:hover,
+.leaflet-container a.leaflet-popup-close-button:focus {
+	color: #585858;
+	}
+.leaflet-popup-scrolled {
+	overflow: auto;
+	}
+
+.leaflet-oldie .leaflet-popup-content-wrapper {
+	-ms-zoom: 1;
+	}
+.leaflet-oldie .leaflet-popup-tip {
+	width: 24px;
+	margin: 0 auto;
+
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+	}
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+	border: 1px solid #999;
+	}
+
+
+/* div icon */
+
+.leaflet-div-icon {
+	background: #fff;
+	border: 1px solid #666;
+	}
+
+
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+	position: absolute;
+	padding: 6px;
+	background-color: #fff;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	color: #222;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+	}
+.leaflet-tooltip.leaflet-interactive {
+	cursor: pointer;
+	pointer-events: auto;
+	}
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	position: absolute;
+	pointer-events: none;
+	border: 6px solid transparent;
+	background: transparent;
+	content: "";
+	}
+
+/* Directions */
+
+.leaflet-tooltip-bottom {
+	margin-top: 6px;
+}
+.leaflet-tooltip-top {
+	margin-top: -6px;
+}
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+	left: 50%;
+	margin-left: -6px;
+	}
+.leaflet-tooltip-top:before {
+	bottom: 0;
+	margin-bottom: -12px;
+	border-top-color: #fff;
+	}
+.leaflet-tooltip-bottom:before {
+	top: 0;
+	margin-top: -12px;
+	margin-left: -6px;
+	border-bottom-color: #fff;
+	}
+.leaflet-tooltip-left {
+	margin-left: -6px;
+}
+.leaflet-tooltip-right {
+	margin-left: 6px;
+}
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	top: 50%;
+	margin-top: -6px;
+	}
+.leaflet-tooltip-left:before {
+	right: 0;
+	margin-right: -12px;
+	border-left-color: #fff;
+	}
+.leaflet-tooltip-right:before {
+	left: 0;
+	margin-left: -12px;
+	border-right-color: #fff;
+	}
+
+/* Printing */
+
+@media print {
+	/* Prevent printers from removing background-images of controls. */
+	.leaflet-control {
+		-webkit-print-color-adjust: exact;
+		print-color-adjust: exact;
+		}
+	}
+
+.leaflet-map {
+  height: 100%;
+  border-radius: var(--input-border-radius);
+  position: relative;
+  background: var(--bgl-bg)
 }
-#map::after{
-	content: "";
-	position: absolute;
-	inset: 0;
-    box-shadow: inset 0 0 10px #00000012;
-	z-index: 402;
+.leaflet-map::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  box-shadow: inset 0 0 10px #00000012;
+  z-index: 402;
 }
-.map .leaflet-pane .leaflet-tile-pane{
-	filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
+.leaflet-map .leaflet-pane .leaflet-tile-pane {
+  filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
 }
-.leaflet-control-attribution{
-	display: none;
+.leaflet-control-attribution {
+  display: none;
 }
-.leaflet-pane.leaflet-marker-pane img{
-	filter: drop-shadow(0px 8px 3px rgba(0, 0, 0, 0.2));
+.leaflet-pane.leaflet-marker-pane img {
+  filter: drop-shadow(0px 8px 3px rgba(0, 0, 0, 0.2));
 }
-.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
-    font-size: var(--input-font-size);
+.leaflet-touch .leaflet-control-zoom-in,
+.leaflet-touch .leaflet-control-zoom-out {
+  font-size: var(--input-font-size);
 }
-.leaflet-bar{
-    border-radius:var(--input-border-radius) !important;
+.leaflet-bar {
+  border-radius: var(--input-border-radius) !important;
 }
 .leaflet-touch .leaflet-bar a:first-child {
-    border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
-    border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
+  border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
+  border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
 }
-.leaflet-touch .leaflet-bar a:last-child{
-	border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
-    border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
+.leaflet-touch .leaflet-bar a:last-child {
+  border-bottom-left-radius: calc(var(--input-border-radius) - 2px) !important;
+  border-bottom-right-radius: calc(var(--input-border-radius) - 2px) !important;
 }
-.leaflet-bar a{
-	background: var(--input-bg) !important;
-	transition: var(--bgl-transition);
+.leaflet-bar a {
+  background: var(--bgl-box-bg) !important;
+  transition: var(--bgl-transition);
+  border-bottom: 1px solid var(--border-color) !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  line-height: 1 !important;
+  padding-bottom: 2px;
 }
-.leaflet-bar a:hover{
-	filter: var(--bgl-hover-filter);
+.leaflet-bar a:last-child {
+	border-bottom: none !important;
+}
+.leaflet-bar a:hover {
+  filter: var(--bgl-hover-filter);
 }
 .leaflet-bar a:focus {
-	filter: var(--bgl-active-filter);
+  filter: var(--bgl-active-filter);
 }
 
 .fi[data-v-f99f1900]{
@@ -1361,10 +2041,10 @@ display: block;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-25fde24f] {
+.selectinput[data-v-be6303fe] {
 	width: 100%;
 }
-.selectinput-option[data-v-25fde24f] {
+.selectinput-option[data-v-be6303fe] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1376,21 +2056,24 @@ display: block;
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-25fde24f] {
+.selectinput-option .bgl_icon-font[data-v-be6303fe]{
+	line-height: normal;
+}
+.selectinput-options.multiselect .selectinput-option[data-v-be6303fe] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-25fde24f] {
+.selectinput-options[data-v-be6303fe] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-25fde24f]:hover {
+.selectinput-option[data-v-be6303fe]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-25fde24f] {
+.isEmpty p[data-v-be6303fe] {
 	opacity: 0.3;
 }
-.selected[data-v-25fde24f]{
-	background: var(--input-bg);
+.selected[data-v-be6303fe]{
+	background: var(--bgl-primary-tint);
 }
 
 .bagel-input label {
@@ -1433,87 +2116,87 @@ display: block;
 	/* color: var(--input-color); */
 }
 
-.table-side-scroll[data-v-515f5dc9] {
+.table-side-scroll[data-v-0b2280e0] {
 	overflow: auto;
 	margin-inline-start: -1rem;
 	padding-inline-start: 1rem;
 	padding-bottom: 1rem;
 }
-.table-field-wrap[data-v-515f5dc9] {
+.table-field-wrap[data-v-0b2280e0] {
 	margin-bottom: -1rem;
 }
-.table-cell[data-v-515f5dc9] {
+.table-cell[data-v-0b2280e0] {
 	border-inline-end: 1px solid var(--border-color);
 	border-bottom: 1px solid var(--border-color);
 }
-.table-row[data-v-515f5dc9] {
+.table-row[data-v-0b2280e0] {
 	transition: var(--bgl-transition);
 	position: relative;
 	width: max-content;
 }
-.table-row[data-v-515f5dc9]:hover {
+.table-row[data-v-0b2280e0]:hover {
 	background: var(--bgl-gray-light);
 }
-.table-reorder[data-v-515f5dc9] {
+.table-reorder[data-v-0b2280e0] {
 	opacity: 0;
 	width: 2rem;
 	text-align: center;
 	position: absolute;
 	margin-inline-start: -2rem;
 }
-.table-row:hover .table-reorder[data-v-515f5dc9] {
+.table-row:hover .table-reorder[data-v-0b2280e0] {
 	opacity: 1;
 	cursor: grab;
 }
-.table-reorder[data-v-515f5dc9]:active {
+.table-reorder[data-v-0b2280e0]:active {
 	opacity: 1;
 	cursor: grab;
 }
-.bgl_btn.thin.bgl_flatBtn[data-v-515f5dc9] {
+.bgl_btn.thin.bgl_flatBtn[data-v-0b2280e0] {
 	margin-inline-start: -1rem;
 	margin-top: 1rem;
 }
-.table-header[data-v-515f5dc9] {
+.table-header[data-v-0b2280e0] {
 	display: flex;
 	width: max-content;
 }
-.header-col[data-v-515f5dc9] {
+.header-col[data-v-0b2280e0] {
 	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-515f5dc9],
-.header-col[data-v-515f5dc9] {
+.table-cell[data-v-0b2280e0],
+.header-col[data-v-0b2280e0] {
 	width: 160px;
 }
-.table-cell.check[data-v-515f5dc9],
-.header-col.check[data-v-515f5dc9] {
+.table-cell.check[data-v-0b2280e0],
+.header-col.check[data-v-0b2280e0] {
 	width: 100px;
 }
-.table-cell.date[data-v-515f5dc9],
-.header-col.date[data-v-515f5dc9] {
+.table-cell.date[data-v-0b2280e0],
+.header-col.date[data-v-0b2280e0] {
 	width: 140px;
 }
-.header-col.small-text[data-v-515f5dc9],
-.header-col.text[data-v-515f5dc9],
-.header-col.long-text[data-v-515f5dc9],
-.header-col.json[data-v-515f5dc9],
-.table-cell.small-text[data-v-515f5dc9],
-.table-cell.text[data-v-515f5dc9],
-.table-cell.long-text[data-v-515f5dc9],
-.table-cell.json[data-v-515f5dc9] {
+.header-col.small-text[data-v-0b2280e0],
+.header-col.text[data-v-0b2280e0],
+.header-col.long-text[data-v-0b2280e0],
+.header-col.json[data-v-0b2280e0],
+.table-cell.small-text[data-v-0b2280e0],
+.table-cell.text[data-v-0b2280e0],
+.table-cell.long-text[data-v-0b2280e0],
+.table-cell.json[data-v-0b2280e0] {
 	width: 240px;
 }
-.table-cell.small-text .bagel-input[data-v-515f5dc9],
-.table-cell.text .bagel-input[data-v-515f5dc9],
-.table-cell.long-text .bagel-input[data-v-515f5dc9],
-.table-cell.json .bagel-input[data-v-515f5dc9] {
+.table-cell.small-text .bagel-input[data-v-0b2280e0],
+.table-cell.text .bagel-input[data-v-0b2280e0],
+.table-cell.long-text .bagel-input[data-v-0b2280e0],
+.table-cell.json .bagel-input[data-v-0b2280e0] {
 	height: 40px;
 	overflow: auto;
 }
-.table-action[data-v-515f5dc9] {
+.table-action[data-v-0b2280e0] {
 	text-align: center;
 	position: sticky;
 	opacity: 0;
@@ -1523,19 +2206,19 @@ display: block;
 	margin-top: -1px;
 	background: var(--border-color);
 }
-.table-action>.bgl_icon-font[data-v-515f5dc9] {
+.table-action>.bgl_icon-font[data-v-0b2280e0] {
 	padding: 11.4px;
 	cursor: pointer;
 	transition: var(--bgl-transition);
 }
-.table-action:hover>.bgl_icon-font[data-v-515f5dc9] {
+.table-action:hover>.bgl_icon-font[data-v-0b2280e0] {
 	background: var(--bgl-red);
-	color: var(--bgl-white);
+	color: var(--bgl-box-bg);
 }
-.table-action:active>.bgl_icon-font[data-v-515f5dc9] {
+.table-action:active>.bgl_icon-font[data-v-0b2280e0] {
 	filter: brightness(90%);
 }
-.table-row:hover .table-action[data-v-515f5dc9] {
+.table-row:hover .table-action[data-v-0b2280e0] {
 	opacity: 1;
 }
 
@@ -1544,7 +2227,7 @@ display: block;
 .table-row .bagel-input .input {
 	border-radius: 0;
 	background: transparent;
-	color: var(--bgl-black);
+	color: var(--bgl-text-color);
 }
 .table-row .bagel-input textarea {
 	resize: none;
@@ -1568,7 +2251,7 @@ display: block;
 .sortable-chosen {
 	cursor: grabbing !important;
 	border-color: transparent;
-	background: var(--bgl-white);
+	background: var(--bgl-box-bg);
 	border-radius: 10px;
 	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
@@ -1582,62 +2265,62 @@ display: block;
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-edac341b] {
+.bagel-input textarea[data-v-81f5dea4] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-edac341b] {
+.bagel-input.text-input textarea[data-v-81f5dea4] {
 	resize: none;
 }
-.code textarea[data-v-edac341b] {
+.code textarea[data-v-81f5dea4] {
 	font-family: 'Inconsolata', monospace;
-	background: var(--bgl-black) !important;
-	color: var(--bgl-white) !important;
+	background: var(--bgl-code-bg) !important;
+	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-edac341b]::placeholder {
-	color: var(--bgl-white) !important;
+.code textarea[data-v-81f5dea4]::placeholder {
+	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-edac341b] {
+.bagel-input.small[data-v-81f5dea4] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-edac341b] {
+.bagel-input.dense label[data-v-81f5dea4] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-edac341b]:disabled {
+.bagel-input input[data-v-81f5dea4]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-edac341b] {
+.bagel-input label[data-v-81f5dea4] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap[data-v-edac341b] {
+.textInputIconWrap[data-v-81f5dea4] {
 	position: relative;
 }
-.textInputIconWrap .bgl_icon-font[data-v-edac341b] {
+.textInputIconWrap .bgl_icon-font[data-v-81f5dea4] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-edac341b] {
+.txtInputIconStart .iconStart[data-v-81f5dea4] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-edac341b] {
+.txtInputIconStart textarea[data-v-81f5dea4] {
 	padding-inline-start: 2rem;
 }
-.bagel-input.small textarea[data-v-edac341b] {
+.bagel-input.small textarea[data-v-81f5dea4] {
 	height: 30px;
 }
 
-.primary-checkbox input[data-v-032d6226] {
+.primary-checkbox input[data-v-73f1d9ad] {
   appearance: none;
   accent-color: var(--bgl-accent-color);
 	height: calc(var(--input-height) / 1.75);
@@ -1648,10 +2331,10 @@ display: block;
   align-items: center;
   cursor: pointer;
   border-radius: 100%;
-  background: var(--bgl-white);
+  background: var(--bgl-box-bg);
   border: 2px solid var(--bgl-gray);
 }
-.primary-checkbox[data-v-032d6226] {
+.primary-checkbox[data-v-73f1d9ad] {
   height:var(--input-height);
   width:var(--input-height);
   display: flex;
@@ -1660,13 +2343,13 @@ display: block;
   transition: var(--bgl-transition);
   transform: scale(0.8);
 }
-.primary-checkbox[data-v-032d6226]:hover {
+.primary-checkbox[data-v-73f1d9ad]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox[data-v-032d6226]:active {
+.primary-checkbox[data-v-73f1d9ad]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input[data-v-032d6226]:checked {
+.primary-checkbox input[data-v-73f1d9ad]:checked {
   background: var(--bgl-primary);
   box-shadow: inset 0 0 0px 2px white;
 }
@@ -1699,7 +2382,7 @@ display: block;
 }
 .time-wrap input[type='radio']:checked + label {
 	background: var(--bgl-primary);
-	color: var(--bgl-white);
+	color: var(--bgl-light-text);
 }
 .time-wrap label:hover {
 	filter: var(--bgl-hover-filter);
@@ -1708,14 +2391,14 @@ display: block;
 	filter: var(--bgl-active-filter);
 }
 .dp__theme_light {
-	--dp-background-color: var(--bgl-white);
-	--dp-text-color: var(--bgl-black);
+	--dp-background-color: var(--bgl-popup-bg);
+	--dp-text-color: var(--bgl-text-color);
 	--dp-hover-color: var(--input-bg);
-	--dp-hover-text-color: var(--bgl-black);
+	--dp-hover-text-color: var(--bgl-text-color);
 	--dp-hover-icon-color: var(--bgl-primary);
 	--dp-primary-color: var(--bgl-primary);
 	--dp-primary-disabled-color: var(--bgl-primary);
-	--dp-primary-text-color: var(--bgl-white);
+	--dp-primary-text-color: var(--bgl-light-text);
 	--dp-secondary-color: var(--bgl-gray);
 	--dp-border-color: transparent;
 	--dp-menu-border-color: transparent;
@@ -1776,7 +2459,7 @@ display: block;
 }
 }
 
-.radio-pill label[data-v-d86ce838] {
+.radio-pill label[data-v-8cdfe758] {
 	color: var(--bgl-primary);
 	white-space: nowrap;
 	border-radius: calc(var(--btn-border-radius) * 2);
@@ -1787,21 +2470,21 @@ display: block;
 	padding-bottom: calc(var(--btn-padding) / 6);
 	cursor: pointer;
 	transition: var(--bgl-transition);
-	background: var(--bgl-white);
+	background: var(--bgl-light-text);
 	user-select: none;
 }
-.radio-pill label[data-v-d86ce838]:hover {
+.radio-pill label[data-v-8cdfe758]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-d86ce838] {
+.radio-pill input[data-v-8cdfe758] {
 	display: none;
 }
-.radio-pill input:checked ~ label[data-v-d86ce838] {
+.radio-pill input:checked ~ label[data-v-8cdfe758] {
 	background: var(--bgl-primary);
-	color: var(--bgl-white);
+	color: var(--bgl-light-text);
 }
 
-.fileUploadWrap[data-v-a0ae528d] {
+.fileUploadWrap[data-v-298b3d5b] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -1813,7 +2496,7 @@ display: block;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-a0ae528d] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-298b3d5b] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1821,18 +2504,18 @@ display: block;
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-a0ae528d],
-.fileUploadWrap[data-v-a0ae528d]:hover {
+.fileUploadWrap.dragover[data-v-298b3d5b],
+.fileUploadWrap[data-v-298b3d5b]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*="height: auto;"][data-v-a0ae528d] {
+.fileUploadWrap[style*="height: auto;"][data-v-298b3d5b] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-a0ae528d] {
+.multi-image-item-preview[data-v-298b3d5b] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
-	background: var(--bgl-white);
+	background: var(--bgl-popup-bg);
 	padding: 0;
 	padding-inline-end: 0.75rem;
 	text-align: start;
@@ -1842,12 +2525,12 @@ display: block;
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-a0ae528d] {
+.multi-image-item-preview p[data-v-298b3d5b] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-a0ae528d]{
+.multi-preview[data-v-298b3d5b]{
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -1858,17 +2541,17 @@ display: block;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-a0ae528d]{
+.bgl-single-preview[data-v-298b3d5b]{
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-a0ae528d]{
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-298b3d5b]{
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-a0ae528d] {
+.single-image-item-preview[data-v-298b3d5b] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -1876,13 +2559,13 @@ display: block;
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-a0ae528d] {
+.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-298b3d5b] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*="height: auto"] .single-preview[data-v-a0ae528d] {
+.fileUploadWrap[style*="height: auto"] .single-preview[data-v-298b3d5b] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-a0ae528d]{
+.single-preview[data-v-298b3d5b]{
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -1892,17 +2575,17 @@ display: block;
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-.bgl_fill-image.single-image-item-preview[data-v-a0ae528d] {
+.bgl_fill-image.single-image-item-preview[data-v-298b3d5b] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-a0ae528d]{
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-298b3d5b]{
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-a0ae528d] {
+.single-image-item-preview .pie[data-v-298b3d5b] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -1916,31 +2599,31 @@ display: block;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-a0ae528d] {
+.bgl_oval-upload[data-v-298b3d5b] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-a0ae528d] {
+.bgl_oval-upload p[data-v-298b3d5b] {
 		padding: 0.75rem !important;
 		font-size: 12px
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-a0ae528d]{
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-298b3d5b]{
 		top: 0;
 }
-.bgl_oval-upload .pie[data-v-a0ae528d] {
+.bgl_oval-upload .pie[data-v-298b3d5b] {
 		transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-a0ae528d] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-298b3d5b] {
 		transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-a0ae528d]{
+.bgl_oval-upload .single-image-item-preview[data-v-298b3d5b]{
 		height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-a0ae528d] {
+.bgl_oval-upload .single-preview[data-v-298b3d5b] {
 		margin: 0;
 		height: 100% !important;
 }
-.pie[data-v-a0ae528d] {
+.pie[data-v-298b3d5b] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1948,7 +2631,7 @@ display: block;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-a0ae528d]:before {
+.pie[data-v-298b3d5b]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1966,40 +2649,40 @@ display: block;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-a0ae528d] {
+.pie .success[data-v-298b3d5b] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-a0ae528d] {
+.pie .progress[data-v-298b3d5b] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-a0ae528d] {
+.pie.complete .progress[data-v-298b3d5b] {
 	display: none;
 }
-.pie.complete .success[data-v-a0ae528d] {
+.pie.complete .success[data-v-298b3d5b] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-a0ae528d]:before {
+.pie.complete[data-v-298b3d5b]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-a0ae528d] {
+.pie.complete[data-v-298b3d5b] {
 	color: var(--bgl-green);
 }
 
-.bagel-input.bgl-toggle[data-v-06b95183]{
+.bagel-input.bgl-toggle[data-v-0a2b089d]{
     display: unset !important;
 }
-.bagel-input.bgl-toggle[data-v-06b95183] *{
+.bagel-input.bgl-toggle[data-v-0a2b089d] *{
   cursor: pointer !important;
 }
-.bagel-input.bgl-toggle input[data-v-06b95183]{
+.bagel-input.bgl-toggle input[data-v-0a2b089d]{
     padding:  unset !important;
     min-width:  unset !important;
 }
-.bgl-toggle input[data-v-06b95183] {
+.bgl-toggle input[data-v-0a2b089d] {
     appearance: none;
     position: relative;
     display: inline-block;
@@ -2012,7 +2695,7 @@ display: block;
     transition: 0.25s linear all;
     outline: 1px solid var(--border-color);
 }
-.bgl-toggle input[data-v-06b95183]::before {
+.bgl-toggle input[data-v-0a2b089d]::before {
   position: absolute;
   content: "";
   height: calc(var(--input-height) / 2 - 2px);
@@ -2020,12 +2703,12 @@ display: block;
   inset-inline-start: 1px;
   bottom: 1px;
   border-radius: 50%;
-  background: var(--bgl-white);
+  background: var(--bgl-box-bg);
   -webkit-transition: 0.2s;
   transition: 0.2s;
   box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 }
-.bgl-toggle label[data-v-06b95183] {
+.bgl-toggle label[data-v-0a2b089d] {
   padding-inline-start: 0.5rem;
   transition: var(--bgl-transition);
   cursor: pointer;
@@ -2033,30 +2716,30 @@ display: block;
   line-height: var(--input-height);
   font-size: var(--input-font-size);
 }
-.bgl-toggle label[data-v-06b95183]:hover {
+.bgl-toggle label[data-v-0a2b089d]:hover {
   filter: brightness(90%);
 }
-.bgl-toggle label[data-v-06b95183]:active {
+.bgl-toggle label[data-v-0a2b089d]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl-toggle input[data-v-06b95183]:focus-visible {
+.bgl-toggle input[data-v-0a2b089d]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle input[data-v-06b95183]:focus {
+.bgl-toggle input[data-v-0a2b089d]:focus {
     outline-color: transparent;
 }
-.bgl-toggle input[data-v-06b95183]:focus-visible {
+.bgl-toggle input[data-v-0a2b089d]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle[data-v-06b95183] :checked{
+.bgl-toggle[data-v-0a2b089d] :checked{
   background: var(--bgl-primary);
 }
-.bgl-toggle[data-v-06b95183] :checked::before{
+.bgl-toggle[data-v-0a2b089d] :checked::before{
   margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
-.bgl-toggle input:checked + label[data-v-06b95183] {
+.bgl-toggle input:checked + label[data-v-0a2b089d] {
     color: var(--bgl-primary) !important;
 }
 
@@ -2080,7 +2763,7 @@ display: block;
 }
 .tiptap pre {
 	background: #0d0d0d;
-	color: var(--bgl-white);
+	color: var(--bgl-light-text);
 	font-family: 'JetBrainsMono', monospace;
 	padding: 0.75rem 1rem;
 	border-radius: 0.5rem;
@@ -2166,7 +2849,7 @@ th {
 			pointer-events: none;
 }
 .selectedCell p::selection{
-			color: var(--bgl-black)
+			color: var(--bgl-popup-text)
 }
 .column-resize-handle {
 			position: absolute;
@@ -2191,7 +2874,7 @@ p {
 	cursor: col-resize;
 }
 .RichText-tools [disabled]{
-	color: var(--bgl-black) !important;
+	color: var(--bgl-popup-text) !important;
 	opacity: 0.3;
 }
 .RichText iframe{
@@ -2289,24 +2972,29 @@ p {
     8 #818181 /* few chars */
   ;
 }
-.preview-area[data-v-c9729efd]{
+.preview-area[data-v-da6236c8]{
 	font-family: "FontWithASyntaxHighlighter", monospace;
   	font-palette: --myCustomPalette;
+	background: var(--bgl-code-bg);
+	color: var(--bgl-code-color)
 }
-.rich-text-editor[data-v-c9729efd] {
+.rich-text-editor[data-v-da6236c8] {
 	background: var(--input-bg);
 	margin-bottom: 0.5rem;
 	width: 100%;
 }
-.editableContent[data-v-c9729efd]{
+.editableContent[data-v-da6236c8]{
 	min-height: 100%;
 	white-space: pre-wrap;
 	outline: none;
 }
-.content-area[data-v-c9729efd], .preview-area[data-v-c9729efd]{
+.content-area[data-v-da6236c8]{
+	background: var(--bgl-richtext-color);
+}
+.content-area[data-v-da6236c8], .preview-area[data-v-da6236c8]{
 	min-height: 200px;
 }
-.fullscreen-mode[data-v-c9729efd] {
+.fullscreen-mode[data-v-da6236c8] {
     position: fixed;
     top: 0;
     left: 0;
@@ -2318,14 +3006,14 @@ p {
     overflow: auto;
 	border-radius: 0;
 }
-.fullscreen-mode .content-area[data-v-c9729efd]{
+.fullscreen-mode .content-area[data-v-da6236c8]{
 	height: calc(100vh - 5rem);
 	padding: 4rem !important;
 	max-width: 900px;
 	margin-inline: auto ;
 	overflow-y: auto;
 }
-.fullscreen-mode .toolbar[data-v-c9729efd]{
+.fullscreen-mode .toolbar[data-v-da6236c8]{
 	max-width: 900px;
 	margin-inline: auto ;
 	/* border-bottom: 1px solid var(--border-color); */
@@ -2385,12 +3073,12 @@ p {
   }
 } */
 
-.radio-input-list[data-v-ac3dc0e2]{
+.radio-input-list[data-v-3ae8f4d3]{
 	width: auto;
 	transform: scale(1.4);
 	margin-inline-end: 0.6rem;
 }
-.active-list-item[data-v-ac3dc0e2]:has(:checked){
+.active-list-item[data-v-3ae8f4d3]:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
 	accent-color: var(--bgl-accent-color);
@@ -2456,11 +3144,11 @@ p {
 	justify-content: flex-start !important;
 }
 .nav-button.router-link-active {
-	background: var(--bgl-white) !important;
+	background: var(--bgl-popup-bg) !important;
 	color: var(--bgl-primary);
 }
 
-.bgl_sidebar[data-v-8fdf4035] {
+.bgl_sidebar[data-v-d15c030d] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 	overflow: hidden;
@@ -2470,37 +3158,37 @@ p {
 	padding: 0.5rem;
 	overflow-y: auto;
 }
-.toggleNav[data-v-8fdf4035] {
+.toggleNav[data-v-d15c030d] {
 	height: 22px !important;
 	width: 22px !important;
 	opacity: 0.4;
 	transition: var(--bgl-transition);
 }
-.toggleNav[data-v-8fdf4035]:hover {
+.toggleNav[data-v-d15c030d]:hover {
 	opacity: 1;
 }
-.wideNav .toggleNav[data-v-8fdf4035] {
+.wideNav .toggleNav[data-v-d15c030d] {
 	transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-8fdf4035] {
+.wideNav .nav-button[data-v-d15c030d] {
 	padding-inline-start: 1rem !important;
 	width: 100%;
 }
-[dir='rtl'] .toggleNav[data-v-8fdf4035] {
+[dir='rtl'] .toggleNav[data-v-d15c030d] {
 	transform: rotate(180deg);
 }
-[dir='rtl'] .wideNav .toggleNav[data-v-8fdf4035] {
+[dir='rtl'] .wideNav .toggleNav[data-v-d15c030d] {
 	transform: rotate(0deg);
 }
-.nav-button.bgl_btn-icon[data-v-8fdf4035] {
+.nav-button.bgl_btn-icon[data-v-d15c030d] {
 	border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-8fdf4035] {
+.nav-button p[data-v-d15c030d] {
 	transition: var(--nav-tran);
-	animation: fade-8fdf4035 2s;
+	animation: fade-d15c030d 2s;
 	animation-duration: 900ms;
 }
-@keyframes fade-8fdf4035 {
+@keyframes fade-d15c030d {
 0% {
 		opacity: 0;
 		transform: translateX(-20px);
@@ -2521,30 +3209,30 @@ p {
   gap: 0;
 }
 
-.bgl_bottombar[data-v-d8a5051a] {
+.bgl_bottombar[data-v-564c7855] {
   background-color: var(--bgl-primary);
-  color: var(--bgl-white);
+  color: var(--bgl-light-text);
   grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
   grid-auto-flow: column;
 	border-radius: 0;
 	padding: 0;
 	--bgl_bottombar-btn-width: 62px;
 }
-.bgl_bottombar[data-v-d8a5051a]>* {
+.bgl_bottombar[data-v-564c7855]>* {
   width: var(--bgl_bottombar-btn-width);
 }
-.bgl_bottombar[data-v-d8a5051a]::-webkit-scrollbar {
+.bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
   display: none;
 }
-.bgl_bottombar .nav-button[data-v-d8a5051a] {
+.bgl_bottombar .nav-button[data-v-564c7855] {
   border-radius: var(--card-border-radius);
 }
-.bgl_bottombar .router-link-active[data-v-d8a5051a] {
-  background: var(--bgl-white);
+.bgl_bottombar .router-link-active[data-v-564c7855] {
+  background: var(--bgl-popup-bg);
   color: var(--bgl-primary) !important;
 }
 
-.bgl_tabs_wrap[data-v-4b4c19a0] {
+.bgl_tabs_wrap[data-v-d4d64201] {
 	background: var(--input-bg);
 	border-radius: calc(var(--input-border-radius) * 1.4);
 	padding-inline: calc(var(--btn-padding) / 8);
@@ -2552,7 +3240,7 @@ p {
 	box-shadow: inset 0 0 10px #00000012;
 	gap: 0.25rem;
 }
-.bgl_tab[data-v-4b4c19a0] {
+.bgl_tab[data-v-d4d64201] {
 	border: none;
 	background: transparent;
 	cursor: pointer;
@@ -2564,60 +3252,60 @@ p {
 	transition: var(--bgl-transition);
 	color: inherit
 }
-.bgl_tab[data-v-4b4c19a0]:hover {
+.bgl_tab[data-v-d4d64201]:hover {
 	background: rgba(255, 255, 255, .4);
 }
-.bgl_tabs_wrap[data-v-4b4c19a0]::before {
+.bgl_tabs_wrap[data-v-d4d64201]::before {
 	content: '';
 	position: absolute;
 	top: calc(var(--btn-padding) / 8);
 	bottom: calc(var(--btn-padding) / 8);
 	left: var(--indicator-left, 0);
 	width: var(--indicator-width, 0);
-	background: var(--bgl-white);
+	background: var(--bgl-popup-bg);
 	border-radius: var(--input-border-radius);
 	transition: var(--bgl-transition);
 	z-index: 0;
 }
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0] {
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-d4d64201] {
 	background: transparent;
 }
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::before{
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-d4d64201]::before{
 	background: transparent;
 	border-bottom: 1px solid var(--bgl-primary);
 	border-radius: 0;
 	top: calc(var(--btn-padding) * 1.25);
 	bottom: unset;
 }
-.bgl_flat-tabs .active.bgl_tab[data-v-4b4c19a0]{
+.bgl_flat-tabs .active.bgl_tab[data-v-d4d64201]{
 	color: var(--bgl-primary)
 }
-.bgl_flat-tabs .bgl_tab[data-v-4b4c19a0]:hover {
+.bgl_flat-tabs .bgl_tab[data-v-d4d64201]:hover {
 	background: rgba(255, 255, 255, .1);
 }
-.bgl_vertical-tabs[data-v-4b4c19a0]{
+.bgl_vertical-tabs[data-v-d4d64201]{
 	grid-auto-flow: row;
 	align-items: start;
 	justify-items: start;
 	gap: 1rem
 }
-.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
+.bgl_vertical-tabs .bgl_tab[data-v-d4d64201]{
 	padding-inline: 0;
 	border-radius: 0;
 	border-bottom: 1px solid transparent;
 }
-.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]:hover{
+.bgl_vertical-tabs .bgl_tab[data-v-d4d64201]:hover{
 	background: transparent;
 	border-bottom: 1px solid var(--bgl-primary);
 }
-.bgl_vertical-tabs .bgl_tab.active[data-v-4b4c19a0]{
+.bgl_vertical-tabs .bgl_tab.active[data-v-d4d64201]{
 	border-bottom: 1px solid var(--bgl-primary);
 }
-.bgl_vertical-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::before{
+.bgl_vertical-tabs.bgl_tabs_wrap[data-v-d4d64201]::before{
 	border: none;
 }
 @media screen and (max-width: 910px) {
-.bgl_vertical-tabs[data-v-4b4c19a0]{
+.bgl_vertical-tabs[data-v-d4d64201]{
 	grid-auto-flow: column;
 	overflow: auto;
 	max-width: 100vw;
@@ -2626,10 +3314,10 @@ p {
 	gap: 1rem;
 	position: relative;
 }
-.bgl_vertical-tabs[data-v-4b4c19a0]::-webkit-scrollbar {
+.bgl_vertical-tabs[data-v-d4d64201]::-webkit-scrollbar {
 	display: none;
 }
-.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
+.bgl_vertical-tabs .bgl_tab[data-v-d4d64201]{
 	white-space: nowrap;
 }
 }
@@ -2654,7 +3342,6 @@ p {
 }
 
 
-
 .grid {
     display: grid;
 }
@@ -6604,7 +7291,7 @@ select {
     text-align: start;
     margin-bottom: 0.5rem;
     width: 100%;
-    color: var(--bgl-black);
+    color: var(--bgl-text-color);
 }
 .bagel-input::-webkit-input-placeholder .bagel-input label {
     display: block;
@@ -6795,7 +7482,7 @@ select {
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
 .custom-select.light-input .input {
-    background: var(--bgl-white) !important;
+    background: var(--bgl-popup-bg) !important;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
     outline: 1px solid var(--border-color) !important;
 }
@@ -6803,7 +7490,7 @@ select {
 .bagel-input.light-input input:focus-visible,
 .bagel-input.light-input select:focus-visible,
 .bagel-input.light-input textarea:focus-visible {
-    box-shadow: inset 0 0 2px var(--bgl-black) !important;
+    box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
 }
 .bagel-input input[type="number"]-webkit-inner-spin-button,
 .bagel-input input[type="number"]::-webkit-outer-spin-button {
@@ -7140,6 +7827,9 @@ select {
 .line-height-2 {
     line-height: 2;
 }
+.line-height-normal {
+    line-height: normal;
+}
 .ellipsis {
     overflow: hidden;
     display: block;
@@ -7496,6 +8186,10 @@ select {
         line-height: 2;
     }
 
+    .m_line-height-normal {
+        line-height: normal;
+    }
+
     .m_ellipsis {
         overflow: hidden;
         display: block;
@@ -7594,7 +8288,7 @@ select {
 }
 ::-webkit-scrollbar-track {}
 ::-webkit-scrollbar-thumb {
-    background-color: var(--bgl-gray);
+    background-color: var(--bgl-scrollbar-thumb);
     border-radius: 1rem;
 }
 ::-webkit-scrollbar-corner {
@@ -7681,7 +8375,7 @@ select {
 }
 .login-card .forgot-password {
   margin: -5px 0 10px;
-  color: var(--bgl-black);
+  color: var(--bgl-text-color);
   text-decoration: none;
 }
 .login-card .forgot-password:active {
@@ -7790,6 +8484,12 @@ select {
 .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;
 }
@@ -8232,6 +8932,14 @@ select {
         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;
     }
@@ -8664,17 +9372,11 @@ select {
         user-select: all;
     }
 }
-/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
-/*noinspection CssUnknownTarget*/
-/* @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap"); */
+/* TEHEME */
 :root {
     --bgl-primary: #2e5bff;
     --bgl-primary-tint: #2e5bff80;
     --bgl-primary-light: #eef6ff;
-    --bgl-accent-color:var(--bgl-primary);
-    --bgl-blue-20: rgba(46, 91, 255, 20%);
-    --bgl-blue-dark: #191c30;
-    --bgl-blue-light: #eef6ff;
     --bgl-black: #282929;
     --bgl-black-tint: #28292980;
     --bgl-white: #fff;
@@ -8683,35 +9385,64 @@ select {
     --bgl-gray-80: #e8ecef;
     --bgl-gray-20: rgba(183, 183, 183, 0.2);
     --bgl-gray-40: rgba(183, 183, 183, 0.4);
-    --bgl-pink: #f1416c;
-    --bgl-red: #ed6c6f;
-    --bgl-red-tint: #fbe2e2;
-    --bgl-yellow: #ffbb00;
-    --bgl-yellow-light: #fff6d5;
-    --bgl-green: #75c98f;
-    --border-color: #00000020;
+    --bgl-accent-color: var(--bgl-primary);
     --bgl-bg: #f4f6fa;
     --bgl-shadow: #4c577d26;
-    --whatsapp-gray: #89959f;
-    --whatsapp-green: #e0fcd6;
-    --whatsapp-blue: #71bce6;
-    --input-border-radius: 7px;
-    --card-border-radius: 12px;
+    --border-color: #00000020;
     --placeholder-color: #00000040;
     --label-color: #00000080;
-    --label-font-size: 12px;
     --input-bg: #f5f8fa;
     --input-color: #000000;
+    --bgl-box-bg: var(--bgl-white);
+    --bgl-popup-bg: var(--bgl-white);
+    --bgl-popup-text: var(--bgl-black);
+    --bgl-text-color: var(--bgl-black);
+    --bgl-light-text: var(--bgl-white);
+    --bgl-richtext-color: var(--bgl-white);
+    --bgl-code-bg: var(--bgl-black);
+    --bgl-code-color: var(--bgl-white);
+    --bgl-dark-bg: rgba(0, 0, 0, 0.7);
+    --bgl-selection-bg: var(--bgl-blue-dark);
+    --bgl-selection-color: var(--bgl-white);
+    --bgl-scrollbar-thumb: var(var(--bgl-gray));
+}
+/* TYPE */
+:root {
+    --bgl-font: 'Lexend', 'Ploni', sans-serif;
+    --input-font-size: 16px;
+}
+/* DIMENSIONS */
+:root {
+    --bgl-font-size: 16px;
     --input-height: 40px;
-    --input-font-size: 14px;
+    --label-font-size: 12px;
+    --input-border-radius: 7px;
+    --card-border-radius: 12px;
     --btn-border-radius: 10px;
     --btn-padding: 30px;
     --btn-height: 40px;
+}
+/* MISC */
+:root {
     --bgl-transition: all 200ms ease;
     --bgl-transition-400: all 400ms ease;
     --bgl-hover-filter: brightness(90%);
     --bgl-active-filter: brightness(70%);
-    --bgl-font: "Lexend", "Ploni", sans-serif;
+}
+/* OTHER COLORS */
+:root {
+    --bgl-blue-20: rgba(46, 91, 255, 20%);
+    --bgl-blue-dark: #191c30;
+    --bgl-blue-light: #eef6ff;
+    --bgl-pink: #f1416c;
+    --bgl-red: #ed6c6f;
+    --bgl-red-tint: #fbe2e2;
+    --bgl-yellow: #ffbb00;
+    --bgl-yellow-light: #fff6d5;
+    --bgl-green: #75c98f;
+    --whatsapp-gray: #89959f;
+    --whatsapp-green: #e0fcd6;
+    --whatsapp-blue: #71bce6;
 }
 .Vue-Toastification__toast {
     border-radius: var(--card-border-radius);
@@ -8725,16 +9456,16 @@ select {
     line-height: 1rem;
 }
 ::-moz-selection {
-    color: var(--bgl-white);
-    background: var(--bgl-blue-dark);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }
 ::selection {
-    color: var(--bgl-white);
-    background: var(--bgl-blue-dark);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }
 .popup {
     border-radius: 15px;
-    background: var(--bgl-white);
+    background: var(--bgl-popup-bg);
     box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
     padding: 2rem;
     min-width: 300px;
@@ -8808,9 +9539,10 @@ select {
     -moz-column-gap: 1rem;
     column-gap: 1rem;
     grid-template-rows: 1fr;
-    grid-template-areas: "list-view detail-view";
+    grid-template-areas: 'list-view detail-view';
     transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
+    transition:
+        grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
         -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
     transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
 }
@@ -8847,9 +9579,9 @@ select {
 .table-list-wrap {
     overflow: auto;
 }
-[dir="rtl"] .data-row .bgl_icon-font, 
-[dir="rtl"] .embedded-field .bgl_icon-font {
-	transform: rotateY(180deg) !important;
+[dir='rtl'] .data-row .bgl_icon-font,
+[dir='rtl'] .embedded-field .bgl_icon-font {
+    transform: rotateY(180deg) !important;
 }
 .copy-url {
     background-color: var(--bgl-gray-light);
@@ -8865,12 +9597,12 @@ select {
     margin: 0;
     font-size: 12px;
     opacity: 0.8;
-    color: var(--bgl-black);
+    color: var(--bgl-text-color);
     word-break: break-all;
 }
 .list-view {
     grid-area: list-view;
-    grid-template-areas: "list-header""list-content";
+    grid-template-areas: 'list-header''list-content';
     grid-template-columns: 1fr;
     overflow-y: auto;
     grid-template-rows: -webkit-max-content 1fr;
@@ -8902,7 +9634,7 @@ select {
 
     .detail-view-inner {
         border-radius: var(--card-border-radius);
-        background: var(--bgl-white);
+        background: var(--bgl-box-bg);
     }
 
     .detail-view-inner-wrap {
@@ -8913,7 +9645,7 @@ select {
     }
 
     .detail-view-inner-wrap.bgl_card {
-        background: var(--bgl-white);
+        background: var(--bgl-box-bg);
     }
 
     .bgl_card {
@@ -8935,7 +9667,7 @@ select {
 
     .popup {
         border-radius: 15px;
-        background: var(--bgl-white);
+        background: var(--bgl-popup-bg);
         box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
         padding: 2rem;
         min-width: 0;
@@ -9128,11 +9860,12 @@ body {
     min-height: 100%;
     background-color: var(--bgl-bg);
     font-family: var(--bgl-font);
-    font-size: 16px;
+    font-size: var(--bgl-font-size);
     font-weight: 400;
     line-height: 1.65;
     width: auto;
     height: auto;
+    color: var(--bgl-text-color);
 }
 a {
     background-color: transparent;