@bagelink/vue 0.0.986 → 0.0.992

package/dist/style.css

@@ -55,140 +55,145 @@
 	max-height: 300px;
 }
 
-a[data-v-c3d9914e] {
+.bgl_btn[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-primary);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-text-color);
+}
+.bgl_btn-green[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-green);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-green);
+}
+.bgl_btn-yellow[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-yellow);
+  --btn-color: var(--bgl-black);
+  --btn-flat-color: var(--bgl-yellow);
+}
+.bgl_btn-blue[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-blue);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-blue);
+}
+.bgl_btn-primary[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-primary);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-primary);
+}
+.bgl_btn-red[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-red);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-red);
+}
+.bgl_btn-white[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-white);
+  --btn-color: var(--bgl-black);
+  --btn-flat-color: var(--bgl-white);
+}
+.bgl_btn-black[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-black);
+  --btn-color: var(--bgl-light-text);
+  --btn-flat-color: var(--bgl-black);
+}
+.bgl_btn-gray[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-gray-light);
+  --btn-color: var(--bgl-black);
+  --btn-flat-color: var(--bgl-gray);
+}
+.bgl_btn-light[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-primary-light);
+  --btn-color: var(--bgl-primary);
+  --btn-flat-color: var(--bgl-primary-light);
+}
+.bgl_btn-gray-light[data-v-3c0720f5] {
+  --btn-bg: var(--bgl-gray-light);
+  --btn-color: var(--bgl-gray);
+  --btn-flat-color: var(--bgl-gray-light);
+}
+.bgl_btn[data-v-3c0720f5] {
+  padding-left: var(--btn-padding);
+  padding-right: var(--btn-padding);
+  transition: var(--bgl-transition);
+  background: var(--btn-bg);
+  color: var(--btn-color);
   text-decoration: none;
 }
