@bagelink/vue 0.0.318 → 0.0.331

package/dist/style.css

@@ -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,32 +987,50 @@ 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-14fbb20b] {
   width: 100%;
 }
-.combobox-option[data-v-ceeb5855] {
+.combobox-option[data-v-14fbb20b] {
   padding: 6px 12px;
   cursor: pointer;
   border-radius: 5px;
   transition: all 0.2s;
-  display: flex;
+  display: grid;
+  grid-template-columns: 10px 1fr;
   justify-content: space-between;
   width: 100%;
+  font-size: var(--input-font-size);
 }
-.combobox-options[data-v-ceeb5855] {
+.combobox-options[data-v-14fbb20b] {
   max-height: 300px;
   overflow-y: auto;
 }
-.combobox-option[data-v-ceeb5855]:hover {
+.combobox-option[data-v-14fbb20b]:hover {
   background: var(--bgl-gray-20);
 }
 
+[data-popper-shown]{
+	color: var(--bgl-primary) !important;
+}
+.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 +1072,7 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-ad24530a] {
+.inline[data-v-10743b06] {
   display: inline;
 }
 
@@ -1103,88 +1120,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 {
@@ -1812,61 +1829,68 @@ to {
 	min-width: unset !important;
 	/* width: auto; */
 }
+.bagel-input label {
+	font-size: var(--label-font-size);
+}
 
-.bagel-input textarea[data-v-bdd555bb] {
+.bagel-input textarea[data-v-cd4c27ad] {
 	min-height: unset;
+	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-bdd555bb] {
+.bagel-input.text-input textarea[data-v-cd4c27ad] {
 	resize: none;
 }
-.code textarea[data-v-bdd555bb] {
+.code textarea[data-v-cd4c27ad] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-black) !important;
 	color: var(--bgl-white) !important;
 }
-.bagel-input.toggleEdit[data-v-bdd555bb]:hover {
+.bagel-input.toggleEdit[data-v-cd4c27ad]:hover {
 	background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-bdd555bb] {
+.bagel-input.small[data-v-cd4c27ad] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-bdd555bb] {
+.bagel-input.dense label[data-v-cd4c27ad] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.toggleEditBtn[data-v-bdd555bb] {
+.bagel-input label[data-v-cd4c27ad] {
+	font-size: var(--label-font-size);
+}
+.toggleEditBtn[data-v-cd4c27ad] {
 	position: absolute;
 	right: -24px;
 	top: 4;
 	opacity: 0;
 }
-.textInputIconWrap[data-v-bdd555bb] {
+.textInputIconWrap[data-v-cd4c27ad] {
 	position: relative;
 }
-.textInputIconWrap .bgl_icon-font[data-v-bdd555bb] {
+.textInputIconWrap .bgl_icon-font[data-v-cd4c27ad] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-bdd555bb] {
+.txtInputIconStart .iconStart[data-v-cd4c27ad] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-bdd555bb] {
+.txtInputIconStart textarea[data-v-cd4c27ad] {
 	padding-inline-start: 2rem;
 }
-.bagel-input:hover .toggleEditBtn[data-v-bdd555bb],
-.bagel-input.editMode .toggleEditBtn[data-v-bdd555bb] {
+.bagel-input:hover .toggleEditBtn[data-v-cd4c27ad],
+.bagel-input.editMode .toggleEditBtn[data-v-cd4c27ad] {
 	opacity: 1;
 }
-.bagel-input.small textarea[data-v-bdd555bb] {
+.bagel-input.small textarea[data-v-cd4c27ad] {
 	height: 30px;
 }
 
@@ -2224,79 +2248,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 +2263,11 @@ img.preview[data-v-1be8d7b1] {
 .wideNav .nav-button .bgl_btn-flex {
   justify-content: flex-start !important;
 }
-
-.nav-button.router-link-active[data-v-67b81581] {
-  background-color: #40b884 !important;
+.nav-button.router-link-active {
+  background-color: var(--bgl-primary-tint) !important;
 }
-.bgl_sidebar[data-v-67b81581] {
+
+.bgl_sidebar[data-v-8d6bd3d8] {
   background-color: var(--bgl-primary);
   color: var(--bgl-white);
   overflow: hidden;
@@ -2326,22 +2277,22 @@ img.preview[data-v-1be8d7b1] {
   padding: 0.5rem;
   overflow-y: auto;
 }
-.wideNav .toggleNav[data-v-67b81581] {
+.wideNav .toggleNav[data-v-8d6bd3d8] {
   transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-67b81581] {
+.wideNav .nav-button[data-v-8d6bd3d8] {
   padding-inline-start: 1rem !important;
   width: 100%;
 }
-.nav-button.bgl_btn-icon[data-v-67b81581] {
+.nav-button.bgl_btn-icon[data-v-8d6bd3d8] {
   border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-67b81581] {
+.nav-button p[data-v-8d6bd3d8] {
   transition: var(--nav-tran);
-  animation: fade-67b81581 2s;
+  animation: fade-8d6bd3d8 2s;
   animation-duration: 900ms;
 }
-@keyframes fade-67b81581 {
+@keyframes fade-8d6bd3d8 {
 0% {
     opacity: 0;
     transform: translateX(-20px);
@@ -2457,8 +2408,10 @@ img.preview[data-v-1be8d7b1] {
     min-height: 100%;
 }
 .w-100,
-.w100 {
+.width-100 {
     width: 100%;
+    max-width: 100px;
+
 }
 .w300,
 .w350,
@@ -2469,15 +2422,38 @@ img.preview[data-v-1be8d7b1] {
 .w600,
 .w650,
 .w700,
+.w750,
 .w770,
+.w800,
+.w850,
 .w900,
+.w950,
 .w970,
+.w1000,
 .w1030,
-.w1170 {
+.w1050,
+.w1100,
+.w1150,
+.w1170,
+.w1200,
+.w1250,
+.w1300,
+.w1350,
+.w1400,
+.w1450,
+.w1500,
+.w1550,
+.w1600 {
     margin-inline-start: auto;
     margin-inline-end: auto;
     width: 98%;
 }
+.w100 {
+    max-width: 100px;
+}
+.w200 {
+    max-width: 200px;
+}
 .w300 {
     max-width: 300px;
 }
@@ -2502,24 +2478,75 @@ img.preview[data-v-1be8d7b1] {
 .w650 {
     max-width: 650px;
 }
-.w650 {
+.w700 {
     max-width: 700px;
 }
+.w750 {
+    max-width: 750px;
+}
 .w770 {
     max-width: 770px;
 }
+.w800 {
+    max-width: 800px;
+}
+.w850 {
+    max-width: 850px;
+}
 .w900 {
     max-width: 900px;
 }
+.w950 {
+    max-width: 950px;
+}
 .w970 {
     max-width: 970px;
 }
+.w1000 {
+    max-width: 1000px;
+}
 .w1030 {
     max-width: 1030px;
 }
+.w1050 {
+    max-width: 1050px;
+}
+.w1100 {
+    max-width: 1100px;
+}
+.w1150 {
+    max-width: 1150px;
+}
 .w1170 {
     max-width: 1170px;
 }
+.w1200 {
+    max-width: 1200px;
+}
+.w1250 {
+    max-width: 1250px;
+}
+.w1300 {
+    max-width: 1300px;
+}
+.w1350 {
+    max-width: 1350px;
+}
+.w1400 {
+    max-width: 1400px;
+}
+.w1450 {
+    max-width: 1450px;
+}
+.w1500 {
+    max-width: 1500px;
+}
+.w1550 {
+    max-width: 1550px;
+}
+.w1600 {
+    max-width: 1600px;
+}
 .w-all,
 .wall {
     width: -webkit-fill-available;
@@ -3157,7 +3184,7 @@ img.preview[data-v-1be8d7b1] {
     position: relative;
 }
 .absolute {
-    position: absolute;
+    position: absolute !important;
 }
 .flex {
     display: flex;
@@ -3178,8 +3205,11 @@ img.preview[data-v-1be8d7b1] {
     display: block;
     width: 100%;
 }
-.flex-wrap {
-    flex-wrap: wrap;
+.inline {
+    display: inline;
+}
+.inline-block {
+    display: inline-block;
 }
 .flex-end {
     justify-content: flex-end;
@@ -3438,6 +3468,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);
@@ -3467,149 +3502,1565 @@ img.preview[data-v-1be8d7b1] {
         grid-template-columns: repeat(4, 1fr);
     }
 }
-input,
-textarea,
-select {
-    font-family: inherit;
-    width: 100%;
-}
-.bagel-input {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    text-align: start;
-    margin-bottom: 0.5rem;
-    width: 100%;
-    color: var(--bgl-black);
-}
-.bagel-input::placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
-}
-.bagel-input::placeholder {
-    color: var(--placeholder-color);
-}
-.bagel-input label {
-    color: var(--label-color);
-}
-.bagel-input input,
-.bagel-input select,
-.custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
-}
-.bagel-input input,
-.bagel-input textarea,
-.bagel-input select,
-.custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
-}
-.bagel-input input::placeholder,
-.bagel-input textarea::placeholder,
-.bagel-input select::placeholder,
-.custom-select .input::placeholder {
-    color: var(--placeholder-color);
-}
-.bagel-input.search-wrap {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-.bagel-input.search-wrap input {
-    padding-inline-end: 2rem;
-}
-.bagel-input.search-wrap .bgl_icon-font {
-    margin-inline-start: -1.75rem;
-}
-.bagel-input select {
-    height: var(--input-height);
-}
-.bagel-input textarea {
-    resize: vertical;
-    min-height: calc(var(--input-height) * 3);
-    line-height: 1.5;
-}
-.bagel-input.wider input {
-    min-width: 320px;
-}
-.bagel-input input[type="radio"] {
-    padding: 0;
-    width: fit-content;
-}
-.bagel-input:focus-within label {
-    color: var(--bgl-primary);
-}
-.bagel-input select.no-edit,
-.bagel-input input.no-edit,
-.bagel-input textarea.no-edit,
-.bagel-input .switch.no-edit {
-    pointer-events: none;
-    outline: none;
-}
-.bagel-input label.active {
-    color: var(--bgl-primary);
-}
-.inline-80 {
-    display: inline-block;
-    width: 80%;
-}
-.inline-20 {
-    display: inline-block;
-    width: 20%;
-}
-.inline-10 {
-    display: inline-block;
-    width: 20%;
-}
-.inline-50 {
-    display: inline-block;
-    width: 49%;
-    margin: 0 0.5%;
-}
-.custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
-}
-.custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
-}
-.input.active,
-.bagel-input input:focus-visible,
-.bagel-input select:focus-visible,
-.bagel-input textarea:focus-visible {
-    outline: none;
-    box-shadow: inset 0 0 10px #00000012;
-}
-.bagel-input input[type="number"]::-webkit-inner-spin-button,
-.bagel-input input[type="number"]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-}
-.label-count-0 label {
-    display: none;
-}
-.label-count-0 button.bgl_btn.bgl_flatBtn {
-    margin-right: 5px;
-}
-.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
-    background: var(--bgl-hover-filter);
-}
-.bagel-input input[type="color"] {
-    padding: 0.025rem 0.05rem;
-    display: block;
+@media screen and (max-width: 910px) {
+    .m_block {
+        display: block !important;
+    }
+
+    .m_inline {
+        display: inline !important;
+    }
+
+    .m_inline-block {
+        display: inline-block !important;
+    }
+
+    .m_flex {
+        display: flex !important;
+    }
+
+    .m_grid {
+        display: grid !important;
+    }
+
+    .m_none {
+        display: none !important;
+    }
+
+    .m_w-100 {
+        width: 100% !important;
+    }
+
+    .m_inline-grid {
+        display: inline-grid;
+    }
+
+    .m_fill {
+        width: 100vw;
+        height: 100vh;
+    }
+
+    .m_justify-items-center {
+        justify-items: center;
+    }
+
+    .m_justify-content-center {
+        justify-content: center;
+    }
+
+    .m_justify-content-start {
+        justify-content: start;
+    }
+
+    .m_align-content-center {
+        align-content: center;
+    }
+
+    .m_align-items-top {
+        align-items: flex-start !important;
+    }
+
+    .m_align-items-center {
+        align-items: center;
+    }
+
+    .m_align-items-end {
+        align-items: end !important;
+    }
+
+    .m_fit-content {
+        width: fit-content;
+        height: fit-content;
+    }
+
+    .m_auto-flow-columns {
+        grid-auto-flow: column;
+    }
+
+    .m_grid-2-col {
+        grid-template-columns: 1fr 1fr;
+    }
+
+    .m_justify-content-between {
+        justify-content: space-between;
+    }
+
+    .m_justify-self-start {
+        justify-self: start;
+    }
+
+    .m_columns-max-content {
+        grid-auto-columns: max-content;
+    }
+
+    .m_rows-max-content {
+        grid-auto-rows: max-content;
+    }
+
+    .m_grid.overflow>* {
+        min-width: 0px;
+        overflow: auto;
+    }
+
+    .m_justify-content-around {
+        justify-content: space-between;
+    }
+
+    .m_justify-content-end {
+        justify-content: end;
+    }
+
+    .m_justify-self-end {
+        justify-self: end;
+    }
+
+    .m_justify-self-center {
+        justify-self: center;
+    }
+
+    .m_position-start {
+        position: absolute;
+        top: 0px;
+        inset-inline-start: 0px;
+    }
+
+    .m_position-end {
+        position: absolute;
+        top: 0px;
+        inset-inline-end: 0px;
+    }
+
+    .m_position-absolute {
+        position: absolute;
+    }
+
+    .m_position-relative {
+        position: relative;
+    }
+
+    .m_auto-flow-rows {
+        grid-auto-flow: row;
+    }
+
+    .m_align-items-start {
+        align-items: start !important;
+    }
+
+    .m_align-self-end {
+        align-self: end;
+    }
+
+    .min-100,
+    .m_min100 {
+        min-height: 100%;
+    }
+
+    .m_w-100,
+    .m_width-100 {
+        width: 100%;
+        max-width: 100px;
+
+    }
+
+    .m_w300,
+    .m_w350,
+    .m_w400,
+    .m_w450,
+    .m_w500,
+    .m_w550,
+    .m_w600,
+    .m_w650,
+    .m_w700,
+    .m_w750,
+    .m_w770,
+    .m_w800,
+    .m_w850,
+    .m_w900 {
+        margin-inline-start: auto;
+        margin-inline-end: auto;
+        width: 98%;
+    }
+
+    .m_w100 {
+        max-width: 100px;
+    }
+
+    .m_w200 {
+        max-width: 200px;
+    }
+
+    .m_w300 {
+        max-width: 300px;
+    }
+
+    .m_w350 {
+        max-width: 350px;
+    }
+
+    .m_w400 {
+        max-width: 400px;
+    }
+
+    .m_w450 {
+        max-width: 450px;
+    }
+
+    .m_w500 {
+        max-width: 500px;
+    }
+
+    .m_w550 {
+        max-width: 550px;
+    }
+
+    .m_w600 {
+        max-width: 600px;
+    }
+
+    .m_w650 {
+        max-width: 650px;
+    }
+
+    .m_w700 {
+        max-width: 700px;
+    }
+
+    .m_w750 {
+        max-width: 750px;
+    }
+
+    .m_w770 {
+        max-width: 770px;
+    }
+
+    .m_w800 {
+        max-width: 800px;
+    }
+
+    .m_w850 {
+        max-width: 850px;
+    }
+
+    .m_w-all,
+    .m_wall {
+        width: -webkit-fill-available;
+    }
+
+    .m_h-all,
+    .m_hall {
+        height: -webkit-fill-available;
+    }
+
+    .m_gap-0 {
+        gap: 0;
+    }
+
+    .m_gap-025 {
+        gap: 0.25rem;
+    }
+
+    .m_gap-05 {
+        gap: 0.5rem;
+    }
+
+    .m_gap-075 {
+        gap: 0.75rem;
+    }
+
+    .m_gap-1 {
+        gap: 1rem;
+    }
+
+    .m_gap-2 {
+        gap: 2rem;
+    }
+
+    .m_gap-3 {
+        gap: 3rem;
+    }
+
+    .m_gap-4 {
+        gap: 4rem;
+    }
+
+    .m_gap-5 {
+        gap: 5rem;
+    }
+
+    .m_gap-col-0,
+    .m_col-gap-0 {
+        column-gap: 0rem;
+    }
+
+    .m_gap-col-025,
+    .m_col-gap-025 {
+        column-gap: 0.25rem;
+    }
+
+    .m_gap-col-05,
+    .m_col-gap-05 {
+        column-gap: 0.5rem;
+    }
+
+    .m_gap-col-075,
+    .m_col-gap-075 {
+        column-gap: 0.75rem;
+    }
+
+    .m_gap-col-1,
+    .m_col-gap-1 {
+        column-gap: 1rem;
+    }
+
+    .m_gap-col-2,
+    .m_col-gap-2 {
+        column-gap: 2rem;
+    }
+
+    .m_gap-col-3,
+    .m_col-gap-3 {
+        column-gap: 3rem;
+    }
+
+    .m_gap-col-4,
+    .m_col-gap-4 {
+        column-gap: 4rem;
+    }
+
+    .m_gap-col-5,
+    .m_col-gap-5 {
+        column-gap: 5rem;
+    }
+
+    .m_gap-row-0,
+    .m_row-gap-0 {
+        row-gap: 0rem;
+    }
+
+    .m_gap-row-025,
+    .m_row-gap-025 {
+        row-gap: 0.25rem;
+    }
+
+    .m_gap-row-05,
+    .m_row-gap-05 {
+        row-gap: 0.5rem;
+    }
+
+    .m_gap-row-075,
+    .m_row-gap-075 {
+        row-gap: 0.75rem;
+    }
+
+    .m_gap-row-1,
+    .m_row-gap-1 {
+        row-gap: 1rem;
+    }
+
+    .m_gap-row-2,
+    .m_row-gap-2 {
+        row-gap: 2rem;
+    }
+
+    .m_gap-row-3,
+    .m_row-gap-3 {
+        row-gap: 3rem;
+    }
+
+    .m_gap-row-4,
+    .m_row-gap-4 {
+        row-gap: 4rem;
+    }
+
+    .m_gap-row-5,
+    .m_row-gap-5 {
+        row-gap: 5rem;
+    }
+
+    .m_flex-wrap {
+        flex-wrap: wrap;
+    }
+
+    .m_column {
+        flex-direction: column;
+    }
+
+    .m_row {
+        flex-direction: row;
+    }
+
+    .m_flex-grow {
+        flex-grow: 1;
+    }
+
+    .m_flex-shrink {
+        flex-shrink: 1;
+    }
+
+    .m_flex-2-col {
+        max-width: 50%;
+        flex: 1 1 calc(50% - 2rem);
+    }
+
+    .m_flex-3-col {
+        flex: 1 1 33.33333%;
+    }
+
+    .m_mb-auto {
+        margin-bottom: auto !important;
+    }
+
+    .m_mb-0 {
+        margin-bottom: 0rem !important;
+    }
+
+    .m_mb-025 {
+        margin-bottom: 0.25rem !important;
+    }
+
+    .m_mb-05 {
+        margin-bottom: 0.5rem !important;
+    }
+
+    .m_mb-075 {
+        margin-bottom: 0.75rem !important;
+    }
+
+    .m_mb-1 {
+        margin-bottom: 1rem !important;
+    }
+
+    .m_mb-2 {
+        margin-bottom: 2rem !important;
+    }
+
+    .m_mb-3 {
+        margin-bottom: 3rem !important;
+    }
+
+    .m_mb-4 {
+        margin-bottom: 4rem !important;
+    }
+
+    .m_mt-auto {
+        margin-top: auto !important;
+    }
+
+    .m_mt-0 {
+        margin-top: 0rem !important;
+    }
+
+    .m_mt-025 {
+        margin-top: 0.25rem !important;
+    }
+
+    .m_mt-05 {
+        margin-top: 0.5rem !important;
+    }
+
+    .m_mt-075 {
+        margin-top: 0.75rem !important;
+    }
+
+    .m_mt-1 {
+        margin-top: 1rem !important;
+    }
+
+    .m_mt-2 {
+        margin-top: 2rem !important;
+    }
+
+    .m_mt-3 {
+        margin-top: 3rem !important;
+    }
+
+    .m_mt-4 {
+        margin-top: 4rem !important;
+    }
+
+    .m_my-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important;
+    }
+
+    .m_my-0 {
+        margin-top: 0rem !important;
+        margin-bottom: 0rem !important;
+    }
+
+    .m_my-025 {
+        margin-top: 0.25rem !important;
+        margin-bottom: 0.25rem !important;
+    }
+
+    .m_my-05 {
+        margin-top: 0.5rem !important;
+        margin-bottom: 0.5rem !important;
+    }
+
+    .m_my-075 {
+        margin-top: 0.75rem !important;
+        margin-bottom: 0.75rem !important;
+    }
+
+    .m_my-1 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important;
+    }
+
+    .m_my-2 {
+        margin-top: 2rem !important;
+        margin-bottom: 2rem !important;
+    }
+
+    .m_my-3 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important;
+    }
+
+    .m_my-4 {
+        margin-top: 4rem !important;
+        margin-bottom: 4rem !important;
+    }
+
+    .m_ms-auto {
+        margin-inline-start: auto !important;
+    }
+
+    .m_ms-0 {
+        margin-inline-start: 0rem !important;
+    }
+
+    .m_ms-025 {
+        margin-inline-start: 0.25rem !important;
+    }
+
+    .m_ms-05 {
+        margin-inline-start: 0.5rem !important;
+    }
+
+    .m_ms-075 {
+        margin-inline-start: 0.75rem !important;
+    }
+
+    .m_ms-1 {
+        margin-inline-start: 1rem !important;
+    }
+
+    .m_ms-2 {
+        margin-inline-start: 2rem !important;
+    }
+
+    .m_ms-3 {
+        margin-inline-start: 3rem !important;
+    }
+
+    .m_ms-4 {
+        margin-inline-start: 4rem !important;
+    }
+
+    .m_me-auto {
+        margin-inline-end: auto !important;
+    }
+
+    .m_me-0 {
+        margin-inline-end: 0rem !important;
+    }
+
+    .m_me-025 {
+        margin-inline-end: 0.25rem !important;
+    }
+
+    .m_me-05 {
+        margin-inline-end: 0.5rem !important;
+    }
+
+    .m_me-075 {
+        margin-inline-end: 0.75rem !important;
+    }
+
+    .m_me-1 {
+        margin-inline-end: 1rem !important;
+    }
+
+    .m_me-2 {
+        margin-inline-end: 2rem !important;
+    }
+
+    .m_me-3 {
+        margin-inline-end: 3rem !important;
+    }
+
+    .m_me-4 {
+        margin-inline-end: 4rem !important;
+    }
+
+    .mx-auto,
+    .m_margin-auto {
+        margin-inline-start: auto !important;
+        margin-inline-end: auto !important;
+    }
+
+    .m_mx-0 {
+        margin-inline-start: 0rem !important;
+        margin-inline-end: 0rem !important;
+    }
+
+    .m_mx-025 {
+        margin-inline-start: 0.25rem !important;
+        margin-inline-end: 0.25rem !important;
+    }
+
+    .m_mx-05 {
+        margin-inline-start: 0.5rem !important;
+        margin-inline-end: 0.5rem !important;
+    }
+
+    .m_mx-075 {
+        margin-inline-start: 0.75rem !important;
+        margin-inline-end: 0.75rem !important;
+    }
+
+    .m_mx-1 {
+        margin-inline-start: 1rem !important;
+        margin-inline-end: 1rem !important;
+    }
+
+    .m_mx-2 {
+        margin-inline-start: 2rem !important;
+        margin-inline-end: 2rem !important;
+    }
+
+    .m_mx-3 {
+        margin-inline-start: 3rem !important;
+        margin-inline-end: 3rem !important;
+    }
+
+    .m_mx-4 {
+        margin-inline-start: 4rem !important;
+        margin-inline-end: 4rem !important;
+    }
+
+    .m_m-auto {
+        margin: auto !important;
+    }
+
+    .m_m-0 {
+        margin: 0rem !important;
+    }
+
+    .m_m-025 {
+        margin: 0.25rem !important;
+    }
+
+    .m_m-05 {
+        margin: 0.5rem !important;
+    }
+
+    .m_m-075 {
+        margin: 0.75rem !important;
+    }
+
+    .m_m-1 {
+        margin: 1rem !important;
+    }
+
+    .m_m-2 {
+        margin: 2rem !important;
+    }
+
+    .m_m-3 {
+        margin: 3rem !important;
+    }
+
+    .m_m-4 {
+        margin: 4rem !important;
+    }
+
+    .m_-mb-025 {
+        margin-bottom: -0.25rem !important;
+    }
+
+    .m_-mb-05 {
+        margin-bottom: -0.5rem !important;
+    }
+
+    .m_-mb-075 {
+        margin-bottom: -0.75rem !important;
+    }
+
+    .m_-mb-1 {
+        margin-bottom: -1rem !important;
+    }
+
+    .m_-mb-2 {
+        margin-bottom: -2rem !important;
+    }
+
+    .m_-mb-3 {
+        margin-bottom: -3rem !important;
+    }
+
+    .m_-mb-4 {
+        margin-bottom: -4rem !important;
+    }
+
+    .m_-mt-025 {
+        margin-top: -0.25rem !important;
+    }
+
+    .m_-mt-05 {
+        margin-top: -0.5rem !important;
+    }
+
+    .m_-mt-075 {
+        margin-top: 0.75rem !important;
+    }
+
+    .m_-mt-1 {
+        margin-top: -1rem !important;
+    }
+
+    .m_-mt-2 {
+        margin-top: -2rem !important;
+    }
+
+    .m_-mt-3 {
+        margin-top: -3rem !important;
+    }
+
+    .m_-mt-4 {
+        margin-top: -4rem !important;
+    }
+
+    .m_-my-025 {
+        margin-top: -0.25rem !important;
+        margin-bottom: -0.25rem !important;
+    }
+
+    .m_-my-05 {
+        margin-top: -0.5rem !important;
+        margin-bottom: -0.5rem !important;
+    }
+
+    .m_-my-075 {
+        margin-top: 0.75rem !important;
+        margin-bottom: 0.75rem !important;
+    }
+
+    .m_-my-1 {
+        margin-top: -1rem !important;
+        margin-bottom: -1rem !important;
+    }
+
+    .m_-my-2 {
+        margin-top: -2rem !important;
+        margin-bottom: -2rem !important;
+    }
+
+    .m_-my-3 {
+        margin-top: -3rem !important;
+        margin-bottom: -3rem !important;
+    }
+
+    .m_-my-4 {
+        margin-top: -4rem !important;
+        margin-bottom: -4rem !important;
+    }
+
+    .m_-ms-025 {
+        margin-inline-start: -0.25rem !important;
+    }
+
+    .m_-ms-05 {
+        margin-inline-start: -0.5rem !important;
+    }
+
+    .m_-ms-075 {
+        margin-inline-start: -0.75rem !important;
+    }
+
+    .m_-ms-1 {
+        margin-inline-start: -1rem !important;
+    }
+
+    .m_-ms-2 {
+        margin-inline-start: -2rem !important;
+    }
+
+    .m_-ms-3 {
+        margin-inline-start: -3rem !important;
+    }
+
+    .m_-ms-4 {
+        margin-inline-start: -4rem !important;
+    }
+
+    .m_-me-025 {
+        margin-inline-end: -0.25rem !important;
+    }
+
+    .m_-me-05 {
+        margin-inline-end: -0.5rem !important;
+    }
+
+    .m_-me-075 {
+        margin-inline-end: -0.75rem !important;
+    }
+
+    .m_-me-1 {
+        margin-inline-end: -1rem !important;
+    }
+
+    .m_-me-2 {
+        margin-inline-end: -2rem !important;
+    }
+
+    .m_-me-3 {
+        margin-inline-end: -3rem !important;
+    }
+
+    .m_-me-4 {
+        margin-inline-end: -4rem !important;
+    }
+
+    .m_pb-0 {
+        padding-bottom: 0rem !important;
+    }
+
+    .m_pb-1 {
+        padding-bottom: 1rem !important;
+    }
+
+    .m_pb-2 {
+        padding-bottom: 2rem !important;
+    }
+
+    .m_pb-3 {
+        padding-bottom: 3rem !important;
+    }
+
+    .m_pb-4 {
+        padding-bottom: 4rem !important;
+    }
+
+    .m_pb-075 {
+        padding-bottom: 0.75rem !important;
+    }
+
+    .m_pb-05 {
+        padding-bottom: 0.5rem !important;
+    }
+
+    .m_pb-025 {
+        padding-bottom: 0.25rem !important;
+    }
+
+    .m_pt-0 {
+        padding-top: 0rem !important;
+    }
+
+    .m_pt-1 {
+        padding-top: 1rem !important;
+    }
+
+    .m_pt-2 {
+        padding-top: 2rem !important;
+    }
+
+    .m_pt-3 {
+        padding-top: 3rem !important;
+    }
+
+    .m_pt-4 {
+        padding-top: 4rem !important;
+    }
+
+    .m_pt-075 {
+        padding-top: 0.75rem !important;
+    }
+
+    .m_pt-05 {
+        padding-top: 0.5rem !important;
+    }
+
+    .m_pt-025 {
+        padding-top: 0.25rem !important;
+    }
+
+    .m_ps-0 {
+        padding-inline-start: 0rem !important;
+    }
+
+    .m_ps-1 {
+        padding-inline-start: 1rem !important;
+    }
+
+    .m_ps-2 {
+        padding-inline-start: 2rem !important;
+    }
+
+    .m_ps-3 {
+        padding-inline-start: 3rem !important;
+    }
+
+    .m_ps-4 {
+        padding-inline-start: 4rem !important;
+    }
+
+    .m_ps-075 {
+        padding-inline-start: 0.75rem !important;
+    }
+
+    .m_ps-05 {
+        padding-inline-start: 0.5rem !important;
+    }
+
+    .m_ps-025 {
+        padding-inline-start: 0.25rem !important;
+    }
+
+    .m_pe-0 {
+        padding-inline-end: 0rem !important;
+    }
+
+    .m_pe-1 {
+        padding-inline-end: 1rem !important;
+    }
+
+    .m_pe-2 {
+        padding-inline-end: 2rem !important;
+    }
+
+    .m_pe-3 {
+        padding-inline-end: 3rem !important;
+    }
+
+    .m_pe-4 {
+        padding-inline-end: 4rem !important;
+    }
+
+    .m_pe-075 {
+        padding-inline-end: 0.75rem !important;
+    }
+
+    .m_pe-05 {
+        padding-inline-end: 0.5rem !important;
+    }
+
+    .m_pe-025 {
+        padding-inline-end: 0.25rem !important;
+    }
+
+    .m_px-0 {
+        padding-inline-end: 0rem !important;
+        padding-inline-start: 0rem !important;
+    }
+
+    .m_px-1 {
+        padding-inline-end: 1rem !important;
+        padding-inline-start: 1rem !important;
+    }
+
+    .m_px-2 {
+        padding-inline-end: 2rem !important;
+        padding-inline-start: 2rem !important;
+    }
+
+    .m_px-3 {
+        padding-inline-end: 3rem !important;
+        padding-inline-start: 3rem !important;
+    }
+
+    .m_px-4 {
+        padding-inline-end: 4rem !important;
+        padding-inline-start: 4rem !important;
+    }
+
+    .m_px-075 {
+        padding-inline-end: 0.75rem !important;
+        padding-inline-start: 0.75rem !important;
+    }
+
+    .m_px-05 {
+        padding-inline-end: 0.5rem !important;
+        padding-inline-start: 0.5rem !important;
+    }
+
+    .m_px-025 {
+        padding-inline-end: 0.25rem !important;
+        padding-inline-start: 0.25rem !important;
+    }
+
+    .m_py-0 {
+        padding-top: 0rem !important;
+        padding-bottom: 0rem !important;
+    }
+
+    .m_py-1 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important;
+    }
+
+    .m_py-2 {
+        padding-top: 2rem !important;
+        padding-bottom: 2rem !important;
+    }
+
+    .m_py-3 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important;
+    }
+
+    .m_py-4 {
+        padding-top: 4rem !important;
+        padding-bottom: 4rem !important;
+    }
+
+    .m_py-075 {
+        padding-top: 0.75rem !important;
+        padding-bottom: 0.75rem !important;
+    }
+
+    .m_py-05 {
+        padding-top: 0.5rem !important;
+        padding-bottom: 0.5rem !important;
+    }
+
+    .m_py-025 {
+        padding-top: 0.25rem !important;
+        padding-bottom: 0.25rem !important;
+    }
+
+    .m_p-0 {
+        padding: 0rem !important;
+    }
+
+    .m_p-1 {
+        padding: 1rem !important;
+    }
+
+    .m_p-2 {
+        padding: 2rem !important;
+    }
+
+    .m_p-3 {
+        padding: 3rem !important;
+    }
+
+    .m_p-4 {
+        padding: 4rem !important;
+    }
+
+    .m_p-075 {
+        padding: 0.75rem !important;
+    }
+
+    .m_p-05 {
+        padding: 0.5rem !important;
+    }
+
+    .m_p-025 {
+        padding: 0.25rem !important;
+    }
+
+    .m_relative {
+        position: relative;
+    }
+
+    .m_absolute {
+        position: absolute !important;
+    }
+
+    .m_flex-stretch {
+        display: flex;
+        align-items: stretch;
+    }
+
+    .m_flex-end {
+        justify-content: flex-end;
+    }
+
+    .m_space-between {
+        justify-content: space-between;
+    }
+
+    .m_label {
+        display: block;
+        font-size: var(--label-font-size);
+        margin-bottom: 2px;
+        line-height: 1.3;
+        color: var(--label-color);
+    }
+
+    .m_h-10 {
+        height: 10%;
+    }
+
+    .m_vh-10 {
+        height: 10vh;
+    }
+
+    .m_h-10px {
+        height: 10px;
+    }
+
+    .m_hm-10px {
+        max-height: 10px;
+    }
+
+
+    .m_h-20 {
+        height: 20%;
+    }
+
+    .m_vh-20 {
+        height: 20vh;
+    }
+
+    .m_h-20px {
+        height: 20px;
+    }
+
+    .m_hm-20px {
+        max-height: 20px;
+    }
+
+    .m_h-30 {
+        height: 30%;
+    }
+
+    .m_vh-30 {
+        height: 30vh;
+    }
+
+    .m_h-30px {
+        height: 30px;
+    }
+
+    .m_hm-30px {
+        max-height: 30px;
+    }
+
+    .m_h-40 {
+        height: 40%;
+    }
+
+    .m_vh-40 {
+        height: 40vh;
+    }
+
+    .m_h-40px {
+        height: 40px;
+    }
+
+    .m_hm-40px {
+        max-height: 40px;
+    }
+
+    .m_h-50 {
+        height: 50%;
+    }
+
+    .m_vh-50 {
+        height: 50vh;
+    }
+
+    .m_h-50px {
+        height: 50px;
+    }
+
+    .m_hm-50px {
+        max-height: 50px;
+    }
+
+    .m_h-60 {
+        height: 60%;
+    }
+
+    .m_vh-60 {
+        height: 60vh;
+    }
+
+    .m_h-60px {
+        height: 60px;
+    }
+
+    .m_hm-60px {
+        max-height: 60px;
+    }
+
+    .m_h-70 {
+        height: 70%;
+    }
+
+    .m_vh-70 {
+        height: 70vh;
+    }
+
+    .m_h-70px {
+        height: 70px;
+    }
+
+    .m_hm-70px {
+        max-height: 70px;
+    }
+
+    .m_h-80 {
+        height: 80%;
+    }
+
+    .m_vh-80 {
+        height: 80vh;
+    }
+
+    .m_h-80px {
+        height: 80px;
+    }
+
+    .m_hm-80px {
+        max-height: 80px;
+    }
+
+    .m_h-90 {
+        height: 90%;
+    }
+
+    .m_vh-90 {
+        height: 90vh;
+    }
+
+    .m_h-90px {
+        height: 90px;
+    }
+
+    .m_hm-90px {
+        max-height: 90px;
+    }
+
+
+    .m_h-100 {
+        height: 100%;
+    }
+
+    .m_vh-100 {
+        height: 100vh;
+    }
+
+    .m_h-100px {
+        height: 100px;
+    }
+
+    .m_hm-100px {
+        max-height: 100px;
+    }
+
+    .m_h-150 {
+        height: 150%;
+    }
+
+    .m_vh-150 {
+        height: 150vh;
+    }
+
+    .m_h-150px {
+        height: 150px;
+    }
+
+    .m_hm-150px {
+        max-height: 150px;
+    }
+
+    .m_h-200 {
+        height: 200%;
+    }
+
+    .m_vh-200 {
+        height: 200vh;
+    }
+
+    .m_h-200px {
+        height: 200px;
+    }
+
+    .m_hm-200px {
+        max-height: 200px;
+    }
+
+    .m_h-300 {
+        height: 300%;
+    }
+
+    .m_vh-300 {
+        height: 300vh;
+    }
+
+    .m_h-300px {
+        height: 300px;
+    }
+
+    .m_hm-300px {
+        max-height: 300px;
+    }
+
+    .m_h-400 {
+        height: 400%;
+    }
+
+    .m_vh-400 {
+        height: 400vh;
+    }
+
+    .m_h-400px {
+        height: 400px;
+    }
+
+    .m_hm-400px {
+        max-height: 400px;
+    }
+
+    .m_h-500 {
+        height: 500%;
+    }
+
+    .m_vh-500 {
+        height: 500vh;
+    }
+
+    .m_h-500px {
+        height: 500px;
+    }
+
+    .m_hm-500px {
+        max-height: 500px;
+    }
+
+    .m_h-600 {
+        height: 600%;
+    }
+
+    .m_vh-600 {
+        height: 600vh;
+    }
+
+    .m_h-600px {
+        height: 600px;
+    }
+
+    .m_hm-600px {
+        max-height: 600px;
+    }
+
+
+    .m_layout-h-100 {
+        height: 100vh;
+        overflow-y: hidden;
+    }
+
+    .m_grid-wrap-1 {
+        grid-template-columns: repeat(1, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-2 {
+        grid-template-columns: repeat(2, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-3 {
+        grid-template-columns: repeat(3, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-4 {
+        grid-template-columns: repeat(4, 1fr);
+        height: max-content;
+
+    }
+
+    .m_grid-wrap-5 {
+        grid-template-columns: repeat(5, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-6 {
+        grid-template-columns: repeat(6, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-7 {
+        grid-template-columns: repeat(7, 1fr);
+        height: max-content;
+    }
+
+    .m_grid-wrap-8 {
+        grid-template-columns: repeat(8, 1fr);
+        height: max-content;
+    }
+
+    .m_overflow-hidden {
+        overflow: hidden;
+    }
+
+    .m_overflow-x {
+        overflow-x: auto;
+    }
+
+    .m_overflow-y {
+        overflow-y: auto;
+    }
+
+    .m_overflow-x-hidden {
+        overflow-x: hidden;
+    }
+
+    .m_overflow-y-hidden {
+        overflow-y: hidden;
+    }
+}
+input,
+textarea,
+select {
+    font-family: inherit;
+    width: 100%;
+}
+.bagel-input {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    text-align: start;
+    margin-bottom: 0.5rem;
+    width: 100%;
+    color: var(--bgl-black);
+}
+.bagel-input::placeholder .bagel-input label {
+    display: block;
+    font-size: var(--label-font-size);
+    margin-bottom: 2px;
+    line-height: 1.3;
+}
+.bagel-input::placeholder {
+    color: var(--placeholder-color);
+}
+.bagel-input label {
+    color: var(--label-color);
+}
+.bagel-input input,
+.bagel-input select,
+.custom-select .input {
+    height: var(--input-height);
+    font-size: var(--input-font-size);
+}
+.bagel-input input,
+.bagel-input textarea,
+.bagel-input select,
+.custom-select .input {
+    background: var(--input-bg);
+    border: none;
+    padding: 0.7rem;
+    border-radius: var(--input-border-radius);
+    color: var(--input-color);
+    min-width: calc(var(--input-height) * 3);
+    width: 100%;
+}
+.bagel-input input::placeholder,
+.bagel-input textarea::placeholder,
+.bagel-input select::placeholder,
+.custom-select .input::placeholder {
+    color: var(--placeholder-color);
+}
+.bagel-input.search-wrap {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+.bagel-input.search-wrap input {
+    padding-inline-end: 2rem;
+}
+.bagel-input.search-wrap .bgl_icon-font {
+    margin-inline-start: -1.75rem;
+}
+.bagel-input select {
+    height: var(--input-height);
+}
+.bagel-input textarea {
+    resize: vertical;
+    min-height: calc(var(--input-height) * 3);
+    line-height: 1.5;
+}
+.bagel-input.wider input {
+    min-width: 320px;
+}
+.bagel-input input[type="radio"] {
+    padding: 0;
+    width: fit-content;
+}
+.bagel-input:focus-within label {
+    color: var(--bgl-primary);
+}
+.bagel-input select.no-edit,
+.bagel-input input.no-edit,
+.bagel-input textarea.no-edit,
+.bagel-input .switch.no-edit {
+    pointer-events: none;
+    outline: none;
+}
+.bagel-input label.active {
+    color: var(--bgl-primary);
+}
+.inline-80 {
+    display: inline-block;
+    width: 80%;
+}
+.inline-20 {
+    display: inline-block;
+    width: 20%;
+}
+.inline-10 {
+    display: inline-block;
+    width: 20%;
+}
+.inline-50 {
+    display: inline-block;
+    width: 49%;
+    margin: 0 0.5%;
+}
+.custom-select .input {
+    height: var(--input-height);
+    font-size: var(--input-font-size);
+}
+.custom-select .input {
+    background: var(--input-bg);
+    border: none;
+    padding: 0.7rem;
+    border-radius: var(--input-border-radius);
+    color: var(--input-color);
+    min-width: calc(var(--input-height) * 3);
+    width: 100%;
+}
+.input.active,
+.bagel-input input:focus-visible,
+.bagel-input select:focus-visible,
+.bagel-input textarea:focus-visible {
+    outline: none;
+    box-shadow: inset 0 0 10px #00000012;
+}
+.bagel-input input[type="number"]::-webkit-inner-spin-button,
+.bagel-input input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+}
+.label-count-0 label {
+    display: none;
+}
+.label-count-0 button.bgl_btn.bgl_flatBtn {
+    margin-right: 5px;
+}
+.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
+    background: var(--bgl-hover-filter);
+}
+.bagel-input input[type="color"] {
+    padding: 0.025rem 0.05rem;
+    display: block;
     width: var(--input-height);
     height: var(--input-height);
     border: none;
@@ -3825,6 +5276,9 @@ select {
 .bgl_icon-font {
     font-family: "Material Symbols Outlined", serif;
 }
+.nowrap {
+    white-space: nowrap;
+}
 @media screen and (max-width: 910px) {
 
     .txt20,
@@ -3958,6 +5412,36 @@ select {
     min-width: 220px;
   }
 }
+.opacity-1 {
+    opacity: 0.1;
+}
+.opacity-2 {
+    opacity: 0.2;
+}
+.opacity-3 {
+    opacity: 0.3;
+}
+.opacity-4 {
+    opacity: 0.4;
+}
+.opacity-5 {
+    opacity: 0.5;
+}
+.opacity-6 {
+    opacity: 0.6;
+}
+.opacity-7 {
+    opacity: 0.7;
+}
+.opacity-8 {
+    opacity: 0.8;
+}
+.opacity-9 {
+    opacity: 0.9;
+}
+.opacity-10 {
+    opacity: 1;
+}
 /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
 /*noinspection CssUnknownTarget*/
 :root {