@bagelink/vue 0.0.229-beta.0 → 0.0.233-beta.0

package/dist/style.css

@@ -427,243 +427,141 @@
 	filter: brightness(80%);
 }
 .bg-dark {
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	background-color: rgba(0, 0, 0, 0.7);
-	z-index: 999;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	pointer-events: none;
-	opacity: 0;
-	transition: all ease-in-out 0.3s;
-	overflow: auto;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+  opacity: 0;
+  transition: all ease-in-out 0.3s;
+  overflow: auto;
 }
 
 .modal {
-	width: 96%;
-	max-width: 680px;
-	transform: scale(0.5);
-	opacity: 0;
-	transition: all ease-in-out 0.15s;
-	margin-top: 6rem;
-	margin-bottom: 4rem;
+  width: 96%;
+  max-width: 680px;
+  transform: scale(0.5);
+  opacity: 0;
+  transition: all ease-in-out 0.15s;
+  margin-top: 6rem;
+  margin-bottom: 4rem;
 }
 
 .small-modal .modal {
-	max-width: 300px;
-	text-align: center;
+  max-width: 300px;
+  text-align: center;
 }
 
 .tool-bar {
-	margin: -2rem -1rem 1rem;
-	display: flex;
-	justify-content: space-between;
-	position: -webkit-sticky;
-	position: sticky;
-	padding-top: 1rem;
-	top: -2rem;
-	z-index: 3;
-	background: var(--bgl-white);
+  margin: -2rem -1rem 1rem;
+  display: flex;
+  justify-content: space-between;
+  position: -webkit-sticky;
+  position: sticky;
+  padding-top: 1rem;
+  top: -2rem;
+  z-index: 3;
+  background: var(--bgl-white);
 }
 
 .modal-size {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 .is-side .modal {
-	inset-inline-end: -600px;
-	transform: scale(1);
-	opacity: 1;
-	position: fixed;
-	top: 20px;
-	bottom: 20px;
-	max-width: 600px;
-	width: 90%;
+  inset-inline-end: -600px;
+  transform: scale(1);
+  opacity: 1;
+  position: fixed;
+  top: 20px;
+  bottom: 20px;
+  max-width: 600px;
+  width: 90%;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 .is-active .modal {
-	transform: scale(1);
-	opacity: 1;
-	box-shadow: 6px 6px 20px 20px #0000001c;
+  transform: scale(1);
+  opacity: 1;
+  box-shadow: 6px 6px 20px 20px #0000001c;
 }
 
 .is-active.is-side .modal {
-	inset-inline-end: 20px;
+  inset-inline-end: 20px;
 }
 
 .bg-dark.is-active {
-	opacity: 1;
-	pointer-events: all;
+  opacity: 1;
+  pointer-events: all;
 }
 
 .is-side.bg-dark.is-active {
-	opacity: 1;
+  opacity: 1;
 }
 
 .is-side.is-active .modal {
-	pointer-events: all;
+  pointer-events: all;
 }
 
 @media screen and (max-width: 910px) {
-	.tool-bar {
-			margin: -2rem 0 1rem;
-			align-items: center;
-	}
+  .tool-bar {
+    margin: -2rem 0 1rem;
+    align-items: center;
+  }
 
-	.is-active.is-side .modal {
-			inset-inline-end: 5%;
-	}
+  .is-active.is-side .modal {
+    inset-inline-end: 5%;
+  }
 }
-.modal-title[data-v-d6a4af96] {
+
+.modal-title[data-v-4c24e1e7] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-d6a4af96] {
+.modal-title[data-v-4c24e1e7] {
 		margin-top: 1rem;
 }
 }
 
-.accordion-item[data-v-f546b0a5] {
-  border-top: 1px solid var(--bgl-gray);
-  border-bottom: 1px solid var(--bgl-gray);
-  width: 100%;
-  max-width: 100%;
-  margin: -1 auto 0;
-  border-radius: 0;
-  background: transparent;
-  color: #000;
-  font-size: 1rem;
-  font-weight: 400;
-  text-align: left;
+.accordion-item[data-v-172f43f1] {
+  border-bottom: 1px solid var(--border-color);
   transition: all 0.2s ease;
+  cursor: pointer;
   overflow: hidden;
 }
-.accordion-title[data-v-f546b0a5] {
-  width: 100%;
-  max-width: 100%;
-  margin: 0 auto;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  color: #000;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  transition: all 0.2s ease;
-  cursor: pointer;
+.accordion-head[data-v-172f43f1] {
   height: var( --input-height);
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.accordion-icon[data-v-f546b0a5] {
+.accordion-icon[data-v-172f43f1] {
   transition: all 0.2s ease;
 }
-.accordion-icon.open[data-v-f546b0a5] {
+.accordion-icon.open[data-v-172f43f1] {
   transform: rotate(180deg);
 }
-.accordion-content[data-v-f546b0a5] {
-  width: 100%;
-  max-width: 100%;
-  margin: 0 auto;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  color: #000;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  transition: all 0.2s ease;
-  max-height: 0;
-  animation: expand-f546b0a5 1s ease forwards;
-}
-@keyframes expand-f546b0a5 {
-0% {
-    max-height: 0;
-}
-100% {
-    max-height: 100vh;
-}
-}
 
-.dropdown {
-  position: relative;
-  font-size: calc(var(--input-font-size) * 1.3);
-  /* width: 50px; */
-  z-index: 9;
-}
-.dropdown-title {
-  white-space: nowrap;
-  color: var(--bgl-gray);
-  border-radius: var(--input-border-radius);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-  padding-left: calc(var(--btn-padding) / 2);
-  padding-right: calc(var(--btn-padding) / 2);
-  display: flex;
-  align-items: center;
-  min-height: var(--input-height);
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  background: var(--bgl-white);
-  justify-content: space-between;
-  user-select: none;
-  position: relative;
-}
-.dropdown-title.hasSelection {
-  color: var(--bgl-primary);
-}
-.open .dropdown {
-  min-width: 120px;
-}
-.dropdown-title:hover {
-  filter: var(--bgl-hover-filter);
-  color: var(--bgl-primary);
-}
-.dropdown-title:active {
-  filter: var(--bgl-active-filter);
+.expand-enter-active,
+.expand-leave-active {
+  transition: all 0.5s;
 }
-.dropdown-body {
-  border-radius: var(--input-border-radius);
-  position: absolute;
-  transition: var(--bgl-transition);
+.expand-enter-from,
+.expand-leave-to {
   max-height: 0;
-  overflow: hidden;
-  background: var(--bgl-white);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  overflow: auto;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
-  z-index: 99999999;
-}
-.dropdown-body * {
-  display: block;
-  cursor: pointer;
-  padding: calc(var(--btn-padding) / 2);
-  padding-bottom: calc(var(--btn-padding) / 4);
-  padding-top: calc(var(--btn-padding) / 4);
-  margin: 0;
-  color: inherit;
-  text-decoration: none;
-  line-height: 1;
-  transition: var(--bgl-transition);
-}
-.dropdown-body *:hover {
-  filter: var(--bgl-hover-filter);
-  color: var(--bgl-primary);
-}
-.dropdown-body *:active {
-  filter: var(--bgl-active-filter);
+  opacity: 0.5;
 }
-.dropdown.opendrop .dropdown-body {
-  max-height: 150px;
+.expand-enter-to,
+.expand-leave-from {
+  max-height: 100vh;
+  opacity: 1;
 }
 
 .search-wrap {
@@ -822,37 +720,37 @@
 	transform: translateY(-2.6rem);
 }
 
-.list-arrows[data-v-acfae82d] {
+.list-arrows[data-v-31691460] {
 	opacity: 0;
 }
-.list-arrows .icon-font[data-v-acfae82d] {
+.list-arrows .icon-font[data-v-31691460] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-acfae82d] {
+.list-arrows.sorted[data-v-31691460] {
 	opacity: 1;
 }
-.col img[data-v-acfae82d] {
+.col img[data-v-31691460] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-acfae82d] {
+.list-arrows.sorted .desc[data-v-31691460] {
 	transform: rotate(180deg);
 }
-table[data-v-acfae82d] {
+table[data-v-31691460] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-acfae82d] {
+th[data-v-31691460] {
 	font-weight: 400;
 }
-.row[data-v-acfae82d] {
+.row[data-v-31691460] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-acfae82d] {
+.row.first-row[data-v-31691460] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -862,7 +760,7 @@ th[data-v-acfae82d] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row[data-v-acfae82d]::after {
+.row.first-row[data-v-31691460]::after {
 	content: "";
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -870,11 +768,11 @@ th[data-v-acfae82d] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-acfae82d] {
+.first-row .col[data-v-31691460] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-acfae82d] {
+.col[data-v-31691460] {
 	white-space: nowrap;
 	padding: 14px;
 	transition: var(--bgl-transition);
@@ -883,16 +781,16 @@ th[data-v-acfae82d] {
 	padding-right: 1rem;
 	align-items: center;
 }
-.col>div[data-v-acfae82d] {
+.col>div[data-v-31691460] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-acfae82d] {
+.max-col-width[data-v-31691460] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .icon-font[data-v-acfae82d] {
+.col.check .icon-font[data-v-31691460] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -903,27 +801,27 @@ th[data-v-acfae82d] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-acfae82d] {
+.rows[data-v-31691460] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-acfae82d] {
+.table-list[data-v-31691460] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-acfae82d] {
+.BagelTable .table-list[data-v-31691460] {
 	overflow: unset;
 }
-.row-item[data-v-acfae82d] {
+.row-item[data-v-31691460] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-acfae82d]:hover {
+.row-item[data-v-31691460]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-acfae82d] {
+.infinite-wrapper[data-v-31691460] {
 	overflow-y: auto;
 	width: 100%;
 }
@@ -1010,645 +908,123 @@ th[data-v-acfae82d] {
   height: 100%;
   /* flex: 0 1 16.6%; */
   display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  position: relative;
-}
-.bar[data-v-fe5af582] {
-  background: var(--bgl-primary);
-  position: relative;
-  min-width: 10px;
-  min-height: 5px;
-  width: 4px;
-  margin: 0 auto;
-  transition: all ease-out 0.8s;
-}
-.bar.compare[data-v-fe5af582] {
-  background-color: #cf2135;
-}
-.bar-chart[data-v-fe5af582] {
-  height: calc(100vh - 500px);
-  width: 90%;
-  margin: 30px auto;
-  display: flex;
-  justify-content: space-between;
-  position: relative;
-}
-.graps .bar-chart[data-v-fe5af582] {
-  aspect-ratio: 9/5;
-  height: auto;
-  max-height: calc(100vh - 500px);
-}
-.bar-lines[data-v-fe5af582] {
-  position: absolute;
-  /* font-size: 20px; */
-  display: flex;
-  flex-direction: column-reverse;
-  top: -15px;
-  bottom: -12px;
-  left: -30px;
-  justify-content: space-between;
-  width: calc(100% + 20px);
-  text-align: start;
-}
-.bar-lines p[data-v-fe5af582] {
-  margin: 0;
-  position: relative;
-}
-.bar-lines p[data-v-fe5af582]::after {
-  content: "";
-  background: var(--bgl-primary-tint);
-  height: 1px;
-  position: absolute;
-  width: calc(100% - 20px);
-  margin: 14px 0 0 10px;
-  opacity: 0.5;
-}
-.bar-lines p[data-v-fe5af582]:first-child:after {
-  content: "";
-  background: var(--bgl-primary-tint);
-  height: 1px;
-  position: absolute;
-  width: calc(100% - 10px);
-  margin: 8px 0 0 10px;
-  opacity: 0.5;
-}
-.red-bar[data-v-fe5af582] {
-  background: #cf2135;
-  height: var(--b74eb91e);
-  width: 100%;
-  position: absolute;
-  left: 0px;
-  bottom: 0;
-  opacity: 0.6;
-  transition: all 200ms ease;
-}
-.red-bar.open-redbar[data-v-fe5af582] {
-  height: 7%;
-}
-.factor[data-v-fe5af582] {
-  position: absolute;
-  transform: rotate(270deg);
-  height: 0px;
-  width: 0;
-  left: -60px;
-  font-size: 22px;
-  text-align: center;
-  white-space: nowrap;
-  top: 60%;
-}
-.dash-hor[data-v-fe5af582] {
-  /* border-bottom: 1px dashed white; */
-  position: absolute;
-  background-image: linear-gradient(to right, #cf2134 53%, transparent 0%);
-  height: 10px;
-  bottom: 41.5%;
-  width: 100%;
-  animation: 1s linear 0s infinite dash-fe5af582;
-  background-position: left;
-  background-repeat: repeat-x;
-  background-size: 15px 4px;
-}
-.dash-hor[data-v-fe5af582]::after {
-  content: "Average Speedup = 25x";
-  position: absolute;
-  left: 0;
-  bottom: 10px;
-  font-size: 22px;
-  background: #cf2134;
-  z-index: 2;
-  padding: 1px 4px;
-  border-radius: 3px;
-}
-@keyframes dash-fe5af582 {
-0% {
-    background-position: 0;
-}
-100% {
-    background-position: 15px;
-}
-}
-
-.primary-checkbox input[data-v-6b168ea9] {
-  display: none;
-}
-.primary-checkbox[data-v-6b168ea9] {
-  margin-top: 8px;
-}
-.primary-checkbox span[data-v-6b168ea9] {
-  display: flex;
-  padding-top: 1px;
-  align-items: center;
-  justify-content: center;
-  color: var(--bgl-white);
-  border-radius: 100%;
-  width: 26px;
-  height: 26px;
-  background: var(--bgl-white);
-  border: 4px solid var(--bgl-gray-light);
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  user-select: none;
-}
-.primary-checkbox span[data-v-6b168ea9]:hover {
-  filter: brightness(90%);
-}
-.primary-checkbox span[data-v-6b168ea9]:active {
-  filter: brightness(80%);
-}
-.primary-checkbox input:checked + span[data-v-6b168ea9] {
-  background: var(--bgl-primary);
-  border: none;
-}
-
-.bglform-contact[data-v-f93bb259] {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-	max-width: 700px;
-	position: relative;
-}
-.bglform-contact-label[data-v-f93bb259] {
-	flex-basis: 140px;
-}
-.bglform-contact input[type="checkbox"][data-v-f93bb259] {
-	width: 30px;
-	min-width: 0;
-}
-.light.thin.flatBtn.btn[data-v-f93bb259] {
-	padding-left: calc(var(--btn-padding) / 4);
-	padding-right: calc(var(--btn-padding) / 4);
-}
-.add-btn[data-v-f93bb259] {
-	display: flex;
-	gap: 0.5rem;
-	align-items: center;
-	margin-inline-start: 1rem;
-}
-.add-btn[data-v-f93bb259]:active {
-	background: none !important;
-}
-.add-btn[data-v-f93bb259]::before {
-	content: "+";
-	font-size: 10px;
-	background: var(--bgl-blue-light);
-	border-radius: 100%;
-	height: 14px;
-	width: 14px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: var(--bgl-primary);
-}
-.add-btn[data-v-f93bb259]:hover::before {
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
-}
-@media screen and (max-width: 910px) {
-.bglform-contact-label[data-v-f93bb259] {
-		min-width: 0;
-}
-}
-
-.bglform-contact-confirm {
-	position: absolute;
-	background: rgba(255, 255, 255, 0.5);
-	height: 100%;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 0.5rem;
-	backdrop-filter: blur(1px);
-}
-
-.bglform-contact[data-v-77d03b04] {
-	display: flex;
-	gap: 0.5rem;
-	max-width: 700px;
-	position: relative;
-}
-.bglform-contact-label[data-v-77d03b04] {
-	flex-basis: 140px;
-}
-.bglform-contact-address[data-v-77d03b04] {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-}
-.bglform-contact input[type="checkbox"][data-v-77d03b04] {
-	width: 30px;
-	min-width: 0;
-}
-.light.thin.flatBtn.btn[data-v-77d03b04] {
-	padding-left: calc(var(--btn-padding) / 4);
-	padding-right: calc(var(--btn-padding) / 4);
-}
-.bglform-address-del[data-v-77d03b04] {
-	margin-top: 6px;
-}
-.bglform-contact-address-flex[data-v-77d03b04] {
-	display: flex;
-	gap: 0.5rem;
-}
-.add-btn[data-v-77d03b04] {
-	display: flex;
-	gap: 0.5rem;
-	align-items: center;
-	margin-inline-start: 1rem;
-}
-.add-btn[data-v-77d03b04]:active {
-	background: none !important;
-}
-.add-btn[data-v-77d03b04]::before {
-	content: "+";
-	font-size: 10px;
-	background: var(--bgl-blue-light);
-	border-radius: 100%;
-	height: 14px;
-	width: 14px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: var(--bgl-primary);
-}
-.add-btn[data-v-77d03b04]:hover::before {
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
-}
-@media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-77d03b04] {
-		flex-wrap: wrap;
-}
-.bglform-contact-label[data-v-77d03b04] {
-		min-width: 0;
-}
-}
-
-.bglform-contact-confirm {
-	position: absolute;
-	background: rgba(255, 255, 255, 0.5);
-	height: 100%;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 0.5rem;
-	backdrop-filter: blur(1px);
-}
-
-.bglform-contact[data-v-a0d366d4] {
-	display: flex;
-	gap: 0.5rem;
-	max-width: 700px;
-	position: relative;
-}
-.bglform-contact-label[data-v-a0d366d4] {
-	flex-basis: 140px;
-}
-.bglform-contact-address[data-v-a0d366d4] {
-	display: flex;
-	flex-direction: column;
-	gap: 0.5rem;
-}
-.bglform-contact input[type="checkbox"][data-v-a0d366d4] {
-	width: 30px;
-	min-width: 0;
-}
-.light.thin.flatBtn.btn[data-v-a0d366d4] {
-	padding-left: calc(var(--btn-padding) / 4);
-	padding-right: calc(var(--btn-padding) / 4);
-}
-.bglform-address-del[data-v-a0d366d4] {
-	margin-top: 6px;
-}
-.bglform-contact-address-flex[data-v-a0d366d4] {
-	display: flex;
-	gap: 0.5rem;
-}
-.add-btn[data-v-a0d366d4] {
-	display: flex;
-	gap: 0.5rem;
-	align-items: center;
-	margin-inline-start: 1rem;
-}
-.add-btn[data-v-a0d366d4]:active {
-	background: none !important;
-}
-.add-btn[data-v-a0d366d4]::before {
-	content: "+";
-	font-size: 10px;
-	background: var(--bgl-blue-light);
-	border-radius: 100%;
-	height: 14px;
-	width: 14px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: var(--bgl-primary);
-}
-.add-btn[data-v-a0d366d4]:hover::before {
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
-}
-@media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-a0d366d4] {
-		flex-wrap: wrap;
-}
-.bglform-contact-label[data-v-a0d366d4] {
-		min-width: 0;
-}
-}
-
-.misc-wrap[data-v-a096417d] {
-	display: flex;
-	gap: 1rem;
-	border-top: 1px solid var(--border-color);
-	padding-top: 0.5rem;
-	margin-bottom: auto;
-}
-.gray.thin.flatBtn.btn.add-btn[data-v-a096417d] {
-	display: flex;
-	gap: 0.5rem;
-	align-items: center;
-	padding-left: 0;
-	padding-right: 0;
-	transition: var(--bgl-transition);
-}
-.add-btn[data-v-a096417d]:active {
-	background: none !important;
-}
-.add-btn[data-v-a096417d]::before {
-	content: "+";
-	font-size: 10px;
-	background: var(--bgl-gray-light);
-	border-radius: 100%;
-	height: 14px;
-	width: 14px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: var(--bgl-gray);
-}
-.add-btn[data-v-a096417d]:hover::before {
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
-}
-
-.checkbox-label {
-  display: flex;
-  gap: 0.5rem;
-  flex-direction: row-reverse;
-  justify-content: flex-end;
-  align-items: center;
-  cursor: pointer;
-}
-
-.no-edit[data-v-dee6bdf5] {
-  pointer-events: none;
-}
-.radio-wrap p[data-v-dee6bdf5] {
-  display: inline-block;
-  color: var(--input-bg);
-  font-size: var(--input-font-size);
-  margin-inline-end: 10px;
-}
-.radio-wrap label[data-v-dee6bdf5] {
-  padding: 3px 5px;
-  display: inline-block;
-  border-radius: var(--input-border-radius);
-  font-size: var(--input-font-size);
-  background: var(--input-bg);
-  color: var(--bgl-black);
-  text-align: center;
-  margin: 8px 5px;
-  cursor: pointer;
-  user-select: none;
-}
-.bagel-input .radio-wrap label[data-v-dee6bdf5]::after {
-  background: transparent;
-}
-.radio-wrap input[data-v-dee6bdf5] {
-  display: none;
-}
-.radio-wrap input:checked:checked + label[data-v-dee6bdf5] {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
-}
-.checkbox[data-v-dee6bdf5] {
-  position: relative;
-}
-.switch[data-v-dee6bdf5] {
-  position: relative;
-  display: inline-block;
-  height: calc(var(--input-height) / 2);
-  width: var(--input-height);
-  border-radius: var(--input-height);
-}
-.switch input[data-v-dee6bdf5] {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.bagel-input.checkbox.check[data-v-dee6bdf5] {
-  margin: 0;
-}
-.bagel-input.checkbox.check .switch[data-v-dee6bdf5] {
-  width: calc(var(--input-height) / 2);
-  height: calc(var(--input-height) / 2);
-  transition: 0.2s;
-}
-.bagel-input.checkbox.check .slider[data-v-dee6bdf5]:before {
-  position: absolute;
-  font-family: "Material Symbols Outlined", serif;
-  content: "";
-  color: var(--bgl-white);
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.bagel-input.checkbox.check input:checked + .slider[data-v-dee6bdf5]:before {
-  transform: none;
-  content: "check";
-}
-.slider[data-v-dee6bdf5] {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: var(--input-bg);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-  border-radius: calc(var(--input-height) / 2);
-  box-shadow: inset 0 0 10px #00000020;
-}
-.slider[data-v-dee6bdf5]:before {
-  position: absolute;
-  content: "";
-  height: calc(var(--input-height) / 2 - 4px);
-  width: calc(var(--input-height) / 2 - 4px);
-  left: 2px;
-  bottom: 2px;
-  border-radius: 50%;
-  background: var(--bgl-white);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-input:checked + .slider[data-v-dee6bdf5] {
-  background: var(--bgl-primary);
-}
-input:checked + .slider[data-v-dee6bdf5]:before {
-  transform: translateX(calc(var(--input-height) / 2));
-}
-
-.uploading-wrap {
-	width: 100%;
-	padding-right: 5px;
-	padding-left: 5px;
-}
-
-/*
-.uploading {}
-*/
-.img-label .icon-font {
-	font-size: 30px;
-	margin-bottom: 10px;
-}
-.img-label span {
-	text-decoration: underline;
-}
-.file-input {
-	display: none;
-}
-.files-wrapper {
-	flex-direction: column;
-	border-radius: 10px;
-	/*overflow: hidden;*/
-	min-height: calc(var(--input-height) * 1.5);
-
-	font-size: var(--input-font-size);
-}
-.drop-zone {
-	background-color: var(--input-bg);
-	height: 100%;
-	width: 100%;
-	flex-grow: 1;
-	position: relative;
-	overflow: hidden;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	outline: dashed 1px var(--border-color);
-	border-radius: 10px;
-	padding: 1px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	color: var(--input-color);
-}
-.drop-zone:hover {
-	color: var(--bgl-primary);
-	outline: dashed 1px var(--bgl-primary-tint);
-}
-.drop-circle {
-	pointer-events: none;
-	position: absolute;
-	width: 100px;
-	height: 100px;
-	border-radius: 50%;
-	background-color: var(--bgl-primary-tint);
-	display: flex;
-	transform: translate(-50%, -50%) scale(1);
-	transform-origin: left top;
-}
-.load-file-bar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	background: var(--bgl-white);
-	border-radius: var(--btn-border-radius);
-	width: 100%;
-	color: var(--input-color);
-	height: var(--btn-height);
-	padding: 0.5rem;
-	height: 46px;
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-	white-space: nowrap;
+  flex-direction: row;
+  align-items: flex-end;
+  position: relative;
 }
-.load-file-bar p {
-	width: calc(100% - 40px);
-	overflow: hidden;
-	text-overflow: ellipsis;
+.bar[data-v-fe5af582] {
+  background: var(--bgl-primary);
+  position: relative;
+  min-width: 10px;
+  min-height: 5px;
+  width: 4px;
+  margin: 0 auto;
+  transition: all ease-out 0.8s;
 }
-.load-file-bar span {
-	font-size: 10px;
+.bar.compare[data-v-fe5af582] {
+  background-color: #cf2135;
 }
-.pie {
-	width: 30px;
-	height: 30px;
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+.bar-chart[data-v-fe5af582] {
+  height: calc(100vh - 500px);
+  width: 90%;
+  margin: 30px auto;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
 }
-.pie: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)));
+.graps .bar-chart[data-v-fe5af582] {
+  aspect-ratio: 9/5;
+  height: auto;
+  max-height: calc(100vh - 500px);
 }
-.pie .success {
-	transform: scale(0);
-	opacity: 0;
-	transition: all 0.3s ease-in-out;
+.bar-lines[data-v-fe5af582] {
+  position: absolute;
+  /* font-size: 20px; */
+  display: flex;
+  flex-direction: column-reverse;
+  top: -15px;
+  bottom: -12px;
+  left: -30px;
+  justify-content: space-between;
+  width: calc(100% + 20px);
+  text-align: start;
 }
-.pie .progress {
-	position: absolute;
-	font-size: 10px;
+.bar-lines p[data-v-fe5af582] {
+  margin: 0;
+  position: relative;
 }
-.pie.complete .progress {
-	display: none;
+.bar-lines p[data-v-fe5af582]::after {
+  content: "";
+  background: var(--bgl-primary-tint);
+  height: 1px;
+  position: absolute;
+  width: calc(100% - 20px);
+  margin: 14px 0 0 10px;
+  opacity: 0.5;
 }
-.pie.complete .success {
-	transform: scale(1.3);
-	opacity: 1;
+.bar-lines p[data-v-fe5af582]:first-child:after {
+  content: "";
+  background: var(--bgl-primary-tint);
+  height: 1px;
+  position: absolute;
+  width: calc(100% - 10px);
+  margin: 8px 0 0 10px;
+  opacity: 0.5;
 }
-.pie.complete:before {
-	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
+.red-bar[data-v-fe5af582] {
+  background: #cf2135;
+  height: var(--b74eb91e);
+  width: 100%;
+  position: absolute;
+  left: 0px;
+  bottom: 0;
+  opacity: 0.6;
+  transition: all 200ms ease;
 }
-.pie.complete {
-	color: var(--bgl-green);
+.red-bar.open-redbar[data-v-fe5af582] {
+  height: 7%;
 }
-
-.pop-enter-active {
-	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+.factor[data-v-fe5af582] {
+  position: absolute;
+  transform: rotate(270deg);
+  height: 0px;
+  width: 0;
+  left: -60px;
+  font-size: 22px;
+  text-align: center;
+  white-space: nowrap;
+  top: 60%;
+}
+.dash-hor[data-v-fe5af582] {
+  /* border-bottom: 1px dashed white; */
+  position: absolute;
+  background-image: linear-gradient(to right, #cf2134 53%, transparent 0%);
+  height: 10px;
+  bottom: 41.5%;
+  width: 100%;
+  animation: 1s linear 0s infinite dash-fe5af582;
+  background-position: left;
+  background-repeat: repeat-x;
+  background-size: 15px 4px;
 }
-.pop-leave-active {
-	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+.dash-hor[data-v-fe5af582]::after {
+  content: "Average Speedup = 25x";
+  position: absolute;
+  left: 0;
+  bottom: 10px;
+  font-size: 22px;
+  background: #cf2134;
+  z-index: 2;
+  padding: 1px 4px;
+  border-radius: 3px;
 }
-.pop-enter-from,
-.pop-leave-to {
-	scale: 0;
+@keyframes dash-fe5af582 {
+0% {
+    background-position: 0;
 }
-.delete-btn {
-	margin-inline-end: -30px;
-	opacity: 0;
-	margin-inline-start: 10px;
+100% {
+    background-position: 15px;
 }
-.uploading-wrap:hover .delete-btn {
-	opacity: 1;
-	margin-inline-end: 0;
 }
 
 .del-top {
@@ -1663,28 +1039,28 @@ input:checked + .slider[data-v-dee6bdf5]:before {
   --bgl-primary: #19b8ea;
 }
 
-.bgl-checkbox[data-v-5018d3d9]{
+.bgl-checkbox[data-v-68005f11]{
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.bgl-checkbox input[type=checkbox][data-v-5018d3d9]{
+.bgl-checkbox input[type=checkbox][data-v-68005f11]{
   display: none;
 }
-.bgl-checkbox label[data-v-5018d3d9]{
+.bgl-checkbox label[data-v-68005f11]{
   padding-inline-start: 0.5rem;
   transition: var(--bgl-transition);
   cursor: pointer;
   user-select: none;
 }
-.bgl-checkbox[data-v-5018d3d9]:hover{
-  filter: brightness(90%);
+.bgl-checkbox[data-v-68005f11]:hover{
+  filter: brightness(95%);
 }
-.bgl-checkbox[data-v-5018d3d9]:active{
+.bgl-checkbox[data-v-68005f11]:active{
   filter: var(--bgl-active-filter);
 }
-.bgl-checkbox .check-square[data-v-5018d3d9]{
+.bgl-checkbox .check-square[data-v-68005f11]{
   width: calc(var(--input-height) / 2.5);
   height: calc(var(--input-height) / 2.5);
   background: var(--bgl-white);
@@ -1695,26 +1071,21 @@ input:checked + .slider[data-v-dee6bdf5]:before {
   align-items: center;
   justify-content: center;
 }
-input:checked ~ .check-square[data-v-5018d3d9]{
+.check-square.checked[data-v-68005f11]{
   background: var(--bgl-primary);
 }
-.bgl-checkbox svg[data-v-5018d3d9]{
+.bgl-checkbox svg[data-v-68005f11]{
   width: calc(var(--input-height) / 2.5);
   height: calc(var(--input-height) / 2.5);
   position: absolute;
   z-index: 2;
   fill: var(--bgl-white);
-  opacity: 0;
   pointer-events: none;
+  transform: scale(0);
+  transition: var(--bgl-transition);
 }
-input:checked ~ .check-square svg[data-v-5018d3d9]{
-  opacity: 1;
-}
-
-.currency[data-v-17a56a3f] {
-	font-size: calc(var(--input-font-size) * 1.4);
-	margin-inline-start: -50px;
-	line-height: 0px;
+.check-square.checked svg[data-v-68005f11]{
+  transform: scale(1);
 }
 .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
 
@@ -1729,137 +1100,6 @@ input:checked ~ .check-square svg[data-v-5018d3d9]{
 	direction: ltr;
 }
 
-.custom-select[data-v-947beb38] {
-	position: relative;
-	font-size: var(--input-font-size);
-}
-.custom-select .input[data-v-947beb38] {
-	width: 100%;
-	cursor: pointer;
-	background: var(--input-bg);
-	min-height: var(--input-height);
-	border: none;
-	border-radius: var(--input-border-radius);
-	color: var(--input-color);
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	text-align: start;
-	margin-inline-end: 20px;
-	justify-content: center;
-}
-.custom-select .input[data-v-947beb38]:after {
-	content: 'keyboard_arrow_down';
-	font-family: 'Material Symbols Outlined', serif;
-	position: absolute;
-	top: calc(var(--input-height) / 2 - 10px);
-	font-size: calc(var(--input-font-size) * 1.5);
-	right: calc(var(--input-height) / 4);
-	height: 100%;
-}
-.option-label[data-v-947beb38] {
-	font-size: var(--input-font-size);
-	/*color: var(--input-color);*/
-}
-.option-description[data-v-947beb38] {
-	font-size: var(--input-font-size);
-	color: var(--input-color);
-}
-[dir='rtl'] .custom-select .input[data-v-947beb38]:after {
-	right: unset;
-	left: calc(var(--input-font-size) / 2);
-}
-
-/*[dir='rtl'] .custom-select-drop {*/
-/*    right: v-bind(left);*/
-/*    left: unset;*/
-/*}*/
-[dir='rtl'] .custom-select-drop[data-v-947beb38] {
-	inset-inline-end: var(--db4af1b6);
-	inset-inline-start: unset;
-}
-.custom-select-drop[data-v-947beb38] {
-	position: fixed;
-	cursor: pointer;
-	inset-inline-start: var(--db4af1b6);
-	top: var(--25d5c417);
-	box-sizing: border-box;
-	width: var(--8cd9ab30);
-	background: var(--bgl-white);
-	box-shadow: 0 0 10px 0 var(--bgl-shadow);
-	border-radius: 10px;
-	z-index: 10000;
-	overflow-y: auto;
-	opacity: 0;
-	pointer-events: none;
-	max-height: 0;
-}
-.open-select.custom-select-drop[data-v-947beb38] {
-	opacity: 1;
-	max-height: 150px;
-	pointer-events: all;
-}
-.custom-select-drop>*[data-v-947beb38] {
-	padding: 0.5rem 0.75rem;
-}
-.custom-select-drop>*[data-v-947beb38]:hover {
-	background: var(--bgl-blue-light);
-}
-.custom-select-drop>*[data-v-947beb38]:active {
-	filter: var(--bgl-hover-filter);
-}
-
-.password-input-wrap[data-v-525f5e2e] {
-  position: relative;
-}
-.password-icon[data-v-525f5e2e] {
-  position: absolute;
-  top: calc(var(--input-height) / 2 - 10px);
-  right: calc(var(--input-height) / 2 - 10px);
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  user-select: none;
-}
-.password-icon[data-v-525f5e2e]:hover {
-  filter: var(--bgl-hover-filter);
-  color: var(--bgl-primary);
-}
-.password-icon[data-v-525f5e2e]:active {
-  filter: var(--bgl-active-filter);
-}
-[dir="rtl"] .password-icon[data-v-525f5e2e] {
-  left: calc(var(--input-height) / 2 - 10px);
-  right: unset;
-}
-
-.icon-font[data-v-800f4000] {
-	position: absolute;
-	cursor: pointer;
-	z-index: 2;
-	color: var(--bgl-gray);
-	inset-inline-end: 0.75rem;
-	inset-block-start: calc(var(--input-height) / 2 + 3px);
-	transition: var(--bgl-transition);
-	user-select: none;
-	border-radius: 100%;
-	height: 24px;
-	width: 24px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.icon-font[data-v-800f4000]:hover {
-	background: var(--bgl-white);
-}
-.icon-font[data-v-800f4000]:active {
-	background: var(--bgl-white);
-	filter: brightness(90%);
-}
-
-.no-edit[data-v-b3b5a368] {
-	margin-bottom: 2px;
-}
-
 fieldset[disabled] .multiselect {
 	pointer-events: none;
 }
@@ -2077,12 +1317,11 @@ fieldset[disabled] .multiselect {
 }
 .multiselect__select::before {
 	position: relative;
-	right: 0;
-	top: calc(var(--input-height) / 2 - var(--input-font-size));
+	background-size: contain;
+	transform: scale(0.5);
+	top: 4px;
 	color: var(--bgl-black);
-	content: "expand_more";
-	font-family: "Material Icons";
-	font-size: var(--input-font-size);
+	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b7b7b7' height='24' viewBox='0 -960 960 960' width='24'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>")
 }
 .multiselect__placeholder {
 	color: #adadad;
@@ -2146,7 +1385,8 @@ fieldset[disabled] .multiselect {
 	right: 0;
 	position: absolute;
 	width: calc(var(--input-height) * 0.8);
-	height: calc(var(--input-height) * 0.8);;
+	height: calc(var(--input-height) * 0.8);
+	;
 	text-align: center;
 	font-size: 13px;
 }
@@ -2479,8 +1719,36 @@ to {
 	inset-inline-end: 0;
 }
 
-.no-edit[data-v-188270a2] {
-	cursor: not-allowed;
+.primary-checkbox input[data-v-e4cbb088] {
+  display: none;
+}
+.primary-checkbox[data-v-e4cbb088] {
+  margin-top: 8px;
+}
+.primary-checkbox span[data-v-e4cbb088] {
+  display: flex;
+  padding-top: 1px;
+  align-items: center;
+  justify-content: center;
+  color: var(--bgl-white);
+  border-radius: 100%;
+  width: 26px;
+  height: 26px;
+  background: var(--bgl-white);
+  border: 4px solid var(--bgl-gray-light);
+  cursor: pointer;
+  transition: var(--bgl-transition);
+  user-select: none;
+}
+.primary-checkbox span[data-v-e4cbb088]:hover {
+  filter: brightness(90%);
+}
+.primary-checkbox span[data-v-e4cbb088]:active {
+  filter: brightness(80%);
+}
+.primary-checkbox input:checked + span[data-v-e4cbb088] {
+  background: var(--bgl-primary);
+  border: none;
 }
 
 .datetime-wrap {
@@ -2610,7 +1878,7 @@ to {
   color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-4cc883c0] {
+.bagel-input .fileUploadWrap[data-v-4144cc3e] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2620,7 +1888,7 @@ to {
 	height: 132px;
 	font-size: var(--input-font-size);
 }
-.previewName[data-v-4cc883c0] {
+.previewName[data-v-4144cc3e] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -2628,37 +1896,37 @@ to {
 	grid-template-columns: 1fr 22px;
 	align-items: center;
 }
-.previewName p[data-v-4cc883c0] {
+.previewName p[data-v-4144cc3e] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-4cc883c0] {
+.imagePreviewWrap[data-v-4144cc3e] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	height: 90px;
 	padding: 5px;
 }
-img.preview[data-v-4cc883c0] {
+img.preview[data-v-4144cc3e] {
 	height: 80px;
 	border-radius: var(--input-border-radius);
 	object-fit: contain;
 }
-.fileUploadWrap.dragover[data-v-4cc883c0],
-.fileUploadWrap[data-v-4cc883c0]:hover {
+.fileUploadWrap.dragover[data-v-4144cc3e],
+.fileUploadWrap[data-v-4144cc3e]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-4cc883c0] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-4144cc3e] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-4cc883c0]:after {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-4144cc3e]:after {
 	content: "Drop files here or click to upload";
 }
-.pie[data-v-4cc883c0] {
+.pie[data-v-4144cc3e] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2666,7 +1934,7 @@ img.preview[data-v-4cc883c0] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-4cc883c0]:before {
+.pie[data-v-4144cc3e]:before {
 	content: "";
 	position: absolute;
 	border-radius: 50%;
@@ -2680,26 +1948,26 @@ img.preview[data-v-4cc883c0] {
 			#0000 calc(99% - var(--b)),
 			#000 calc(100% - var(--b)));
 }
-.pie .success[data-v-4cc883c0] {
+.pie .success[data-v-4144cc3e] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-4cc883c0] {
+.pie .progress[data-v-4144cc3e] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-4cc883c0] {
+.pie.complete .progress[data-v-4144cc3e] {
 	display: none;
 }
-.pie.complete .success[data-v-4cc883c0] {
+.pie.complete .success[data-v-4144cc3e] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-4cc883c0]:before {
+.pie.complete[data-v-4144cc3e]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-4cc883c0] {
+.pie.complete[data-v-4144cc3e] {
 	color: var(--bgl-green);
 }
 
@@ -3941,11 +3209,6 @@ h6 {}
   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);
 }
-.FormRow {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-  gap: 1rem;
-}
 .detail-main {
   overflow-y: auto;
 }
@@ -3956,17 +3219,6 @@ h6 {}
   color: var(--bgl-gray);
   font-size: 9px;
 }
-.empty-box {
-  width: 100%;
-  background-color: var(--bgl-gray-light);
-  color: var(--bgl-gray);
-  text-align: center;
-  padding: 20px;
-  border-radius: 10px;
-  justify-content: center;
-  flex-direction: column;
-  display: flex;
-}
 .field {
   --field-count: 1;
   --width: calc(100% / var(--field-count));