@bagelink/vue 0.0.316 → 0.0.322

package/dist/style.css

@@ -37,10 +37,10 @@
   background-color: var(--bgl-bg);
 }
 
-[dir="rtl"] .top-arrow[data-v-1da5b921] {
+[dir="rtl"] .top-arrow[data-v-727b754a] {
   transform: rotate(180deg);
 }
-.nav-expend[data-v-1da5b921] {
+.nav-expend[data-v-727b754a] {
   text-align: center;
   cursor: pointer;
   background: var(--bgl-white);
@@ -66,17 +66,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-1da5b921] {
+.nav-expend[data-v-727b754a] {
   background: var(--bgl-white);
 }
-.nav-expend[data-v-1da5b921]:hover {
+.nav-expend[data-v-727b754a]:hover {
   filter: brightness(95%);
   box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-1da5b921]:active {
+.nav-expend[data-v-727b754a]:active {
   filter: var(--bgl-active-filter);
 }
-.nav[data-v-1da5b921] {
+.nav[data-v-727b754a] {
   color: var(--bgl-white);
   background: var(--bgl-primary);
   z-index: 100;
@@ -85,10 +85,10 @@
   display: flex;
   flex-direction: column;
 }
-.nav *[data-v-1da5b921] {
+.nav *[data-v-727b754a] {
   user-select: none;
 }
-.nav-button[data-v-1da5b921] {
+.nav-button[data-v-727b754a] {
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -99,11 +99,11 @@
   transition: all 0.2s ease;
   pointer-events: none;
 }
-.nav-button[data-v-1da5b921]:hover {
+.nav-button[data-v-727b754a]:hover {
   width: fit-content;
   pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-1da5b921] {
+.nav-button .bgl_icon-font[data-v-727b754a] {
   font-size: 22px;
   margin: 0.25rem 10px;
   padding: 10px;
@@ -116,16 +116,16 @@
   transition: all 0.2s ease;
   pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-1da5b921],
-.nav-button.router-link-active .bgl_icon-font[data-v-1da5b921] {
+.nav-button:hover .bgl_icon-font[data-v-727b754a],
+.nav-button.router-link-active .bgl_icon-font[data-v-727b754a] {
   background: var(--bgl-white);
   color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-1da5b921] {
+.nav-button:hover .tooltip[data-v-727b754a] {
   opacity: 1;
   pointer-events: all;
 }
-.tooltip[data-v-1da5b921] {
+.tooltip[data-v-727b754a] {
   background-color: var(--bgl-white);
   color: var(--bgl-primary);
   line-height: 1;
@@ -139,23 +139,23 @@
   opacity: 0;
   margin-inline-start: 1rem;
 }
-.tooltip[data-v-1da5b921]:hover {
+.tooltip[data-v-727b754a]:hover {
   filter: brightness(95%);
 }
-.tooltip[data-v-1da5b921]:active {
+.tooltip[data-v-727b754a]:active {
   filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-1da5b921] {
+.bot-buttons-wrapper[data-v-727b754a] {
   margin-top: auto;
   width: 100%;
 }
-.nav-links-wrapper[data-v-1da5b921] {
+.nav-links-wrapper[data-v-727b754a] {
   direction: ltr;
 }
-[dir="rtl"] .nav-links-wrapper[data-v-1da5b921] {
+[dir="rtl"] .nav-links-wrapper[data-v-727b754a] {
   direction: rtl;
 }
-.nav-scroll[data-v-1da5b921] {
+.nav-scroll[data-v-727b754a] {
   overflow-y: scroll;
   width: 50vw;
   direction: rtl;
@@ -165,30 +165,30 @@
   display: flex;
   flex-direction: column;
 }
-.nav[data-v-1da5b921]::-webkit-scrollbar-thumb {
+.nav[data-v-727b754a]::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
-.nav[data-v-1da5b921]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-727b754a]:hover::-webkit-scrollbar-thumb {
   background-color: var(--bgl-gray);
 }
-[dir="rtl"] .nav-scroll[data-v-1da5b921] {
+[dir="rtl"] .nav-scroll[data-v-727b754a] {
   direction: ltr;
 }
-.full-nav[data-v-1da5b921] {
+.full-nav[data-v-727b754a] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-1da5b921] {
+.nav.open .nav-expend[data-v-727b754a] {
     margin-inline-start: 189px;
     transform: rotate(180deg);
 }
-.nav.open[data-v-1da5b921] {
+.nav.open[data-v-727b754a] {
     width: 200px;
     text-align: start;
 }
-.nav.open .tooltip[data-v-1da5b921] {
+.nav.open .tooltip[data-v-727b754a] {
     background-color: transparent;
     color: var(--bgl-white);
     padding: 0;
@@ -197,30 +197,30 @@
     opacity: 1;
     margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-1da5b921] {
+.nav.open .nav-button .bgl_icon-font[data-v-727b754a] {
     margin: 0;
     background: transparent;
 }
-.nav.open .nav-button[data-v-1da5b921] {
+.nav.open .nav-button[data-v-727b754a] {
     width: 180px;
     border-radius: 10px;
     margin-inline-start: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-1da5b921]:hover,
-  .nav.open .nav-button.router-link-active[data-v-1da5b921] {
+.nav.open .nav-button[data-v-727b754a]:hover,
+  .nav.open .nav-button.router-link-active[data-v-727b754a] {
     background: var(--bgl-white);
     color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-1da5b921]:hover,
-  .nav.open .nav-button:hover .tooltip[data-v-1da5b921],
-  .nav.open .nav-button.router-link-active .tooltip[data-v-1da5b921] {
+.nav.open .nav-button[data-v-727b754a]:hover,
+  .nav.open .nav-button:hover .tooltip[data-v-727b754a],
+  .nav.open .nav-button.router-link-active .tooltip[data-v-727b754a] {
     color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-1da5b921] {
+.full-nav[data-v-727b754a] {
     height: auto;
     display: flex;
     flex-direction: row;
@@ -229,10 +229,10 @@
     inset-inline-end: 0;
     overflow-x: auto;
 }
-.nav.open[data-v-1da5b921] {
+.nav.open[data-v-727b754a] {
     width: initial;
 }
-.nav[data-v-1da5b921] {
+.nav[data-v-727b754a] {
     width: auto;
     display: flex;
     flex-direction: row;
@@ -240,7 +240,7 @@
     overflow-x: auto;
     justify-content: flex-start;
 }
-.tooltip[data-v-1da5b921] {
+.tooltip[data-v-727b754a] {
     opacity: 1;
     background: transparent;
     color: var(--bgl-white);
@@ -249,25 +249,25 @@
     padding: 0;
     margin: 0;
 }
-.nav-button[data-v-1da5b921] {
+.nav-button[data-v-727b754a] {
     flex-direction: column;
     margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-1da5b921] {
+.nav-button .bgl_icon-font[data-v-727b754a] {
     padding: 2px 0 0 0;
     margin: 0;
     height: 30px;
     width: 30px;
 }
-.nav-links-wrapper[data-v-1da5b921] {
+.nav-links-wrapper[data-v-727b754a] {
     display: flex;
 }
-.bot-buttons-wrapper[data-v-1da5b921] {
+.bot-buttons-wrapper[data-v-727b754a] {
     margin-top: 0;
     width: auto;
     display: flex;
 }
-.nav-scroll[data-v-1da5b921] {
+.nav-scroll[data-v-727b754a] {
     overflow-y: visible;
     width: auto;
     direction: auto;
@@ -278,10 +278,10 @@
     flex-direction: row;
     margin-inline-end: auto;
 }
-.nav[data-v-1da5b921]::-webkit-scrollbar {
+.nav[data-v-727b754a]::-webkit-scrollbar {
     display: none;
 }
-.nav-expend[data-v-1da5b921] {
+.nav-expend[data-v-727b754a] {
     display: none;
 }
 }
@@ -611,41 +611,40 @@ a[data-v-0c8d9a95] {
   max-height: 300px;
 }
 
-.list-wrap{
-    grid-template-rows: auto 1fr;
+.list-wrap {
+  grid-template-rows: auto 1fr;
 }
 .list-item {
-    padding: 0.5rem 1rem;
-    min-height: -webkit-fit-content;
-    min-height: -moz-fit-content;
-    min-height: fit-content;
-    margin: 0.25rem 0;
-    border-radius: 10px;
-    cursor: pointer;
-    transition: var(--bgl-transition);
-    color: var(--bgl-black);
-    text-decoration: none;
-    position: relative;
+  padding: 0.5rem 1rem;
+  min-height: -webkit-fit-content;
+  min-height: -moz-fit-content;
+  min-height: fit-content;
+  margin: 0.25rem 0;
+  cursor: pointer;
+  transition: var(--bgl-transition);
+  color: var(--bgl-black);
+  text-decoration: none;
+  position: relative;
 }
 .list-item::after {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -0.15rem;
-    border-bottom: 1px solid var(--border-color);
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -0.15rem;
+  border-bottom: 1px solid var(--border-color);
 }
 .list-item:hover,
 .list-item.router-link-active {
-    background-color: var(--bgl-blue-light);
+  background-color: var(--bgl-blue-light);
 }
 .list-item:active {
-    -webkit-filter: var(--bgl-hover-filter);
-    filter: var(--bgl-hover-filter);
+  -webkit-filter: var(--bgl-hover-filter);
+  filter: var(--bgl-hover-filter);
 }
 @media screen and (max-width: 910px) {
 .list-item {
-        padding: 0.5rem;
+    padding: 0.5rem;
 }
 }
 
@@ -988,10 +987,10 @@ padding: 0.75rem 0.5rem;
 }
 .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}
 
-.combobox[data-v-ceeb5855] {
+.combobox[data-v-220e98d7] {
   width: 100%;
 }
-.combobox-option[data-v-ceeb5855] {
+.combobox-option[data-v-220e98d7] {
   padding: 6px 12px;
   cursor: pointer;
   border-radius: 5px;
@@ -1000,20 +999,33 @@ padding: 0.75rem 0.5rem;
   justify-content: space-between;
   width: 100%;
 }
-.combobox-options[data-v-ceeb5855] {
+.combobox-options[data-v-220e98d7] {
   max-height: 300px;
   overflow-y: auto;
 }
-.combobox-option[data-v-ceeb5855]:hover {
+.combobox-option[data-v-220e98d7]:hover {
   background: var(--bgl-gray-20);
 }
 
+.bagel-input label {
+  font-size: var(--label-font-size);
+}
 .combobox-btn {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: var(--input-height);
   border-radius: var(--input-border-radius);
+  border: none;
+  background: var(--input-bg);
+  padding: 0.7rem;
+  color: var(--input-color);
+  width: 100%;
+  font-family: inherit;
+}
+.combobox-btn:focus {
+  outline: none;
+  box-shadow: inset 0 0 10px #00000012;
 }
 .v-popper__arrow-container {
   display: none;
@@ -1055,7 +1067,7 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-ad24530a] {
+.inline[data-v-10743b06] {
   display: inline;
 }
 
@@ -1103,88 +1115,88 @@ display: block;
   display: block
 }
 
-.blocker[data-v-dc11f21a] {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	z-index: 100;
+.blocker[data-v-7e8d16cb] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
 }
-.bgl-slider[data-v-dc11f21a] {
-	display: grid;
-	position: relative;
-	scroll-behavior: smooth;
-	grid-auto-flow: column;
-	grid-auto-columns: 100%;
-	scroll-snap-type: x mandatory;
-	overflow-x: hidden;
+.bgl-slider[data-v-7e8d16cb] {
+  display: grid;
+  position: relative;
+  scroll-behavior: smooth;
+  grid-auto-flow: column;
+  grid-auto-columns: 100%;
+  scroll-snap-type: x mandatory;
+  overflow-x: hidden;
 }
-.autoHeight[data-v-dc11f21a] {
-	transition: height ease 0.7s;
+.autoHeight[data-v-7e8d16cb] {
+  transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-dc11f21a] {
-	overflow-x: scroll;
+.bgl-slider.allowScroll[data-v-7e8d16cb] {
+  overflow-x: scroll;
 }
-.bgl-slider.slides-6[data-v-dc11f21a] {
-	grid-auto-columns: 15.9%;
-	gap: 1%;
+.bgl-slider.slides-6[data-v-7e8d16cb] {
+  grid-auto-columns: 15.9%;
+  gap: 1%;
 }
-.bgl-slider.slides-5[data-v-dc11f21a] {
-	grid-auto-columns: 19.3%;
-	gap: 1%;
+.bgl-slider.slides-5[data-v-7e8d16cb] {
+  grid-auto-columns: 19.3%;
+  gap: 1%;
 }
-.bgl-slider.slides-4[data-v-dc11f21a] {
-	grid-auto-columns: 24.3%;
-	gap: 1%;
+.bgl-slider.slides-4[data-v-7e8d16cb] {
+  grid-auto-columns: 24.3%;
+  gap: 1%;
 }
-.bgl-slider.slides-3[data-v-dc11f21a] {
-	grid-auto-columns: 33%;
-	gap: 1%;
+.bgl-slider.slides-3[data-v-7e8d16cb] {
+  grid-auto-columns: 33%;
+  gap: 1%;
 }
-.bgl-slider.slides-2[data-v-dc11f21a] {
-	grid-auto-columns: 50%;
-	gap: 1%;
+.bgl-slider.slides-2[data-v-7e8d16cb] {
+  grid-auto-columns: 50%;
+  gap: 1%;
 }
-.bgl-slider.slides-1[data-v-dc11f21a] {
-	grid-auto-columns: 100%;
+.bgl-slider.slides-1[data-v-7e8d16cb] {
+  grid-auto-columns: 100%;
 }
-.bgl-slider[data-v-dc11f21a]::-webkit-scrollbar {
-	display: none;
+.bgl-slider[data-v-7e8d16cb]::-webkit-scrollbar {
+  display: none;
 }
-.bgl-slider *[data-v-dc11f21a] {
-	scroll-snap-align: start;
+.bgl-slider *[data-v-7e8d16cb] {
+  scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-dc11f21a] {
-	cursor: grabbing;
-	cursor: -webkit-grabbing;
-	scroll-snap-type: unset;
+.dragging.bgl-slider[data-v-7e8d16cb] {
+  cursor: grabbing;
+  cursor: -webkit-grabbing;
+  scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-dc11f21a] {
-	scroll-behavior: unset;
+.clicking.bgl-slider[data-v-7e8d16cb] {
+  scroll-behavior: unset;
 }
-.dragging.bgl-slider *[data-v-dc11f21a] {
-	scroll-snap-align: unset;
-	user-select: none;
+.dragging.bgl-slider *[data-v-7e8d16cb] {
+  scroll-snap-align: unset;
+  user-select: none;
 }
 @media screen and (max-width: 1280px) {
-.bgl-slider.slides-4[data-v-dc11f21a] {
-		grid-auto-columns: 33%;
+.bgl-slider.slides-4[data-v-7e8d16cb] {
+    grid-auto-columns: 33%;
 }
 }
 @media screen and (max-width: 991px) {
-.bgl-slider.slides-4[data-v-dc11f21a] {
-		grid-auto-columns: 50%;
+.bgl-slider.slides-4[data-v-7e8d16cb] {
+    grid-auto-columns: 50%;
 }
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-4[data-v-dc11f21a] {
-		grid-auto-columns: 100%;
+.bgl-slider.slides-4[data-v-7e8d16cb] {
+    grid-auto-columns: 100%;
 }
 }
 
 .del-top {
-	transform: translateY(-2.6rem);
+  transform: translateY(-2.6rem);
 }
 
 :root {
@@ -1809,65 +1821,72 @@ to {
 
 .bagel-input.shrink,
 .bagel-input.shrink input {
-	min-width: unset !important;
-	/* width: auto; */
+  min-width: unset !important;
+  /* width: auto; */
+}
+.bagel-input label {
+	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-bdd555bb] {
-	min-height: unset;
+.bagel-input textarea[data-v-25f868b2] {
+  min-height: unset;
+  font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-bdd555bb] {
-	resize: none;
+.bagel-input.text-input textarea[data-v-25f868b2] {
+  resize: none;
 }
-.code textarea[data-v-bdd555bb] {
-	font-family: 'Inconsolata', monospace;
-	background: var(--bgl-black) !important;
-	color: var(--bgl-white) !important;
+.code textarea[data-v-25f868b2] {
+  font-family: 'Inconsolata', monospace;
+  background: var(--bgl-black) !important;
+  color: var(--bgl-white) !important;
 }
-.bagel-input.toggleEdit[data-v-bdd555bb]:hover {
-	background-color: var(--input-bg);
+.bagel-input.toggleEdit[data-v-25f868b2]:hover {
+  background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-bdd555bb] {
-	margin-bottom: 0;
-	height: 30px;
+.bagel-input.small[data-v-25f868b2] {
+  margin-bottom: 0;
+  height: 30px;
 }
-.bagel-input.dense label[data-v-bdd555bb] {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
+.bagel-input.dense label[data-v-25f868b2] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
-.toggleEditBtn[data-v-bdd555bb] {
-	position: absolute;
-	right: -24px;
-	top: 4;
-	opacity: 0;
+.bagel-input label[data-v-25f868b2] {
+  font-size: var(--label-font-size);
 }
-.textInputIconWrap[data-v-bdd555bb] {
-	position: relative;
+.toggleEditBtn[data-v-25f868b2] {
+  position: absolute;
+  right: -24px;
+  top: 4;
+  opacity: 0;
 }
-.textInputIconWrap .bgl_icon-font[data-v-bdd555bb] {
-	position: absolute;
-	inset-inline-end: 0.7rem;
-	bottom: 50%;
-	line-height: 0;
-	color: var(--bgl-gray);
+.textInputIconWrap[data-v-25f868b2] {
+  position: relative;
 }
-.txtInputIconStart .iconStart[data-v-bdd555bb] {
-	position: absolute;
-	inset-inline-start: 0.7rem;
-	top: 50%;
-	line-height: 0;
-	color: var(--bgl-gray);
+.textInputIconWrap .bgl_icon-font[data-v-25f868b2] {
+  position: absolute;
+  inset-inline-end: 0.7rem;
+  bottom: 50%;
+  line-height: 0;
+  color: var(--bgl-gray);
+}
+.txtInputIconStart .iconStart[data-v-25f868b2] {
+  position: absolute;
+  inset-inline-start: 0.7rem;
+  top: 50%;
+  line-height: 0;
+  color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-bdd555bb] {
-	padding-inline-start: 2rem;
+.txtInputIconStart textarea[data-v-25f868b2] {
+  padding-inline-start: 2rem;
 }
-.bagel-input:hover .toggleEditBtn[data-v-bdd555bb],
-.bagel-input.editMode .toggleEditBtn[data-v-bdd555bb] {
-	opacity: 1;
+.bagel-input:hover .toggleEditBtn[data-v-25f868b2],
+.bagel-input.editMode .toggleEditBtn[data-v-25f868b2] {
+  opacity: 1;
 }
-.bagel-input.small textarea[data-v-bdd555bb] {
-	height: 30px;
+.bagel-input.small textarea[data-v-25f868b2] {
+  height: 30px;
 }
 
 .primary-checkbox input[data-v-e4cbb088] {
@@ -2224,79 +2243,6 @@ img.preview[data-v-1be8d7b1] {
 }
 }
 
-.btn-end[data-v-208db149] {
-	text-align: end;
-}
-.whatsapp-preview[data-v-208db149] {
-	direction: ltr;
-	width: 400px;
-	padding: 1rem;
-	height: auto;
-	margin-top: 1rem;
-	/* border-left: 1px solid var(--border-color); */
-	margin-left: 20px;
-	position: sticky;
-	top: 15px;
-	flex: 1 1 40%;
-}
-.whatsapp-wrap[data-v-208db149] {
-	display: flex;
-	gap: 1rem;
-	max-width: 1200px;
-	overflow: auto;
-	height: 100%;
-}
-.create-template-form[data-v-208db149] {
-	flex: 1 0 50%;
-	min-width: 300px;
-}
-.whatsapp-msg[data-v-208db149] {
-	background: var(--whatsapp-green);
-	border-radius: 0.5rem;
-	border-start-start-radius: 0px;
-	padding: 10px;
-	line-height: 1.5;
-	margin-top: 1rem;
-	filter: drop-shadow(0 0px 2px var(--bgl-shadow));
-	position: relative;
-	min-height: 30px;
-}
-.whatsapp-msg[data-v-208db149]::after {
-	content: '';
-	inset-inline-start: -5px;
-	border-radius: 0.1rem;
-	transform: skew(45deg);
-	top: 0;
-	height: 8px;
-	width: 8px;
-	background: var(--whatsapp-green);
-	position: absolute;
-}
-.whatsapp-body[data-v-208db149] {
-	margin: 2px 0;
-}
-.whatsapp-footer[data-v-208db149] {
-	margin: 0;
-	opacity: 0.6;
-	font-size: 0.8rem;
-}
-.whatsappHebrew[data-v-208db149] {
-	direction: rtl;
-}
-.whatsappHebrew .whatsapp-msg[data-v-208db149]::after {
-	transform: skew(-45deg);
-}
-@media screen and (max-width: 1200px) {
-.whatsapp-preview[data-v-208db149] {
-		width: 300px;
-}
-}
-@media screen and (max-width: 910px) {
-.whatsapp-preview[data-v-208db149] {
-		display: none;
-}
-}
-
 .layout {
   min-height: 100px;
   display: grid;
@@ -2312,11 +2258,11 @@ img.preview[data-v-1be8d7b1] {
 .wideNav .nav-button .bgl_btn-flex {
   justify-content: flex-start !important;
 }
-
-.nav-button.router-link-active[data-v-5d66b060] {
-  background-color: #40b884 !important;
+.nav-button.router-link-active {
+  background-color: var(--bgl-primary-tint) !important;
 }
-.bgl_sidebar[data-v-5d66b060] {
+
+.bgl_sidebar[data-v-8d6bd3d8] {
   background-color: var(--bgl-primary);
   color: var(--bgl-white);
   overflow: hidden;
@@ -2326,22 +2272,22 @@ img.preview[data-v-1be8d7b1] {
   padding: 0.5rem;
   overflow-y: auto;
 }
-.wideNav .toggleNav[data-v-5d66b060] {
+.wideNav .toggleNav[data-v-8d6bd3d8] {
   transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-5d66b060] {
+.wideNav .nav-button[data-v-8d6bd3d8] {
   padding-inline-start: 1rem !important;
   width: 100%;
 }
-.nav-button.bgl_btn-icon[data-v-5d66b060] {
+.nav-button.bgl_btn-icon[data-v-8d6bd3d8] {
   border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-5d66b060] {
+.nav-button p[data-v-8d6bd3d8] {
   transition: var(--nav-tran);
-  animation: fade-5d66b060 2s;
+  animation: fade-8d6bd3d8 2s;
   animation-duration: 900ms;
 }
-@keyframes fade-5d66b060 {
+@keyframes fade-8d6bd3d8 {
 0% {
     opacity: 0;
     transform: translateX(-20px);
@@ -2478,6 +2424,12 @@ img.preview[data-v-1be8d7b1] {
     margin-inline-end: auto;
     width: 98%;
 }
+.w100 {
+    max-width: 100px;
+}
+.w200 {
+    max-width: 200px;
+}
 .w300 {
     max-width: 300px;
 }
@@ -3157,7 +3109,7 @@ img.preview[data-v-1be8d7b1] {
     position: relative;
 }
 .absolute {
-    position: absolute;
+    position: absolute !important;
 }
 .flex {
     display: flex;
@@ -3178,6 +3130,12 @@ img.preview[data-v-1be8d7b1] {
     display: block;
     width: 100%;
 }
+.inline {
+    display: inline;
+}
+.inline-block {
+    display: inline-block;
+}
 .flex-wrap {
     flex-wrap: wrap;
 }
@@ -3438,6 +3396,11 @@ img.preview[data-v-1be8d7b1] {
 .overflow-y-hidden {
     overflow-y: hidden;
 }
+.line {
+    background: var(--border-color);
+    height: 1px;
+    width: 100%;
+}
 @media screen and (max-width: 910px) {
     .grid-wrap-2 {
         grid-template-columns: repeat(1, 1fr);
@@ -3825,6 +3788,9 @@ select {
 .bgl_icon-font {
     font-family: "Material Symbols Outlined", serif;
 }
+.nowrap {
+    white-space: nowrap;
+}
 @media screen and (max-width: 910px) {
 
     .txt20,