@bagelink/vue 0.0.1220 → 0.0.1224

package/dist/style.css

@@ -307,97 +307,18 @@ display: block;
 	border-radius: var(--input-border-radius);
 }
 
-.calendar-header[data-v-34cb97da] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--qalendar-spacing-half);
-  border-radius: var(--qalendar-border-radius);
-}
-@media (min-width: 768px) {
-.calendar-header[data-v-34cb97da] {
-    justify-content: space-between;
-    gap: var(--qalendar-spacing);
-}
-}
-.dark {
-  color: var(--qalendar-dark-mode-text-hint);
-}
-.calendar-header__period-name[data-v-34cb97da] {
-  font-size: var(--qalendar-font-l);
-  text-align: center;
-}
-@media (min-width: 768px) {
-.calendar-header__period-name[data-v-34cb97da] {
-    margin-bottom: 0;
-    text-align: left;
-}
-}
-.calendar-header__multiselects[data-v-34cb97da] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--qalendar-spacing);
-}
-.calendar-header__chevron-arrows[data-v-34cb97da] {
-  display: flex;
-  align-items: center;
-  gap: 20px;
+.datePick input{
+	min-width: 2px !important;
 }
-.calendar-header__chevron-arrow[data-v-34cb97da] {
-  cursor: pointer;
-  transition: color 0.2s ease;
-  font-size: var(--qalendar-font-m);
-}
-.calendar-header__chevron-arrow[data-v-34cb97da]:hover {
-  color: var(--qalendar-gray-quite-dark);
-}
-.calendar-header__mode-picker[data-v-34cb97da] {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: fit-content;
-  height: 36px;
-  border-radius: 4px;
-  font-size: var(--qalendar-font-m);
-  cursor: pointer;
-  border: var(--qalendar-border-gray-thin);
-}
-.dark {
-  border-color: transparent;
-}
-.calendar-header__mode-value[data-v-34cb97da] {
-  padding: 0 var(--qalendar-spacing);
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  user-select: none;
-  border-radius: 4px;
-}
-.dark {
-  background-color: var(--qalendar-dark-mode-lightly-elevated-surface);
-}
-.calendar-header__mode-options[data-v-34cb97da] {
-  position: absolute;
-  z-index: 51;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border: var(--qalendar-border-gray-thin);
-  background-color: #fff;
-}
-.dark {
-  border-color: transparent;
-  background-color: var(--qalendar-dark-mode-elevated-surface);
+@media screen and (max-width: 910px) {
+.datePick{
+	--input-font-size: 0.75rem;
 }
-.calendar-header__mode-option[data-v-34cb97da] {
-  padding: var(--qalendar-spacing-half) var(--qalendar-spacing);
 }
-.calendar-header__mode-option[data-v-34cb97da]:hover {
-  background-color: var(--qalendar-option-hover);
+
+.agenda__event[data-v-7667cd3d] {
+	background-color: var(--2331113a);
+	color: var(--13d56971);
 }
 
 .event-flyout {
@@ -405,7 +326,7 @@ display: block;
 	z-index: 50;
 	background-color: #fff;
 	max-height: 100%;
-	width: var(--2bf9b46b);
+	width: var(--34f9e9aa);
 	max-width: 98%;
 	border: var(--qalendar-border-gray-thin);
 	border-radius: 8px;
@@ -493,7 +414,8 @@ display: block;
 	width: var(--icon-height);
 }
 .is-title {
-	font-size: var(--qalendar-font-l);
+	font-size: 18px;
+	line-height: 1.2;
 	align-items: center;
 }
 .is-not-editable .is-title {
@@ -504,116 +426,16 @@ display: block;
 	margin-bottom: 0.75em;
 }
 
-.agenda__event[data-v-eb2ab566] {
-	background-color: var(--6b656230);
-	color: var(--2507007e);
-	display: flex;
-	flex-flow: column;
-	justify-content: flex-start;
-	border-radius: 4px;
-	font-size: var(--qalendar-font-2xs);
-	margin-bottom: 4px;
-	padding: var(--qalendar-spacing);
-	cursor: pointer;
-	user-select: none;
-}
-
-.agenda__wrapper[data-v-25f23df1] {
-  display: flex;
-  flex-flow: row;
-  padding: 10px 5px 0;
-}
-.agenda__header[data-v-25f23df1] {
-  padding-right: 10px;
-}
-.agenda__header-day-name[data-v-25f23df1] {
-  text-align: center;
-  color: var(--qalendar-theme-color);
-  font-size: var(--qalendar-font-xs);
-  font-weight: bold;
-}
-.agenda__header-date[data-v-25f23df1] {
-  height: fit-content;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 5px;
-  border-radius: 4px;
-  background-color: var(--qalendar-theme-color);
-  color: white;
-  font-weight: 600;
-  font-size: var(--qalendar-font-m);
-}
-.agenda__content[data-v-25f23df1] {
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: auto;
-}
-.agenda__content .is-empty[data-v-25f23df1] {
-  min-height: 70px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.calendar-month__event {
-	--event-inline-padding: 4px;
-	display: flex;
-	align-items: center;
-	overflow: hidden;
-	border-radius: 4px;
-	font-size: var(--qalendar-font-2xs);
-	width: calc(100% - (var(--event-inline-padding) * 2));
-	margin-bottom: 4px;
-	padding: 0.25rem var(--event-inline-padding);
-	cursor: pointer;
-	user-select: none;
-}
-.calendar-month__event .calendar-month__event-time {
-	margin-right: 6px;
-}
-.calendar-month__event .calendar-month__event-time,
-.calendar-month__event .calendar-month__event-title,
-.calendar-month__event .calendar-month__event-color {
-	flex-shrink: 0;
-}
-.qalendar-is-small .calendar-month__event .calendar-month__event-time,
-.qalendar-is-small .calendar-month__event .calendar-month__event-title {
-	display: none;
-}
-.qalendar-is-small .calendar-month__event {
-	background-color: var(--2920aa71);
-	width: 4px;
-	height: 4px;
-	border-radius: 50%;
-	padding: 1px;
-	margin-right: 1px;
-}
-.calendar-month__event.is-draggable {
-	cursor: grab;
-}
-.calendar-month__event:active {
-	z-index: 100;
-}
-.calendar-month__event:not(.is-draggable):active {
-	cursor: not-allowed;
-}
-.calendar-month__event:hover {
-	background-color: var(--qalendar-light-gray);
+.calendar-month__event[data-v-3c4101df]:active {
+    z-index: 100;
 }
-.calendar-month__event:hover:hover {
-	background-color: var(--qalendar-option-hover);
-}
-.calendar-month__event .calendar-month__event-color {
-	background-color: var(--2920aa71);
-	width: 6px;
-	height: 6px;
-	border-radius: 50%;
-	margin-right: 4px;
+.calendar-month__event .calendar-month__event-color[data-v-3c4101df] {
+    background-color: var(--03af06be);
+    width: 6px;
+    height: 6px;
 }
 
-.calendar-month__weekday[data-v-057882e2] {
+.calendar-month__weekday[data-v-de994cfd] {
   height: 100%;
   flex: 1;
   display: flex;
@@ -624,60 +446,43 @@ display: block;
   overflow: hidden;
   transition: background-color 0.2s ease-in-out;
 }
-.calendar-month__weekday.is-droppable[data-v-057882e2] {
+.calendar-month__weekday.is-droppable[data-v-de994cfd] {
   background-color: var(--qalendar-light-gray);
 }
-.calendar-month__weekday[data-v-057882e2]:last-child {
+.calendar-month__weekday[data-v-de994cfd]:last-child {
   border-right: 0;
 }
-.qalendar-is-small .calendar-month__weekday.is-selected[data-v-057882e2] {
-  -webkit-box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
-  -moz-box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
-  box-shadow: inset 0 0 0 3px var(--qalendar-theme-color);
-  border-radius: 5px;
-}
-.qalendar-is-small .calendar-month__weekday[data-v-057882e2] {
-  height: 45px;
-  width: 45px;
-  display: flex;
-  flex-flow: column;
-  justify-content: space-around;
-}
-.calendar-month__day-date[data-v-057882e2] {
-  font-size: var(--qalendar-font-xs);
-  color: var(--qalendar-gray-quite-dark);
-}
-.calendar-month__day-date[data-v-057882e2]:first-child {
-  margin-top: 6px;
+.calendar-month__weekday.is-selected[data-v-de994cfd] {
+  box-shadow: inset 0 0 0 1px var(--bgl-primary);
 }
-.calendar-month__weekday-more[data-v-057882e2] {
+.calendar-month__weekday-more[data-v-de994cfd] {
   font-size: var(--qalendar-font-2xs);
   width: 100%;
   padding-left: 4px;
   color: var(--qalendar-gray-quite-dark);
   cursor: pointer;
 }
-.calendar-month_events[data-v-057882e2] {
+.calendar-month_events[data-v-de994cfd] {
   width: 100%;
 }
-.qalendar-is-small .calendar-month_events[data-v-057882e2] {
+.qalendar-is-small .calendar-month_events[data-v-de994cfd] {
   display: flex;
   flex-flow: row;
   justify-content: center;
 }
-.qalendar-is-small .calendar-month_events .calendar-month__weekday-more[data-v-057882e2] {
+.qalendar-is-small .calendar-month_events .calendar-month__weekday-more[data-v-de994cfd] {
   display: none;
 }
-.calendar-month__weekday.is-today .calendar-month__day-date[data-v-057882e2] {
-  background-color: var(--qalendar-theme-color);
+.calendar-month__weekday.is-today .calendar-month__day-date[data-v-de994cfd] {
+  background-color: var(--bgl-primary);
   color: #fff;
   border-radius: 50%;
   padding: 4px 6px;
 }
-.qalendar-is-small .calendar-month__weekday.is-today .calendar-month__day-date[data-v-057882e2] {
+.qalendar-is-small .calendar-month__weekday.is-today .calendar-month__day-date[data-v-de994cfd] {
   padding: 2px 4px;
 }
-.space-reserver[data-v-057882e2] {
+.space-reserver[data-v-de994cfd] {
   height: 100%;
   flex: 1;
   display: flex;
@@ -687,71 +492,25 @@ display: block;
   border-bottom: var(--qalendar-border-gray-thin);
   border-right-color: transparent;
 }
-.space-reserver + .calendar-month__weekday[data-v-057882e2]:not(.trailing-or-leading) {
+.space-reserver + .calendar-month__weekday[data-v-de994cfd]:not(.trailing-or-leading) {
   border-left: var(--qalendar-border-gray-thin);
 }
 @media (prefers-color-scheme: dark) {
-.calendar-month__weekday[data-v-057882e2],
-  .space-reserver[data-v-057882e2] {
+.calendar-month__weekday[data-v-de994cfd],
+  .space-reserver[data-v-de994cfd] {
     border-color: var(--qalendar-dark-mode-line-color);
 }
 }
 
-.calendar-month__day-name[data-v-d96cc47c] {
-  display: block;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--qalendar-gray-quite-dark);
-  margin-bottom: var(--qalendar-spacing-half);
-}
-
-.calendar-month {
-	position: relative;
-	display: flex;
-	flex-flow: column;
-	width: 100%;
-	height: 100%;
-	overflow-y: auto;
-}
-:global(.qalendar-is-small) .calendar-month {
-	height: initial;
-}
-.calendar-month__week-day-names {
-	display: flex;
-	justify-content: space-between;
-}
-.calendar-month__week-day-name {
-	flex: 1;
-	text-align: center;
-}
-.calendar-month__weeks {
-	height: 100%;
-	flex-grow: 1;
-	display: flex;
-	flex-flow: column;
-	justify-content: space-between;
-}
 .calendar-month__week {
-	display: flex;
-	flex: 1;
-}
-.calendar-month__week:first-child {
-	border-top: var(--qalendar-border-gray-thin);
+		display: flex;
+		flex: 1;
 }
-@media (prefers-color-scheme: dark) {
 .calendar-month__week:first-child {
-		border-color: var(--qalendar-dark-mode-line-color);
-}
-}
-.calendar-month__day_events {
-	height: 100%;
-	display: none;
-}
-:global(.qalendar-is-small) .calendar-month__day_events {
-	display: block;
+		border-top: var(--qalendar-border-gray-thin);
 }
 
-.calendar-week__event[data-v-7f22cf49] {
+.calendar-week__event[data-v-d496d603] {
 	position: absolute;
 	width: 100%;
 	border-radius: 4px;
@@ -760,22 +519,22 @@ display: block;
 	user-select: none;
 	overflow: hidden;
 }
-.calendar-week__event.is-editable[data-v-7f22cf49] {
+.calendar-week__event.is-editable[data-v-d496d603] {
 	cursor: grab;
 }
-.calendar-week__event.has-disabled-dnd[data-v-7f22cf49] {
+.calendar-week__event.has-disabled-dnd[data-v-d496d603] {
 	cursor: initial;
 }
-.calendar-week__event .calendar-week__event-row[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-row[data-v-d496d603] {
 	display: flex;
 	align-items: flex-start;
 	margin-bottom: 0.25em;
 }
-.calendar-week__event .calendar-week__event-row p[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-row p[data-v-d496d603] {
 	margin: 0;
 	padding: 0;
 }
-.calendar-week__event .calendar-week__event-info-wrapper[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-info-wrapper[data-v-d496d603] {
 	position: relative;
 	padding: var(--qalendar-spacing-half);
 	font-size: var(--qalendar-font-xs);
@@ -783,61 +542,49 @@ display: block;
 	box-sizing: border-box;
 	user-select: none;
 }
-.calendar-week__event .calendar-week__event-blend-out[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-blend-out[data-v-d496d603] {
 	position: absolute;
 	bottom: 0;
 	height: 20px;
 	width: 100%;
 	transform: translateX(calc(var(--qalendar-spacing-half) * -1));
 }
-.calendar-week__event .calendar-week__event-icon[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-icon[data-v-d496d603] {
 	margin: 2px 4px 0 0;
 	font-size: var(--qalendar-font-xs);
 }
-.calendar-week__event .calendar-week__event-resize[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-resize[data-v-d496d603] {
 	position: absolute;
 	width: 100%;
 	cursor: ns-resize;
 	height: 5px;
 }
-.calendar-week__event .calendar-week__event-resize-up[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-resize-up[data-v-d496d603] {
 	top: 0;
 }
-.calendar-week__event .calendar-week__event-resize-down[data-v-7f22cf49] {
+.calendar-week__event .calendar-week__event-resize-down[data-v-d496d603] {
 	bottom: 0;
 }
 
-.calendar-week__day[data-v-12350119] {
+.calendar-week__day[data-v-87669cec] {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
-.calendar-week__day .calendar-week__day-interval[data-v-12350119] {
+.calendar-week__day .calendar-week__day-interval[data-v-87669cec] {
 	flex: 1;
 	font-size: var(--qalendar-font-xs);
 	color: var(--qalendar-gray);
 	padding: 2px;
 }
-.calendar-week__day .calendar-week__day-interval.has-border[data-v-12350119] {
-	border-bottom: var(--qalendar-border-dashed-gray-thin);
-}
-.calendar-week__day[data-v-12350119]:first-child {
-	border-left: 1px dashed rgb(224 224 224);
-}
-@media (prefers-color-scheme: dark) {
-.calendar-week__day[data-v-12350119]:first-child {
-		border-color: var(--qalendar-dark-mode-line-color);
-}
-}
-.calendar-week__day[data-v-12350119]:not(:last-child) {
-	border-right: 1px dashed rgb(224 224 224);
-}
-@media (prefers-color-scheme: dark) {
-.calendar-week__day[data-v-12350119]:not(:last-child) {
-		border-color: var(--qalendar-dark-mode-line-color);
+.calendar-week__day[data-v-87669cec]:first-child {
+	border-inline-start: 1px solid var(--border-color);
 }
+.calendar-week__day[data-v-87669cec] {
+	border-inline-end: 1px solid var(--border-color);
+	border-bottom: 1px solid var(--border-color);
 }
 
 .day-timeline[data-v-a4d8d28d] {
@@ -876,7 +623,7 @@ display: block;
 }
 }
 
-.week-timeline__event[data-v-511747c2] {
+.week-timeline__event[data-v-489753e0] {
   position: relative;
   --event-padding: 3px;
   display: flex;
@@ -892,75 +639,49 @@ display: block;
   user-select: none;
   overflow: hidden;
 }
-.week-timeline__event[data-v-511747c2]:active {
+.week-timeline__event[data-v-489753e0]:active {
   cursor: not-allowed;
 }
 
-.week-timeline[data-v-0e7c9832] {
+.week-timeline[data-v-e3c7c017] {
 	height: fit-content;
 	display: flex;
 	justify-content: space-evenly;
-	padding-bottom: var(--qalendar-spacing-half);
-	padding-left: var(--qalendar-week-padding-left);
-	border-bottom: var(--qalendar-border-gray-thin);
 }
-.mode-is-day .week-timeline[data-v-0e7c9832] {
-	width: 100%;
-	padding-left: 0;
+.mode-is-day .week-timeline[data-v-e3c7c017] {
+	width: calc(100% - 3.5em);
 }
-.week-timeline__day[data-v-0e7c9832] {
+.week-timeline__day[data-v-e3c7c017] {
 	width: 100%;
-	display: flex;
-	flex-flow: column;
-	align-items: center;
-	justify-content: flex-start;
 }
-.week-timeline__day-name[data-v-0e7c9832] {
-	font-size: var(--qalendar-font-3xs);
-	font-weight: 400;
-	margin-bottom: 4px;
-	color: var(--qalendar-gray-quite-dark);
+.week-timeline__date[data-v-e3c7c017] {
+	height: 1rem;
+	width: 1rem;
 }
-.week-timeline__date[data-v-0e7c9832] {
-	font-size: 1.2rem;
-	margin-bottom: 4px;
-	height: 2rem;
-	width: 2rem;
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.is-today .week-timeline__date[data-v-0e7c9832] {
-	background-color: var(--qalendar-blue);
-	color: #fff;
-}
-.week-timeline__events[data-v-0e7c9832] {
-	width: 100%;
-	flex: 1;
-	border-right: 1px dashed rgb(224 224 224);
+.is-today .week-timeline__date[data-v-e3c7c017] {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
-.week-timeline__day:first-child .week-timeline__events[data-v-0e7c9832] {
-	border-left: 1px dashed rgb(224 224 224);
+.week-timeline__events[data-v-e3c7c017] {
 }
 
-.calendar-week__wrapper[data-v-21b8e443] {
+.calendar-week__wrapper[data-v-f1208dd2] {
 	position: relative;
 	padding-left: var(--qalendar-week-padding-left);
 	overflow-y: auto;
 }
-.calendar-week[data-v-21b8e443] {
+.calendar-week[data-v-f1208dd2] {
 	position: relative;
 	width: 100%;
 	flex: 1 1 auto;
 }
-.calendar-week__events[data-v-21b8e443] {
+.calendar-week__events[data-v-f1208dd2] {
 	display: flex;
 	width: 100%;
-	height: var(--6f3e0f98);
+	height: var(--7ccd10f4);
 	overflow: hidden;
 }
-.calendar-week .current-time-line[data-v-21b8e443] {
+.calendar-week .current-time-line[data-v-f1208dd2] {
 	position: absolute;
 	left: 0;
 	width: 100%;
@@ -968,10 +689,10 @@ display: block;
 	z-index: 1;
 	background-color: red;
 }
-.calendar-week .current-time-line__circle[data-v-21b8e443] {
+.calendar-week .current-time-line__circle[data-v-f1208dd2] {
 	position: relative;
 }
-.calendar-week .current-time-line__circle[data-v-21b8e443]::before {
+.calendar-week .current-time-line__circle[data-v-f1208dd2]::before {
 	content: '';
 	position: absolute;
 	transform: translate(-45%, -45%);
@@ -980,13 +701,58 @@ display: block;
 	border-radius: 50%;
 	background-color: red;
 }
-.calendar-week .custom-current-time[data-v-21b8e443] {
+.calendar-week .custom-current-time[data-v-f1208dd2] {
 	position: absolute;
 	left: 0;
 	width: 100%;
 	z-index: 1;
 }
-
+:root {
+    /** Color */
+    --qalendar-gray-quite-dark: rgb(110 110 110);
+    --qalendar-gray: rgb(180 180 180);
+    --qalendar-green: rgb(51 182 121);
+    --qalendar-theme-color: var(--qalendar-blue);
+    --qalendar-light-gray: rgba(240 236 236 / 76%);
+    --qalendar-option-hover: var(--qalendar-light-gray);
+
+    --qalendar-dark-mode-elevated-surface: #383838;
+    --qalendar-dark-mode-lightly-elevated-surface: #2e2e2e;
+    --qalendar-dark-mode-text-primary: rgba(255 255 255 1);
+    --qalendar-dark-mode-text-secondary: rgba(255 255 255 0.7);
+    --qalendar-dark-mode-text-hint: rgba(255 255 255 0.5);
+    --qalendar-dark-mode-line-color: var(--qalendar-gray);
+
+    /** Borders */
+    --qalendar-border-gray-thin: 1px solid rgb(224 224 224);
+    --qalendar-border-dashed-gray-thin: 1px dashed rgb(224 224 224);
+    --qalendar-border-blue-thin: 1px solid var(--qalendar-theme-color);
+    --qalendar-border-radius: 8px;
+
+    /** Spacing */
+    --qalendar-spacing: 10px;
+    --qalendar-spacing-half: 5px;
+    --qalendar-spacing-double: 20px;
+
+    /** Miscellaneous */
+    --qalendar-box-shadow: 0 4px 4px rgba(0 0 0 / 6%), 0 1px 4px rgba(0 0 0 / 18%);
+    --qalendar-text-transition: color 0.2s ease;
+    --qalendar-week-padding-left: 56px;
+
+    /** Font */
+    --qalendar-font-2xs: 10px;
+    --qalendar-font-xs: 12px;
+    --qalendar-font-s: 14px;
+    --qalendar-font-m: 16px;
+    --qalendar-font-l: 18px;
+}
+@media (min-width: 62rem) {
+.calendar-root {
+        --qalendar-spacing: 20px;
+        --qalendar-spacing-half: 10px;
+        --qalendar-spacing-double: 40px;
+}
+}
 .calendar-root-wrapper {
 	width: 100%;
 	max-width: 100vw;
@@ -995,7 +761,6 @@ display: block;
 }
 .calendar-root-wrapper .calendar-root {
 	flex: 1;
-	border: var(--qalendar-border-gray-thin);
 	border-radius: var(--qalendar-border-radius);
 	position: relative;
 	width: 100%;
@@ -1003,14 +768,9 @@ display: block;
 	display: flex;
 	flex-flow: column;
 }
-/*
-@media (prefers-color-scheme: dark) {
-	.calendar-root-wrapper .calendar-root {
-		background: #121212;
-		color: #fff;
-		border-color: transparent;
-	}
-} */
+.calendar-root-wrapper .calendar-root .calendar-month__weeks{
+	border-inline: var(--qalendar-border-gray-thin);
+}
 .calendar-root-wrapper .calendar-root .top-bar-loader {
 	position: absolute;
 	top: 1px;
@@ -1628,69 +1388,69 @@ pre code.hljs{
  direction: ltr;
 }
 
-.calendar-container[data-v-ca905332] {
+.calendar-container[data-v-c6c8cc7b] {
 	max-width: 90vw;
 }
-.calendar-section[data-v-ca905332] {
+.calendar-section[data-v-c6c8cc7b] {
 	min-width: 280px;
 }
-.calendar-grid[data-v-ca905332] {
+.calendar-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(7, 1fr);
 }
-.month-grid[data-v-ca905332] {
+.month-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(4, 1fr);
 }
-.year-grid[data-v-ca905332] {
+.year-grid[data-v-c6c8cc7b] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(7, 1fr);
 }
-.month-item[data-v-ca905332],
-.year-item[data-v-ca905332] {
+.month-item[data-v-c6c8cc7b],
+.year-item[data-v-c6c8cc7b] {
 	background: none;
 	color: var(--bgl-text-color);
 }
-.month-item[data-v-ca905332]:hover:not(.disabled),
-.year-item[data-v-ca905332]:hover:not(.disabled) {
+.month-item[data-v-c6c8cc7b]:hover:not(.disabled),
+.year-item[data-v-c6c8cc7b]:hover:not(.disabled) {
 	background: var(--bgl-box-bg);
 	filter: var(--bgl-hover-filter);
 }
-.month-item[data-v-ca905332]:active:not(.disabled),
-.year-item[data-v-ca905332]:active:not(.disabled) {
+.month-item[data-v-c6c8cc7b]:active:not(.disabled),
+.year-item[data-v-c6c8cc7b]:active:not(.disabled) {
 	background: var(--bgl-box-bg);
 	filter: var(--bgl-active-filter);
 }
-.month-item.selected[data-v-ca905332],
-.year-item.selected[data-v-ca905332] {
+.month-item.selected[data-v-c6c8cc7b],
+.year-item.selected[data-v-c6c8cc7b] {
 	background-color: var(--bgl-primary);
 	color: white;
 }
-.month-item.disabled[data-v-ca905332],
-.year-item.disabled[data-v-ca905332] {
+.month-item.disabled[data-v-c6c8cc7b],
+.year-item.disabled[data-v-c6c8cc7b] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 }
-.day[data-v-ca905332] {
+.day[data-v-c6c8cc7b] {
 	border: none;
 	background: none;
 	color: var(--bgl-text-color);
 }
-.day[data-v-ca905332]:hover:not(.disabled) {
+.day[data-v-c6c8cc7b]:hover:not(.disabled) {
 	background-color: var(--input-bg);
 }
-.day.selected[data-v-ca905332] {
+.day.selected[data-v-c6c8cc7b] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 }
-.day.today[data-v-ca905332]:not(.selected) {
+.day.today[data-v-c6c8cc7b]:not(.selected) {
 	border: 1px solid var(--bgl-primary);
 }
-.day.disabled[data-v-ca905332] {
+.day.disabled[data-v-c6c8cc7b] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 	cursor: not-allowed;
 }
-.day.not-in-month[data-v-ca905332] {
+.day.not-in-month[data-v-c6c8cc7b] {
 	opacity: 0.4;
 }
 
@@ -2007,14 +1767,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-ce1f6e76] {
+.txtInputIconStart .iconStart[data-v-6e5ae00f] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-ce1f6e76] {
+.textInputSpinnerWrap .spinner[data-v-6e5ae00f] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -2024,18 +1784,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-ce1f6e76]{
+.top-bgl-ctrl-num-btn[data-v-6e5ae00f]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-ce1f6e76]{
+.bgl-ctrl-num-btn[data-v-6e5ae00f]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-ce1f6e76]{
+.bgl-big-ctrl-num-btn[data-v-6e5ae00f]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-ce1f6e76]{
+.bgl-number-input[data-v-6e5ae00f]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -4545,6 +4305,98 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
+.fixed-columns[data-v-c988b157] {
+	border-right: 2px solid var(--border-color);
+}
+.spreadsheet table[data-v-c988b157] {
+	border-collapse: collapse;
+}
+.spreadsheet th[data-v-c988b157], .spreadsheet td[data-v-c988b157] {
+	border: 1px solid var(--border-color);
+	padding: 0.1rem 0.5rem;
+	min-width: 80px;
+	background: var(--bgl-white);
+	user-select: none;
+}
+.spreadsheet th[data-v-c988b157] {
+	background: var(--input-bg);
+	white-space: nowrap;
+	position: relative;
+	padding: 0.25rem 0.5rem;
+	font-weight: 500;
+	text-align: start;
+}
+.spreadsheet th .bgl_icon-font[data-v-c988b157]{
+	vertical-align: middle;
+}
+.spreadsheet td.selected[data-v-c988b157] {
+	background: var(--bgl-primary-light);
+}
+.spreadsheet td.locked[data-v-c988b157] {
+	background: var(--bgl-gray-light);
+	cursor: default;
+}
+.spreadsheet td.locked.selected[data-v-c988b157] {
+	background: var(--bgl-primary-light);
+}
+.spreadsheet td[data-v-c988b157] {
+	height: 40px;
+	vertical-align: middle;
+}
+.spreadsheet td[data-v-c988b157]:has(img){
+	padding: 0;
+}
+.spreadsheet td span[data-v-c988b157]{
+	display: block;
+    display: -webkit-box;
+    max-width: 100%;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+	word-break: break-all;
+}
+.spreadsheet input[data-v-c988b157] {
+	width: 100%;
+	border: none;
+	background: transparent;
+	padding: 0;
+	margin: 0;
+	min-height: 0;
+	min-width: 0;
+}
+.spreadsheet input[data-v-c988b157]:focus {
+	outline: 2px solid var(--bgl-primary);
+	outline-offset: 6px;
+}
+.spreadsheet th.sortable[data-v-c988b157] {
+	cursor: pointer;
+}
+.row-number-header[data-v-c988b157], .row-number[data-v-c988b157] {
+	width: fit-content;
+	min-width: fit-content !important;
+	padding: 0.1rem 0.7rem !important;
+}
+.spreadsheet td .bgl-checkbox[data-v-c988b157]{
+	margin: 0;
+	text-align: center;
+	justify-content: center;
+}
+.spreadsheet td[data-v-c988b157]:has(.bgl-checkbox){
+	text-align: center;
+	background: var(--input-bg);
+}
+.spreadsheet td[data-v-c988b157]:has(:checked){
+	background: var(--bgl-primary-light);
+}
+.spreadsheetCellPlaceHolder[data-v-c988b157]{
+	height: 0px;
+	overflow: hidden;
+	opactiy: 0;
+	poiner-events: none;
+	user-select: none;
+}
+
 .zoomer-debug[data-v-379819e1] {
 	position: fixed;
 	top: 0;
@@ -4667,6 +4519,18 @@ to {
     border-radius: 100%;
 }.aspect-ratio-1 {
     aspect-ratio: 1;
+}.vertical-align-middle,
+.vertical-middle {
+    vertical-align: middle;
+}.vertical-align-top,
+.vertical-top {
+    vertical-align: top;
+}.vertical-align-bottom,
+.vertical-bottom {
+    vertical-align: bottom;
+}.vertical-align-baseline,
+.vertical-baseline {
+    vertical-align: baseline;
 }.flex-center {
     justify-content: center;
     align-items: center;
@@ -7938,6 +7802,8 @@ to {
     justify-content: flex-end;
 }.space-between {
     justify-content: space-between;
+}.space-evenly {
+    justify-content: space-evenly;
 }.label {
     display: block;
     font-size: var(--label-font-size);
@@ -8222,6 +8088,27 @@ to {
         aspect-ratio: 1;
     }
 
+    .m_vertical-align-middle,
+    .m_vertical-middle {
+        vertical-align: middle;
+    }
+
+    .m_vertical-align-top,
+    .m_vertical-top {
+        vertical-align: top;
+    }
+
+    .m_vertical-align-bottom,
+    .m_vertical-bottom {
+        vertical-align: bottom;
+    }
+
+    .m_vertical-align-baseline,
+    .m_vertical-baseline {
+        vertical-align: baseline;
+    }
+
+
     .m_flex-center {
         justify-items: center;
         align-items: center;
@@ -12777,6 +12664,10 @@ to {
         justify-content: space-between;
     }
 
+    .m_space-evenly {
+        justify-content: space-evenly;
+    }
+
     .m_label {
         display: block;
         font-size: var(--label-font-size);
@@ -14061,100 +13952,104 @@ select {
 }.bgl_btn,
 .bgl_flatBtn,
 .bgl_btn-icon {
-	font-family: inherit;
-	white-space: nowrap;
-	cursor: pointer;
-	box-sizing: border-box;
-	user-select: none;
-	border: none;
-	transition: var(--bgl-transition);
-	border-radius: var(--btn-border-radius);
-	line-height: var(--btn-height);
-	font-size: var(--input-font-size);
-	display: inline-block;
-	height: var(--btn-height);
-	padding: 0;
+    font-family: inherit;
+    white-space: nowrap;
+    cursor: pointer;
+    box-sizing: border-box;
+    user-select: none;
+    border: none;
+    transition: var(--bgl-transition);
+    border-radius: var(--btn-border-radius);
+    line-height: var(--btn-height);
+    font-size: var(--input-font-size);
+    display: inline-block;
+    height: var(--btn-height);
+    padding: 0;
 }.btn-close {
-	margin-top: -20px;
-	margin-inline-end: -20px;
-	margin-inline-start: auto;
-	margin-bottom: 15px;
-	transition: var(--bgl-transition);
-	height: 30px;
-	width: 30px;
-	opacity: 0.6;
-	cursor: pointer;
-	border-radius: 100%;
-	outline: 2px solid transparent;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+    margin-top: -20px;
+    margin-inline-end: -20px;
+    margin-inline-start: auto;
+    margin-bottom: 15px;
+    transition: var(--bgl-transition);
+    height: 30px;
+    width: 30px;
+    opacity: 0.6;
+    cursor: pointer;
+    border-radius: 100%;
+    outline: 2px solid transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }.btn-close:hover {
-	background: var(--bgl-gray-light);
-	opacity: 1;
+    background: var(--bgl-gray-light);
+    opacity: 1;
 }.btn-close:active {
-	background: var(--bgl-gray);
+    background: var(--bgl-gray);
 }.btn-close::before {
-	content: 'close';
-	font-family: 'Material Symbols Outlined', serif;
+    content: 'close';
+    font-family: 'Material Symbols Outlined', serif;
 }.bgl_btn.thin {
-	height: calc(var(--btn-height) * 0.7);
-	line-height: calc(var(--btn-height) * 0.7);
+    height: calc(var(--btn-height) * 0.7);
+    line-height: calc(var(--btn-height) * 0.7);
 }.hover {
-	cursor: pointer;
-	transition: all 400ms ease;
+    cursor: pointer;
+    transition: all 400ms ease;
 }.hover:hover {
-	filter: brightness(90%);
+    filter: brightness(90%);
 }.hover:active {
-	filter: brightness(80%);
+    filter: brightness(80%);
 }.border {
-	border: 1px solid var(--border-color);
+    border: 1px solid var(--border-color);
 }.border-primary {
-	border: 1px solid var(--bgl-primary);
+    border: 1px solid var(--bgl-primary);
+}.outline {
+    outline: 1px solid var(--border-color);
+}.outline-primary {
+    outline: 1px solid var(--bgl-primary);
 }.rotate-270 {
-	transform: rotate(270deg);
+    transform: rotate(270deg);
 }.rotate-180 {
-	transform: rotate(180deg);
+    transform: rotate(180deg);
 }.rotate-90 {
-	transform: rotate(90deg);
+    transform: rotate(90deg);
 }.rotate-0 {
-	transform: rotate(0deg);
+    transform: rotate(0deg);
 }@media screen and (max-width: 910px) {
-	.bgl_btn {
-		padding: 0 20px;
-	}
+    .bgl_btn {
+        padding: 0 20px;
+    }
 
-	.m_border {
-		border: 1px solid var(--border-color);
-	}
+    .m_border {
+        border: 1px solid var(--border-color);
+    }
 
-	.m_rotate-270 {
-		transform: rotate(270deg);
-	}
+    .m_rotate-270 {
+        transform: rotate(270deg);
+    }
 
-	.m_rotate-180 {
-		transform: rotate(180deg);
-	}
+    .m_rotate-180 {
+        transform: rotate(180deg);
+    }
 
-	.m_rotate-90 {
-		transform: rotate(90deg);
-	}
+    .m_rotate-90 {
+        transform: rotate(90deg);
+    }
 
-	.m_rotate-0 {
-		transform: rotate(0deg);
-	}
+    .m_rotate-0 {
+        transform: rotate(0deg);
+    }
 }.ripple {
-	position: absolute;
-	border-radius: 50%;
-	transform: scale(0);
-	background: rgba(0, 0, 0, 0.3);
-	pointer-events: none;
-	animation: rippleEffect 0.6s ease-out;
+    position: absolute;
+    border-radius: 50%;
+    transform: scale(0);
+    background: rgba(0, 0, 0, 0.3);
+    pointer-events: none;
+    animation: rippleEffect 0.6s ease-out;
 }@keyframes rippleEffect {
-	to {
-		transform: scale(4);
-		opacity: 0;
-	}
+    to {
+        transform: scale(4);
+        opacity: 0;
+    }
 }.txt-center {
     text-align: center;
 }.txt-start {
@@ -14315,6 +14210,26 @@ select {
 }.black,
 .font-black {
     font-weight: 900;
+}.line-height-0 {
+    line-height: 0;
+}.line-height-01 {
+    line-height: 0.1;
+}.line-height-02 {
+    line-height: 0.2;
+}.line-height-03 {
+    line-height: 0.3;
+}.line-height-04 {
+    line-height: 0.4;
+}.line-height-05 {
+    line-height: 0.5;
+}.line-height-06 {
+    line-height: 0.6;
+}.line-height-07 {
+    line-height: 0.7;
+}.line-height-08 {
+    line-height: 0.8;
+}.line-height-09 {
+    line-height: 0.9;
 }.line-height-1 {
     line-height: 1;
 }.line-height-11 {
@@ -14402,6 +14317,7 @@ select {
 }.white-space {
     white-space: nowrap;
 }@media screen and (max-width: 910px) {
+
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -14677,6 +14593,46 @@ select {
         font-weight: 900;
     }
 
+    .m_line-height-0 {
+        line-height: 0;
+    }
+
+    .m_line-height-01 {
+        line-height: 0.1;
+    }
+
+    .m_line-height-02 {
+        line-height: 0.2;
+    }
+
+    .m_line-height-03 {
+        line-height: 0.3;
+    }
+
+    .m_line-height-04 {
+        line-height: 0.4;
+    }
+
+    .m_line-height-05 {
+        line-height: 0.5;
+    }
+
+    .m_line-height-06 {
+        line-height: 0.6;
+    }
+
+    .m_line-height-07 {
+        line-height: 0.7;
+    }
+
+    .m_line-height-08 {
+        line-height: 0.8;
+    }
+
+    .m_line-height-09 {
+        line-height: 0.9;
+    }
+
     .m_line-height-1 {
         line-height: 1;
     }
@@ -15815,298 +15771,309 @@ select {
     }
 
 }/* TEHEME */:root {
-	--bgl-primary: var(--bgl-blue);
-	--bgl-primary-tint: #2e5bff80;
-	--bgl-primary-light: #eef6ff;
-	--bgl-black: #282929;
-	--bgl-black-tint: #28292980;
-	--bgl-white: #fff;
-	--bgl-gray: #b7b7b7;
-	--bgl-gray-light: #f5f8fa;
-	--bgl-gray-80: #e8ecef;
-	--bgl-gray-20: rgba(183, 183, 183, 0.2);
-	--bgl-gray-40: rgba(183, 183, 183, 0.4);
-	--bgl-accent-color: var(--bgl-primary);
-	--bgl-bg: #f4f6fa;
-	--bgl-shadow: #00000031;
-	--border-color: #00000020;
-	--placeholder-color: #00000040;
-	--label-color: #00000080;
-	--input-bg: #f5f8fa;
-	--input-color: #000000;
-	--bgl-box-bg: var(--bgl-white);
-	--bgl-popup-bg: var(--bgl-white);
-	--bgl-popup-text: var(--bgl-black);
-	--bgl-text-color: var(--bgl-black);
-	--bgl-light-text: var(--bgl-white);
-	--bgl-richtext-color: var(--bgl-white);
-	--bgl-code-bg: var(--bgl-black);
-	--bgl-code-color: var(--bgl-white);
-	--bgl-dark-bg: rgba(0, 0, 0, 0.7);
-	--bgl-selection-bg: var(--bgl-blue-dark);
-	--bgl-selection-color: var(--bgl-white);
-	--bgl-scrollbar-thumb: var(--bgl-gray);
-	--pill-btn-color: var(--bgl-white);
-	--pill-btn-bg: var(--placeholder-color);
-	--bgl-selected: var(--bgl-gray-light);
-	--skeleton-bg: #f0f0f0;
-	--skeleton-pulse: var(--bgl-bg);
-	--bgl-range-thumb-color: var(--bgl-white);
+    --bgl-primary: var(--bgl-blue);
+    --bgl-primary-tint: #2e5bff80;
+    --bgl-primary-light: #eef6ff;
+    --bgl-black: #282929;
+    --bgl-black-tint: #28292980;
+    --bgl-white: #fff;
+    --bgl-gray: #b7b7b7;
+    --bgl-gray-light: #f5f8fa;
+    --bgl-gray-80: #e8ecef;
+    --bgl-gray-20: rgba(183, 183, 183, 0.2);
+    --bgl-gray-40: rgba(183, 183, 183, 0.4);
+    --bgl-accent-color: var(--bgl-primary);
+    --bgl-bg: #f4f6fa;
+    --bgl-shadow: #00000031;
+    --border-color: #00000020;
+    --placeholder-color: #00000040;
+    --label-color: #00000080;
+    --input-bg: #f5f8fa;
+    --input-color: #000000;
+    --bgl-box-bg: var(--bgl-white);
+    --bgl-popup-bg: var(--bgl-white);
+    --bgl-popup-text: var(--bgl-black);
+    --bgl-text-color: var(--bgl-black);
+    --bgl-light-text: var(--bgl-white);
+    --bgl-richtext-color: var(--bgl-white);
+    --bgl-code-bg: var(--bgl-black);
+    --bgl-code-color: var(--bgl-white);
+    --bgl-dark-bg: rgba(0, 0, 0, 0.7);
+    --bgl-selection-bg: var(--bgl-blue-dark);
+    --bgl-selection-color: var(--bgl-white);
+    --bgl-scrollbar-thumb: var(--bgl-gray);
+    --pill-btn-color: var(--bgl-white);
+    --pill-btn-bg: var(--placeholder-color);
+    --bgl-selected: var(--bgl-gray-light);
+    --skeleton-bg: #f0f0f0;
+    --skeleton-pulse: var(--bgl-bg);
+    --bgl-range-thumb-color: var(--bgl-white);
 }/* TYPE */:root {
-	--bgl-font: 'Lexend', 'Ploni', sans-serif;
-	--input-font-size: 16px;
+    --bgl-font: 'Lexend', 'Ploni', sans-serif;
+    --input-font-size: 16px;
 }/* DIMENSIONS */:root {
-	--bgl-font-size: 16px;
-	--input-height: 40px;
-	--label-font-size: 12px;
-	--input-border-radius: 7px;
-	--card-border-radius: 12px;
-	--btn-border-radius: 10px;
-	--btn-padding: 30px;
-	--btn-height: 40px;
-	--pill-border-radius: 8px;
-	--pill-height: 30px;
-	--skeleton-radius: 0.25rem;
-	--skeleton-margin: 1rem;
-	--bgl-range-thumb-size: 20px;
-	--bgl-range-track-height: 8px;
+    --bgl-font-size: 16px;
+    --input-height: 40px;
+    --label-font-size: 12px;
+    --input-border-radius: 7px;
+    --card-border-radius: 12px;
+    --btn-border-radius: 10px;
+    --btn-padding: 30px;
+    --btn-height: 40px;
+    --pill-border-radius: 8px;
+    --pill-height: 30px;
+    --skeleton-radius: 0.25rem;
+    --skeleton-margin: 1rem;
+    --bgl-range-thumb-size: 20px;
+    --bgl-range-track-height: 8px;
 }/* MISC */:root {
-	--bgl-transition: all 200ms ease;
-	--bgl-transition-400: all 400ms ease;
-	--bgl-hover-filter: brightness(90%);
-	--bgl-active-filter: brightness(70%);
+    --bgl-transition: all 200ms ease;
+    --bgl-transition-400: all 400ms ease;
+    --bgl-hover-filter: brightness(90%);
+    --bgl-active-filter: brightness(70%);
 }/* OTHER COLORS */:root {
-	--bgl-blue: #2e5bff;
-	--bgl-blue-20: rgba(46, 91, 255, 20%);
-	--bgl-blue-dark: #191c30;
-	--bgl-blue-light: #eef6ff;
-	--bgl-pink: #f1416c;
-	--bgl-red: #ed6c6f;
-	--bgl-red-tint: #fbe2e2;
-	--bgl-yellow: #ffbb00;
-	--bgl-yellow-light: #fff6d5;
-	--bgl-green: #75c98f;
-	--whatsapp-gray: #89959f;
-	--whatsapp-green: #e0fcd6;
-	--whatsapp-blue: #71bce6;
+    --bgl-blue: #2e5bff;
+    --bgl-blue-20: rgba(46, 91, 255, 20%);
+    --bgl-blue-dark: #191c30;
+    --bgl-blue-light: #eef6ff;
+    --bgl-pink: #f1416c;
+    --bgl-pink-light: #fde8f0;
+    --bgl-red: #ed6c6f;
+    --bgl-red-tint: #fbe2e2;
+    --bgl-red-light: #fde8e8;
+    --bgl-yellow: #ffbb00;
+    --bgl-yellow-light: #fff6d5;
+    --bgl-green: #75c98f;
+    --bgl-green-light: #e8f7f0;
+    --bgl-purple: #8a4baf;
+    --bgl-purple-light: #f0e8f7;
+    --bgl-brown: #a67c52;
+    --bgl-brown-light: #f9f4f0;
+    --bgl-orange: #ff8c00;
+    --bgl-orange-light: #ffebd9;
+    --bgl-turquoise: #00d8c0;
+    --bgl-turquoise-light: #e8f9f7;
+    --whatsapp-gray: #89959f;
+    --whatsapp-green: #e0fcd6;
+    --whatsapp-blue: #71bce6;
 }.testMe * {
-	outline: 1px dotted red;
+    outline: 1px dotted red;
 }.Vue-Toastification__toast {
-	border-radius: var(--card-border-radius);
-	box-shadow: none;
+    border-radius: var(--card-border-radius);
+    box-shadow: none;
 }.Vue-Toastification__toast--default {
-	background: var(--bgl-primary);
+    background: var(--bgl-primary);
 }.Vue-Toastification__close-button {
-	height: 1.5rem;
-	line-height: 1rem;
+    height: 1.5rem;
+    line-height: 1rem;
 }::-moz-selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }::selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }.popup {
-	border-radius: 15px;
-	background: var(--bgl-popup-bg);
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-	padding: 2rem;
-	min-width: 300px;
-	text-align: center;
+    border-radius: 15px;
+    background: var(--bgl-popup-bg);
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+    padding: 2rem;
+    min-width: 300px;
+    text-align: center;
 }.tabs {
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	margin-top: 20px;
-	margin-bottom: -2rem;
-	border-top: 1px solid var(--border-color);
-	width: calc(100% + 4rem);
-	-webkit-margin-start: -2rem;
-	margin-inline-start: -2rem;
-	-webkit-padding-start: 2rem;
-	padding-inline-start: 2rem;
-	overflow: auto;
-	display: flex;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    margin-top: 20px;
+    margin-bottom: -2rem;
+    border-top: 1px solid var(--border-color);
+    width: calc(100% + 4rem);
+    -webkit-margin-start: -2rem;
+    margin-inline-start: -2rem;
+    -webkit-padding-start: 2rem;
+    padding-inline-start: 2rem;
+    overflow: auto;
+    display: flex;
 }.tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }.tab.active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }.tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }.tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }.router-tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }.router-tab.router-link-active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }.router-tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }.router-tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }.entity-container {
-	display: grid;
-	height: 100%;
-	grid-template-columns: minmax(300px, 1fr) 3fr;
-	grid-gap: 1rem;
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	grid-template-rows: 1fr;
-	grid-template-areas: 'list-view detail-view';
-	transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-	transition:
-		grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
-		-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);
+    display: grid;
+    height: 100%;
+    grid-template-columns: minmax(300px, 1fr) 3fr;
+    grid-gap: 1rem;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    grid-template-rows: 1fr;
+    grid-template-areas: 'list-view detail-view';
+    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition:
+        grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
+        -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);
 }.detail-main {
-	overflow-y: auto;
+    overflow-y: auto;
 }.content-row p {
-	margin: 0 0 10px 0;
+    margin: 0 0 10px 0;
 }.id {
-	color: var(--bgl-gray);
-	font-size: 9px;
+    color: var(--bgl-gray);
+    font-size: 9px;
 }.field {
-	--field-count: 1;
-	--width: calc(100% / var(--field-count));
-	grid-auto-columns: minmax(var(--width), var(--width));
-	font-size: 10px;
-	text-align: z;
+    --field-count: 1;
+    --width: calc(100% / var(--field-count));
+    grid-auto-columns: minmax(var(--width), var(--width));
+    font-size: 10px;
+    text-align: z;
 }.detail-view-inner {
-	display: grid;
-	height: 100%;
-	overflow: hidden;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	gap: 1rem;
+    display: grid;
+    height: 100%;
+    overflow: hidden;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    gap: 1rem;
 }.detail-view-inner-wrap {
-	height: 100%;
-	overflow: hidden;
-	transition: var(--bgl-transition);
+    height: 100%;
+    overflow: hidden;
+    transition: var(--bgl-transition);
 }.table-list-wrap {
-	overflow: auto;
+    overflow: auto;
 }.copy-url {
-	background-color: var(--bgl-gray-light);
-	border-radius: var(--btn-border-radius);
-	padding: 0.5rem 1rem;
-	align-items: center;
-	justify-content: flex-start;
-	margin-bottom: 1rem;
-	display: flex;
-	justify-content: space-between;
+    background-color: var(--bgl-gray-light);
+    border-radius: var(--btn-border-radius);
+    padding: 0.5rem 1rem;
+    align-items: center;
+    justify-content: flex-start;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: space-between;
 }.copy-url a {
-	margin: 0;
-	font-size: 12px;
-	opacity: 0.8;
-	color: var(--bgl-text-color);
-	word-break: break-all;
+    margin: 0;
+    font-size: 12px;
+    opacity: 0.8;
+    color: var(--bgl-text-color);
+    word-break: break-all;
 }.list-view {
-	grid-area: list-view;
-	grid-template-areas: 'list-header' 'list-content';
-	grid-template-columns: 1fr;
-	overflow-y: auto;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	transition: var(--transition);
+    grid-area: list-view;
+    grid-template-areas: 'list-header''list-content';
+    grid-template-columns: 1fr;
+    overflow-y: auto;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    transition: var(--transition);
 }.shekel {
-	line-height: 0;
+    line-height: 0;
 }.view-wrapper {
-	height: 100%;
-	position: relative;
-	overflow: hidden;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
 }@media screen and (max-width: 1000px) {
-	.entity-container {
-		grid-template-columns: minmax(22vw, 1fr) 2fr;
-	}
+    .entity-container {
+        grid-template-columns: minmax(22vw, 1fr) 2fr;
+    }
 }@media screen and (max-width: 910px) {
-	.tab {
-		font-size: 12px;
-	}
+    .tab {
+        font-size: 12px;
+    }
 
-	.entity-container {
-		grid-template-columns: 1fr;
-		gap: 0;
-	}
+    .entity-container {
+        grid-template-columns: 1fr;
+        gap: 0;
+    }
 
-	.detail-view-inner {
-		border-radius: var(--card-border-radius);
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner {
+        border-radius: var(--card-border-radius);
+        background: var(--bgl-box-bg);
+    }
 
-	.detail-view-inner-wrap {
-		position: absolute;
-		height: 100%;
-		width: 100%;
-		background: var(--bgl-bg);
-	}
+    .detail-view-inner-wrap {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: var(--bgl-bg);
+    }
 
-	.detail-view-inner-wrap.bgl_card {
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner-wrap.bgl_card {
+        background: var(--bgl-box-bg);
+    }
 
-	.bgl_card {
-		padding: 1rem 1rem;
-	}
+    .bgl_card {
+        padding: 1rem 1rem;
+    }
 
-	.tabs {
-		-moz-column-gap: 10px;
-		column-gap: 10px;
-		margin-top: 10px;
-		margin-bottom: -15px;
-		box-sizing: border-box;
-		-webkit-margin-start: -1rem;
-		margin-inline-start: -1rem;
-		-webkit-padding-start: 1rem;
-		padding-inline-start: 1rem;
-		max-width: calc(100vw - 2rem);
-	}
-
-	.popup {
-		border-radius: 15px;
-		background: var(--bgl-popup-bg);
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-		padding: 2rem;
-		min-width: 0;
-		max-width: 90%;
-		max-height: 90vh;
-		overflow-x: auto;
-		text-align: center;
-	}
+    .tabs {
+        -moz-column-gap: 10px;
+        column-gap: 10px;
+        margin-top: 10px;
+        margin-bottom: -15px;
+        box-sizing: border-box;
+        -webkit-margin-start: -1rem;
+        margin-inline-start: -1rem;
+        -webkit-padding-start: 1rem;
+        padding-inline-start: 1rem;
+        max-width: calc(100vw - 2rem);
+    }
 
-	.detail-main {
-		overflow-y: unset;
-	}
+    .popup {
+        border-radius: 15px;
+        background: var(--bgl-popup-bg);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+        padding: 2rem;
+        min-width: 0;
+        max-width: 90%;
+        max-height: 90vh;
+        overflow-x: auto;
+        text-align: center;
+    }
 
-	.detail-section {
-		height: -webkit-fit-content;
-		height: -moz-fit-content;
-		height: fit-content;
-	}
+    .detail-main {
+        overflow-y: unset;
+    }
 
-	.field {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		align-items: center;
-	}
+    .detail-section {
+        height: -webkit-fit-content;
+        height: -moz-fit-content;
+        height: fit-content;
+    }
+
+    .field {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        align-items: center;
+    }
 }[theme="dark"] {
   --bgl-primary: #1c4fe1;
   --bgl-primary-tint: #1c4fe180;