@bagelink/vue 0.0.694 → 0.0.702

package/dist/style.css

@@ -254,19 +254,19 @@
 }
 }
 
-a[data-v-26f1062f] {
+a[data-v-d2db0ee8] {
   text-decoration: none;
 }
-.loading[data-v-26f1062f] {
+.loading[data-v-d2db0ee8] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-26f1062f 1s linear infinite;
+  animation: spin-d2db0ee8 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-26f1062f {
+@keyframes spin-d2db0ee8 {
 0% {
     transform: rotate(0deg);
 }
@@ -274,7 +274,7 @@ a[data-v-26f1062f] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-26f1062f] {
+.bgl_btn-icon[data-v-d2db0ee8] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -284,102 +284,105 @@ a[data-v-26f1062f] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-26f1062f] {
+.bgl_btn[data-v-d2db0ee8] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-26f1062f] {
+.bgl_btn[disabled="true"][data-v-d2db0ee8] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-26f1062f] {
+.bgl_btn-flex[data-v-d2db0ee8] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-26f1062f] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-d2db0ee8] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-26f1062f],
-.bgl_btn-icon[data-v-26f1062f] {
-  background-color: var(--50d471e9);
-  color: var(--e0dc88f8);
+.bgl_btn[data-v-d2db0ee8],
+.bgl_btn-icon[data-v-d2db0ee8] {
+  background-color: var(--e58d23c4);
+  color: var(--6cbd790e);
 }
-.bgl_btn[data-v-26f1062f]:hover,
-.bgl_btn-icon[data-v-26f1062f]:hover {
+.bgl_btn[data-v-d2db0ee8]:hover,
+.bgl_btn-icon[data-v-d2db0ee8]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-26f1062f]:active,
-.bgl_btn-icon[data-v-26f1062f]:active {
+.bgl_btn[data-v-d2db0ee8]:active,
+.bgl_btn-icon[data-v-d2db0ee8]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn[data-v-d2db0ee8] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f] {
+.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-26f1062f]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f]:hover {
+.bgl_btn.bgl_flatBtn[data-v-d2db0ee8]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_flatBtn[data-v-26f1062f]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f]:active {
+.bgl_btn.bgl_flatBtn[data-v-d2db0ee8]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-d2db0ee8]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-26f1062f],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn.red[data-v-d2db0ee8],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-d2db0ee8] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-26f1062f],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn.white[data-v-d2db0ee8],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-d2db0ee8] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-26f1062f],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn.light[data-v-d2db0ee8],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-d2db0ee8] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-26f1062f],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn.black[data-v-d2db0ee8],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-d2db0ee8] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-26f1062f],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-26f1062f] {
+.bgl_btn.bgl_flatBtn.gray[data-v-d2db0ee8],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-d2db0ee8] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-26f1062f] {
+.bgl_btn.thin[data-v-d2db0ee8] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-26f1062f] {
+.bgl_btn.round[data-v-d2db0ee8] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-26f1062f] {
+.bgl_btn-icon.thin[data-v-d2db0ee8] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
-  line-height: 1;
+  line-height: normal;
+}
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-d2db0ee8] {
+	height: 100%;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-26f1062f] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-d2db0ee8] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-26f1062f] {
-  outline: 1px solid var(--50d471e9);
-  color: var(--50d471e9);
+.bgl_btn-border[data-v-d2db0ee8] {
+  outline: 1px solid var(--e58d23c4);
+  color: var(--e58d23c4);
   background: transparent;
 }
-.bgl_btn-border[data-v-26f1062f]:hover {
+.bgl_btn-border[data-v-d2db0ee8]:hover {
   color: var(--bgl-white);
-  background: var(--50d471e9);
+  background: var(--e58d23c4);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-26f1062f]:active {
+.bgl_btn-border[data-v-d2db0ee8]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -597,6 +600,7 @@ a[data-v-26f1062f] {
 .list-wrap {
 	grid-template-rows: auto 1fr;
 }
+
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
@@ -619,12 +623,15 @@ a[data-v-26f1062f] {
 }
 .list-item:hover,
 .list-item.router-link-active {
-	background-color: var(--bgl-blue-light);
+	background-color: var(--bgl-primary-light);
 }
 .list-item:active {
 	-webkit-filter: var(--bgl-hover-filter);
 	filter: var(--bgl-hover-filter);
 }
+.no-border-list.list-item::after{
+	border-bottom: none;
+}
 @media screen and (max-width: 910px) {
 .list-item {
 		padding: 0.5rem;
@@ -647,19 +654,19 @@ a[data-v-26f1062f] {
 }
 }
 
-.selected[data-v-6653fb41] {
+.selected[data-v-5441d9cd] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-6653fb41]:hover {
+tbody tr.selected[data-v-5441d9cd]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-6653fb41] {
+.loading-table[data-v-5441d9cd] {
 	position: relative;
 }
-.inset[data-v-6653fb41] {
+.inset[data-v-5441d9cd] {
 	inset: 0;
 }
-.loading-table-animation[data-v-6653fb41] {
+.loading-table-animation[data-v-5441d9cd] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -667,9 +674,9 @@ tbody tr.selected[data-v-6653fb41]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-6653fb41 1s linear infinite;
+	animation: loading-table-5441d9cd 1s linear infinite;
 }
-@keyframes loading-table-6653fb41 {
+@keyframes loading-table-5441d9cd {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -677,52 +684,52 @@ tbody tr.selected[data-v-6653fb41]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-6653fb41] {
+.list-arrows[data-v-5441d9cd] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-6653fb41] {
+.list-arrows .bgl_icon-font[data-v-5441d9cd] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-6653fb41] {
+.list-arrows.sorted[data-v-5441d9cd] {
 	opacity: 1;
 }
-.col img[data-v-6653fb41] {
+.col img[data-v-5441d9cd] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-6653fb41] {
+.list-arrows.sorted .desc[data-v-5441d9cd] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-6653fb41] {
+table[data-v-5441d9cd] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-6653fb41] {
+th[data-v-5441d9cd] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-white);
-	height: var(--96a68704);
+	height: var(--efa9c80e);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-6653fb41] {
+.embedded-field[data-v-5441d9cd] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-6653fb41] {
+.row[data-v-5441d9cd] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-6653fb41] {
+.row.first-row[data-v-5441d9cd] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -731,7 +738,7 @@ th[data-v-6653fb41] {
 	background: var(--bgl-white);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-6653fb41]::after {
+.row.first-row[data-v-5441d9cd]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -739,30 +746,30 @@ th[data-v-6653fb41] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-6653fb41] {
+.first-row .col[data-v-5441d9cd] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-6653fb41] {
+.col[data-v-5441d9cd] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-6653fb41]:has(.bagel-input) {
+.col[data-v-5441d9cd]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-6653fb41] {
+.col > div[data-v-5441d9cd] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-6653fb41] {
+.max-col-width[data-v-5441d9cd] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-6653fb41] {
+.col.check .bgl_icon-font[data-v-5441d9cd] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -773,35 +780,35 @@ th[data-v-6653fb41] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-6653fb41] {
+.rows[data-v-5441d9cd] {
 	font-size: 0.88em;
 }
-.table-list[data-v-6653fb41] {
+.table-list[data-v-5441d9cd] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-6653fb41] {
+.BagelTable .table-list[data-v-5441d9cd] {
 	overflow: unset;
 }
-.row-item[data-v-6653fb41] {
-	height: var(--96a68704);
+.row-item[data-v-5441d9cd] {
+	height: var(--efa9c80e);
 	transition: all 200ms ease;
 }
-.row-item[data-v-6653fb41]:hover {
+.row-item[data-v-5441d9cd]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-6653fb41] {
+.row-item input[type='checkbox'][data-v-5441d9cd] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-6653fb41] {
+.infinite-wrapper[data-v-5441d9cd] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-6653fb41] {
+input[type='checkbox'][data-v-5441d9cd] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -813,7 +820,7 @@ input[type='checkbox'][data-v-6653fb41] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-6653fb41]::before {
+input[type='checkbox'][data-v-5441d9cd]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -826,18 +833,18 @@ input[type='checkbox'][data-v-6653fb41]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-6653fb41]:hover::before {
+input[type='checkbox'][data-v-5441d9cd]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-6653fb41] {
+[lang='he'] [dir='ltr'][data-v-5441d9cd] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-6653fb41] {
+th input[type='checkbox'][data-v-5441d9cd] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-6653fb41]::after {
+th[data-v-5441d9cd]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -845,24 +852,24 @@ th[data-v-6653fb41]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-6653fb41] {
+tr[data-v-5441d9cd] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-6653fb41],
-th[data-v-6653fb41] {
+td[data-v-5441d9cd],
+th[data-v-5441d9cd] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-6653fb41] {
+tbody tr[data-v-5441d9cd] {
 	font-size: 0.88em;
-	height: var(--96a68704);
+	height: var(--efa9c80e);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-6653fb41]:hover {
+tbody tr[data-v-5441d9cd]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -1283,10 +1290,10 @@ display: block;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-b33955d5] {
+.selectinput[data-v-a26862a2] {
 	width: 100%;
 }
-.selectinput-option[data-v-b33955d5] {
+.selectinput-option[data-v-a26862a2] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1297,14 +1304,14 @@ display: block;
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-b33955d5] {
+.selectinput-options[data-v-a26862a2] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-b33955d5]:hover {
+.selectinput-option[data-v-a26862a2]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-b33955d5] {
+.isEmpty p[data-v-a26862a2] {
 	opacity: 0.3;
 }
 
@@ -1345,7 +1352,7 @@ display: block;
 	border: none;
 	/* background: transparent; if anyone is changing this please talk to me first*/
 	border-radius: var(--card-border-radius);
-	color: var(--input-color);
+	/* color: var(--input-color); */
 }
 
 .table-side-scroll[data-v-515f5dc9] {
@@ -1497,59 +1504,58 @@ display: block;
 	font-size: var(--label-font-size);
 }
 
-
-.bagel-input textarea[data-v-5193fa33] {
+.bagel-input textarea[data-v-edac341b] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-5193fa33] {
+.bagel-input.text-input textarea[data-v-edac341b] {
 	resize: none;
 }
-.code textarea[data-v-5193fa33] {
+.code textarea[data-v-edac341b] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-black) !important;
 	color: var(--bgl-white) !important;
 }
-.code textarea[data-v-5193fa33]::placeholder {
+.code textarea[data-v-edac341b]::placeholder {
 	color: var(--bgl-white) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-5193fa33] {
+.bagel-input.small[data-v-edac341b] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-5193fa33] {
+.bagel-input.dense label[data-v-edac341b] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-5193fa33]:disabled {
+.bagel-input input[data-v-edac341b]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-5193fa33] {
+.bagel-input label[data-v-edac341b] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap[data-v-5193fa33] {
+.textInputIconWrap[data-v-edac341b] {
 	position: relative;
 }
-.textInputIconWrap .bgl_icon-font[data-v-5193fa33] {
+.textInputIconWrap .bgl_icon-font[data-v-edac341b] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-5193fa33] {
+.txtInputIconStart .iconStart[data-v-edac341b] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-5193fa33] {
+.txtInputIconStart textarea[data-v-edac341b] {
 	padding-inline-start: 2rem;
 }
-.bagel-input.small textarea[data-v-5193fa33] {
+.bagel-input.small textarea[data-v-edac341b] {
 	height: 30px;
 }
 
@@ -2054,7 +2060,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-f94249b5] {
+.tel-input[data-v-9d176183] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2065,21 +2071,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-f94249b5]:focus-within {
+.tel-input[data-v-9d176183]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-f94249b5] {
+.tel-input input[data-v-9d176183] {
 	background: transparent;
 }
-.tel-input input[data-v-f94249b5]:focus-visible {
+.tel-input input[data-v-9d176183]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-f94249b5] {
+.input_country-code[data-v-9d176183] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-f94249b5] {
+.tel-country[data-v-9d176183] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2088,7 +2094,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-f94249b5] {
+.tel-countryp-dropdown[data-v-9d176183] {
 	direction: ltr;
 	text-align: left;
 }
@@ -2337,7 +2343,7 @@ input[type="number"][data-v-4c741194] {
   color: var(--bgl-primary) !important;
 }
 
-.bgl_tabs_wrap[data-v-38a31955] {
+.bgl_tabs_wrap[data-v-4b4c19a0] {
 	background: var(--input-bg);
 	border-radius: calc(var(--input-border-radius) * 1.4);
 	padding-inline: calc(var(--btn-padding) / 8);
@@ -2345,7 +2351,7 @@ input[type="number"][data-v-4c741194] {
 	box-shadow: inset 0 0 10px #00000012;
 	gap: 0.25rem;
 }
-.bgl_tab[data-v-38a31955] {
+.bgl_tab[data-v-4b4c19a0] {
 	border: none;
 	background: transparent;
 	cursor: pointer;
@@ -2355,11 +2361,12 @@ input[type="number"][data-v-4c741194] {
 	padding-block: calc(var(--btn-padding) / 8);
 	border-radius: var(--input-border-radius);
 	transition: var(--bgl-transition);
+	color: inherit
 }
-.bgl_tab[data-v-38a31955]:hover {
+.bgl_tab[data-v-4b4c19a0]:hover {
 	background: rgba(255, 255, 255, .4);
 }
-.bgl_tabs_wrap[data-v-38a31955]::before {
+.bgl_tabs_wrap[data-v-4b4c19a0]::before {
 	content: '';
 	position: absolute;
 	top: calc(var(--btn-padding) / 8);
@@ -2371,6 +2378,60 @@ input[type="number"][data-v-4c741194] {
 	transition: var(--bgl-transition);
 	z-index: 0;
 }
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0] {
+	background: transparent;
+}
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::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-4b4c19a0]{
+	color: var(--bgl-primary)
+}
+.bgl_flat-tabs .bgl_tab[data-v-4b4c19a0]:hover {
+	background: rgba(255, 255, 255, .1);
+}
+.bgl_vertical-tabs[data-v-4b4c19a0]{
+	grid-auto-flow: row;
+	align-items: start;
+	justify-items: start;
+	gap: 1rem
+}
+.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
+	padding-inline: 0;
+	border-radius: 0;
+	border-bottom: 1px solid transparent;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]:hover{
+	background: transparent;
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs .bgl_tab.active[data-v-4b4c19a0]{
+	border-bottom: 1px solid var(--bgl-primary);
+}
+.bgl_vertical-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::before{
+	border: none;
+}
+@media screen and (max-width: 910px) {
+.bgl_vertical-tabs[data-v-4b4c19a0]{
+	grid-auto-flow: column;
+	overflow: auto;
+	max-width: 100vw;
+	padding-inline-end: 1rem;
+	width: 100%;
+	gap: 1rem;
+	position: relative;
+}
+.bgl_vertical-tabs[data-v-4b4c19a0]::-webkit-scrollbar {
+	display: none;
+}
+.bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
+	white-space: nowrap;
+}
+}
 
 .tab[data-v-0a54cdeb] {
   text-transform: capitalize;
@@ -2404,19 +2465,19 @@ input[type="number"][data-v-4c741194] {
     height: 100vh;
 }
 .round {
-    border-radius: var(--btn-border-radius);
+    border-radius: var(--btn-border-radius) !important;
 }
 .rounded {
-    border-radius: calc(var(--btn-border-radius) / 2);
+    border-radius: calc(var(--btn-border-radius) / 2) !important;
 }
 .round-extra {
-    border-radius: calc(var(--btn-border-radius) * 2);
+    border-radius: calc(var(--btn-border-radius) * 2) !important;
 }
 .round-none {
-    border-radius: 0 ;
+    border-radius: 0;
 }
-.oval{
-    border-radius: 100% ;
+.oval {
+    border-radius: 100%;
 }
 .flex-center {
     justify-content: center;
@@ -2524,208 +2585,212 @@ input[type="number"][data-v-4c741194] {
     inset-inline-start: 0;
     inset-inline-end: 0;
 }
-.inset-inline-start, .start{
+.inset-inline-start,
+.start {
     inset-inline-start: 0;
 }
-.start-1{
+.start-1 {
     inset-inline-start: 1rem;
 }
-.start-2{
+.start-2 {
     inset-inline-start: 2rem;
 }
-.start-3{
+.start-3 {
     inset-inline-start: 3rem;
 }
-.start-4{
+.start-4 {
     inset-inline-start: 4rem;
 }
-.start-5{
+.start-5 {
     inset-inline-start: 5rem;
 }
-.start-6{
+.start-6 {
     inset-inline-start: 6rem;
 }
-.start-7{
+.start-7 {
     inset-inline-start: 7rem;
 }
-.start-8{
+.start-8 {
     inset-inline-start: 8rem;
 }
-.-start-1{
+.-start-1 {
     inset-inline-start: -1rem;
 }
-.-start-2{
+.-start-2 {
     inset-inline-start: -2rem;
 }
-.-start-3{
+.-start-3 {
     inset-inline-start: -3rem;
 }
-.-start-4{
+.-start-4 {
     inset-inline-start: -4rem;
 }
-.-start-5{
+.-start-5 {
     inset-inline-start: -5rem;
 }
-.-start-6{
+.-start-6 {
     inset-inline-start: -6rem;
 }
-.-start-7{
+.-start-7 {
     inset-inline-start: -7rem;
 }
-.-start-8{
+.-start-8 {
     inset-inline-start: -8rem;
 }
-.inset-inline-end, .end{
+.inset-inline-end,
+.end {
     inset-inline-end: 0;
 }
-.end-1{
+.end-1 {
     inset-inline-end: 1rem;
 }
-.end-2{
+.end-2 {
     inset-inline-end: 2rem;
 }
-.end-3{
+.end-3 {
     inset-inline-end: 3rem;
 }
-.end-4{
+.end-4 {
     inset-inline-end: 4rem;
 }
-.end-5{
+.end-5 {
     inset-inline-end: 5rem;
 }
-.end-6{
+.end-6 {
     inset-inline-end: 6rem;
 }
-.end-7{
+.end-7 {
     inset-inline-end: 7rem;
 }
-.end-8{
+.end-8 {
     inset-inline-end: 8rem;
 }
-.-end-1{
+.-end-1 {
     inset-inline-end: -1rem;
 }
-.-end-2{
+.-end-2 {
     inset-inline-end: -2rem;
 }
-.-end-3{
+.-end-3 {
     inset-inline-end: -3rem;
 }
-.-end-4{
+.-end-4 {
     inset-inline-end: -4rem;
 }
-.-end-5{
+.-end-5 {
     inset-inline-end: -5rem;
 }
-.-end-6{
+.-end-6 {
     inset-inline-end: -6rem;
 }
-.-end-7{
+.-end-7 {
     inset-inline-end: -7rem;
 }
-.-end-8{
+.-end-8 {
     inset-inline-end: -8rem;
 }
-.top, .top-0{
+.top,
+.top-0 {
     top: 0;
 }
-.top-1{
+.top-1 {
     top: 1rem;
 }
-.top-2{
+.top-2 {
     top: 2rem;
 }
-.top-3{
+.top-3 {
     top: 3rem;
 }
-.top-4{
+.top-4 {
     top: 4rem;
 }
-.top-5{
+.top-5 {
     top: 5rem;
 }
-.top-6{
+.top-6 {
     top: 6rem;
 }
-.top-7{
+.top-7 {
     top: 7rem;
 }
-.top-8{
+.top-8 {
     top: 8rem;
 }
-.-top-1{
+.-top-1 {
     top: -1rem;
 }
-.-top-2{
+.-top-2 {
     top: -2rem;
 }
-.-top-3{
+.-top-3 {
     top: -3rem;
 }
-.-top-4{
+.-top-4 {
     top: -4rem;
 }
-.-top-5{
+.-top-5 {
     top: -5rem;
 }
-.-top-6{
+.-top-6 {
     top: -6rem;
 }
-.-top-7{
+.-top-7 {
     top: -7rem;
 }
-.-top-8{
+.-top-8 {
     top: -8rem;
 }
-.bottom, .bottom-0{
+.bottom,
+.bottom-0 {
     bottom: 0;
 }
-.bottom-1{
+.bottom-1 {
     bottom: 1rem;
 }
-.bottom-2{
+.bottom-2 {
     bottom: 2rem;
 }
-.bottom-3{
+.bottom-3 {
     bottom: 3rem;
 }
-.bottom-4{
+.bottom-4 {
     bottom: 4rem;
 }
-.bottom-5{
+.bottom-5 {
     bottom: 5rem;
 }
-.bottom-6{
+.bottom-6 {
     bottom: 6rem;
 }
-.bottom-7{
+.bottom-7 {
     bottom: 7rem;
 }
-.bottom-8{
+.bottom-8 {
     bottom: 8rem;
 }
-.-bottom-1{
+.-bottom-1 {
     bottom: -1rem;
 }
-.-bottom-2{
+.-bottom-2 {
     bottom: -2rem;
 }
-.-bottom-3{
+.-bottom-3 {
     bottom: -3rem;
 }
-.-bottom-4{
+.-bottom-4 {
     bottom: -4rem;
 }
-.-bottom-5{
+.-bottom-5 {
     bottom: -5rem;
 }
-.-bottom-6{
+.-bottom-6 {
     bottom: -6rem;
 }
-.-bottom-7{
+.-bottom-7 {
     bottom: -7rem;
 }
-.-bottom-8{
+.-bottom-8 {
     bottom: -8rem;
 }
 .auto-flow-rows {
@@ -3079,10 +3144,12 @@ input[type="number"][data-v-4c741194] {
 .flex-shrink {
     flex-shrink: 1;
 }
-.flex-no-grow, .flex-grow-0 {
+.flex-no-grow,
+.flex-grow-0 {
     flex-grow: 0;
 }
-.flex-no-shrink, .flex-shrink-0 {
+.flex-no-shrink,
+.flex-shrink-0 {
     flex-shrink: 0;
 }
 .flex-grow-2 {
@@ -3695,7 +3762,7 @@ input[type="number"][data-v-4c741194] {
 .sticky,
 .position-sticky,
 .sticky-0,
-.position-sticky-0  {
+.position-sticky-0 {
     position: sticky !important;
     top: 0;
     align-self: start;
@@ -4105,25 +4172,26 @@ input[type="number"][data-v-4c741194] {
 .direction-rtl {
     direction: rtl;
 }
-.inset-0, .inset{
+.inset-0,
+.inset {
     inset: 0;
 }
-.inset-1{
+.inset-1 {
     inset: 1rem;
 }
-.inset-2{
+.inset-2 {
     inset: 2rem;
 }
-.inset-3{
+.inset-3 {
     inset: 3rem;
 }
-.inset-4{
+.inset-4 {
     inset: 4rem;
 }
-.inset-5{
+.inset-5 {
     inset: 5rem;
 }
-.inset-6{
+.inset-6 {
     inset: 6rem;
 }
 @media screen and (max-width: 910px) {
@@ -4192,23 +4260,23 @@ input[type="number"][data-v-4c741194] {
     }
 
     .m_round {
-        border-radius: var(--btn-border-radius);
+        border-radius: var(--btn-border-radius) !important;
     }
 
     .m_rounded {
-        border-radius: calc(var(--btn-border-radius) / 2);
+        border-radius: calc(var(--btn-border-radius) / 2) !important;
     }
 
     .m_round-extra {
-        border-radius: calc(var(--btn-border-radius) * 2);
+        border-radius: calc(var(--btn-border-radius) * 2) !important;
     }
 
     .m_round-none {
         border-radius: 0 !important;
     }
-    
-    .m_oval{
-        border-radius: 100% ;
+
+    .m_oval {
+        border-radius: 100%;
     }
 
     .m_flex-center {
@@ -4240,7 +4308,7 @@ input[type="number"][data-v-4c741194] {
     .m_align-items-center {
         align-items: center !important;
     }
-    
+
     .m_align-items-baseline {
         align-items: baseline !important;
     }
@@ -4701,39 +4769,41 @@ input[type="number"][data-v-4c741194] {
     .m_flex-shrink {
         flex-shrink: 1;
     }
-    
-    .m_flex-no-grow, .m_flex-grow-0 {
+
+    .m_flex-no-grow,
+    .m_flex-grow-0 {
         flex-grow: 0;
     }
-    
-    .m_flex-no-shrink, .m_flex-shrink-0 {
+
+    .m_flex-no-shrink,
+    .m_flex-shrink-0 {
         flex-shrink: 0;
     }
-    
+
     .m_flex-grow-2 {
         flex-grow: 2;
     }
-    
+
     .m_flex-shrink-2 {
         flex-shrink: 2;
     }
-    
+
     .m_flex-grow-3 {
         flex-grow: 3;
     }
-    
+
     .m_flex-shrink-3 {
         flex-shrink: 3;
     }
-    
+
     .m_flex-grow-4 {
         flex-grow: 4;
     }
-    
+
     .m_flex-shrink-4 {
         flex-shrink: 4;
     }
-    
+
     .m_flex-2-col {
         max-width: 50%;
         flex: 1 1 calc(50% - 2rem);
@@ -5927,26 +5997,27 @@ input[type="number"][data-v-4c741194] {
     .m_grid-span-6 {
         grid-column: span 6;
     }
+
     .m_grid-span-row-1 {
         grid-row: span 1;
     }
-    
+
     .m_grid-span-row-2 {
         grid-row: span 2;
     }
-    
+
     .m_grid-span-row-3 {
         grid-row: span 3;
     }
-    
+
     .m_grid-span-row-4 {
         grid-row: span 4;
     }
-    
+
     .m_grid-span-row-5 {
         grid-row: span 5;
     }
-    
+
     .m_grid-span-row-6 {
         grid-row: span 6;
     }
@@ -6008,299 +6079,309 @@ input[type="number"][data-v-4c741194] {
         inset-inline-start: 0;
         inset-inline-end: 0;
     }
-    .m_inset-inline-start, .m_start{
+
+    .m_inset-inline-start,
+    .m_start {
         inset-inline-start: 0 !important;
     }
-    
-    .m_start-1{
+
+    .m_start-1 {
         inset-inline-start: 1rem !important;
     }
-    
-    .m_start-2{
+
+    .m_start-2 {
         inset-inline-start: 2rem !important;
     }
-    
-    .m_start-3{
+
+    .m_start-3 {
         inset-inline-start: 3rem !important;
     }
-    
-    .m_start-4{
+
+    .m_start-4 {
         inset-inline-start: 4rem !important;
     }
-    
-    .m_start-5{
+
+    .m_start-5 {
         inset-inline-start: 5rem !important;
     }
-    
-    .m_start-6{
+
+    .m_start-6 {
         inset-inline-start: 6rem !important;
     }
-    
-    .m_start-7{
+
+    .m_start-7 {
         inset-inline-start: 7rem !important;
     }
-    
-    .m_start-8{
+
+    .m_start-8 {
         inset-inline-start: 8rem !important;
     }
-    
-    .m_-start-1{
+
+    .m_-start-1 {
         inset-inline-start: -1rem !important;
     }
-    
-    .m_-start-2{
+
+    .m_-start-2 {
         inset-inline-start: -2rem !important;
     }
-    
-    .m_-start-3{
+
+    .m_-start-3 {
         inset-inline-start: -3rem !important;
     }
-    
-    .m_-start-4{
+
+    .m_-start-4 {
         inset-inline-start: -4rem !important;
     }
-    
-    .m_-start-5{
+
+    .m_-start-5 {
         inset-inline-start: -5rem !important;
     }
-    
-    .m_-start-6{
+
+    .m_-start-6 {
         inset-inline-start: -6rem !important;
     }
-    
-    .m_-start-7{
+
+    .m_-start-7 {
         inset-inline-start: -7rem !important;
     }
-    
-    .m_-start-8{
+
+    .m_-start-8 {
         inset-inline-start: -8rem !important;
     }
-    
-    .m_inset-inline-end, .m_end{
+
+    .m_inset-inline-end,
+    .m_end {
         inset-inline-end: 0 !important;
     }
-    
-    .m_end-1{
+
+    .m_end-1 {
         inset-inline-end: 1rem !important;
     }
-    
-    .m_end-2{
+
+    .m_end-2 {
         inset-inline-end: 2rem !important;
     }
-    
-    .m_end-3{
+
+    .m_end-3 {
         inset-inline-end: 3rem !important;
     }
-    
-    .m_end-4{
+
+    .m_end-4 {
         inset-inline-end: 4rem !important;
     }
-    
-    .m_end-5{
+
+    .m_end-5 {
         inset-inline-end: 5rem !important;
     }
-    
-    .m_end-6{
+
+    .m_end-6 {
         inset-inline-end: 6rem !important;
     }
-    
-    .m_end-7{
+
+    .m_end-7 {
         inset-inline-end: 7rem !important;
     }
-    
-    .m_end-8{
+
+    .m_end-8 {
         inset-inline-end: 8rem !important;
     }
-    
-    .m_-end-1{
+
+    .m_-end-1 {
         inset-inline-end: -1rem !important;
     }
-    
-    .m_-end-2{
+
+    .m_-end-2 {
         inset-inline-end: -2rem !important;
     }
-    
-    .m_-end-3{
+
+    .m_-end-3 {
         inset-inline-end: -3rem !important;
     }
-    
-    .m_-end-4{
+
+    .m_-end-4 {
         inset-inline-end: -4rem !important;
     }
-    
-    .m_-end-5{
+
+    .m_-end-5 {
         inset-inline-end: -5rem !important;
     }
-    
-    .m_-end-6{
+
+    .m_-end-6 {
         inset-inline-end: -6rem !important;
     }
-    
-    .m_-end-7{
+
+    .m_-end-7 {
         inset-inline-end: -7rem !important;
     }
-    
-    .m_-end-8{
+
+    .m_-end-8 {
         inset-inline-end: -8rem !important;
     }
-    
-    .m_top, .m_top-0{
+
+    .m_top,
+    .m_top-0 {
         top: 0 !important;
     }
-    
-    .m_top-1{
+
+    .m_top-1 {
         top: 1rem !important;
     }
-    
-    .m_top-2{
+
+    .m_top-2 {
         top: 2rem !important;
     }
-    
-    .m_top-3{
+
+    .m_top-3 {
         top: 3rem !important;
     }
-    
-    .m_top-4{
+
+    .m_top-4 {
         top: 4rem !important;
     }
-    
-    .m_top-5{
+
+    .m_top-5 {
         top: 5rem !important;
     }
-    
-    .m_top-6{
+
+    .m_top-6 {
         top: 6rem !important;
     }
-    
-    .m_top-7{
+
+    .m_top-7 {
         top: 7rem !important;
     }
-    
-    .m_top-8{
+
+    .m_top-8 {
         top: 8rem !important;
     }
-    
-    .m_-top-1{
+
+    .m_-top-1 {
         top: -1rem !important;
     }
-    
-    .m_-top-2{
+
+    .m_-top-2 {
         top: -2rem !important;
     }
-    
-    .m_-top-3{
+
+    .m_-top-3 {
         top: -3rem !important;
     }
-    
-    .m_-top-4{
+
+    .m_-top-4 {
         top: -4rem !important;
     }
-    
-    .m_-top-5{
+
+    .m_-top-5 {
         top: -5rem !important;
     }
-    
-    .m_-top-6{
+
+    .m_-top-6 {
         top: -6rem !important;
     }
-    
-    .m_-top-7{
+
+    .m_-top-7 {
         top: -7rem !important;
     }
-    
-    .m_-top-8{
+
+    .m_-top-8 {
         top: -8rem !important;
     }
-    
-    .m_bottom, .m_bottom-0{
+
+    .m_bottom,
+    .m_bottom-0 {
         bottom: 0 !important;
     }
-    
-    .m_bottom-1{
+
+    .m_bottom-1 {
         bottom: 1rem !important;
     }
-    
-    .m_bottom-2{
+
+    .m_bottom-2 {
         bottom: 2rem !important;
     }
-    
-    .m_bottom-3{
+
+    .m_bottom-3 {
         bottom: 3rem !important;
     }
-    
-    .m_bottom-4{
+
+    .m_bottom-4 {
         bottom: 4rem !important;
     }
-    
-    .m_bottom-5{
+
+    .m_bottom-5 {
         bottom: 5rem !important;
     }
-    
-    .m_bottom-6{
+
+    .m_bottom-6 {
         bottom: 6rem !important;
     }
-    
-    .m_bottom-7{
+
+    .m_bottom-7 {
         bottom: 7rem !important;
     }
-    
-    .m_bottom-8{
+
+    .m_bottom-8 {
         bottom: 8rem !important;
     }
-    
-    .m_-bottom-1{
+
+    .m_-bottom-1 {
         bottom: -1rem !important;
     }
-    
-    .m_-bottom-2{
+
+    .m_-bottom-2 {
         bottom: -2rem !important;
     }
-    
-    .m_-bottom-3{
+
+    .m_-bottom-3 {
         bottom: -3rem !important;
     }
-    
-    .m_-bottom-4{
+
+    .m_-bottom-4 {
         bottom: -4rem !important;
     }
-    
-    .m_-bottom-5{
+
+    .m_-bottom-5 {
         bottom: -5rem !important;
     }
-    
-    .m_-bottom-6{
+
+    .m_-bottom-6 {
         bottom: -6rem !important;
     }
-    
-    .m_-bottom-7{
+
+    .m_-bottom-7 {
         bottom: -7rem !important;
     }
-    
-    .m_-bottom-8{
+
+    .m_-bottom-8 {
         bottom: -8rem !important;
     }
-    .m_inset-0, .m_inset{
+
+    .m_inset-0,
+    .m_inset {
         inset: 0;
     }
-    .m_inset-1{
+
+    .m_inset-1 {
         inset: 1rem;
     }
-    .m_inset-2{
+
+    .m_inset-2 {
         inset: 2rem;
     }
-    
-    .m_inset-3{
+
+    .m_inset-3 {
         inset: 3rem;
     }
-    
-    .m_inset-4{
+
+    .m_inset-4 {
         inset: 4rem;
     }
-    
-    .m_inset-5{
+
+    .m_inset-5 {
         inset: 5rem;
     }
-    .m_inset-6{
+
+    .m_inset-6 {
         inset: 6rem;
     }
 }
@@ -6313,7 +6394,7 @@ select {
 .bagel-input-error input,
 .bagel-input-error button,
 .bagel-input-error textarea {
-	outline: 1px solid var(--bgl-red);
+    outline: 1px solid var(--bgl-red);
 }
 .bagel-input {
     position: relative;
@@ -6390,16 +6471,28 @@ select {
     min-width: calc(var(--input-height) * 3);
     width: 100%;
 }
-.bagel-input input::-webkit-input-placeholder, .bagel-input textarea::-webkit-input-placeholder, .bagel-input select::-webkit-input-placeholder, .custom-select .input::-webkit-input-placeholder {
+.bagel-input input::-webkit-input-placeholder,
+.bagel-input textarea::-webkit-input-placeholder,
+.bagel-input select::-webkit-input-placeholder,
+.custom-select .input::-webkit-input-placeholder {
     color: var(--placeholder-color);
 }
-.bagel-input input::-moz-placeholder, .bagel-input textarea::-moz-placeholder, .bagel-input select::-moz-placeholder, .custom-select .input::-moz-placeholder {
+.bagel-input input::-moz-placeholder,
+.bagel-input textarea::-moz-placeholder,
+.bagel-input select::-moz-placeholder,
+.custom-select .input::-moz-placeholder {
     color: var(--placeholder-color);
 }
-.bagel-input input:-ms-input-placeholder, .bagel-input textarea:-ms-input-placeholder, .bagel-input select:-ms-input-placeholder, .custom-select .input:-ms-input-placeholder {
+.bagel-input input:-ms-input-placeholder,
+.bagel-input textarea:-ms-input-placeholder,
+.bagel-input select:-ms-input-placeholder,
+.custom-select .input:-ms-input-placeholder {
     color: var(--placeholder-color);
 }
-.bagel-input input::-ms-input-placeholder, .bagel-input textarea::-ms-input-placeholder, .bagel-input select::-ms-input-placeholder, .custom-select .input::-ms-input-placeholder {
+.bagel-input input::-ms-input-placeholder,
+.bagel-input textarea::-ms-input-placeholder,
+.bagel-input select::-ms-input-placeholder,
+.custom-select .input::-ms-input-placeholder {
     color: var(--placeholder-color);
 }
 .bagel-input input::placeholder,
@@ -6415,11 +6508,11 @@ select {
 }
 .bagel-input.search-wrap input {
     -webkit-padding-end: 2rem;
-            padding-inline-end: 2rem;
+    padding-inline-end: 2rem;
 }
 .bagel-input.search-wrap .bgl_icon-font {
     -webkit-margin-start: -1.75rem;
-            margin-inline-start: -1.75rem;
+    margin-inline-start: -1.75rem;
 }
 .bagel-input select {
     height: var(--input-height);
@@ -6482,8 +6575,7 @@ select {
     min-width: calc(var(--input-height) * 3);
     width: 100%;
 }
-.input.active
-.bagel-input input:focus-visible,
+.input.active .bagel-input input:focus-visible,
 .bagel-input select:focus-visible,
 .bagel-input textarea:focus-visible,
 .bagel-input button:focus-visible,
@@ -6558,10 +6650,6 @@ select {
     .bagel-input.wider input {
         min-width: 120px;
     }
-
-    .bagel-input label {
-        line-height: 1.2;
-    }
 }
 .bgl_btn,
 .bgl_flatBtn,
@@ -7537,6 +7625,12 @@ select {
 .color-blue-light {
     color: var(--bgl-blue-light) !important;
 }
+.bg-bg {
+    background: var(--bgl-bg) !important;
+}
+.color-bg {
+    color: var(--bgl-bg) !important;
+}
 .bg-black {
     background: var(--bgl-black) !important;
 }
@@ -7618,118 +7712,138 @@ select {
 .color-green {
     color: var(--bgl-green) !important;
 }
-.bg-input-white input {
+.bg-input-white input,
+.bg-input-white .selectinput-btn {
     background: var(--bgl-white) !important;
 }
 .color-input-white input {
     color: var(--bgl-white) !important;
 }
-.bg-input-primary input {
+.bg-input-primary input,
+.bg-input-primary .selectinput-btn {
     background: var(--bgl-primary) !important;
 }
 .color-input-primary input {
     color: var(--bgl-primary) !important;
 }
-.bg-input-primary-tint input {
+.bg-input-primary-tint input,
+.bg-input-primary-tint .selectinput-btn {
     background: var(--bgl-primary-tint) !important;
 }
 .color-input-primary-tint input {
     color: var(--bgl-primary-tint) !important;
 }
-.bg-input-primary-light input {
+.bg-input-primary-light input,
+.bg-input-primary-light .selectinput-btn {
     background: var(--bgl-primary-light) !important;
 }
 .color-input-primary-light input {
     color: var(--bgl-primary-light) !important;
 }
-.bg-input-blue-20 input {
+.bg-input-blue-20 input,
+.bg-input-blue-20 .selectinput-btn {
     background: var(--bgl-blue-20) !important;
 }
 .color-input-blue-20 input {
     color: var(--bgl-blue-20) !important;
 }
-.bg-input-blue-dark input {
+.bg-input-blue-dark input,
+.bg-input-blue-dark .selectinput-btn {
     background: var(--bgl-blue-dark) !important;
 }
 .color-input-blue-dark input {
     color: var(--bgl-blue-dark) !important;
 }
-.bg-input-blue-light input {
+.bg-input-blue-light input,
+.bg-input-blue-light .selectinput-btn {
     background: var(--bgl-blue-light) !important;
 }
 .color-input-blue-light input {
     color: var(--bgl-blue-light) !important;
 }
-.bg-input-black input {
+.bg-input-black input,
+.bg-input-black .selectinput-btn {
     background: var(--bgl-black) !important;
 }
 .color-input-black input {
     color: var(--bgl-black) !important;
 }
-.bg-input-black-tint input {
+.bg-input-black-tint input,
+.bg-input-black-tint .selectinput-btn {
     background: var(--bgl-black-tint) !important;
 }
 .color-input-black-tint input {
     color: var(--bgl-black-tint) !important;
 }
-.bg-input-gray input {
+.bg-input-gray input,
+.bg-input-gray .selectinput-btn {
     background: var(--bgl-gray) !important;
 }
 .color-input-gray input {
     color: var(--bgl-gray) !important;
 }
-.bg-input-gray-light input {
+.bg-input-gray-light input,
+.bg-input-gray-light .selectinput-btn {
     background: var(--bgl-gray-light) !important;
 }
 .color-input-gray-light input {
     color: var(--bgl-gray-light) !important;
 }
-.bg-input-gray-80 input {
+.bg-input-gray-80 input,
+.bg-input-gray-80 .selectinput-btn {
     background: var(--bgl-gray-80) !important;
 }
 .color-input-gray-80 input {
     color: var(--bgl-gray-80) !important;
 }
-.bg-input-gray-20 input {
+.bg-input-gray-20 input,
+.bg-input-gray-20 .selectinput-btn {
     background: var(--bgl-gray-20) !important;
 }
 .color-input-gray-20 input {
     color: var(--bgl-gray-20) !important;
 }
-.bg-input-pink input {
+.bg-input-pink input,
+.bg-input-pink .selectinput-btn {
     background: var(--bgl-pink) !important;
 }
 .color-input-pink input {
     color: var(--bgl-pink) !important;
 }
-.bg-input-red input {
+.bg-input-red input,
+.bg-input-red .selectinput-btn {
     background: var(--bgl-red) !important;
 }
 .color-input-red input {
     color: var(--bgl-red) !important;
 }
-.bg-input-red-tint input {
+.bg-input-red-tint input,
+.bg-input-red-tint .selectinput-btn {
     background: var(--bgl-red-tint) !important;
 }
 .color-input-red-tint input {
     color: var(--bgl-red-tint) !important;
 }
-.bg-input-yellow input {
+.bg-input-yellow input,
+.bg-input-yellow .selectinput-btn {
     background: var(--bgl-yellow) !important;
 }
 .color-input-yellow input {
     color: var(--bgl-yellow) !important;
 }
-.bg-input-yellow-light input {
+.bg-input-yellow-light input,
+.bg-input-yellow-light .selectinput-btn {
     background: var(--bgl-yellow-light) !important;
 }
 .color-input-yellow-light input {
     color: var(--bgl-yellow-light) !important;
 }
-.bg-input-green input {
+.bg-input-green input,
+.bg-input-green .selectinput-btn {
     background: var(--bgl-green) !important;
 }
-.bg-input-transparent input {
+.bg-input-transparent input,
+.bg-input-transparent .selectinput-btn {
     background: transparent !important;
 }
 .color-input-green input {
@@ -7786,6 +7900,9 @@ select {
 .border-end-none {
     border-inline-end: none !important
 }
+.border-none {
+    border: none !important
+}
 .border-inner-bottom-none>* {
     border-bottom: none !important
 }
@@ -7798,6 +7915,15 @@ select {
 .border-inner-end-none>* {
     border-inline-end: none !important
 }
+.border-inner-none>* {
+    border: none !important
+}
+.user-select-none {
+    user-select: none;
+}
+.user-select-all {
+    user-select: all;
+}
 @media screen and (max-width: 910px) {
     .m_opacity-0 {
         opacity: 0;
@@ -8061,7 +8187,8 @@ select {
         background: transparent !important;
     }
 
-    .m_bg-input-white input {
+    .m_bg-input-white input,
+    .m_bg-input-white .selectinput-btn {
         background: var(--bgl-white) !important;
     }
 
@@ -8069,7 +8196,8 @@ select {
         color: var(--bgl-white) !important;
     }
 
-    .m_bg-input-primary input {
+    .m_bg-input-primary input,
+    .m_bg-input-primary .selectinput-btn {
         background: var(--bgl-primary) !important;
     }
 
@@ -8077,7 +8205,8 @@ select {
         color: var(--bgl-primary) !important;
     }
 
-    .m_bg-input-primary-tint input {
+    .m_bg-input-primary-tint input,
+    .m_bg-input-primary-tint .selectinput-btn {
         background: var(--bgl-primary-tint) !important;
     }
 
@@ -8085,7 +8214,8 @@ select {
         color: var(--bgl-primary-tint) !important;
     }
 
-    .m_bg-input-primary-light input {
+    .m_bg-input-primary-light input,
+    .m_bg-input-primary-light .selectinput-btn {
         background: var(--bgl-primary-light) !important;
     }
 
@@ -8093,7 +8223,8 @@ select {
         color: var(--bgl-primary-light) !important;
     }
 
-    .m_bg-input-blue-20 input {
+    .m_bg-input-blue-20 input,
+    .m_bg-input-blue-20 .selectinput-btn {
         background: var(--bgl-blue-20) !important;
     }
 
@@ -8101,7 +8232,8 @@ select {
         color: var(--bgl-blue-20) !important;
     }
 
-    .m_bg-input-blue-dark input {
+    .m_bg-input-blue-dark input,
+    .m_bg-input-blue-dark .selectinput-btn {
         background: var(--bgl-blue-dark) !important;
     }
 
@@ -8109,7 +8241,8 @@ select {
         color: var(--bgl-blue-dark) !important;
     }
 
-    .m_bg-input-blue-light input {
+    .m_bg-input-blue-light input,
+    .m_bg-input-blue-light .selectinput-btn {
         background: var(--bgl-blue-light) !important;
     }
 
@@ -8117,7 +8250,8 @@ select {
         color: var(--bgl-blue-light) !important;
     }
 
-    .m_bg-input-black input {
+    .m_bg-input-black input,
+    .m_bg-input-black .selectinput-btn {
         background: var(--bgl-black) !important;
     }
 
@@ -8125,7 +8259,8 @@ select {
         color: var(--bgl-black) !important;
     }
 
-    .m_bg-input-black-tint input {
+    .m_bg-input-black-tint input,
+    .m_bg-input-black-tint .selectinput-btn {
         background: var(--bgl-black-tint) !important;
     }
 
@@ -8133,7 +8268,8 @@ select {
         color: var(--bgl-black-tint) !important;
     }
 
-    .m_bg-input-gray input {
+    .m_bg-input-gray input,
+    .m_bg-input-gray .selectinput-btn {
         background: var(--bgl-gray) !important;
     }
 
@@ -8141,7 +8277,8 @@ select {
         color: var(--bgl-gray) !important;
     }
 
-    .m_bg-input-gray-light input {
+    .m_bg-input-gray-light input,
+    .m_bg-input-gray-light .selectinput-btn {
         background: var(--bgl-gray-light) !important;
     }
 
@@ -8149,7 +8286,8 @@ select {
         color: var(--bgl-gray-light) !important;
     }
 
-    .m_bg-input-gray-80 input {
+    .m_bg-input-gray-80 input,
+    .m_bg-input-gray-80 .selectinput-btn {
         background: var(--bgl-gray-80) !important;
     }
 
@@ -8157,7 +8295,8 @@ select {
         color: var(--bgl-gray-80) !important;
     }
 
-    .m_bg-input-gray-20 input {
+    .m_bg-input-gray-20 input,
+    .m_bg-input-gray-20 .selectinput-btn {
         background: var(--bgl-gray-20) !important;
     }
 
@@ -8165,7 +8304,8 @@ select {
         color: var(--bgl-gray-20) !important;
     }
 
-    .m_bg-input-pink input {
+    .m_bg-input-pink input,
+    .m_bg-input-pink .selectinput-btn {
         background: var(--bgl-pink) !important;
     }
 
@@ -8173,7 +8313,8 @@ select {
         color: var(--bgl-pink) !important;
     }
 
-    .m_bg-input-red input {
+    .m_bg-input-red input,
+    .m_bg-input-red .selectinput-btn {
         background: var(--bgl-red) !important;
     }
 
@@ -8181,7 +8322,8 @@ select {
         color: var(--bgl-red) !important;
     }
 
-    .m_bg-input-red-tint input {
+    .m_bg-input-red-tint input,
+    .m_bg-input-red-tint .selectinput-btn {
         background: var(--bgl-red-tint) !important;
     }
 
@@ -8189,7 +8331,8 @@ select {
         color: var(--bgl-red-tint) !important;
     }
 
-    .m_bg-input-yellow input {
+    .m_bg-input-yellow input,
+    .m_bg-input-yellow .selectinput-btn {
         background: var(--bgl-yellow) !important;
     }
 
@@ -8197,7 +8340,8 @@ select {
         color: var(--bgl-yellow) !important;
     }
 
-    .m_bg-input-yellow-light input {
+    .m_bg-input-yellow-light input,
+    .m_bg-input-yellow-light .selectinput-btn {
         background: var(--bgl-yellow-light) !important;
     }
 
@@ -8205,7 +8349,8 @@ select {
         color: var(--bgl-yellow-light) !important;
     }
 
-    .m_bg-input-green input {
+    .m_bg-input-green input,
+    .m_bg-input-green .selectinput-btn {
         background: var(--bgl-green) !important;
     }
 
@@ -8213,7 +8358,8 @@ select {
         color: var(--bgl-green) !important;
     }
 
-    .m_bg-input-transparent input {
+    .m_bg-input-transparent input,
+    .m_bg-input-transparent .selectinput-btn {
         background: transparent !important;
     }
 
@@ -8252,6 +8398,10 @@ select {
         border-inline-end: 1px solid var(--border-color)
     }
 
+    .m_border-none {
+        border: none !important
+    }
+
     .m_border-inner-bottom>* {
         border-bottom: 1px solid var(--border-color)
     }
@@ -8268,6 +8418,11 @@ select {
         border-inline-end: 1px solid var(--border-color)
     }
 
+    .m_border-inner-none>* {
+        border: none !important
+    }
+
+
     .m_border-bottom-none {
         border-bottom: none !important
     }
@@ -8299,6 +8454,14 @@ select {
     .m_border-inner-end-none>* {
         border-inline-end: none !important
     }
+
+    .m_user-select-none {
+        user-select: none;
+    }
+
+    .m_user-select-all {
+        user-select: all;
+    }
 }
 /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
 /*noinspection CssUnknownTarget*/