@bagelink/vue 0.0.749 → 0.0.751

package/dist/style.css

@@ -1,54 +1,4 @@
 @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-0410e12d]{
-	object-fit: contain;
-}
-.bgl-lightbox-overlay[data-v-0410e12d] {
-	background: rgba(0, 0, 0, 0.8);
-}
-.bgl-lightbox[data-v-0410e12d] {
-	max-height: 90%;
-}
-.bgl-lightbox-item[data-v-0410e12d]{
-	animation: 500ms ease bgl-lightbox-load-0410e12d;
-}
-@keyframes bgl-lightbox-load-0410e12d {
-from {
-    scale:0.7;
-}
-to {
-	scale:1;
-}
-}
-.bgl-lightbox-item[data-v-0410e12d] * {
-	max-width: 90%;
-	max-height: calc(80vh - 90px);
-	border-radius: 3px;
-	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-0410e12d;
-}
-.navigation[data-v-0410e12d] {
-	top: 50%;
-	transform: translateY(-50%);
-}
-.navigation-btn[data-v-0410e12d] {
-	width: var(--input-height);
-	height: var(--input-height);
-}
-.thumbnail[data-v-0410e12d] {
-	height: 50px;
-	width: 50px;
-}
-.thumbnail[data-v-0410e12d]:hover {
-	opacity: 1;
-}
-.thumbnail[data-v-0410e12d]:active {
-	opacity: 0.8;
-}
-.thumbnail.active[data-v-0410e12d] {
-	opacity: 1;
-	outline: 2px solid white;
-}
-
 .accordion-item[data-v-f87b579d] {
 	border-bottom: 1px solid var(--border-color);
 	transition: all 0.2s;
@@ -96,19 +46,19 @@ to {
 	max-height: 300px;
 }
 
-a[data-v-86bf4080] {
+a[data-v-7463197f] {
   text-decoration: none;
 }
-.loading[data-v-86bf4080] {
+.loading[data-v-7463197f] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-86bf4080 1s linear infinite;
+  animation: spin-7463197f 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-86bf4080 {
+@keyframes spin-7463197f {
 0% {
     transform: rotate(0deg);
 }
@@ -116,7 +66,7 @@ a[data-v-86bf4080] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-86bf4080] {
+.bgl_btn-icon[data-v-7463197f] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -126,108 +76,108 @@ a[data-v-86bf4080] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-86bf4080] {
+.bgl_btn[data-v-7463197f] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-86bf4080] {
+.bgl_btn[disabled="true"][data-v-7463197f] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-86bf4080] {
+.bgl_btn-flex[data-v-7463197f] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-86bf4080] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-7463197f] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-86bf4080],
-.bgl_btn-icon[data-v-86bf4080] {
-  background-color: var(--616bd948);
-  color: var(--796e2f37);
+.bgl_btn[data-v-7463197f],
+.bgl_btn-icon[data-v-7463197f] {
+  background-color: var(--a30674be);
+  color: var(--1811393c);
 }
-.bgl_btn[data-v-86bf4080]:hover,
-.bgl_btn-icon[data-v-86bf4080]:hover {
+.bgl_btn[data-v-7463197f]:hover,
+.bgl_btn-icon[data-v-7463197f]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-86bf4080]:active,
-.bgl_btn-icon[data-v-86bf4080]:active {
+.bgl_btn[data-v-7463197f]:active,
+.bgl_btn-icon[data-v-7463197f]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn[data-v-7463197f] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080] {
+.bgl_btn-icon.bgl_flatBtn[data-v-7463197f] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-86bf4080]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:hover {
+.bgl_btn.bgl_flatBtn[data-v-7463197f]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-86bf4080]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:active {
+.bgl_btn.bgl_flatBtn[data-v-7463197f]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-7463197f]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-86bf4080],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn.red[data-v-7463197f],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-7463197f] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-86bf4080],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn.white[data-v-7463197f],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-7463197f] {
   color: var(--bgl-light-text);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-86bf4080],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn.light[data-v-7463197f],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-7463197f] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-86bf4080],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn.black[data-v-7463197f],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-7463197f] {
   color: var(--bgl-text-color);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-86bf4080],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-86bf4080] {
+.bgl_btn.bgl_flatBtn.gray[data-v-7463197f],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-7463197f] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-86bf4080] {
+.bgl_btn.thin[data-v-7463197f] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-86bf4080] {
+.bgl_btn.round[data-v-7463197f] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-86bf4080] {
+.bgl_btn-icon.thin[data-v-7463197f] {
   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-86bf4080] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-7463197f] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-86bf4080] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-7463197f] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-86bf4080] {
-  outline: 1px solid var(--616bd948);
-  color: var(--616bd948);
+.bgl_btn-border[data-v-7463197f] {
+  outline: 1px solid var(--a30674be);
+  color: var(--a30674be);
   background: transparent;
 }
-.bgl_btn-border[data-v-86bf4080]:hover {
+.bgl_btn-border[data-v-7463197f]:hover {
   color: var(--bgl-light-text);
-  background: var(--616bd948);
+  background: var(--a30674be);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-86bf4080]:active {
+.bgl_btn-border[data-v-7463197f]:active {
   filter: brightness(80%);
 }
 
@@ -506,25 +456,25 @@ display: block;
 }
 }
 
-data[data-v-4d174f13] {
+data[data-v-2da95d24] {
 	font-size: var(--input-font-size);
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-4d174f13] {
+.data-row[data-v-2da95d24] {
 	display: flex;
 	justify-content: space-between;
 	border-bottom: 1px solid var(--border-color);
 	align-items: center;
 	min-height: 50px;
 }
-.data-row .bagel-input.shrink[data-v-4d174f13],
-.data-row .bagel-input.shrink input[data-v-4d174f13] {
+.data-row .bagel-input.shrink[data-v-2da95d24],
+.data-row .bagel-input.shrink input[data-v-2da95d24] {
 	min-width: 140px !important;
 	/* margin-top: -0.45rem !important; */
 }
-.data-link[data-v-4d174f13] {
+.data-link[data-v-2da95d24] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -532,7 +482,7 @@ data[data-v-4d174f13] {
 	color: var(--input-color);
 }
 @media screen and (max-width: 910px) {
-.data-row[data-v-4d174f13] {
+.data-row[data-v-2da95d24] {
 		display: block;
 		/* min-height: 80px; */
 		padding-bottom: 1rem;
@@ -571,6 +521,40 @@ data[data-v-4d174f13] {
 	transform: translateY(-2.6rem);
 }
 
+.primary-checkbox input[data-v-73f1d9ad] {
+  appearance: none;
+  accent-color: var(--bgl-accent-color);
+	height: calc(var(--input-height) / 1.75);
+	width: calc(var(--input-height) / 1.75);
+  min-width: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border-radius: 100%;
+  background: var(--bgl-box-bg);
+  border: 2px solid var(--bgl-gray);
+}
+.primary-checkbox[data-v-73f1d9ad] {
+  height:var(--input-height);
+  width:var(--input-height);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: var(--bgl-transition);
+  transform: scale(0.8);
+}
+.primary-checkbox[data-v-73f1d9ad]:hover {
+  filter: brightness(90%);
+}
+.primary-checkbox[data-v-73f1d9ad]:active {
+  filter: brightness(80%);
+}
+.primary-checkbox input[data-v-73f1d9ad]:checked {
+  background: var(--bgl-primary);
+  box-shadow: inset 0 0 0px 2px white;
+}
+
 .bgl-checkbox[data-v-1b4d18c6] {
 	flex-direction: row;
 	cursor: pointer;
@@ -630,870 +614,854 @@ data[data-v-4d174f13] {
  direction: ltr;
 }
 
-.bagel-input textarea[data-v-1cbaeab2] {
-	font-family: monospace;
-}
-[dir='rtl'] .bagel-input textarea[data-v-1cbaeab2] {
-	direction: ltr;
-}
-.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-e1b57699] {
-	width: 100%;
+.datetime-wrap {
+	display: flex;
+	gap: 3rem;
+	padding: 1rem;
 }
-.selectinput-option[data-v-e1b57699] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
+.time-wrap {
 	display: grid;
-	grid-template-columns:1fr;
-	justify-content: space-between;
+	gap: 0.5rem;
+	grid-template-columns: 1fr 1fr;
 	width: 100%;
-	font-size: var(--input-font-size);
-	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-e1b57699]{
-	line-height: normal;
+.time-wrap input {
+	display: none;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-e1b57699] {
-	grid-template-columns: 10px 1fr;
+.time-wrap label {
+	background: var(--input-bg);
+	border-radius: var(--btn-border-radius);
+	line-height: calc(var(--btn-height) * 0.9);
+	display: block;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	text-align: center;
+	font-size: 16px;
+	color: var(--bgl-primary);
+	border: 1px solid var(--bgl-primary);
 }
-.selectinput-options[data-v-e1b57699] {
-	max-height: 300px;
-	overflow-y: auto;
+.time-wrap input[type='radio']:checked + label {
+	background: var(--bgl-primary);
+	color: var(--bgl-light-text);
 }
-.selectinput-option[data-v-e1b57699]:hover {
-	background: var(--bgl-gray-20);
+.time-wrap label:hover {
+	filter: var(--bgl-hover-filter);
 }
-.isEmpty p[data-v-e1b57699] {
-	opacity: 0.3;
+.time-wrap label:active {
+	filter: var(--bgl-active-filter);
 }
-.selected[data-v-e1b57699]{
-	background: var(--bgl-primary-tint);
+.dp__theme_light {
+	--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-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-light-text);
+	--dp-secondary-color: var(--bgl-gray);
+	--dp-border-color: transparent;
+	--dp-menu-border-color: transparent;
+	--dp-scroll-bar-background: transparent;
+	--dp-scroll-bar-color: var(--bgl-gray);
+	--dp-icon-color: var(--bgl-gray);
+	--dp-highlight-color: var(--bgl-gray-light);
 }
+:root {
+	--dp-font-family: inherit;
+	--dp-cell-border-radius: 100%;
+	--dp-common-transition: all 200s ease-in;
 
-.bagel-input label {
-	font-size: var(--label-font-size);
+	--dp-cell-size: 40px;
+	/*Width and height of calendar cell*/
+	--dp-menu-min-width: 280px;
+	/*Adjust the min width of the menu*/
+	--dp-row-margin: 8px 0;
+	/*Adjust the spacing between rows in the calendar*/
 }
-.selectinput-btn {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: var(--input-height);
-	border-radius: var(--input-border-radius);
-	border: none;
+.dp__calendar_header {
+	font-weight: 400;
+	padding: 10px 0 0;
+	margin-bottom: -10px;
+}
+.dp__calendar_row > div:last-child {
+	pointer-events: none;
+}
+.dp__outer_menu_wrap.dp--menu-wrapper {
+	filter: drop-shadow(0 0 20px var(--bgl-shadow));
+}
+.dp__input {
 	background: var(--input-bg);
+	border: none;
 	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
 	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
 	width: 100%;
-	font-family: inherit;
-	font-size: var(--input-font-size);
-}
-.selectinput-btn p{
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
 }
-.selectinput-btn:disabled {
-	color: var(--input-disabled-color);
-	background-color: transparent;
-}
-.selectinput-btn:focus {
+.dp__input:focus-visible {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.v-popper__arrow-container {
-	display: none;
-}
-.v-popper--theme-dropdown .v-popper__inner {
-	border: none;
-	/* background: transparent; if anyone is changing this please talk to me first*/
-	border-radius: var(--card-border-radius);
-	/* color: var(--input-color); */
+[dir="rtl"] .dp__inner_nav svg{
+	transform: rotate(180deg) !important;
 }
-
-.table-side-scroll[data-v-0b2280e0] {
-	overflow: auto;
-	margin-inline-start: -1rem;
-	padding-inline-start: 1rem;
-	padding-bottom: 1rem;
+@media screen and (max-width: 767px) {
+.datetime-wrap {
+		flex-wrap: wrap;
+		padding: 0rem;
+		gap: 1rem;
+		justify-content: center;
 }
-.table-field-wrap[data-v-0b2280e0] {
-	margin-bottom: -1rem;
+:root {
+		--dp-menu-min-width: 200px;
+		--dp-cell-size: 35px;
 }
-.table-cell[data-v-0b2280e0] {
-	border-inline-end: 1px solid var(--border-color);
-	border-bottom: 1px solid var(--border-color);
 }
-.table-row[data-v-0b2280e0] {
+
+.fileUploadWrap[data-v-be593d04] {
+	outline: 1px solid var(--border-color);
+	border-radius: var(--input-border-radius);
+	text-align: center;
+	cursor: pointer;
 	transition: var(--bgl-transition);
 	position: relative;
-	width: max-content;
-}
-.table-row[data-v-0b2280e0]:hover {
-	background: var(--bgl-gray-light);
+	font-size: var(--input-font-size);
+	overflow-y: auto;
+	background: var(--input-bg);
+	height: 215px;
 }
-.table-reorder[data-v-0b2280e0] {
-	opacity: 0;
-	width: 2rem;
-	text-align: center;
-	position: absolute;
-	margin-inline-start: -2rem;
+.bagel-input .fileUploadWrap.fileDropZone[data-v-be593d04] {
+	background: var(--input-bg);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-gray);
+	flex-direction: column;
 }
-.table-row:hover .table-reorder[data-v-0b2280e0] {
-	opacity: 1;
-	cursor: grab;
+.fileUploadWrap.dragover[data-v-be593d04],
+.fileUploadWrap[data-v-be593d04]:hover {
+	box-shadow: inset 0 0 10px #00000012;
 }
-.table-reorder[data-v-0b2280e0]:active {
-	opacity: 1;
-	cursor: grab;
+.fileUploadWrap[style*="height: auto;"][data-v-be593d04] {
+	min-height: 215px;
 }
-.bgl_btn.thin.bgl_flatBtn[data-v-0b2280e0] {
-	margin-inline-start: -1rem;
-	margin-top: 1rem;
-}
-.table-header[data-v-0b2280e0] {
-	display: flex;
-	width: max-content;
-}
-.header-col[data-v-0b2280e0] {
-	min-width: calc(var(--input-height) * 3);
-	font-size: 13px;
+.multi-image-item-preview[data-v-be593d04] {
+	border: 1px solid var(--border-color) !important;
+	border-radius: var(--input-border-radius);
+	margin: 0.5rem !important;
+	background: var(--bgl-popup-bg);
+	padding: 0;
+	padding-inline-end: 0.75rem;
+	text-align: start;
 	color: var(--input-color);
-	padding: 10px 0;
-	border-bottom: 1px solid var(--border-color);
-}
-.table-cell[data-v-0b2280e0],
-.header-col[data-v-0b2280e0] {
-	width: 160px;
-}
-.table-cell.check[data-v-0b2280e0],
-.header-col.check[data-v-0b2280e0] {
-	width: 100px;
-}
-.table-cell.date[data-v-0b2280e0],
-.header-col.date[data-v-0b2280e0] {
-	width: 140px;
+	display: grid;
+	grid-template-columns: auto 1fr 22px;
+	gap: 1rem;
+	align-items: center;
 }
-.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;
+.multi-image-item-preview p[data-v-be593d04] {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
-.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] {
+.multi-preview[data-v-be593d04]{
+	width: 40px;
 	height: 40px;
-	overflow: auto;
+	border-radius: var(--input-border-radius);
+	object-fit: cover;
+	background: var(--bgl-gray-light);
+	text-align: center !important;
+	justify-content: center;
+	align-items: center;
+	display: flex;
 }
-.table-action[data-v-0b2280e0] {
-	text-align: center;
-	position: sticky;
-	opacity: 0;
-	transition: var(--bgl-transition);
-	inset-inline-end: 0;
+.bgl-single-preview[data-v-be593d04]{
 	height: 100%;
-	margin-top: -1px;
-	background: var(--border-color);
-}
-.table-action>.bgl_icon-font[data-v-0b2280e0] {
-	padding: 11.4px;
-	cursor: pointer;
-	transition: var(--bgl-transition);
+	position: relative;
 }
-.table-action:hover>.bgl_icon-font[data-v-0b2280e0] {
-	background: var(--bgl-red);
-	color: var(--bgl-box-bg);
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-be593d04]{
+	position: absolute;
+	inset: 0;
+	margin: auto;
+	top: calc(50% - 2rem);
 }
-.table-action:active>.bgl_icon-font[data-v-0b2280e0] {
-	filter: brightness(90%);
+.single-image-item-preview[data-v-be593d04] {
+	height: 100%;
+	min-height: 100%;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
-.table-row:hover .table-action[data-v-0b2280e0] {
-	opacity: 1;
+.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-be593d04] {
+	min-height: 215px;
 }
-
-.table-row .bagel-input input,
-.table-row .bagel-input textarea,
-.table-row .bagel-input .input {
-	border-radius: 0;
-	background: transparent;
-	color: var(--bgl-text-color);
+.fileUploadWrap[style*="height: auto"] .single-preview[data-v-be593d04] {
+	margin: 0rem !important;
 }
-.table-row .bagel-input textarea {
-	resize: none;
-	min-height: 40px;
-	overflow: auto;
-	margin: 0px;
-	padding: 0.64rem 0.7rem 0;
+.single-preview[data-v-be593d04]{
+	border-radius: var(--input-border-radius);
+	margin: 1rem;
+	padding: 0px;
+	min-height: calc(100% - 2rem);
+	height: calc(100% - 2rem);
+	object-fit: cover;
+	background: var(--bgl-gray-light);
+	box-shadow: 0 0 10px #00000012;
 }
-.table-row .bagel-input {
-	margin: 0;
+.bgl_fill-image.single-image-item-preview[data-v-be593d04] {
+	height: 100%;
 }
-.table-row .bagel-input input:focus-visible,
-.table-row .bagel-input textarea:focus-visible,
-.table-row .bagel-input .input:focus-visible {
-	background: var(--border-color);
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-be593d04]{
+	border-radius: unset;
+	object-fit: cover;
+	box-shadow: unset;
+	width: 100%;
+	height: auto;
 }
-.ghost {
-	opacity: 0;
-	background: #c8ebfb;
+.single-image-item-preview .pie[data-v-be593d04] {
+	transform-origin: top;
+	transform: scale(1.4);
+	position: absolute;
+	text-align: center;
+	inset: 0;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background: transparent;
+	border: none !important;
+	padding: 0 !important;
 }
-.sortable-chosen {
-	cursor: grabbing !important;
-	border-color: transparent;
-	background: var(--bgl-box-bg);
-	border-radius: 10px;
-	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
+.bgl_oval-upload[data-v-be593d04] {
+	border-radius: 100% !important;
+	overflow: hidden;
 }
-
-.bagel-input.shrink,
-.bagel-input.shrink input {
-	min-width: unset !important;
-	/* width: auto; */
+.bgl_oval-upload p[data-v-be593d04] {
+		padding: 0.75rem !important;
+		font-size: 12px
 }
-.bagel-input label {
-	font-size: var(--label-font-size);
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-be593d04]{
+		top: 0;
 }
-
-.bagel-input textarea[data-v-81f5dea4] {
-	min-height: unset;
-	font-size: var(--input-font-size);
+.bgl_oval-upload .pie[data-v-be593d04] {
+		transform: scale(1);
 }
-.bagel-input.text-input textarea[data-v-81f5dea4] {
-	resize: none;
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-be593d04] {
+		transform: scale(0.4) !important;
 }
-.code textarea[data-v-81f5dea4] {
-	font-family: 'Inconsolata', monospace;
-	background: var(--bgl-code-bg) !important;
-	color: var(--bgl-light-text) !important;
+.bgl_oval-upload .single-image-item-preview[data-v-be593d04]{
+		height: 100%;
 }
-.code textarea[data-v-81f5dea4]::placeholder {
-	color: var(--bgl-light-text) !important;
-	opacity: 0.3;
+.bgl_oval-upload .single-preview[data-v-be593d04] {
+		margin: 0;
+		height: 100% !important;
 }
-.bagel-input.small[data-v-81f5dea4] {
-	margin-bottom: 0;
+.pie[data-v-be593d04] {
+	width: 30px;
 	height: 30px;
-}
-.bagel-input.dense label[data-v-81f5dea4] {
+	position: relative;
 	display: flex;
 	align-items: center;
-	gap: 0.5rem;
-}
-.bagel-input input[data-v-81f5dea4]:disabled {
-	background: #f5f5f5;
+	justify-content: center;
 }
-.bagel-input label[data-v-81f5dea4] {
-	font-size: var(--label-font-size);
+.pie[data-v-be593d04]:before {
+	content: '';
+	position: absolute;
+	border-radius: 50%;
+	inset: 0;
+	transition: all 0.2s ease-in-out;
+	background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
+	-webkit-mask: radial-gradient(
+		farthest-side,
+		#0000 calc(99% - var(--b)),
+		#000 calc(100% - var(--b))
+	);
+	mask: radial-gradient(
+		farthest-side,
+		#0000 calc(99% - var(--b)),
+		#000 calc(100% - var(--b))
+	);
 }
-.textInputIconWrap[data-v-81f5dea4] {
-	position: relative;
+.pie .success[data-v-be593d04] {
+	transform: scale(0);
+	opacity: 0;
+	transition: all 0.3s ease-in-out;
 }
-.textInputIconWrap .bgl_icon-font[data-v-81f5dea4] {
+.pie .progress[data-v-be593d04] {
 	position: absolute;
-	inset-inline-end: 0.7rem;
-	bottom: 50%;
-	line-height: 0;
-	color: var(--bgl-gray);
+	font-size: 10px;
 }
-.txtInputIconStart .iconStart[data-v-81f5dea4] {
-	position: absolute;
-	inset-inline-start: 0.7rem;
-	top: 50%;
-	line-height: 0;
-	color: var(--bgl-gray);
+.pie.complete .progress[data-v-be593d04] {
+	display: none;
 }
-.txtInputIconStart textarea[data-v-81f5dea4] {
-	padding-inline-start: 2rem;
+.pie.complete .success[data-v-be593d04] {
+	transform: scale(1.3);
+	opacity: 1;
 }
-.bagel-input.small textarea[data-v-81f5dea4] {
-	height: 30px;
+.pie.complete[data-v-be593d04]:before {
+	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
+}
+.pie.complete[data-v-be593d04] {
+	color: var(--bgl-green);
 }
 
-.primary-checkbox input[data-v-73f1d9ad] {
-  appearance: none;
-  accent-color: var(--bgl-accent-color);
-	height: calc(var(--input-height) / 1.75);
-	width: calc(var(--input-height) / 1.75);
-  min-width: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  border-radius: 100%;
-  background: var(--bgl-box-bg);
-  border: 2px solid var(--bgl-gray);
+.bagel-input textarea[data-v-1cbaeab2] {
+	font-family: monospace;
 }
-.primary-checkbox[data-v-73f1d9ad] {
-  height:var(--input-height);
-  width:var(--input-height);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: var(--bgl-transition);
-  transform: scale(0.8);
+[dir='rtl'] .bagel-input textarea[data-v-1cbaeab2] {
+	direction: ltr;
 }
-.primary-checkbox[data-v-73f1d9ad]:hover {
-  filter: brightness(90%);
+
+.m-password{
+	margin-block: calc(var(--input-height) / 2 - 15px);
 }
-.primary-checkbox[data-v-73f1d9ad]:active {
-  filter: brightness(80%);
+
+.radio-input-list[data-v-3ae8f4d3]{
+	width: auto;
+	transform: scale(1.4);
+	margin-inline-end: 0.6rem;
 }
-.primary-checkbox input[data-v-73f1d9ad]:checked {
-  background: var(--bgl-primary);
-  box-shadow: inset 0 0 0px 2px white;
+.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);
 }
 
-.datetime-wrap {
-	display: flex;
-	gap: 3rem;
-	padding: 1rem;
+.radio-pill label[data-v-8cdfe758] {
+	color: var(--bgl-primary);
+	white-space: nowrap;
+	border-radius: calc(var(--btn-border-radius) * 2);
+	outline: 1px solid var(--bgl-primary);
+	padding-left: calc(var(--btn-padding) / 2);
+	padding-right: calc(var(--btn-padding) / 2);
+	padding-top: calc(var(--btn-padding) / 6);
+	padding-bottom: calc(var(--btn-padding) / 6);
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	background: var(--bgl-light-text);
+	user-select: none;
 }
-.time-wrap {
-	display: grid;
-	gap: 0.5rem;
-	grid-template-columns: 1fr 1fr;
-	width: 100%;
+.radio-pill label[data-v-8cdfe758]:hover {
+	filter: var(--bgl-hover-filter);
 }
-.time-wrap input {
+.radio-pill input[data-v-8cdfe758] {
 	display: none;
 }
-.time-wrap label {
-	background: var(--input-bg);
-	border-radius: var(--btn-border-radius);
-	line-height: calc(var(--btn-height) * 0.9);
-	display: block;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	text-align: center;
-	font-size: 16px;
-	color: var(--bgl-primary);
-	border: 1px solid var(--bgl-primary);
-}
-.time-wrap input[type='radio']:checked + label {
+.radio-pill input:checked ~ label[data-v-8cdfe758] {
 	background: var(--bgl-primary);
 	color: var(--bgl-light-text);
 }
-.time-wrap label:hover {
-	filter: var(--bgl-hover-filter);
+
+/* Basic editor styles */
+.tiptap > * + * {
+	margin-top: 0.75em;
 }
-.time-wrap label:active {
-	filter: var(--bgl-active-filter);
+.tiptap ul,
+.tiptap ol {
+	padding: 0 1rem;
 }
-.dp__theme_light {
-	--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-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-light-text);
-	--dp-secondary-color: var(--bgl-gray);
-	--dp-border-color: transparent;
-	--dp-menu-border-color: transparent;
-	--dp-scroll-bar-background: transparent;
-	--dp-scroll-bar-color: var(--bgl-gray);
-	--dp-icon-color: var(--bgl-gray);
-	--dp-highlight-color: var(--bgl-gray-light);
+.tiptap h1,
+.tiptap h2 {
+	line-height: 1;
 }
-:root {
-	--dp-font-family: inherit;
-	--dp-cell-border-radius: 100%;
-	--dp-common-transition: all 200s ease-in;
-
-	--dp-cell-size: 40px;
-	/*Width and height of calendar cell*/
-	--dp-menu-min-width: 280px;
-	/*Adjust the min width of the menu*/
-	--dp-row-margin: 8px 0;
-	/*Adjust the spacing between rows in the calendar*/
+.tiptap h3,
+.tiptap h4,
+.tiptap h5,
+.tiptap h6 {
+	line-height: 1.1;
 }
-.dp__calendar_header {
-	font-weight: 400;
-	padding: 10px 0 0;
-	margin-bottom: -10px;
+.tiptap pre {
+	background: #0d0d0d;
+	color: var(--bgl-light-text);
+	font-family: 'JetBrainsMono', monospace;
+	padding: 0.75rem 1rem;
+	border-radius: 0.5rem;
+	margin: 0;
 }
-.dp__calendar_row > div:last-child {
-	pointer-events: none;
+.tiptap pre code {
+	color: inherit;
+	padding: 0;
+	background: none;
+	font-size: 0.8rem;
 }
-.dp__outer_menu_wrap.dp--menu-wrapper {
-	filter: drop-shadow(0 0 20px var(--bgl-shadow));
+.tiptap img {
+	max-width: 100%;
+	height: auto;
 }
-.dp__input {
-	background: var(--input-bg);
+.tiptap blockquote {
+	padding-inline-start: 0.5rem;
+	border-inline-start: 2px solid var(--border-color);
+	margin: 0.5rem
+}
+.tiptap hr {
 	border: none;
+	border-top: 2px solid var(--border-color);
+	margin: 1rem 0;
+}
+.tiptap {
+	min-height: 200px;
+	background: var(--input-bg);
+	overflow: auto;
+	max-height: 500px;
 	padding: 0.7rem;
-	border-radius: var(--input-border-radius);
 	color: var(--input-color);
-	min-width: calc(var(--input-height) * 3);
-	width: 100%;
+	border-radius: var(--input-border-radius);
+	font-size: var(--input-font-size);
+	line-height: 1.5;
 }
-.dp__input:focus-visible {
+.tiptap.ProseMirror-focused {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-[dir="rtl"] .dp__inner_nav svg{
-	transform: rotate(180deg) !important;
+.RichText {
+	margin-bottom: 0.5rem;
 }
-@media screen and (max-width: 767px) {
-.datetime-wrap {
-		flex-wrap: wrap;
-		padding: 0rem;
-		gap: 1rem;
-		justify-content: center;
+.RichText-tools {
+	background: var(--input-bg);
+	margin-bottom: 0.125rem;
+	border-radius: var(--input-border-radius);
 }
-:root {
-		--dp-menu-min-width: 200px;
-		--dp-cell-size: 35px;
+.tiptap {
+table {
+		border-collapse: collapse;
+		table-layout: fixed;
+		width: 100%;
+		margin: 0;
+		overflow: hidden;
+td,
+		th {
+			min-width: 1em;
+			border: 2px solid var(--border-color);
+			padding: 3px 5px;
+			vertical-align: top;
+			box-sizing: border-box;
+			position: relative;
+> * {
+				margin-bottom: 0;
+				margin-top: 0;
 }
 }
-
-.radio-pill label[data-v-8cdfe758] {
-	color: var(--bgl-primary);
-	white-space: nowrap;
-	border-radius: calc(var(--btn-border-radius) * 2);
-	outline: 1px solid var(--bgl-primary);
-	padding-left: calc(var(--btn-padding) / 2);
-	padding-right: calc(var(--btn-padding) / 2);
-	padding-top: calc(var(--btn-padding) / 6);
-	padding-bottom: calc(var(--btn-padding) / 6);
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	background: var(--bgl-light-text);
-	user-select: none;
+th {
+			font-weight: bold;
+			text-align: start;
+			background-color: var(--bgl-gray-80);
 }
-.radio-pill label[data-v-8cdfe758]:hover {
-	filter: var(--bgl-hover-filter);
+.selectedCell:after {
+			z-index: 2;
+			position: absolute;
+			content: '';
+			left: 0;
+			right: 0;
+			top: 0;
+			bottom: 0;
+			background: var(--bgl-gray-20);
+			pointer-events: none;
 }
-.radio-pill input[data-v-8cdfe758] {
-	display: none;
+.selectedCell p::selection{
+			color: var(--bgl-popup-text)
 }
-.radio-pill input:checked ~ label[data-v-8cdfe758] {
-	background: var(--bgl-primary);
-	color: var(--bgl-light-text);
+.column-resize-handle {
+			position: absolute;
+			inset-inline-start: -2px;
+			top: 0;
+			bottom: -2px;
+			width: 4px;
+			background-color: #adf;
+			pointer-events: none;
 }
-
-.fileUploadWrap[data-v-298b3d5b] {
-	outline: 1px solid var(--border-color);
-	border-radius: var(--input-border-radius);
-	text-align: center;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	position: relative;
-	font-size: var(--input-font-size);
-	overflow-y: auto;
-	background: var(--input-bg);
-	height: 215px;
+p {
+			margin: 0;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-298b3d5b] {
-	background: var(--input-bg);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: var(--bgl-gray);
-	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-298b3d5b],
-.fileUploadWrap[data-v-298b3d5b]:hover {
-	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*="height: auto;"][data-v-298b3d5b] {
-	min-height: 215px;
+.tableWrapper {
+	padding: 1rem 0;
+	overflow-x: auto;
 }
-.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-popup-bg);
-	padding: 0;
-	padding-inline-end: 0.75rem;
-	text-align: start;
-	color: var(--input-color);
-	display: grid;
-	grid-template-columns: auto 1fr 22px;
-	gap: 1rem;
-	align-items: center;
+.resize-cursor {
+	cursor: ew-resize;
+	cursor: col-resize;
 }
-.multi-image-item-preview p[data-v-298b3d5b] {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+.RichText-tools [disabled]{
+	color: var(--bgl-popup-text) !important;
+	opacity: 0.3;
 }
-.multi-preview[data-v-298b3d5b]{
-	width: 40px;
-	height: 40px;
+.RichText iframe{
+	width: 100%;
+	max-width: 700px;
+	margin: 0 auto;
+	height: auto;
+	display: block;
 	border-radius: var(--input-border-radius);
-	object-fit: cover;
-	background: var(--bgl-gray-light);
-	text-align: center !important;
-	justify-content: center;
-	align-items: center;
-	display: flex;
+	border: none;
+	aspect-ratio: 16/9;
 }
-.bgl-single-preview[data-v-298b3d5b]{
-	height: 100%;
-	position: relative;
-}
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-298b3d5b]{
-	position: absolute;
-	inset: 0;
-	margin: auto;
-	top: calc(50% - 2rem);
-}
-.single-image-item-preview[data-v-298b3d5b] {
-	height: 100%;
-	min-height: 100%;
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-298b3d5b] {
-	min-height: 215px;
-}
-.fileUploadWrap[style*="height: auto"] .single-preview[data-v-298b3d5b] {
-	margin: 0rem !important;
-}
-.single-preview[data-v-298b3d5b]{
+.RichText img{
+	width: 100%;
+	max-width: 700px;
+	margin: 0 auto;
+	height: auto;
+	display: block;
 	border-radius: var(--input-border-radius);
-	margin: 1rem;
-	padding: 0px;
-	min-height: calc(100% - 2rem);
-	height: calc(100% - 2rem);
-	object-fit: cover;
-	background: var(--bgl-gray-light);
-	box-shadow: 0 0 10px #00000012;
-}
-.bgl_fill-image.single-image-item-preview[data-v-298b3d5b] {
-	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-298b3d5b]{
-	border-radius: unset;
-	object-fit: cover;
-	box-shadow: unset;
+.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-3679d458] {
 	width: 100%;
-	height: auto;
 }
-.single-image-item-preview .pie[data-v-298b3d5b] {
-	transform-origin: top;
-	transform: scale(1.4);
-	position: absolute;
-	text-align: center;
-	inset: 0;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background: transparent;
-	border: none !important;
-	padding: 0 !important;
+.selectinput-option[data-v-3679d458] {
+	padding: 6px 12px;
+	cursor: pointer;
+	border-radius: 5px;
+	transition: all 0.2s;
+	display: grid;
+	grid-template-columns:1fr;
+	justify-content: space-between;
+	width: 100%;
+	font-size: var(--input-font-size);
+	margin-block: 0.15rem;
 }
-.bgl_oval-upload[data-v-298b3d5b] {
-	border-radius: 100% !important;
-	overflow: hidden;
+.selectinput-option .bgl_icon-font[data-v-3679d458]{
+	line-height: normal;
 }
-.bgl_oval-upload p[data-v-298b3d5b] {
-		padding: 0.75rem !important;
-		font-size: 12px
+.selectinput-options.multiselect .selectinput-option[data-v-3679d458] {
+	grid-template-columns: 10px 1fr;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-298b3d5b]{
-		top: 0;
+.selectinput-options[data-v-3679d458] {
+	max-height: 300px;
+	overflow-y: auto;
 }
-.bgl_oval-upload .pie[data-v-298b3d5b] {
-		transform: scale(1);
+.selectinput-option[data-v-3679d458]:hover {
+	background: var(--bgl-gray-20);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-298b3d5b] {
-		transform: scale(0.4) !important;
+.isEmpty p[data-v-3679d458] {
+	opacity: 0.3;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-298b3d5b]{
-		height: 100%;
+.selected[data-v-3679d458]{
+	background: var(--bgl-primary-tint);
 }
-.bgl_oval-upload .single-preview[data-v-298b3d5b] {
-		margin: 0;
-		height: 100% !important;
+
+.bagel-input label {
+	font-size: var(--label-font-size);
 }
-.pie[data-v-298b3d5b] {
-	width: 30px;
-	height: 30px;
-	position: relative;
+.selectinput-btn {
 	display: flex;
+	justify-content: space-between;
 	align-items: center;
-	justify-content: center;
+	height: var(--input-height);
+	border-radius: var(--input-border-radius);
+	border: none;
+	background: var(--input-bg);
+	padding: 0.7rem;
+	color: var(--input-color);
+	width: 100%;
+	font-family: inherit;
+	font-size: var(--input-font-size);
 }
-.pie[data-v-298b3d5b]:before {
-	content: '';
-	position: absolute;
-	border-radius: 50%;
-	inset: 0;
-	transition: all 0.2s ease-in-out;
-	background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
-	-webkit-mask: radial-gradient(
-		farthest-side,
-		#0000 calc(99% - var(--b)),
-		#000 calc(100% - var(--b))
-	);
-	mask: radial-gradient(
-		farthest-side,
-		#0000 calc(99% - var(--b)),
-		#000 calc(100% - var(--b))
-	);
+.selectinput-btn p{
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
-.pie .success[data-v-298b3d5b] {
-	transform: scale(0);
-	opacity: 0;
-	transition: all 0.3s ease-in-out;
+.selectinput-btn:disabled {
+	color: var(--input-disabled-color);
+	background-color: transparent;
 }
-.pie .progress[data-v-298b3d5b] {
-	position: absolute;
-	font-size: 10px;
+.selectinput-btn:focus {
+	outline: none;
+	box-shadow: inset 0 0 10px #00000012;
 }
-.pie.complete .progress[data-v-298b3d5b] {
+.v-popper__arrow-container {
 	display: none;
 }
-.pie.complete .success[data-v-298b3d5b] {
-	transform: scale(1.3);
-	opacity: 1;
+.v-popper--theme-dropdown .v-popper__inner {
+	border: none;
+	/* background: transparent; if anyone is changing this please talk to me first*/
+	border-radius: var(--card-border-radius);
+	/* color: var(--input-color); */
 }
-.pie.complete[data-v-298b3d5b]:before {
-	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
+
+@font-face {
+    font-family: 'FontWithASyntaxHighlighter';
+    font-style: normal;
+    font-weight: 400;
+    font-stretch: 100%;
+    font-display: swap;
+    src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/FontWithASyntaxHighlighter-Regular.woff2) format('woff2')
 }
-.pie.complete[data-v-298b3d5b] {
-	color: var(--bgl-green);
+@font-palette-values --myCustomPalette {
+  font-family: 'FontWithASyntaxHighlighter';
+  override-colors:
+    0 #6191c2, /* keywords, {} */
+    1 #75975d, /* comments */
+    2 yellow, /* literals */
+    3 #a3c19a, /* numbers */
+    4 blue, /* functions, [] */
+    5 orange, /* js others */
+    6 black, /* not in use */
+    7 #bc8abd, /* inside quotes, css properties, few chars */
+    8 #818181 /* few chars */
+  ;
 }
-
-.bagel-input.bgl-toggle[data-v-0a2b089d]{
-    display: unset !important;
+.preview-area[data-v-1cddc1b1]{
+	font-family: "FontWithASyntaxHighlighter", monospace;
+  	font-palette: --myCustomPalette;
+	background: var(--bgl-code-bg);
+	color: var(--bgl-code-color)
 }
-.bagel-input.bgl-toggle[data-v-0a2b089d] *{
-  cursor: pointer !important;
+.rich-text-editor[data-v-1cddc1b1] {
+	background: var(--input-bg);
+	margin-bottom: 0.5rem;
+	width: 100%;
 }
-.bagel-input.bgl-toggle input[data-v-0a2b089d]{
-    padding:  unset !important;
-    min-width:  unset !important;
+.editableContent[data-v-1cddc1b1]{
+	min-height: 100%;
+	white-space: pre-wrap;
+	outline: none;
 }
-.bgl-toggle input[data-v-0a2b089d] {
-    appearance: none;
-    position: relative;
-    display: inline-block;
-    background: var(--input-bg);
-    height: calc(var(--input-height) / 2);
-    width: calc(var(--input-height) - 2px);
-    vertical-align: middle;
-    border-radius: 2rem;
-    box-shadow: 0px 1px 3px #0003 inset;
-    transition: 0.25s linear all;
-    outline: 1px solid var(--border-color);
+.content-area[data-v-1cddc1b1]{
+	background: var(--bgl-richtext-color);
 }
-.bgl-toggle input[data-v-0a2b089d]::before {
-  position: absolute;
-  content: "";
-  height: calc(var(--input-height) / 2 - 2px);
-  width: calc(var(--input-height) / 2 - 2px);
-  inset-inline-start: 1px;
-  bottom: 1px;
-  border-radius: 50%;
-  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);
+.content-area[data-v-1cddc1b1], .preview-area[data-v-1cddc1b1]{
+	min-height: 200px;
 }
-.bgl-toggle label[data-v-0a2b089d] {
-  padding-inline-start: 0.5rem;
-  transition: var(--bgl-transition);
-  cursor: pointer;
-  user-select: none;
-  line-height: var(--input-height);
-  font-size: var(--input-font-size);
+.fullscreen-mode[data-v-1cddc1b1] {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    background: var(--input-bg);
+    padding: 2rem;
+    overflow: auto;
+	border-radius: 0;
 }
-.bgl-toggle label[data-v-0a2b089d]:hover {
-  filter: brightness(90%);
+.fullscreen-mode .content-area[data-v-1cddc1b1]{
+	height: calc(100vh - 5rem);
+	padding: 4rem !important;
+	max-width: 900px;
+	margin-inline: auto ;
+	overflow-y: auto;
 }
-.bgl-toggle label[data-v-0a2b089d]:active {
-  filter: var(--bgl-active-filter);
+.fullscreen-mode .toolbar[data-v-1cddc1b1]{
+	max-width: 900px;
+	margin-inline: auto ;
+	/* border-bottom: 1px solid var(--border-color); */
+	/* margin-bottom: 2rem; */
 }
-.bgl-toggle input[data-v-0a2b089d]:focus-visible {
-    outline: -webkit-focus-ring-color auto 1px;
-    outline-offset: 2px
+
+/* [contenteditable='true'] {
+	  white-space: pre-wrap;
+	  word-wrap: break-word;
+	outline: none;
+	height: 100%;
+} */
+/*
+
+.editor-container {
+  display: flex;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  overflow: hidden;
 }
-.bgl-toggle input[data-v-0a2b089d]:focus {
-    outline-color: transparent;
+
+.content-area,
+.preview-area {
+  flex: 1;
+  min-height: 300px;
+  padding: 10px;
+  overflow-y: auto;
 }
-.bgl-toggle input[data-v-0a2b089d]:focus-visible {
-    outline: -webkit-focus-ring-color auto 1px;
-    outline-offset: 2px
+
+.content-area:focus {
+  outline: none;
 }
-.bgl-toggle[data-v-0a2b089d] :checked{
-  background: var(--bgl-primary);
+
+.split-view .content-area,
+.split-view .preview-area {
+  width: 50%;
 }
-.bgl-toggle[data-v-0a2b089d] :checked::before{
-  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
+
+.preview-area {
+  background-color: #f9f9f9;
+  border-left: 1px solid #ccc;
+} */
+
+/* @media (max-width: 768px) {
+  .split-view {
+    flex-direction: column;
+  }
+
+  .split-view .content-area,
+  .split-view .preview-area {
+    width: 100%;
+  }
+
+  .preview-area {
+    border-left: none;
+    border-top: 1px solid #ccc;
+  }
+} */
+
+.bgl_input .canvas {
+	width: 100%;
+	height: 100%;
 }
-.bgl-toggle input:checked + label[data-v-0a2b089d] {
-    color: var(--bgl-primary) !important;
+.bgl_input.signature-pad {
+	background: var(--input-bg);
+	border: none;
+	border-radius: var(--input-border-radius);
+}
+.bgl_input.signature-pad .canvas[disabled] {
+	background: var(--input-disabled-bg);
+	border: 1px solid var(--bgl-gray);
+	border-radius: var(--input-border-radius);
 }
 
-/* Basic editor styles */
-.tiptap > * + * {
-	margin-top: 0.75em;
+.table-side-scroll[data-v-24816da2] {
+	overflow: auto;
+	margin-inline-start: -1rem;
+	padding-inline-start: 1rem;
+	padding-bottom: 1rem;
 }
-.tiptap ul,
-.tiptap ol {
-	padding: 0 1rem;
+.table-field-wrap[data-v-24816da2] {
+	margin-bottom: -1rem;
 }
-.tiptap h1,
-.tiptap h2 {
-	line-height: 1;
+.table-cell[data-v-24816da2] {
+	border-inline-end: 1px solid var(--border-color);
+	border-bottom: 1px solid var(--border-color);
 }
-.tiptap h3,
-.tiptap h4,
-.tiptap h5,
-.tiptap h6 {
-	line-height: 1.1;
+.table-row[data-v-24816da2] {
+	transition: var(--bgl-transition);
+	position: relative;
+	width: max-content;
 }
-.tiptap pre {
-	background: #0d0d0d;
-	color: var(--bgl-light-text);
-	font-family: 'JetBrainsMono', monospace;
-	padding: 0.75rem 1rem;
-	border-radius: 0.5rem;
-	margin: 0;
+.table-row[data-v-24816da2]:hover {
+	background: var(--bgl-gray-light);
+}
+.table-reorder[data-v-24816da2] {
+	opacity: 0;
+	width: 2rem;
+	text-align: center;
+	position: absolute;
+	margin-inline-start: -2rem;
 }
-.tiptap pre code {
-	color: inherit;
-	padding: 0;
-	background: none;
-	font-size: 0.8rem;
+.table-row:hover .table-reorder[data-v-24816da2] {
+	opacity: 1;
+	cursor: grab;
 }
-.tiptap img {
-	max-width: 100%;
-	height: auto;
+.table-reorder[data-v-24816da2]:active {
+	opacity: 1;
+	cursor: grab;
 }
-.tiptap blockquote {
-	padding-inline-start: 0.5rem;
-	border-inline-start: 2px solid var(--border-color);
-	margin: 0.5rem
+.bgl_btn.thin.bgl_flatBtn[data-v-24816da2] {
+	margin-inline-start: -1rem;
+	margin-top: 1rem;
 }
-.tiptap hr {
-	border: none;
-	border-top: 2px solid var(--border-color);
-	margin: 1rem 0;
+.table-header[data-v-24816da2] {
+	display: flex;
+	width: max-content;
 }
-.tiptap {
-	min-height: 200px;
-	background: var(--input-bg);
-	overflow: auto;
-	max-height: 500px;
-	padding: 0.7rem;
+.header-col[data-v-24816da2] {
+	min-width: calc(var(--input-height) * 3);
+	font-size: 13px;
 	color: var(--input-color);
-	border-radius: var(--input-border-radius);
-	font-size: var(--input-font-size);
-	line-height: 1.5;
-}
-.tiptap.ProseMirror-focused {
-	outline: none;
-	box-shadow: inset 0 0 10px #00000012;
+	padding: 10px 0;
+	border-bottom: 1px solid var(--border-color);
 }
-.RichText {
-	margin-bottom: 0.5rem;
+.table-cell[data-v-24816da2],
+.header-col[data-v-24816da2] {
+	width: 160px;
 }
-.RichText-tools {
-	background: var(--input-bg);
-	margin-bottom: 0.125rem;
-	border-radius: var(--input-border-radius);
+.table-cell.check[data-v-24816da2],
+.header-col.check[data-v-24816da2] {
+	width: 100px;
 }
-.tiptap {
-table {
-		border-collapse: collapse;
-		table-layout: fixed;
-		width: 100%;
-		margin: 0;
-		overflow: hidden;
-td,
-		th {
-			min-width: 1em;
-			border: 2px solid var(--border-color);
-			padding: 3px 5px;
-			vertical-align: top;
-			box-sizing: border-box;
-			position: relative;
-> * {
-				margin-bottom: 0;
-				margin-top: 0;
+.table-cell.date[data-v-24816da2],
+.header-col.date[data-v-24816da2] {
+	width: 140px;
 }
+.header-col.small-text[data-v-24816da2],
+.header-col.text[data-v-24816da2],
+.header-col.long-text[data-v-24816da2],
+.header-col.json[data-v-24816da2],
+.table-cell.small-text[data-v-24816da2],
+.table-cell.text[data-v-24816da2],
+.table-cell.long-text[data-v-24816da2],
+.table-cell.json[data-v-24816da2] {
+	width: 240px;
 }
-th {
-			font-weight: bold;
-			text-align: start;
-			background-color: var(--bgl-gray-80);
+.table-cell.small-text .bagel-input[data-v-24816da2],
+.table-cell.text .bagel-input[data-v-24816da2],
+.table-cell.long-text .bagel-input[data-v-24816da2],
+.table-cell.json .bagel-input[data-v-24816da2] {
+	height: 40px;
+	overflow: auto;
 }
-.selectedCell:after {
-			z-index: 2;
-			position: absolute;
-			content: '';
-			left: 0;
-			right: 0;
-			top: 0;
-			bottom: 0;
-			background: var(--bgl-gray-20);
-			pointer-events: none;
+.table-action[data-v-24816da2] {
+	text-align: center;
+	position: sticky;
+	opacity: 0;
+	transition: var(--bgl-transition);
+	inset-inline-end: 0;
+	height: 100%;
+	margin-top: -1px;
+	background: var(--border-color);
 }
-.selectedCell p::selection{
-			color: var(--bgl-popup-text)
+.table-action>.bgl_icon-font[data-v-24816da2] {
+	padding: 11.4px;
+	cursor: pointer;
+	transition: var(--bgl-transition);
 }
-.column-resize-handle {
-			position: absolute;
-			inset-inline-start: -2px;
-			top: 0;
-			bottom: -2px;
-			width: 4px;
-			background-color: #adf;
-			pointer-events: none;
+.table-action:hover>.bgl_icon-font[data-v-24816da2] {
+	background: var(--bgl-red);
+	color: var(--bgl-box-bg);
 }
-p {
-			margin: 0;
+.table-action:active>.bgl_icon-font[data-v-24816da2] {
+	filter: brightness(90%);
 }
+.table-row:hover .table-action[data-v-24816da2] {
+	opacity: 1;
 }
+
+.table-row .bagel-input input,
+.table-row .bagel-input textarea,
+.table-row .bagel-input .input {
+	border-radius: 0;
+	background: transparent;
+	color: var(--bgl-text-color);
 }
-.tableWrapper {
-	padding: 1rem 0;
-	overflow-x: auto;
+.table-row .bagel-input textarea {
+	resize: none;
+	min-height: 40px;
+	overflow: auto;
+	margin: 0px;
+	padding: 0.64rem 0.7rem 0;
 }
-.resize-cursor {
-	cursor: ew-resize;
-	cursor: col-resize;
+.table-row .bagel-input {
+	margin: 0;
 }
-.RichText-tools [disabled]{
-	color: var(--bgl-popup-text) !important;
-	opacity: 0.3;
+.table-row .bagel-input input:focus-visible,
+.table-row .bagel-input textarea:focus-visible,
+.table-row .bagel-input .input:focus-visible {
+	background: var(--border-color);
 }
-.RichText iframe{
-	width: 100%;
-	max-width: 700px;
-	margin: 0 auto;
-	height: auto;
-	display: block;
-	border-radius: var(--input-border-radius);
-	border: none;
-	aspect-ratio: 16/9;
+.ghost {
+	opacity: 0;
+	background: #c8ebfb;
 }
-.RichText img{
-	width: 100%;
-	max-width: 700px;
-	margin: 0 auto;
-	height: auto;
-	display: block;
-	border-radius: var(--input-border-radius);
+.sortable-chosen {
+	cursor: grabbing !important;
+	border-color: transparent;
+	background: var(--bgl-box-bg);
+	border-radius: 10px;
+	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
 
-.tel-input[data-v-3a82d433] {
+.tel-input[data-v-41e27ddf] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -1504,21 +1472,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-3a82d433]:focus-within {
+.tel-input[data-v-41e27ddf]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-3a82d433] {
+.tel-input input[data-v-41e27ddf] {
 	background: transparent;
 }
-.tel-input input[data-v-3a82d433]:focus-visible {
+.tel-input input[data-v-41e27ddf]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-3a82d433] {
+.input_country-code[data-v-41e27ddf] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-3a82d433] {
+.tel-country[data-v-41e27ddf] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -1527,162 +1495,173 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-3a82d433] {
+.tel-countryp-dropdown[data-v-41e27ddf] {
 	direction: ltr;
 	text-align: left;
 }
 
-.bgl_input .canvas {
-	width: 100%;
-	height: 100%;
+.bagel-input.shrink,
+.bagel-input.shrink input {
+	min-width: unset !important;
+	/* width: auto; */
 }
-.bgl_input.signature-pad {
-	background: var(--input-bg);
-	border: none;
-	border-radius: var(--input-border-radius);
+.bagel-input label {
+	font-size: var(--label-font-size);
 }
-.bgl_input.signature-pad .canvas[disabled] {
-	background: var(--input-disabled-bg);
-	border: 1px solid var(--bgl-gray);
-	border-radius: var(--input-border-radius);
+
+.bagel-input textarea[data-v-d8cd6c7f] {
+	min-height: unset;
+	font-size: var(--input-font-size);
+}
+.bagel-input.text-input textarea[data-v-d8cd6c7f] {
+	resize: none;
+}
+.code textarea[data-v-d8cd6c7f] {
+	font-family: 'Inconsolata', monospace;
+	background: var(--bgl-code-bg) !important;
+	color: var(--bgl-light-text) !important;
+}
+.code textarea[data-v-d8cd6c7f]::placeholder {
+	color: var(--bgl-light-text) !important;
+	opacity: 0.3;
+}
+.bagel-input.small[data-v-d8cd6c7f] {
+	margin-bottom: 0;
+	height: 30px;
+}
+.bagel-input.dense label[data-v-d8cd6c7f] {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+.bagel-input input[data-v-d8cd6c7f]:disabled {
+	background: #f5f5f5;
+}
+.bagel-input label[data-v-d8cd6c7f] {
+	font-size: var(--label-font-size);
+}
+.textInputIconWrap[data-v-d8cd6c7f] {
+	position: relative;
+}
+.textInputIconWrap .bgl_icon-font[data-v-d8cd6c7f] {
+	position: absolute;
+	inset-inline-end: 0.7rem;
+	bottom: 50%;
+	line-height: 0;
+	color: var(--bgl-gray);
+}
+.txtInputIconStart .iconStart[data-v-d8cd6c7f] {
+	position: absolute;
+	inset-inline-start: 0.7rem;
+	top: 50%;
+	line-height: 0;
+	color: var(--bgl-gray);
+}
+.txtInputIconStart textarea[data-v-d8cd6c7f] {
+	padding-inline-start: 2rem;
+}
+.bagel-input.small textarea[data-v-d8cd6c7f] {
+	height: 30px;
 }
 
-@font-face {
-    font-family: 'FontWithASyntaxHighlighter';
-    font-style: normal;
-    font-weight: 400;
-    font-stretch: 100%;
-    font-display: swap;
-    src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/FontWithASyntaxHighlighter-Regular.woff2) format('woff2')
+.bagel-input.bgl-toggle[data-v-0a2b089d]{
+    display: unset !important;
+}
+.bagel-input.bgl-toggle[data-v-0a2b089d] *{
+  cursor: pointer !important;
+}
+.bagel-input.bgl-toggle input[data-v-0a2b089d]{
+    padding:  unset !important;
+    min-width:  unset !important;
+}
+.bgl-toggle input[data-v-0a2b089d] {
+    appearance: none;
+    position: relative;
+    display: inline-block;
+    background: var(--input-bg);
+    height: calc(var(--input-height) / 2);
+    width: calc(var(--input-height) - 2px);
+    vertical-align: middle;
+    border-radius: 2rem;
+    box-shadow: 0px 1px 3px #0003 inset;
+    transition: 0.25s linear all;
+    outline: 1px solid var(--border-color);
 }
-@font-palette-values --myCustomPalette {
-  font-family: 'FontWithASyntaxHighlighter';
-  override-colors:
-    0 #6191c2, /* keywords, {} */
-    1 #75975d, /* comments */
-    2 yellow, /* literals */
-    3 #a3c19a, /* numbers */
-    4 blue, /* functions, [] */
-    5 orange, /* js others */
-    6 black, /* not in use */
-    7 #bc8abd, /* inside quotes, css properties, few chars */
-    8 #818181 /* few chars */
-  ;
+.bgl-toggle input[data-v-0a2b089d]::before {
+  position: absolute;
+  content: "";
+  height: calc(var(--input-height) / 2 - 2px);
+  width: calc(var(--input-height) / 2 - 2px);
+  inset-inline-start: 1px;
+  bottom: 1px;
+  border-radius: 50%;
+  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);
 }
-.preview-area[data-v-da6236c8]{
-	font-family: "FontWithASyntaxHighlighter", monospace;
-  	font-palette: --myCustomPalette;
-	background: var(--bgl-code-bg);
-	color: var(--bgl-code-color)
+.bgl-toggle label[data-v-0a2b089d] {
+  padding-inline-start: 0.5rem;
+  transition: var(--bgl-transition);
+  cursor: pointer;
+  user-select: none;
+  line-height: var(--input-height);
+  font-size: var(--input-font-size);
 }
-.rich-text-editor[data-v-da6236c8] {
-	background: var(--input-bg);
-	margin-bottom: 0.5rem;
-	width: 100%;
+.bgl-toggle label[data-v-0a2b089d]:hover {
+  filter: brightness(90%);
 }
-.editableContent[data-v-da6236c8]{
-	min-height: 100%;
-	white-space: pre-wrap;
-	outline: none;
+.bgl-toggle label[data-v-0a2b089d]:active {
+  filter: var(--bgl-active-filter);
 }
-.content-area[data-v-da6236c8]{
-	background: var(--bgl-richtext-color);
+.bgl-toggle input[data-v-0a2b089d]:focus-visible {
+    outline: -webkit-focus-ring-color auto 1px;
+    outline-offset: 2px
 }
-.content-area[data-v-da6236c8], .preview-area[data-v-da6236c8]{
-	min-height: 200px;
+.bgl-toggle input[data-v-0a2b089d]:focus {
+    outline-color: transparent;
 }
-.fullscreen-mode[data-v-da6236c8] {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 9999;
-    background: var(--input-bg);
-    padding: 2rem;
-    overflow: auto;
-	border-radius: 0;
+.bgl-toggle input[data-v-0a2b089d]:focus-visible {
+    outline: -webkit-focus-ring-color auto 1px;
+    outline-offset: 2px
 }
-.fullscreen-mode .content-area[data-v-da6236c8]{
-	height: calc(100vh - 5rem);
-	padding: 4rem !important;
-	max-width: 900px;
-	margin-inline: auto ;
-	overflow-y: auto;
+.bgl-toggle[data-v-0a2b089d] :checked{
+  background: var(--bgl-primary);
 }
-.fullscreen-mode .toolbar[data-v-da6236c8]{
-	max-width: 900px;
-	margin-inline: auto ;
-	/* border-bottom: 1px solid var(--border-color); */
-	/* margin-bottom: 2rem; */
+.bgl-toggle[data-v-0a2b089d] :checked::before{
+  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
-
-/* [contenteditable='true'] {
-	  white-space: pre-wrap;
-	  word-wrap: break-word;
-	outline: none;
-	height: 100%;
-} */
-/*
-
-.editor-container {
-  display: flex;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  overflow: hidden;
+.bgl-toggle input:checked + label[data-v-0a2b089d] {
+    color: var(--bgl-primary) !important;
 }
 
-.content-area,
-.preview-area {
-  flex: 1;
-  min-height: 300px;
-  padding: 10px;
-  overflow-y: auto;
+.bgl_bottombar .bgl_btn-flex{
+  flex-direction: column;
+  height: 60px;
+  gap: 0;
 }
 
-.content-area:focus {
-  outline: none;
+.bgl_bottombar[data-v-564c7855] {
+  background-color: var(--bgl-primary);
+  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;
 }
-
-.split-view .content-area,
-.split-view .preview-area {
-  width: 50%;
+.bgl_bottombar[data-v-564c7855]>* {
+  width: var(--bgl_bottombar-btn-width);
 }
-
-.preview-area {
-  background-color: #f9f9f9;
-  border-left: 1px solid #ccc;
-} */
-
-/* @media (max-width: 768px) {
-  .split-view {
-    flex-direction: column;
-  }
-
-  .split-view .content-area,
-  .split-view .preview-area {
-    width: 100%;
-  }
-
-  .preview-area {
-    border-left: none;
-    border-top: 1px solid #ccc;
-  }
-} */
-
-.radio-input-list[data-v-3ae8f4d3]{
-	width: auto;
-	transform: scale(1.4);
-	margin-inline-end: 0.6rem;
+.bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
+  display: none;
 }
-.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);
+.bgl_bottombar .nav-button[data-v-564c7855] {
+  border-radius: var(--card-border-radius);
 }
-
-.m-password{
-	margin-block: calc(var(--input-height) / 2 - 15px);
+.bgl_bottombar .router-link-active[data-v-564c7855] {
+  background: var(--bgl-popup-bg);
+  color: var(--bgl-primary) !important;
 }
 
 .layout[data-v-f1781965] {
@@ -1714,7 +1693,7 @@ p {
 	color: var(--bgl-primary);
 }
 
-.bgl_sidebar[data-v-d15c030d] {
+.bgl_sidebar[data-v-66f3065e] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 	overflow: hidden;
@@ -1723,38 +1702,39 @@ p {
 	width: calc(100% - 1rem);
 	padding: 0.5rem;
 	overflow-y: auto;
+	/* scrollbar-gutter: stable both-edges; */
 }
-.toggleNav[data-v-d15c030d] {
+.toggleNav[data-v-66f3065e] {
 	height: 22px !important;
 	width: 22px !important;
 	opacity: 0.4;
 	transition: var(--bgl-transition);
 }
-.toggleNav[data-v-d15c030d]:hover {
+.toggleNav[data-v-66f3065e]:hover {
 	opacity: 1;
 }
-.wideNav .toggleNav[data-v-d15c030d] {
+.wideNav .toggleNav[data-v-66f3065e] {
 	transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-d15c030d] {
+.wideNav .nav-button[data-v-66f3065e] {
 	padding-inline-start: 1rem !important;
 	width: 100%;
 }
-[dir='rtl'] .toggleNav[data-v-d15c030d] {
+[dir='rtl'] .toggleNav[data-v-66f3065e] {
 	transform: rotate(180deg);
 }
-[dir='rtl'] .wideNav .toggleNav[data-v-d15c030d] {
+[dir='rtl'] .wideNav .toggleNav[data-v-66f3065e] {
 	transform: rotate(0deg);
 }
-.nav-button.bgl_btn-icon[data-v-d15c030d] {
+.nav-button.bgl_btn-icon[data-v-66f3065e] {
 	border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-d15c030d] {
+.nav-button p[data-v-66f3065e] {
 	transition: var(--nav-tran);
-	animation: fade-d15c030d 2s;
+	animation: fade-66f3065e 2s;
 	animation-duration: 900ms;
 }
-@keyframes fade-d15c030d {
+@keyframes fade-66f3065e {
 0% {
 		opacity: 0;
 		transform: translateX(-20px);
@@ -1769,33 +1749,23 @@ p {
 }
 }
 
-.bgl_bottombar .bgl_btn-flex{
-  flex-direction: column;
-  height: 60px;
-  gap: 0;
-}
-
-.bgl_bottombar[data-v-564c7855] {
-  background-color: var(--bgl-primary);
-  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;
+.tab[data-v-75e0b322] {
+  text-transform: capitalize;
 }
-.bgl_bottombar[data-v-564c7855]>* {
-  width: var(--bgl_bottombar-btn-width);
+.side-tabs[data-v-75e0b322] {
+  display: flex;
 }
-.bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
-  display: none;
+.side-tabs .tabs-top[data-v-75e0b322] {
+  margin-inline-end: 1rem;
 }
-.bgl_bottombar .nav-button[data-v-564c7855] {
-  border-radius: var(--card-border-radius);
+.side-tabs .tabs[data-v-75e0b322] {
+  display: block;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
-.bgl_bottombar .router-link-active[data-v-564c7855] {
-  background: var(--bgl-popup-bg);
-  color: var(--bgl-primary) !important;
+.side-tabs .tab[data-v-75e0b322] {
+  border: none;
 }
 
 .bgl_tabs_wrap[data-v-d4d64201] {
@@ -1888,25 +1858,6 @@ p {
 }
 }
 
-.tab[data-v-0a54cdeb] {
-  text-transform: capitalize;
-}
-.side-tabs[data-v-0a54cdeb] {
-  display: flex;
-}
-.side-tabs .tabs-top[data-v-0a54cdeb] {
-  margin-inline-end: 1rem;
-}
-.side-tabs .tabs[data-v-0a54cdeb] {
-  display: block;
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-.side-tabs .tab[data-v-0a54cdeb] {
-  border: none;
-}
-
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
@@ -2863,10 +2814,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-[dir='rtl'] .top-arrow[data-v-bc4e49f9] {
+[dir='rtl'] .top-arrow[data-v-2f924811] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-bc4e49f9] {
+.nav-expend[data-v-2f924811] {
 	text-align: center;
 	cursor: pointer;
 	background: var(--bgl-popup-bg);
@@ -2892,17 +2843,17 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-bc4e49f9] {
+.nav-expend[data-v-2f924811] {
 	background: var(--bgl-popup-bg);
 }
-.nav-expend[data-v-bc4e49f9]:hover {
+.nav-expend[data-v-2f924811]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-bc4e49f9]:active {
+.nav-expend[data-v-2f924811]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-bc4e49f9] {
+.nav[data-v-2f924811] {
 	color: var(--bgl-light-text);
 	background: var(--bgl-primary);
 	z-index: 100;
@@ -2911,10 +2862,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-bc4e49f9] * {
+.nav[data-v-2f924811] * {
 	user-select: none;
 }
-.nav-button[data-v-bc4e49f9] {
+.nav-button[data-v-2f924811] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
@@ -2925,11 +2876,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-bc4e49f9]:hover {
+.nav-button[data-v-2f924811]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-bc4e49f9] {
+.nav-button .bgl_icon-font[data-v-2f924811] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -2942,16 +2893,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-bc4e49f9],
-.nav-button.router-link-active .bgl_icon-font[data-v-bc4e49f9] {
+.nav-button:hover .bgl_icon-font[data-v-2f924811],
+.nav-button.router-link-active .bgl_icon-font[data-v-2f924811] {
 	background: var(--bgl-box-bg);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-bc4e49f9] {
+.nav-button:hover .tooltip[data-v-2f924811] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-bc4e49f9] {
+.tooltip[data-v-2f924811] {
 	background-color: var(--bgl-popup-bg);
 	color: var(--bgl-primary);
 	line-height: 1;
@@ -2965,23 +2916,23 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-bc4e49f9]:hover {
+.tooltip[data-v-2f924811]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-bc4e49f9]:active {
+.tooltip[data-v-2f924811]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-bc4e49f9] {
+.bot-buttons-wrapper[data-v-2f924811] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-bc4e49f9] {
+.nav-links-wrapper[data-v-2f924811] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-bc4e49f9] {
+[dir='rtl'] .nav-links-wrapper[data-v-2f924811] {
 	direction: rtl;
 }
-.nav-scroll[data-v-bc4e49f9] {
+.nav-scroll[data-v-2f924811] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -2991,30 +2942,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-bc4e49f9]::-webkit-scrollbar-thumb {
+.nav[data-v-2f924811]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-bc4e49f9]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-2f924811]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-bc4e49f9] {
+[dir='rtl'] .nav-scroll[data-v-2f924811] {
 	direction: ltr;
 }
-.full-nav[data-v-bc4e49f9] {
+.full-nav[data-v-2f924811] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-bc4e49f9] {
+.nav.open .nav-expend[data-v-2f924811] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-bc4e49f9] {
+.nav.open[data-v-2f924811] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-bc4e49f9] {
+.nav.open .tooltip[data-v-2f924811] {
 		background-color: transparent;
 		color: var(--bgl-light-text);
 		padding: 0;
@@ -3023,30 +2974,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-bc4e49f9] {
+.nav.open .nav-button .bgl_icon-font[data-v-2f924811] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-bc4e49f9] {
+.nav.open .nav-button[data-v-2f924811] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-bc4e49f9]:hover,
-	.nav.open .nav-button.router-link-active[data-v-bc4e49f9] {
+.nav.open .nav-button[data-v-2f924811]:hover,
+	.nav.open .nav-button.router-link-active[data-v-2f924811] {
 		background: var(--bgl-popup-bg);
 		color: var(--bgl-primary);
 }
-.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] {
+.nav.open .nav-button[data-v-2f924811]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-2f924811],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-2f924811] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-bc4e49f9] {
+.full-nav[data-v-2f924811] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -3055,10 +3006,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-bc4e49f9] {
+.nav.open[data-v-2f924811] {
 		width: initial;
 }
-.nav[data-v-bc4e49f9] {
+.nav[data-v-2f924811] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -3066,7 +3017,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-bc4e49f9] {
+.tooltip[data-v-2f924811] {
 		opacity: 1;
 		background: transparent;
 		color: var(--bgl-light-text);
@@ -3075,25 +3026,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-bc4e49f9] {
+.nav-button[data-v-2f924811] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-bc4e49f9] {
+.nav-button .bgl_icon-font[data-v-2f924811] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-bc4e49f9] {
+.nav-links-wrapper[data-v-2f924811] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-bc4e49f9] {
+.bot-buttons-wrapper[data-v-2f924811] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-bc4e49f9] {
+.nav-scroll[data-v-2f924811] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -3104,15 +3055,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-bc4e49f9]::-webkit-scrollbar {
+.nav[data-v-2f924811]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-bc4e49f9] {
+.nav-expend[data-v-2f924811] {
 		display: none;
 }
 }
 @media screen and (max-height: 550px) {
-.nav.open .nav-button[data-v-bc4e49f9] {
+.nav.open .nav-button[data-v-2f924811] {
 		margin-top: 4px;
 		margin-bottom: 4px;
 }
@@ -3134,19 +3085,19 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.selected[data-v-bd90dc89] {
+.selected[data-v-680da9b9] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-bd90dc89]:hover {
+tbody tr.selected[data-v-680da9b9]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-bd90dc89] {
+.loading-table[data-v-680da9b9] {
 	position: relative;
 }
-.inset[data-v-bd90dc89] {
+.inset[data-v-680da9b9] {
 	inset: 0;
 }
-.loading-table-animation[data-v-bd90dc89] {
+.loading-table-animation[data-v-680da9b9] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3154,9 +3105,9 @@ tbody tr.selected[data-v-bd90dc89]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-bd90dc89 1s linear infinite;
+	animation: loading-table-680da9b9 1s linear infinite;
 }
-@keyframes loading-table-bd90dc89 {
+@keyframes loading-table-680da9b9 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3164,52 +3115,52 @@ tbody tr.selected[data-v-bd90dc89]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-bd90dc89] {
+.list-arrows[data-v-680da9b9] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-bd90dc89] {
+.list-arrows .bgl_icon-font[data-v-680da9b9] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-bd90dc89] {
+.list-arrows.sorted[data-v-680da9b9] {
 	opacity: 1;
 }
-.col img[data-v-bd90dc89] {
+.col img[data-v-680da9b9] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-bd90dc89] {
+.list-arrows.sorted .desc[data-v-680da9b9] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-bd90dc89] {
+table[data-v-680da9b9] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-bd90dc89] {
+th[data-v-680da9b9] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--38e39900);
+	height: var(--6bcf7dec);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-bd90dc89] {
+.embedded-field[data-v-680da9b9] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-bd90dc89] {
+.row[data-v-680da9b9] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-bd90dc89] {
+.row.first-row[data-v-680da9b9] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3218,7 +3169,7 @@ th[data-v-bd90dc89] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-bd90dc89]::after {
+.row.first-row[data-v-680da9b9]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3226,30 +3177,30 @@ th[data-v-bd90dc89] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-bd90dc89] {
+.first-row .col[data-v-680da9b9] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-bd90dc89] {
+.col[data-v-680da9b9] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-bd90dc89]:has(.bagel-input) {
+.col[data-v-680da9b9]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-bd90dc89] {
+.col > div[data-v-680da9b9] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-bd90dc89] {
+.max-col-width[data-v-680da9b9] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-bd90dc89] {
+.col.check .bgl_icon-font[data-v-680da9b9] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3260,35 +3211,35 @@ th[data-v-bd90dc89] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-bd90dc89] {
+.rows[data-v-680da9b9] {
 	font-size: 0.88em;
 }
-.table-list[data-v-bd90dc89] {
+.table-list[data-v-680da9b9] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-bd90dc89] {
+.BagelTable .table-list[data-v-680da9b9] {
 	overflow: unset;
 }
-.row-item[data-v-bd90dc89] {
-	height: var(--38e39900);
+.row-item[data-v-680da9b9] {
+	height: var(--6bcf7dec);
 	transition: all 200ms ease;
 }
-.row-item[data-v-bd90dc89]:hover {
+.row-item[data-v-680da9b9]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-bd90dc89] {
+.row-item input[type='checkbox'][data-v-680da9b9] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-bd90dc89] {
+.infinite-wrapper[data-v-680da9b9] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-bd90dc89] {
+input[type='checkbox'][data-v-680da9b9] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3300,7 +3251,7 @@ input[type='checkbox'][data-v-bd90dc89] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-bd90dc89]::before {
+input[type='checkbox'][data-v-680da9b9]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3313,18 +3264,18 @@ input[type='checkbox'][data-v-bd90dc89]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-bd90dc89]:hover::before {
+input[type='checkbox'][data-v-680da9b9]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-bd90dc89] {
+[lang='he'] [dir='ltr'][data-v-680da9b9] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-bd90dc89] {
+th input[type='checkbox'][data-v-680da9b9] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-bd90dc89]::after {
+th[data-v-680da9b9]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3332,27 +3283,77 @@ th[data-v-bd90dc89]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-bd90dc89] {
+tr[data-v-680da9b9] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-bd90dc89],
-th[data-v-bd90dc89] {
+td[data-v-680da9b9],
+th[data-v-680da9b9] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-bd90dc89] {
+tbody tr[data-v-680da9b9] {
 	font-size: 0.88em;
-	height: var(--38e39900);
+	height: var(--6bcf7dec);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-bd90dc89]:hover {
+tbody tr[data-v-680da9b9]:hover {
 	background: var(--bgl-gray-light);
 }
 
+.lightbox-image[data-v-0410e12d]{
+	object-fit: contain;
+}
+.bgl-lightbox-overlay[data-v-0410e12d] {
+	background: rgba(0, 0, 0, 0.8);
+}
+.bgl-lightbox[data-v-0410e12d] {
+	max-height: 90%;
+}
+.bgl-lightbox-item[data-v-0410e12d]{
+	animation: 500ms ease bgl-lightbox-load-0410e12d;
+}
+@keyframes bgl-lightbox-load-0410e12d {
+from {
+    scale:0.7;
+}
+to {
+	scale:1;
+}
+}
+.bgl-lightbox-item[data-v-0410e12d] * {
+	max-width: 90%;
+	max-height: calc(80vh - 90px);
+	border-radius: 3px;
+	margin: auto;
+	animation: 200ms ease bgl-lightbox-load-0410e12d;
+}
+.navigation[data-v-0410e12d] {
+	top: 50%;
+	transform: translateY(-50%);
+}
+.navigation-btn[data-v-0410e12d] {
+	width: var(--input-height);
+	height: var(--input-height);
+}
+.thumbnail[data-v-0410e12d] {
+	height: 50px;
+	width: 50px;
+}
+.thumbnail[data-v-0410e12d]:hover {
+	opacity: 1;
+}
+.thumbnail[data-v-0410e12d]:active {
+	opacity: 0.8;
+}
+.thumbnail.active[data-v-0410e12d] {
+	opacity: 1;
+	outline: 2px solid white;
+}
+
 
 .grid {
     display: grid;