@bagelink/vue 0.0.544 → 0.0.552

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-204e25fe] {
+a[data-v-7f505d62] {
   text-decoration: none;
 }
-.loading[data-v-204e25fe] {
+.loading[data-v-7f505d62] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-204e25fe 1s linear infinite;
+  animation: spin-7f505d62 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-204e25fe {
+@keyframes spin-7f505d62 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-204e25fe] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-204e25fe] {
+.bgl_btn-icon[data-v-7f505d62] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-204e25fe] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-204e25fe] {
+.bgl_btn[data-v-7f505d62] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-204e25fe] {
+.bgl_btn[disabled="true"][data-v-7f505d62] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-204e25fe] {
+.bgl_btn-flex[data-v-7f505d62] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-204e25fe] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-7f505d62] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-204e25fe],
-.bgl_btn-icon[data-v-204e25fe] {
-  background-color: var(--743a2e01);
-  color: var(--9ec72cc8);
+.bgl_btn[data-v-7f505d62],
+.bgl_btn-icon[data-v-7f505d62] {
+  background-color: var(--54b736fd);
+  color: var(--5c3a40d0);
 }
-.bgl_btn[data-v-204e25fe]:hover,
-.bgl_btn-icon[data-v-204e25fe]:hover {
+.bgl_btn[data-v-7f505d62]:hover,
+.bgl_btn-icon[data-v-7f505d62]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-204e25fe]:active,
-.bgl_btn-icon[data-v-204e25fe]:active {
+.bgl_btn[data-v-7f505d62]:active,
+.bgl_btn-icon[data-v-7f505d62]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn[data-v-7f505d62] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-204e25fe] {
+.bgl_btn-icon.bgl_flatBtn[data-v-7f505d62] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-204e25fe]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-204e25fe]:hover {
+.bgl_btn.bgl_flatBtn[data-v-7f505d62]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-7f505d62]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-204e25fe]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-204e25fe]:active {
-  background: var(--bgl-gray);
+.bgl_btn.bgl_flatBtn[data-v-7f505d62]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-7f505d62]:active {
+  background: var(--bgl-gray-40);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-204e25fe],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn.red[data-v-7f505d62],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-7f505d62] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-204e25fe],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn.white[data-v-7f505d62],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-7f505d62] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-204e25fe],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn.light[data-v-7f505d62],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-7f505d62] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-204e25fe],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn.black[data-v-7f505d62],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-7f505d62] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-204e25fe],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-204e25fe] {
+.bgl_btn.bgl_flatBtn.gray[data-v-7f505d62],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-7f505d62] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-204e25fe] {
+.bgl_btn.thin[data-v-7f505d62] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-204e25fe] {
+.bgl_btn.round[data-v-7f505d62] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-204e25fe] {
+.bgl_btn-icon.thin[data-v-7f505d62] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-204e25fe] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-7f505d62] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-204e25fe] {
-  outline: 1px solid var(--743a2e01);
-  color: var(--743a2e01);
+.bgl_btn-border[data-v-7f505d62] {
+  outline: 1px solid var(--54b736fd);
+  color: var(--54b736fd);
   background: transparent;
 }
-.bgl_btn-border[data-v-204e25fe]:hover {
+.bgl_btn-border[data-v-7f505d62]:hover {
   color: var(--bgl-white);
-  background: var(--743a2e01);
+  background: var(--54b736fd);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-204e25fe]:active {
+.bgl_btn-border[data-v-7f505d62]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -637,41 +637,41 @@ a[data-v-204e25fe] {
 }
 }
 
-.list-arrows[data-v-8113163b] {
+.list-arrows[data-v-9bf1b6df] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-8113163b] {
+.list-arrows .bgl_icon-font[data-v-9bf1b6df] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-8113163b] {
+.list-arrows.sorted[data-v-9bf1b6df] {
 	opacity: 1;
 }
-.col img[data-v-8113163b] {
+.col img[data-v-9bf1b6df] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-8113163b] {
+.list-arrows.sorted .desc[data-v-9bf1b6df] {
 	transform: rotate(180deg);
 }
-table[data-v-8113163b] {
+table[data-v-9bf1b6df] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-8113163b] {
+th[data-v-9bf1b6df] {
 	font-weight: 400;
 }
-.embedded-field[data-v-8113163b] {
+.embedded-field[data-v-9bf1b6df] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-8113163b] {
+.row[data-v-9bf1b6df] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-8113163b] {
+.row.first-row[data-v-9bf1b6df] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -681,10 +681,10 @@ th[data-v-8113163b] {
 	/* height: 50px; */
 	vertical-align: bottom;
 }
-.row.first-row input[type=checkbox][data-v-8113163b]{
+.row.first-row input[type=checkbox][data-v-9bf1b6df]{
 	margin-bottom: 0.7rem;
 }
-.row.first-row[data-v-8113163b]::after {
+.row.first-row[data-v-9bf1b6df]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -692,30 +692,30 @@ th[data-v-8113163b] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-8113163b] {
+.first-row .col[data-v-9bf1b6df] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-8113163b] {
+.col[data-v-9bf1b6df] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-8113163b]:has(.bagel-input) {
+.col[data-v-9bf1b6df]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-8113163b] {
+.col > div[data-v-9bf1b6df] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-8113163b] {
+.max-col-width[data-v-9bf1b6df] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-8113163b] {
+.col.check .bgl_icon-font[data-v-9bf1b6df] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -726,48 +726,48 @@ th[data-v-8113163b] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-8113163b] {
+.rows[data-v-9bf1b6df] {
 	font-size: 0.88em;
 }
-.table-list[data-v-8113163b] {
+.table-list[data-v-9bf1b6df] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-8113163b] {
+.BagelTable .table-list[data-v-9bf1b6df] {
 	overflow: unset;
 }
-.row-item[data-v-8113163b] {
+.row-item[data-v-9bf1b6df] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-8113163b]:hover {
+.row-item[data-v-9bf1b6df]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type=checkbox][data-v-8113163b]{
+.row-item input[type=checkbox][data-v-9bf1b6df]{
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-primary);
 }
-.infinite-wrapper[data-v-8113163b] {
+.infinite-wrapper[data-v-9bf1b6df] {
 	overflow-y: auto;
 	width: 100%;
 }
 
-.data[data-v-eb1d3474] {
+.data[data-v-078d6853] {
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-eb1d3474] {
+.data-row[data-v-078d6853] {
 	display: flex;
 	justify-content: space-between;
 	padding-bottom: 0.5rem;
 	margin-bottom: 0.5rem;
 	border-bottom: 1px solid var(--border-color);
 }
-.data-link[data-v-eb1d3474] {
+.data-link[data-v-078d6853] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -2618,6 +2618,76 @@ p {
 	background: var(--input-disabled-bg);
 }
 
+.toolbar[data-v-ace0040e] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  padding: 10px;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #ccc;
+}
+button[data-v-ace0040e]:hover {
+  background-color: #e0e0e0;
+}
+input[type="color"][data-v-ace0040e],
+input[type="number"][data-v-ace0040e] {
+  width: 40px;
+  height: 30px;
+  padding: 0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+.rich-text-editor[data-v-e3cd444d] {
+  font-family: Arial, sans-serif;
+  max-width: 800px;
+  margin: 0 auto;
+}
+[contenteditable='true'][data-v-e3cd444d] {
+  	white-space: pre-wrap;
+  	word-wrap: break-word;
+	outline: none;
+	border: none;
+	height: 100%;
+}
+.editor-container[data-v-e3cd444d] {
+  display: flex;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.content-area[data-v-e3cd444d],
+.preview-area[data-v-e3cd444d] {
+  flex: 1;
+  min-height: 300px;
+  padding: 10px;
+  overflow-y: auto;
+}
+.content-area[data-v-e3cd444d]:focus {
+  outline: none;
+}
+.split-view .content-area[data-v-e3cd444d],
+.split-view .preview-area[data-v-e3cd444d] {
+  width: 50%;
+}
+.preview-area[data-v-e3cd444d] {
+  background-color: #f9f9f9;
+  border-left: 1px solid #ccc;
+}
+@media (max-width: 768px) {
+.split-view[data-v-e3cd444d] {
+    flex-direction: column;
+}
+.split-view .content-area[data-v-e3cd444d],
+  .split-view .preview-area[data-v-e3cd444d] {
+    width: 100%;
+}
+.preview-area[data-v-e3cd444d] {
+    border-left: none;
+    border-top: 1px solid #ccc;
+}
+}
+
 .chart-line {
 	width: 100%;
 	height: 300px;
@@ -2838,6 +2908,12 @@ p {
 .rounded {
     border-radius: calc(var(--btn-border-radius) / 2);
 }
+.round-extra {
+    border-radius: calc(var(--btn-border-radius) * 2);
+}
+.round-none {
+    border-radius: 0 ;
+}
 .flex-center {
     justify-content: center;
     align-items: center;
@@ -2941,6 +3017,42 @@ p {
     inset-inline-start: 0;
     inset-inline-end: 0;
 }
+.inset-inline-start, .start{
+    inset-inline-start: 0;
+}
+.inset-inline-end, .end{
+    inset-inline-end: 0;
+}
+.top, .top-0{
+    top: 0;
+}
+.top-1{
+    top: 1rem;
+}
+.top-2{
+    top: 2rem;
+}
+.top-3{
+    top: 3rem;
+}
+.top-4{
+    top: 4rem;
+}
+.bottom, .bottom-0{
+    bottom: 0;
+}
+.bottom-1{
+    bottom: 1rem;
+}
+.bottom-2{
+    bottom: 2rem;
+}
+.bottom-3{
+    bottom: 3rem;
+}
+.bottom-4{
+    bottom: 4rem;
+}
 .auto-flow-rows {
     grid-auto-flow: row;
 }
@@ -3882,11 +3994,36 @@ p {
     position: static !important;
 }
 .sticky,
-.position-sticky {
+.position-sticky,
+.sticky-0,
+.position-sticky-0  {
     position: sticky !important;
     top: 0;
     align-self: start;
-
+}
+.sticky-1,
+.position-sticky-1 {
+    position: sticky !important;
+    top: 1rem;
+    align-self: start;
+}
+.sticky-2,
+.position-sticky-2 {
+    position: sticky !important;
+    top: 2rem;
+    align-self: start;
+}
+.sticky-3,
+.position-sticky-3 {
+    position: sticky !important;
+    top: 3rem;
+    align-self: start;
+}
+.sticky-4,
+.position-sticky-4 {
+    position: sticky !important;
+    top: 4rem;
+    align-self: start;
 }
 .flex {
     display: flex;
@@ -3899,20 +4036,20 @@ p {
 .hide,
 .none,
 .display-none {
-    display: none;
+    display: none !important;
 }
 .display-block {
-    display: block;
+    display: block !important;
 }
 .block {
     display: block;
-    width: 100%;
+    width: 100% !important;
 }
 .inline {
-    display: inline;
+    display: inline !important;
 }
 .inline-block {
-    display: inline-block;
+    display: inline-block !important;
 }
 .flex-end {
     justify-content: flex-end;
@@ -4203,6 +4340,24 @@ p {
 .grid-span-6 {
     grid-column: span 6;
 }
+.grid-span-row-1 {
+    grid-row: span 1;
+}
+.grid-span-row-2 {
+    grid-row: span 2;
+}
+.grid-span-row-3 {
+    grid-row: span 3;
+}
+.grid-span-row-4 {
+    grid-row: span 4;
+}
+.grid-span-row-5 {
+    grid-row: span 5;
+}
+.grid-span-row-6 {
+    grid-row: span 6;
+}
 .overflow-hidden {
     overflow: hidden;
 }
@@ -4320,6 +4475,18 @@ p {
         border-radius: var(--btn-border-radius);
     }
 
+    .m_rounded {
+        border-radius: calc(var(--btn-border-radius) / 2);
+    }
+
+    .m_round-extra {
+        border-radius: calc(var(--btn-border-radius) * 2);
+    }
+
+    .m_round-none {
+        border-radius: 0 !important;
+    }
+
     .m_flex-center {
         justify-items: center;
         align-items: center;
@@ -4347,7 +4514,7 @@ p {
     }
 
     .m_align-items-center {
-        align-items: center;
+        align-items: center !important;
     }
 
     .m_align-items-end {
@@ -4442,13 +4609,6 @@ p {
         inset-inline-end: 0px;
     }
 
-    .m_positioned-full {
-        top: 0;
-        bottom: 0;
-        inset-inline-start: 0;
-        inset-inline-end: 0;
-    }
-
 
     .m_auto-flow-rows {
         grid-auto-flow: row;
@@ -5582,10 +5742,42 @@ p {
         position: static !important;
     }
 
+
     .m_sticky,
-    .m_position-sticky {
+    .m_position-sticky,
+    .m_sticky-0,
+    .m_position-sticky-0 {
         position: sticky !important;
         top: 0;
+        align-self: start;
+    }
+
+    .m_sticky-1,
+    .m_position-sticky-1 {
+        position: sticky !important;
+        top: 1rem;
+        align-self: start;
+    }
+
+    .m_sticky-2,
+    .m_position-sticky-2 {
+        position: sticky !important;
+        top: 2rem;
+        align-self: start;
+    }
+
+    .m_sticky-3,
+    .m_position-sticky-3 {
+        position: sticky !important;
+        top: 3rem;
+        align-self: start;
+    }
+
+    .m_sticky-4,
+    .m_position-sticky-4 {
+        position: sticky !important;
+        top: 4rem;
+        align-self: start;
     }
 
     .m_flex-stretch {
@@ -5974,6 +6166,29 @@ p {
     .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;
+    }
 
     .m_overflow-hidden {
         overflow: hidden;
@@ -5987,15 +6202,15 @@ p {
         overflow: unset;
     }
 
-    .overflow-scroll {
+    .m_overflow-scroll {
         overflow: scroll;
     }
 
-    .overflow-x-scroll {
+    .m_overflow-x-scroll {
         overflow-x: scroll;
     }
 
-    .overflow-y-scroll {
+    .m_overflow-y-scroll {
         overflow-y: scroll;
     }
 
@@ -6032,6 +6247,58 @@ p {
         inset-inline-start: 0;
         inset-inline-end: 0;
     }
+
+    .m_inset-inline-start,
+    .m_start {
+        inset-inline-start: 0;
+    }
+
+    .m_inset-inline-end,
+    .m_end {
+        inset-inline-end: 0;
+    }
+
+    .m_top,
+    .m_top-0 {
+        top: 0;
+    }
+
+    .m_top-1 {
+        top: 1rem;
+    }
+
+    .m_top-2 {
+        top: 2rem;
+    }
+
+    .m_top-3 {
+        top: 3rem;
+    }
+
+    .m_top-4 {
+        top: 4rem;
+    }
+
+    .m_bottom,
+    .m_bottom-0 {
+        bottom: 0;
+    }
+
+    .m_bottom-1 {
+        bottom: 1rem;
+    }
+
+    .m_bottom-2 {
+        bottom: 2rem;
+    }
+
+    .m_bottom-3 {
+        bottom: 3rem;
+    }
+
+    .m_bottom-4 {
+        bottom: 4rem;
+    }
 }
 input,
 textarea,
@@ -6428,20 +6695,32 @@ select {
 .txtwhite {
     color: var(--bgl-white);
 }
-.font-light,
-.txt-light {
+.font-thin,
+.txt-thin {
     font-weight: 100;
 }
-.bold,
-.txt-bold,
-.font-bold {
-    font-weight: 700;
+.extra-light,
+.font-extra-light,
+.txt-extra-light,
+.font-ultra-light,
+.txt-ultra-light {
+    font-weight: 200;
+}
+.light,
+.txt-light,
+.font-light {
+    font-weight: 300;
 }
 .regular,
 .txt-regular,
 .font-regular {
     font-weight: 400;
 }
+.medium,
+.txt-medium,
+.font-medium {
+    font-weight: 500;
+}
 .semi,
 .semibold,
 .txt-semi,
@@ -6451,6 +6730,23 @@ select {
 .font-semibold {
     font-weight: 600;
 }
+.bold,
+.txt-bold,
+.font-bold {
+    font-weight: 700;
+}
+.extra-bold,
+.font-extra-bold,
+.txt-extra-bold,
+.font-ultra-bold,
+.txt-ultra-bold {
+    font-weight: 800;
+}
+.black,
+.txt-black,
+.font-black {
+    font-weight: 900;
+}
 .line-height-1 {
     line-height: 1;
 }
@@ -6736,15 +7032,23 @@ select {
         color: var(--bgl-white);
     }
 
-    .m_font-light,
-    .m_txt-light {
+    .m_font-thin,
+    .m_txt-thin {
         font-weight: 100;
     }
 
-    .m_bold,
-    .m_txt-bold,
-    .m_font-bold {
-        font-weight: 700;
+    .m_extra-light,
+    .m_font-extra-light,
+    .m_txt-extra-light,
+    .m_font-ultra-light,
+    .m_txt-ultra-light {
+        font-weight: 200;
+    }
+
+    .m_light,
+    .m_txt-light,
+    .m_font-light {
+        font-weight: 300;
     }
 
     .m_regular,
@@ -6753,6 +7057,12 @@ select {
         font-weight: 400;
     }
 
+    .m_medium,
+    .m_txt-medium,
+    .m_font-medium {
+        font-weight: 500;
+    }
+
     .m_semi,
     .m_semibold,
     .m_txt-semi,
@@ -6763,7 +7073,25 @@ select {
         font-weight: 600;
     }
 
+    .m_bold,
+    .m_txt-bold,
+    .m_font-bold {
+        font-weight: 700;
+    }
+
+    .m_extra-bold,
+    .m_font-extra-bold,
+    .m_txt-extra-bold,
+    .m_font-ultra-bold,
+    .m_txt-ultra-bold {
+        font-weight: 800;
+    }
 
+    .m_black,
+    .m_txt-black,
+    .m_font-black {
+        font-weight: 900;
+    }
 
     .m_line-height-1 {
         line-height: 1;
@@ -7371,28 +7699,28 @@ select {
     border-inline-end: 1px solid var(--border-color)
 }
 .border-bottom-none {
-    border-bottom: none
+    border-bottom: none !important;
 }
 .border-top-none {
-    border-top: none
+    border-top: none !important
 }
 .border-start-none {
-    border-inline-start: none
+    border-inline-start: none !important
 }
 .border-end-none {
-    border-inline-end: none
+    border-inline-end: none !important
 }
 .border-inner-bottom-none>* {
-    border-bottom: none
+    border-bottom: none !important
 }
 .border-inner-top-none>* {
-    border-top: none
+    border-top: none !important
 }
 .border-inner-start-none>* {
-    border-inline-start: none
+    border-inline-start: none !important
 }
 .border-inner-end-none>* {
-    border-inline-end: none
+    border-inline-end: none !important
 }
 @media screen and (max-width: 910px) {
     .m_opacity-0 {
@@ -7857,35 +8185,35 @@ select {
     }
 
     .m_border-bottom-none {
-        border-bottom: none
+        border-bottom: none !important
     }
 
     .m_border-top-none {
-        border-top: none
+        border-top: none !important
     }
 
     .m_border-start-none {
-        border-inline-start: none
+        border-inline-start: none !important
     }
 
     .m_border-end-none {
-        border-inline-end: none
+        border-inline-end: none !important
     }
 
     .m_border-inner-bottom-none>* {
-        border-bottom: none
+        border-bottom: none !important
     }
 
     .m_border-inner-top-none>* {
-        border-top: none
+        border-top: none !important
     }
 
     .m_border-inner-start-none>* {
-        border-inline-start: none
+        border-inline-start: none !important
     }
 
     .m_border-inner-end-none>* {
-        border-inline-end: none
+        border-inline-end: none !important
     }
 }
 /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
@@ -7904,6 +8232,7 @@ select {
     --bgl-gray-light: #f5f8fa;
     --bgl-gray-80: #e8ecef;
     --bgl-gray-20: rgba(183, 183, 183, 0.2);
+    --bgl-gray-40: rgba(183, 183, 183, 0.4);
     --bgl-pink: #f1416c;
     --bgl-red: #ed6c6f;
     --bgl-red-tint: #fbe2e2;