-.loading[data-v-c3d9914e] {
-  border: 1px solid var(--bgl-light-text);
-  border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-c3d9914e 1s linear infinite;
-  border-radius: 100px;
-  width: 1rem;
-  height: 1rem;
-  margin: auto;
-}
-@keyframes spin-c3d9914e {
-0% {
-    transform: rotate(0deg);
-}
-100% {
-    transform: rotate(360deg);
-}
-}
-.bgl_btn-icon[data-v-c3d9914e] {
+.bgl_btn.bgl_btn-icon[data-v-3c0720f5] {
+  padding-left: 0;
+  padding-right: 0;
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
   font-size: 1rem;
-  background: var(--bgl-primary);
-  color: var(--bgl-light-text);
   flex-shrink: 0;
-  transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-c3d9914e] {
-  padding-left: var(--btn-padding);
-  padding-right: var(--btn-padding);
-  transition: var(--bgl-transition);
+a[data-v-3c0720f5] {
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-c3d9914e] {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.bgl_btn-flex[data-v-c3d9914e] {
+.bgl_btn-flex[data-v-3c0720f5] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-c3d9914e]{
+.bgl_btn .bgl_btn-icon[data-v-3c0720f5]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-c3d9914e],
-.bgl_btn-icon[data-v-c3d9914e] {
-  background-color: var(--eb819078);
-  color: var(--4a90c19f);
-}
-.bgl_btn[data-v-c3d9914e]:hover,
-.bgl_btn-icon[data-v-c3d9914e]:hover {
+.bgl_btn[data-v-3c0720f5]:hover,
+.bgl_btn-icon[data-v-3c0720f5]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-c3d9914e]:active,
-.bgl_btn-icon[data-v-c3d9914e]:active {
+.bgl_btn[data-v-3c0720f5]:active:not(:disabled),
+.bgl_btn-icon[data-v-3c0720f5]:active:not(:disabled) {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-c3d9914e] {
-  padding-left: var(--btn-padding);
-  padding-right: var(--btn-padding);
-  background: transparent;
-}
-.bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e] {
+.bgl_btn.bgl_btn_flat[data-v-3c0720f5] {
   background: transparent;
+  color: var(--btn-flat-color);
 }
-.bgl_btn.bgl_flatBtn[data-v-c3d9914e]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e]:hover {
-  filter: var(--bgl-hover-filter);
+.bgl_btn_flat[data-v-3c0720f5]:hover:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3c0720f5]:hover:not(:disabled) {
   background: var(--bgl-gray-20);
-  color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-c3d9914e]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-c3d9914e]:active {
+.bgl_btn.bgl_btn_flat[data-v-3c0720f5]:active:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3c0720f5]:active:not(:disabled) {
   background: var(--bgl-gray-40);
-  filter: var(--bgl-active-filter);
-  color: var(--bgl-primary);
-}
-.bgl_btn.bgl_flatBtn.red[data-v-c3d9914e],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-c3d9914e] {
-  color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-c3d9914e],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-c3d9914e] {
-  color: var(--bgl-light-text);
-}
-.bgl_btn.bgl_flatBtn.light[data-v-c3d9914e],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-c3d9914e] {
-  color: var(--bgl-primary-tint);
-}
-.bgl_btn.bgl_flatBtn.black[data-v-c3d9914e],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-c3d9914e] {
-  color: var(--bgl-text-color);
-}
-.bgl_btn.bgl_flatBtn.gray[data-v-c3d9914e],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-c3d9914e] {
-  color: var(--bgl-gray);
-}
-.bgl_btn.thin[data-v-c3d9914e] {
+.bgl_btn.thin[data-v-3c0720f5] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-c3d9914e] {
+.bgl_btn.round[data-v-3c0720f5] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-c3d9914e] {
+.bgl_btn-icon.thin[data-v-3c0720f5] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-c3d9914e] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-3c0720f5] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-c3d9914e]{
+[dir="rtl"] .bgl_btn-icon[data-v-3c0720f5]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-c3d9914e] {
-  outline: 1px solid var(--eb819078);
-  color: var(--eb819078);
-  background: transparent;
+.bgl_btn-border[data-v-3c0720f5], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-3c0720f5] {
+	  border: 1px solid var(--btn-flat-color);
+	  background: transparent;
+	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c3d9914e]:hover {
-  color: var(--bgl-light-text);
-  background: var(--eb819078);
-  filter: brightness(100%);
+.bgl_btn-border[data-v-3c0720f5]:hover {
+	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c3d9914e]:active {
+.bgl_btn-border[data-v-3c0720f5]:active:not(:disabled) {
   filter: brightness(80%);
 }
+.bgl_btn[data-v-3c0720f5]:disabled {
+  opacity: 0.6;
+  filter: grayscale(0.3);
+  cursor: not-allowed;
+}
 
 .alert[data-v-57141c32] {
   padding: var(--btn-padding);
@@ -505,6 +510,97 @@ data[data-v-6c27f163] {
 .fi[data-v-f99f1900]:before{ content:" "
 }
 
+.bgl_tabs_wrap[data-v-90649f98] {
+	background: var(--input-bg);
+	border-radius: calc(var(--input-border-radius) * 1.4);
+	padding-inline: calc(var(--btn-padding) / 8);
+	padding-block: calc(var(--btn-padding) / 8);
+	box-shadow: inset 0 0 10px #00000012;
+	gap: 0.25rem;
+}
+.bgl_tab[data-v-90649f98] {
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	font-size: var(--input-font-size);
+	font-family: inherit;
+	padding-inline: calc(var(--btn-padding) / 2);
+	padding-block: calc(var(--btn-padding) / 8);
+	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
+	color: inherit
+}
+.bgl_tab[data-v-90649f98]:hover {
+	background: rgba(255, 255, 255, .4);
+}
+.bgl_tabs_wrap[data-v-90649f98]::before {
+	content: '';
+	position: absolute;
+	top: calc(var(--btn-padding) / 8);
+	bottom: calc(var(--btn-padding) / 8);
+	left: var(--indicator-left, 0);
+	width: var(--indicator-width, 0);
+	background: var(--bgl-popup-bg);
+	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
+	z-index: 0;
+}
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-90649f98] {
+	background: transparent;
+	box-shadow: none;
+}
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-90649f98]::before{
+	background: transparent;
+	border-bottom: 1px solid var(--bgl-primary);
+	border-radius: 0;
+	top: calc(var(--btn-padding) * 1.25);
+	bottom: unset;
+}
+.bgl_flat-tabs .active.bgl_tab[data-v-90649f98]{
+	color: var(--bgl-primary)
+}
+.bgl_flat-tabs .bgl_tab[data-v-90649f98]:hover {
+	background: rgba(255, 255, 255, .1);
+}
+.bgl_vertical-tabs[data-v-90649f98]{
+	grid-auto-flow: row;
+	align-items: start;
+	justify-items: start;
+	gap: 1rem
+}
+.bgl_vertical-tabs .bgl_tab[data-v-90649f98]{
+	padding-inline: 0;
+	border-radius: 0;
+	border-bottom: 1px solid transparent;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-90649f98]:hover{
+	background: transparent;
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs .bgl_tab.active[data-v-90649f98]{
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs.bgl_tabs_wrap[data-v-90649f98]::before{
+	border: none;
+}
+@media screen and (max-width: 910px) {
+.bgl_vertical-tabs[data-v-90649f98]{
+	grid-auto-flow: column;
+	overflow: auto;
+	max-width: 100vw;
+	padding-inline-end: 1rem;
+	width: 100%;
+	gap: 1rem;
+	position: relative;
+}
+.bgl_vertical-tabs[data-v-90649f98]::-webkit-scrollbar {
+	display: none;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-90649f98]{
+	white-space: nowrap;
+}
+}
+
 .del-top {
 	transform: translateY(-2.6rem);
 }
@@ -587,6 +683,143 @@ data[data-v-6c27f163] {
 .bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-03ed2982] {
     color: var(--label-color) !important;
 }
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base:    #282c34
+mono-1:  #abb2bf
+mono-2:  #818896
+mono-3:  #5c6370
+hue-1:   #56b6c2
+hue-2:   #61aeee
+hue-3:   #c678dd
+hue-4:   #98c379
+hue-5:   #e06c75
+hue-5-2: #be5046
+hue-6:   #d19a66
+hue-6-2: #e6c07b
+
+*/
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
+.code-editor-wrap{
+	background: #282c34;
+	overflow: scroll;
+}
+.numbers {
+	font-family: monospace;
+	border-inline-end: 1px solid var(--bgl-gray);
+}
+.number{
+	scale: 0.9;
+}
+/* Highlight.js styles */
+.highlighted-code {
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow: hidden;
+	margin: 0;
+	padding: 0;
+}
+.highlighted-code code {
+	padding-left: 70px !important;
+	overflow: hidden !important;
+}
+
+/* Textarea aligned with Highlight.js */
+.code-editor {
+	font-family: monospace;
+	color: transparent;
+	resize: none;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	caret-color: var(--bgl-white);
+	font-size: 16px;
+	padding: 1rem;
+	padding-left: 70px !important;
+}
+.code-editor::-moz-selection {
+	background: #2466bc30;
+	color: inherit;
+}
+.code-editor::selection {
+	background: #2466bc30;
+	color: inherit;
+}
+.code-editor:focus {
+	outline: none;
+}
 .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_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__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:not(.dp__input_focus){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-focus)}.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__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-loading,.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-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);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:var(--dp-arrow-left);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--preset-dates-collapsed{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--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed: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--menu-content-wrapper-collapsed{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__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-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);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--flex-display-collapsed{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;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.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;height:var(--dp-overlay-height)}.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_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__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__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{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;white-space:nowrap;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_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__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.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__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-border-color-focus: #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-loader: 5px solid #005cb2}.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-border-color-focus: #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-loader: 5px solid #1976d2}.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 */
 
 .dp__input_wrap input {
@@ -714,7 +947,7 @@ data[data-v-6c27f163] {
 	width: 100%;
 }
 
-.fileUploadWrap[data-v-e057bb0f] {
+.fileUploadWrap[data-v-6bfdaea2] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -726,7 +959,7 @@ data[data-v-6c27f163] {
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-e057bb0f] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-6bfdaea2] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -734,14 +967,14 @@ data[data-v-6c27f163] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-e057bb0f],
-.fileUploadWrap[data-v-e057bb0f]:hover {
+.fileUploadWrap.dragover[data-v-6bfdaea2],
+.fileUploadWrap[data-v-6bfdaea2]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-e057bb0f] {
+.fileUploadWrap[style*='height: auto;'][data-v-6bfdaea2] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-e057bb0f] {
+.multi-image-item-preview[data-v-6bfdaea2] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -755,12 +988,12 @@ data[data-v-6c27f163] {
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-e057bb0f] {
+.multi-image-item-preview p[data-v-6bfdaea2] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-e057bb0f] {
+.multi-preview[data-v-6bfdaea2] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -771,17 +1004,17 @@ data[data-v-6c27f163] {
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-e057bb0f] {
+.bgl-single-preview[data-v-6bfdaea2] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-e057bb0f] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-6bfdaea2] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-e057bb0f] {
+.single-image-item-preview[data-v-6bfdaea2] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -789,13 +1022,13 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-e057bb0f] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-6bfdaea2] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-e057bb0f] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-6bfdaea2] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-e057bb0f] {
+.single-preview[data-v-6bfdaea2] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -803,8 +1036,9 @@ data[data-v-6c27f163] {
 	height: calc(100% - 2rem);
 	object-fit: cover;
 	background: var(--bgl-gray-light);
+	width: 90%;
 }
-.single-image-item-preview[data-v-e057bb0f]:hover::after {
+.single-image-item-preview[data-v-6bfdaea2]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -814,20 +1048,20 @@ data[data-v-6c27f163] {
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-e057bb0f] {
+.single-image-item-preview:hover img[data-v-6bfdaea2] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-e057bb0f] {
+.bgl_fill-image.single-image-item-preview[data-v-6bfdaea2] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-e057bb0f] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-6bfdaea2] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-e057bb0f] {
+.single-image-item-preview .pie[data-v-6bfdaea2] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -841,31 +1075,31 @@ data[data-v-6c27f163] {
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-e057bb0f] {
+.bgl_oval-upload[data-v-6bfdaea2] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-e057bb0f] {
+.bgl_oval-upload p[data-v-6bfdaea2] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-e057bb0f] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-6bfdaea2] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-e057bb0f] {
+.bgl_oval-upload .pie[data-v-6bfdaea2] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-e057bb0f] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-6bfdaea2] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-e057bb0f] {
+.bgl_oval-upload .single-image-item-preview[data-v-6bfdaea2] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-e057bb0f] {
+.bgl_oval-upload .single-preview[data-v-6bfdaea2] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-e057bb0f] {
+.pie[data-v-6bfdaea2] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -873,7 +1107,7 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-e057bb0f]:before {
+.pie[data-v-6bfdaea2]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -891,26 +1125,26 @@ data[data-v-6c27f163] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-e057bb0f] {
+.pie .success[data-v-6bfdaea2] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-e057bb0f] {
+.pie .progress[data-v-6bfdaea2] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-e057bb0f] {
+.pie.complete .progress[data-v-6bfdaea2] {
 	display: none;
 }
-.pie.complete .success[data-v-e057bb0f] {
+.pie.complete .success[data-v-6bfdaea2] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-e057bb0f]:before {
+.pie.complete[data-v-6bfdaea2]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-e057bb0f] {
+.pie.complete[data-v-6bfdaea2] {
 	color: var(--bgl-green);
 }
 
@@ -1041,69 +1275,86 @@ data[data-v-6c27f163] {
   border-radius: 5px;
 }
 
-.toolbar[data-v-0b9e3ede] .active {
-  background: var(--primary-color);
-  color: white;
+.tableBoxSelect[data-v-4548b70f]::after {
+	content: '';
+	display: block;
+	width: calc(100% - 4px);
+	height:	calc(100% - 4px);
+	border: 1px solid var(--bgl-gray);
+	background: var(--bgl-gray-light);
+}
+.borderSelect[data-v-4548b70f]::after {
+	border-color: var(--bgl-primary-tint);
+	background: var(--bgl-primary-light);
 }
 
-.rich-text-editor[data-v-a9177fad] {
-  background: var(--input-bg);
-  border: 1px solid var(--border-color);
-  transition: all 0.3s ease;
+.toolbar[data-v-df400bb5] .active {
+	background: var(--bgl-primary);
+	color: white;
 }
-.editor-container[data-v-a9177fad] {
-  display: flex;
-  gap: 1rem;
+
+.rich-text-editor[data-v-faf0065a] {
+	background: var(--input-bg);
+	border: 1px solid var(--border-color);
+	transition: all 0.3s ease;
 }
-.content-area[data-v-a9177fad], .preview-area[data-v-a9177fad] {
-  flex: 1;
-  min-height: 200px;
-  background: var(--bgl-richtext-color);
+.editor-container[data-v-faf0065a] {
+	display: flex;
+	gap: 1rem;
 }
-.split-view .content-area[data-v-a9177fad],
-.split-view .preview-area[data-v-a9177fad] {
-  width: 50%;
+.content-area[data-v-faf0065a],
+.preview-area[data-v-faf0065a] {
+	flex: 1;
+	min-height: 200px;
+	background: var(--bgl-richtext-color);
 }
-.editableContent[data-v-a9177fad] {
-  min-height: 100%;
-  white-space: pre-wrap;
-  outline: none;
+.split-view[data-v-faf0065a] {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
 }
-.html-editor[data-v-a9177fad] {
-  width: 100%;
-  height: 100%;
-  min-height: 200px;
-  font-family: monospace;
-  background: transparent;
-  border: none;
-  outline: none;
-  resize: none;
+.editableContent[data-v-faf0065a] {
+	width: 100%;
+	min-height: 240px;
+	height: 100%;
+	border: none;
+	outline: none;
+	background: transparent;
 }
-.preview-area[data-v-a9177fad] {
-  font-family: monospace;
-  white-space: pre-wrap;
-  overflow-x: auto;
+.html-editor[data-v-faf0065a] {
+	width: 100%;
+	height: 100%;
+	min-height: 200px;
+	font-family: monospace;
+	border: none;
+	outline: none;
+	resize: none;
+	color: white;
+	background-color: var(--bgl-black);
 }
-.preview-area code[data-v-a9177fad] {
-  display: block;
-  padding: 1rem;
-}
-.fullscreen-mode[data-v-a9177fad] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 9999;
-  padding: 2rem;
-}
-.fullscreen-mode .editor-container[data-v-a9177fad] {
-  height: calc(100vh - 8rem);
-}
-.fullscreen-mode .content-area[data-v-a9177fad],
-.fullscreen-mode .preview-area[data-v-a9177fad] {
-  height: 100%;
-  overflow-y: auto;
+.preview-area[data-v-faf0065a] {
+	font-family: monospace;
+	white-space: pre-wrap;
+	overflow-x: auto;
+}
+.fullscreen-mode[data-v-faf0065a] {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+	z-index: 9999;
+	padding: 2rem;
+}
+.fullscreen-mode .editor-container[data-v-faf0065a] {
+	height: calc(100vh - 4rem);
+}
+.fullscreen-mode .content-area[data-v-faf0065a],
+.fullscreen-mode .preview-area[data-v-faf0065a] {
+	height: 100%;
+	overflow-y: auto;
+}
+.fullscreen-mode .code-editor[data-v-faf0065a]{
+	height: 100% !important;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
@@ -1644,96 +1895,6 @@ to {
   border: none;
 }
 
-.bgl_tabs_wrap[data-v-a96c4796] {
-	background: var(--input-bg);
-	border-radius: calc(var(--input-border-radius) * 1.4);
-	padding-inline: calc(var(--btn-padding) / 8);
-	padding-block: calc(var(--btn-padding) / 8);
-	box-shadow: inset 0 0 10px #00000012;
-	gap: 0.25rem;
-}
-.bgl_tab[data-v-a96c4796] {
-	border: none;
-	background: transparent;
-	cursor: pointer;
-	font-size: var(--input-font-size);
-	font-family: inherit;
-	padding-inline: calc(var(--btn-padding) / 2);
-	padding-block: calc(var(--btn-padding) / 8);
-	border-radius: var(--input-border-radius);
-	transition: var(--bgl-transition);
-	color: inherit
-}
-.bgl_tab[data-v-a96c4796]:hover {
-	background: rgba(255, 255, 255, .4);
-}
-.bgl_tabs_wrap[data-v-a96c4796]::before {
-	content: '';
-	position: absolute;
-	top: calc(var(--btn-padding) / 8);
-	bottom: calc(var(--btn-padding) / 8);
-	left: var(--indicator-left, 0);
-	width: var(--indicator-width, 0);
-	background: var(--bgl-popup-bg);
-	border-radius: var(--input-border-radius);
-	transition: var(--bgl-transition);
-	z-index: 0;
-}
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-a96c4796] {
-	background: transparent;
-}
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-a96c4796]::before{
-	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
-	border-radius: 0;
-	top: calc(var(--btn-padding) * 1.25);
-	bottom: unset;
-}
-.bgl_flat-tabs .active.bgl_tab[data-v-a96c4796]{
-	color: var(--bgl-primary)
-}
-.bgl_flat-tabs .bgl_tab[data-v-a96c4796]:hover {
-	background: rgba(255, 255, 255, .1);
-}
-.bgl_vertical-tabs[data-v-a96c4796]{
-	grid-auto-flow: row;
-	align-items: start;
-	justify-items: start;
-	gap: 1rem
-}
-.bgl_vertical-tabs .bgl_tab[data-v-a96c4796]{
-	padding-inline: 0;
-	border-radius: 0;
-	border-bottom: 1px solid transparent;
-}
-.bgl_vertical-tabs .bgl_tab[data-v-a96c4796]:hover{
-	background: transparent;
-	border-bottom: 1px solid var(--bgl-primary);
-}
-.bgl_vertical-tabs .bgl_tab.active[data-v-a96c4796]{
-	border-bottom: 1px solid var(--bgl-primary);
-}
-.bgl_vertical-tabs.bgl_tabs_wrap[data-v-a96c4796]::before{
-	border: none;
-}
-@media screen and (max-width: 910px) {
-.bgl_vertical-tabs[data-v-a96c4796]{
-	grid-auto-flow: column;
-	overflow: auto;
-	max-width: 100vw;
-	padding-inline-end: 1rem;
-	width: 100%;
-	gap: 1rem;
-	position: relative;
-}
-.bgl_vertical-tabs[data-v-a96c4796]::-webkit-scrollbar {
-	display: none;
-}
-.bgl_vertical-tabs .bgl_tab[data-v-a96c4796]{
-	white-space: nowrap;
-}
-}
-
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
@@ -1786,6 +1947,123 @@ to {
 .list-wrap {
 	grid-template-rows: auto 1fr;
 }
+
+/* Bar Theme */
+.lds-bar[data-v-2e27b3c1] {
+  height: 4px;
+  width: 100%;
+  max-width: 130px;
+  --c: no-repeat linear-gradient(currentColor 0 0);
+  background: var(--c), var(--c), #ddd;
+  background-size: 60% 100%;
+  animation: bar-animation-2e27b3c1 3s infinite ease-in-out;
+}
+@keyframes bar-animation-2e27b3c1 {
+0% { background-position: -150% 0, -150% 0
+}
+66% { background-position: 250% 0, -150% 0
+}
+100% { background-position: 250% 0, 250% 0
+}
+}
+.lds-ring[data-v-2e27b3c1],
+.lds-ring div[data-v-2e27b3c1] {
+  box-sizing: border-box;
+}
+.lds-ring[data-v-2e27b3c1] {
+  position: relative;
+  width: var(--size);
+  height: var(--size);
+  transform: translate(calc(var(--thickness) * -1), calc(var(--thickness) * -1));
+}
+.lds-ring div[data-v-2e27b3c1] {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: calc(var(--size) / 1.25);
+  height: calc(var(--size) / 1.25);
+  margin: var(--thickness);
+  border: var(--thickness) solid currentColor;
+  border-radius: 50%;
+  animation: lds-ring-2e27b3c1 var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: currentColor transparent transparent transparent;
+}
+.lds-ring div[data-v-2e27b3c1]:nth-child(1) {
+  animation-delay: calc(var(--animation-duration) * -0.38);
+}
+.lds-ring div[data-v-2e27b3c1]:nth-child(2) {
+  animation-delay: calc(var(--animation-duration) / -4);
+}
+.lds-ring div[data-v-2e27b3c1]:nth-child(3) {
+  animation-delay: calc(var(--animation-duration) / -8);
+}
+@keyframes lds-ring-2e27b3c1 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+.lds-ellipsis[data-v-2e27b3c1],
+.lds-ellipsis div[data-v-2e27b3c1] {
+  box-sizing: border-box;
+}
+.lds-ellipsis[data-v-2e27b3c1] {
+  display: inline-block;
+  position: relative;
+  width: var(--size);
+  height: var(--size);
+}
+.lds-ellipsis div[data-v-2e27b3c1] {
+  position: absolute;
+  top: calc(var(--size) - 40%);
+  width: calc(var(--size) / 5);
+  height:calc(var(--size) / 5);
+  border-radius: 50%;
+  background: currentColor;
+  animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div[data-v-2e27b3c1]:nth-child(1) {
+  left: calc(var(--size) / 10);
+  animation: lds-ellipsis1-2e27b3c1 0.6s infinite;
+}
+.lds-ellipsis div[data-v-2e27b3c1]:nth-child(2) {
+  left: calc(var(--size) / 10);
+  animation: lds-ellipsis2-2e27b3c1 0.6s infinite;
+}
+.lds-ellipsis div[data-v-2e27b3c1]:nth-child(3) {
+  left: calc(var(--size) / 2.5);
+  animation: lds-ellipsis2-2e27b3c1 0.6s infinite;
+}
+.lds-ellipsis div[data-v-2e27b3c1]:nth-child(4) {
+  left: calc(var(--size) / 1.42);
+  animation: lds-ellipsis3-2e27b3c1 0.6s infinite;
+}
+@keyframes lds-ellipsis1-2e27b3c1 {
+0% {
+    transform: scale(0);
+}
+100% {
+    transform: scale(1);
+}
+}
+@keyframes lds-ellipsis3-2e27b3c1 {
+0% {
+    transform: scale(1);
+}
+100% {
+    transform: scale(0);
+}
+}
+@keyframes lds-ellipsis2-2e27b3c1 {
+0% {
+    transform: translate(0, 0);
+}
+100% {
+    transform: translate(calc(var(--size) / 3.33), 0);
+}
+}
 /* required styles */
 
 .leaflet-pane,
@@ -13309,337 +13587,338 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 }
 /* TEHEME */
 :root {
-    --bgl-primary: #2e5bff;
-    --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-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);
 }
 /* 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-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;
 }
 /* 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-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-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;
 }
 .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;
 }
 [dir='rtl'] .data-row .bgl_icon-font,
 [dir='rtl'] .embedded-field .bgl_icon-font {
-    transform: rotateY(180deg) !important;
+	transform: rotateY(180deg) !important;
 }
 .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);
-    }
+	.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;
-    }
+	.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-main {
-        overflow-y: unset;
-    }
+	.detail-main {
+		overflow-y: unset;
+	}
 
-    .detail-section {
-        height: -webkit-fit-content;
-        height: -moz-fit-content;
-        height: fit-content;
-    }
+	.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;
-    }
+	.field {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+		align-items: center;
+	}
 }
 [theme="dark"] {
   --bgl-primary: #1c4fe1;