@bagelink/vue 0.0.483 → 0.0.487

package/dist/style.css

@@ -1,8 +1,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
-[dir='rtl'] .top-arrow[data-v-99d2db65] {
+[dir='rtl'] .top-arrow[data-v-d1115533] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-99d2db65] {
+.nav-expend[data-v-d1115533] {
 	text-align: center;
 	cursor: pointer;
 	background: var(--bgl-white);
@@ -28,17 +28,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-99d2db65] {
+.nav-expend[data-v-d1115533] {
 	background: var(--bgl-white);
 }
-.nav-expend[data-v-99d2db65]:hover {
+.nav-expend[data-v-d1115533]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-99d2db65]:active {
+.nav-expend[data-v-d1115533]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-99d2db65] {
+.nav[data-v-d1115533] {
 	color: var(--bgl-white);
 	background: var(--bgl-primary);
 	z-index: 100;
@@ -47,10 +47,10 @@
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-99d2db65] * {
+.nav[data-v-d1115533] * {
 	user-select: none;
 }
-.nav-button[data-v-99d2db65] {
+.nav-button[data-v-d1115533] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
@@ -61,11 +61,11 @@
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-99d2db65]:hover {
+.nav-button[data-v-d1115533]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-99d2db65] {
+.nav-button .bgl_icon-font[data-v-d1115533] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -78,16 +78,16 @@
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-99d2db65],
-.nav-button.router-link-active .bgl_icon-font[data-v-99d2db65] {
+.nav-button:hover .bgl_icon-font[data-v-d1115533],
+.nav-button.router-link-active .bgl_icon-font[data-v-d1115533] {
 	background: var(--bgl-white);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-99d2db65] {
+.nav-button:hover .tooltip[data-v-d1115533] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-99d2db65] {
+.tooltip[data-v-d1115533] {
 	background-color: var(--bgl-white);
 	color: var(--bgl-primary);
 	line-height: 1;
@@ -101,23 +101,23 @@
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-99d2db65]:hover {
+.tooltip[data-v-d1115533]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-99d2db65]:active {
+.tooltip[data-v-d1115533]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-99d2db65] {
+.bot-buttons-wrapper[data-v-d1115533] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-99d2db65] {
+.nav-links-wrapper[data-v-d1115533] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-99d2db65] {
+[dir='rtl'] .nav-links-wrapper[data-v-d1115533] {
 	direction: rtl;
 }
-.nav-scroll[data-v-99d2db65] {
+.nav-scroll[data-v-d1115533] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -127,30 +127,30 @@
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-99d2db65]::-webkit-scrollbar-thumb {
+.nav[data-v-d1115533]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-99d2db65]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-d1115533]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-99d2db65] {
+[dir='rtl'] .nav-scroll[data-v-d1115533] {
 	direction: ltr;
 }
-.full-nav[data-v-99d2db65] {
+.full-nav[data-v-d1115533] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-99d2db65] {
+.nav.open .nav-expend[data-v-d1115533] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-99d2db65] {
+.nav.open[data-v-d1115533] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-99d2db65] {
+.nav.open .tooltip[data-v-d1115533] {
 		background-color: transparent;
 		color: var(--bgl-white);
 		padding: 0;
@@ -159,30 +159,30 @@
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-99d2db65] {
+.nav.open .nav-button .bgl_icon-font[data-v-d1115533] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-99d2db65] {
+.nav.open .nav-button[data-v-d1115533] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-99d2db65]:hover,
-	.nav.open .nav-button.router-link-active[data-v-99d2db65] {
+.nav.open .nav-button[data-v-d1115533]:hover,
+	.nav.open .nav-button.router-link-active[data-v-d1115533] {
 		background: var(--bgl-white);
 		color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-99d2db65]:hover,
-	.nav.open .nav-button:hover .tooltip[data-v-99d2db65],
-	.nav.open .nav-button.router-link-active .tooltip[data-v-99d2db65] {
+.nav.open .nav-button[data-v-d1115533]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-d1115533],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-d1115533] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-99d2db65] {
+.full-nav[data-v-d1115533] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -191,10 +191,10 @@
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-99d2db65] {
+.nav.open[data-v-d1115533] {
 		width: initial;
 }
-.nav[data-v-99d2db65] {
+.nav[data-v-d1115533] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -202,7 +202,7 @@
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-99d2db65] {
+.tooltip[data-v-d1115533] {
 		opacity: 1;
 		background: transparent;
 		color: var(--bgl-white);
@@ -211,25 +211,25 @@
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-99d2db65] {
+.nav-button[data-v-d1115533] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-99d2db65] {
+.nav-button .bgl_icon-font[data-v-d1115533] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-99d2db65] {
+.nav-links-wrapper[data-v-d1115533] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-99d2db65] {
+.bot-buttons-wrapper[data-v-d1115533] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-99d2db65] {
+.nav-scroll[data-v-d1115533] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -240,27 +240,27 @@
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-99d2db65]::-webkit-scrollbar {
+.nav[data-v-d1115533]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-99d2db65] {
+.nav-expend[data-v-d1115533] {
 		display: none;
 }
 }
 
-a[data-v-b96e25bd] {
+a[data-v-957b4083] {
   text-decoration: none;
 }
-.loading[data-v-b96e25bd] {
+.loading[data-v-957b4083] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-b96e25bd 1s linear infinite;
+  animation: spin-957b4083 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-b96e25bd {
+@keyframes spin-957b4083 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-b96e25bd] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-b96e25bd] {
+.bgl_btn-icon[data-v-957b4083] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-b96e25bd] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-b96e25bd] {
+.bgl_btn[data-v-957b4083] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-b96e25bd] {
+.bgl_btn[disabled="true"][data-v-957b4083] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-b96e25bd] {
+.bgl_btn-flex[data-v-957b4083] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-b96e25bd] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-957b4083] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-b96e25bd],
-.bgl_btn-icon[data-v-b96e25bd] {
-  background-color: var(--a8626e32);
-  color: var(--223eadfc);
+.bgl_btn[data-v-957b4083],
+.bgl_btn-icon[data-v-957b4083] {
+  background-color: var(--23db5d74);
+  color: var(--82322962);
 }
-.bgl_btn[data-v-b96e25bd]:hover,
-.bgl_btn-icon[data-v-b96e25bd]:hover {
+.bgl_btn[data-v-957b4083]:hover,
+.bgl_btn-icon[data-v-957b4083]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-b96e25bd]:active,
-.bgl_btn-icon[data-v-b96e25bd]:active {
+.bgl_btn[data-v-957b4083]:active,
+.bgl_btn-icon[data-v-957b4083]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn[data-v-957b4083] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd] {
+.bgl_btn-icon.bgl_flatBtn[data-v-957b4083] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-b96e25bd]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]:hover {
+.bgl_btn.bgl_flatBtn[data-v-957b4083]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-957b4083]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-b96e25bd]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]:active {
+.bgl_btn.bgl_flatBtn[data-v-957b4083]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-957b4083]:active {
   background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-b96e25bd],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn.red[data-v-957b4083],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-957b4083] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-b96e25bd],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn.white[data-v-957b4083],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-957b4083] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-b96e25bd],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn.light[data-v-957b4083],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-957b4083] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-b96e25bd],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn.black[data-v-957b4083],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-957b4083] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-b96e25bd],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-b96e25bd] {
+.bgl_btn.bgl_flatBtn.gray[data-v-957b4083],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-957b4083] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-b96e25bd] {
-  padding-left: calc(var(--btn-padding) / 2);
-  padding-right: calc(var(--btn-padding) / 2);
+.bgl_btn.thin[data-v-957b4083] {
+  padding-inline: calc(var(--btn-padding) / 3);
+  border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-b96e25bd] {
+.bgl_btn.round[data-v-957b4083] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-b96e25bd] {
+.bgl_btn-icon.thin[data-v-957b4083] {
   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-b96e25bd] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-957b4083] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-b96e25bd] {
-  outline: 1px solid var(--a8626e32);
-  color: var(--a8626e32);
+.bgl_btn-border[data-v-957b4083] {
+  outline: 1px solid var(--23db5d74);
+  color: var(--23db5d74);
   background: transparent;
 }
-.bgl_btn-border[data-v-b96e25bd]:hover {
+.bgl_btn-border[data-v-957b4083]:hover {
   color: var(--bgl-white);
-  background: var(--a8626e32);
+  background: var(--23db5d74);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-b96e25bd]:active {
+.bgl_btn-border[data-v-957b4083]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -540,13 +540,13 @@ a[data-v-b96e25bd] {
 }
 }
 
-.accordion-item[data-v-8f4a7e11] {
+.accordion-item[data-v-b862dfb8] {
 	border-bottom: 1px solid var(--border-color);
 	transition: all 0.2s;
 	cursor: pointer;
 	overflow: hidden;
 }
-.accordion-head[data-v-8f4a7e11] {
+.accordion-head[data-v-b862dfb8] {
 	height: var(--input-height);
 	background: transparent;
 	display: flex;
@@ -555,19 +555,19 @@ a[data-v-b96e25bd] {
 	justify-content: space-between;
 	border: none;
 }
-.accordion-icon[data-v-8f4a7e11] {
+.accordion-icon[data-v-b862dfb8] {
 	transition: all 0.2s ease;
 }
-.accordion-icon.open[data-v-8f4a7e11] {
+.accordion-icon.open[data-v-b862dfb8] {
 	transform: rotate(180deg);
 }
-.accordion-label[data-v-8f4a7e11] {
+.accordion-label[data-v-b862dfb8] {
 	font-weight: bold;
 }
-.accordion-head:hover .accordion-label[data-v-8f4a7e11] {
+.accordion-head:hover .accordion-label[data-v-b862dfb8] {
 	text-decoration: underline;
 }
-.accordion-body[data-v-8f4a7e11] {
+.accordion-body[data-v-b862dfb8] {
 }
 
 .expand-enter-active,
@@ -637,41 +637,41 @@ a[data-v-b96e25bd] {
 }
 }
 
-.list-arrows[data-v-6cb0708f] {
+.list-arrows[data-v-ae8770a6] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-6cb0708f] {
+.list-arrows .bgl_icon-font[data-v-ae8770a6] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-6cb0708f] {
+.list-arrows.sorted[data-v-ae8770a6] {
 	opacity: 1;
 }
-.col img[data-v-6cb0708f] {
+.col img[data-v-ae8770a6] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-6cb0708f] {
+.list-arrows.sorted .desc[data-v-ae8770a6] {
 	transform: rotate(180deg);
 }
-table[data-v-6cb0708f] {
+table[data-v-ae8770a6] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-6cb0708f] {
+th[data-v-ae8770a6] {
 	font-weight: 400;
 }
-.embedded-field[data-v-6cb0708f] {
+.embedded-field[data-v-ae8770a6] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-6cb0708f] {
+.row[data-v-ae8770a6] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-6cb0708f] {
+.row.first-row[data-v-ae8770a6] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -681,10 +681,10 @@ th[data-v-6cb0708f] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row input[type=checkbox][data-v-6cb0708f]{
+.row.first-row input[type=checkbox][data-v-ae8770a6]{
 	margin-bottom: 0.7rem;
 }
-.row.first-row[data-v-6cb0708f]::after {
+.row.first-row[data-v-ae8770a6]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -692,30 +692,30 @@ th[data-v-6cb0708f] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-6cb0708f] {
+.first-row .col[data-v-ae8770a6] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-6cb0708f] {
+.col[data-v-ae8770a6] {
 	white-space: nowrap;
 	padding: 0.75rem 0.5rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-6cb0708f]:has(.bagel-input) {
-	padding: 0rem;
+.col[data-v-ae8770a6]:has(.bagel-input) {
+	padding: 0rem 0.25rem;
 }
-.col > div[data-v-6cb0708f] {
+.col > div[data-v-ae8770a6] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-6cb0708f] {
+.max-col-width[data-v-ae8770a6] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-6cb0708f] {
+.col.check .bgl_icon-font[data-v-ae8770a6] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -726,31 +726,31 @@ th[data-v-6cb0708f] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-6cb0708f] {
+.rows[data-v-ae8770a6] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-6cb0708f] {
+.table-list[data-v-ae8770a6] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-6cb0708f] {
+.BagelTable .table-list[data-v-ae8770a6] {
 	overflow: unset;
 }
-.row-item[data-v-6cb0708f] {
+.row-item[data-v-ae8770a6] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-6cb0708f]:hover {
+.row-item[data-v-ae8770a6]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type=checkbox][data-v-6cb0708f]{
+.row-item input[type=checkbox][data-v-ae8770a6]{
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-primary);
 }
-.infinite-wrapper[data-v-6cb0708f] {
+.infinite-wrapper[data-v-ae8770a6] {
 	overflow-y: auto;
 	width: 100%;
 }
@@ -801,6 +801,7 @@ th[data-v-6cb0708f] {
 	background: var(--bgl-white);
 	padding: 2rem 2rem;
 	position: relative;
+	box-shadow:0 1px 5px 0 rgba(0,0,0,.05), 0 1px 2px -1px rgba(0,0,0,.05);
 }
 .bgl_card.gray {
 	background: var(--bgl-gray-20);
@@ -2248,7 +2249,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-bf26cc92] {
+.bagel-input .fileUploadWrap[data-v-82316bcb] {
 	--width: 320px;
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
@@ -2261,7 +2262,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	overflow-y: auto;
 	background: var(--input-bg);
 }
-.previewName[data-v-bf26cc92] {
+.previewName[data-v-82316bcb] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -2271,18 +2272,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-bf26cc92] {
+.previewName p[data-v-82316bcb] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-bf26cc92] {
+.imagePreviewWrap[data-v-82316bcb] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	padding: 5px;
 	min-height: 90px;
 }
-img.preview[data-v-bf26cc92] {
+img.preview[data-v-82316bcb] {
 	/* max-height: calc(var(--width) / 2); */
 	/* max-width: calc(var(--width) * 2); */
 	width: 40px;
@@ -2292,7 +2293,7 @@ img.preview[data-v-bf26cc92] {
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-img.preview.single[data-v-bf26cc92]{
+img.preview.single[data-v-82316bcb]{
 	max-width: var(--width);
 	width: auto;
 	object-fit: contain;
@@ -2300,18 +2301,18 @@ img.preview.single[data-v-bf26cc92]{
 	max-height: calc(var(--width) / 2);
 	margin: 1rem;
 }
-.fileUploadWrap.dragover[data-v-bf26cc92],
-.fileUploadWrap[data-v-bf26cc92]:hover {
+.fileUploadWrap.dragover[data-v-82316bcb],
+.fileUploadWrap[data-v-82316bcb]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-bf26cc92] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-82316bcb] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.pie[data-v-bf26cc92] {
+.pie[data-v-82316bcb] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2319,7 +2320,7 @@ img.preview.single[data-v-bf26cc92]{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-bf26cc92]:before {
+.pie[data-v-82316bcb]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2337,65 +2338,66 @@ img.preview.single[data-v-bf26cc92]{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-bf26cc92] {
+.pie .success[data-v-82316bcb] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-bf26cc92] {
+.pie .progress[data-v-82316bcb] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-bf26cc92] {
+.pie.complete .progress[data-v-82316bcb] {
 	display: none;
 }
-.pie.complete .success[data-v-bf26cc92] {
+.pie.complete .success[data-v-82316bcb] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-bf26cc92]:before {
+.pie.complete[data-v-82316bcb]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-bf26cc92] {
+.pie.complete[data-v-82316bcb] {
 	color: var(--bgl-green);
 }
 
-.bgl-checkbox[data-v-1ebbd25c] {
+.bgl-checkbox[data-v-c7810f72] {
   position: relative;
+  transition: var(--bgl-transition);
 }
-.bgl-checkbox input[type=checkbox][data-v-1ebbd25c] {
+.bgl-checkbox input[type=checkbox][data-v-c7810f72] {
   display: none;
 }
-.bgl-checkbox label[data-v-1ebbd25c] {
+.bgl-checkbox label[data-v-c7810f72] {
   padding-inline-start: calc(var(--input-height) + 0.25rem);
   transition: var(--bgl-transition);
   cursor: pointer;
   user-select: none;
   line-height: var(--input-height);
 }
-.bgl-checkbox[data-v-1ebbd25c]:hover {
+.bgl-checkbox[data-v-c7810f72]:hover {
   filter: brightness(90%);
 }
-.bgl-checkbox[data-v-1ebbd25c]:active {
+.bgl-checkbox[data-v-c7810f72]:active {
   filter: var(--bgl-active-filter);
 }
-.switch[data-v-1ebbd25c] {
+.switch[data-v-c7810f72] {
   position: absolute;
   display: inline-block;
   height: calc(var(--input-height) / 2);
-  width: var(--input-height);
+  width: calc(var(--input-height) - 2px);
   border-radius: var(--input-height);
   background: var(--bgl-gray);
   outline: 1px solid var(--border-color);
   margin-top: 0.15rem;
   pointer-events: none;
 }
-.switch input[data-v-1ebbd25c] {
+.switch input[data-v-c7810f72] {
   opacity: 0;
   width: 0;
   height: 0;
 }
-.slider[data-v-1ebbd25c] {
+.slider[data-v-c7810f72] {
   position: absolute;
   cursor: pointer;
   top: 0;
@@ -2403,28 +2405,30 @@ img.preview.single[data-v-bf26cc92]{
   right: 0;
   bottom: 0;
   background: var(--input-bg);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
   border-radius: calc(var(--input-height) / 2);
   box-shadow: inset 0 0 10px #00000020;
+  background: var(--input-bg);
 }
-.slider[data-v-1ebbd25c]:before {
+.slider[data-v-c7810f72]:before {
   position: absolute;
   content: "";
-  height: calc(var(--input-height) / 2 - 4px);
-  width: calc(var(--input-height) / 2 - 4px);
-  left: 2px;
-  bottom: 2px;
+  height: calc(var(--input-height) / 2 - 2px);
+  width: calc(var(--input-height) / 2 - 2px);
+  inset-inline-start: 1px;
+  bottom: 1px;
   border-radius: 50%;
   background: var(--bgl-white);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
+  box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 }
-.checked .slider[data-v-1ebbd25c] {
+.checked .slider[data-v-c7810f72] {
   background: var(--bgl-primary);
 }
-.checked .slider[data-v-1ebbd25c]:before {
-  transform: translateX(calc(var(--input-height) / 2));
+.checked .slider[data-v-c7810f72]:before {
+  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
 
 /* Basic editor styles */
@@ -2780,7 +2784,7 @@ p {
   color: var(--bgl-primary) !important;
 }
 
-.bgl_tabs_wrap[data-v-09a61175] {
+.bgl_tabs_wrap[data-v-b6feec19] {
 	background: var(--input-bg);
 	border-radius: calc(var(--input-border-radius) * 1.4);
 	padding-inline: calc(var(--btn-padding) / 8);
@@ -2788,36 +2792,31 @@ p {
 	box-shadow: inset 0 0 10px #00000012;
 	gap: 0.25rem;
 }
-.bgl_tab[data-v-09a61175] {
+.bgl_tab[data-v-b6feec19] {
 	border: none;
 	background: transparent;
 	cursor: pointer;
 	font-size: var(--input-font-size);
 	font-family: inherit;
-	transition: var(--bgl-transition);
 	padding-inline: calc(var(--btn-padding) / 2);
 	padding-block: calc(var(--btn-padding) / 8);
 	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
 }
-.bgl_tab.currentTab[data-v-09a61175],
-.bgl_tab.active[data-v-09a61175] {
-	background: var(--bgl-white);
-	box-shadow: 0 0 10px #00000011;
-	position: relative;
-}
-.bgl_tab[data-v-09a61175]:hover {
-	background: var(--input-bg);
-	filter: brightness(95%);
+.bgl_tab[data-v-b6feec19]:hover {
+	background: rgba(255, 255, 255, .4);
 }
-.bgl_tab.currentTab[data-v-09a61175]:hover,
-.bgl_tab.active[data-v-09a61175]:hover {
+.bgl_tabs_wrap[data-v-b6feec19]::before {
+	content: '';
+	position: absolute;
+	top: calc(var(--btn-padding) / 8);
+	bottom: calc(var(--btn-padding) / 8);
+	left: var(--indicator-left, 0);
+	width: var(--indicator-width, 0);
 	background: var(--bgl-white);
-	filter: brightness(100%);
-	box-shadow: 0 0 10px #00000022;
-}
-.bgl_tab[data-v-09a61175]:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+	border-radius: var(--input-border-radius);
+	transition: var(--bgl-transition);
+	z-index: 0;
 }
 
 .tab[data-v-bb096cbe] {
@@ -3293,6 +3292,9 @@ p {
 .mb-1 {
     margin-bottom: 1rem !important;
 }
+.mb-1-5 {
+    margin-bottom: 1.5rem !important;
+}
 .mb-2 {
     margin-bottom: 2rem !important;
 }
@@ -3320,6 +3322,9 @@ p {
 .mt-1 {
     margin-top: 1rem !important;
 }
+.mt-1-5 {
+    margin-top: 1.5rem !important;
+}
 .mt-2 {
     margin-top: 2rem !important;
 }
@@ -3353,6 +3358,10 @@ p {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
 }
+.my-1-5 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+}
 .my-2 {
     margin-top: 2rem !important;
     margin-bottom: 2rem !important;
@@ -3383,6 +3392,9 @@ p {
 .ms-1 {
     margin-inline-start: 1rem !important;
 }
+.ms-1-5 {
+    margin-inline-start: 1.5rem !important;
+}
 .ms-2 {
     margin-inline-start: 2rem !important;
 }
@@ -3410,6 +3422,9 @@ p {
 .me-1 {
     margin-inline-end: 1rem !important;
 }
+.me-1-5 {
+    margin-inline-end: 1.5rem !important;
+}
 .me-2 {
     margin-inline-end: 2rem !important;
 }
@@ -3444,6 +3459,10 @@ p {
     margin-inline-start: 1rem !important;
     margin-inline-end: 1rem !important;
 }
+.mx-1-5 {
+    margin-inline-start: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
+}
 .mx-2 {
     margin-inline-start: 2rem !important;
     margin-inline-end: 2rem !important;
@@ -3474,6 +3493,9 @@ p {
 .m-1 {
     margin: 1rem !important;
 }
+.m-1-5 {
+    margin: 1.5rem !important;
+}
 .m-2 {
     margin: 2rem !important;
 }
@@ -3495,6 +3517,9 @@ p {
 .-mb-1 {
     margin-bottom: -1rem !important;
 }
+.-mb-1-5 {
+    margin-bottom: -1.5rem !important;
+}
 .-mb-2 {
     margin-bottom: -2rem !important;
 }
@@ -3516,6 +3541,9 @@ p {
 .-mt-1 {
     margin-top: -1rem !important;
 }
+.-mt-1-5 {
+    margin-top: -1.5rem !important;
+}
 .-mt-2 {
     margin-top: -2rem !important;
 }
@@ -3541,6 +3569,10 @@ p {
     margin-top: -1rem !important;
     margin-bottom: -1rem !important;
 }
+.-my-1-5 {
+    margin-top: -1.5rem !important;
+    margin-bottom: -1.5rem !important;
+}
 .-my-2 {
     margin-top: -2rem !important;
     margin-bottom: -2rem !important;
@@ -3565,6 +3597,9 @@ p {
 .-ms-1 {
     margin-inline-start: -1rem !important;
 }
+.-ms-1-5 {
+    margin-inline-start: -1.5rem !important;
+}
 .-ms-2 {
     margin-inline-start: -2rem !important;
 }
@@ -3586,6 +3621,9 @@ p {
 .-me-1 {
     margin-inline-end: -1rem !important;
 }
+.-me-1-5 {
+    margin-inline-end: -1.5rem !important;
+}
 .-me-2 {
     margin-inline-end: -2rem !important;
 }
@@ -3601,6 +3639,9 @@ p {
 .pb-1 {
     padding-bottom: 1rem !important;
 }
+.pb-1-5 {
+    padding-bottom: 1.5rem !important;
+}
 .pb-2 {
     padding-bottom: 2rem !important;
 }
@@ -3625,6 +3666,9 @@ p {
 .pt-1 {
     padding-top: 1rem !important;
 }
+.pt-1-5 {
+    padding-top: 1.5rem !important;
+}
 .pt-2 {
     padding-top: 2rem !important;
 }
@@ -3649,6 +3693,9 @@ p {
 .ps-1 {
     padding-inline-start: 1rem !important;
 }
+.ps-1-5 {
+    padding-inline-start: 1.5rem !important;
+}
 .ps-2 {
     padding-inline-start: 2rem !important;
 }
@@ -3673,6 +3720,9 @@ p {
 .pe-1 {
     padding-inline-end: 1rem !important;
 }
+.pe-1-5 {
+    padding-inline-end: 1.5rem !important;
+}
 .pe-2 {
     padding-inline-end: 2rem !important;
 }
@@ -3699,6 +3749,10 @@ p {
     padding-inline-end: 1rem !important;
     padding-inline-start: 1rem !important;
 }
+.px-1-5 {
+    padding-inline-end: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
+}
 .px-2 {
     padding-inline-end: 2rem !important;
     padding-inline-start: 2rem !important;
@@ -3731,6 +3785,10 @@ p {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
 }
+.py-1-5 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+}
 .py-2 {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
@@ -3761,6 +3819,9 @@ p {
 .p-1 {
     padding: 1rem !important;
 }
+.p-1-5 {
+    padding: 1.5rem !important;
+}
 .p-2 {
     padding: 2rem !important;
 }
@@ -4126,6 +4187,15 @@ p {
 .overflow-unset {
     overflow: unset;
 }
+.overflow-scroll {
+    overflow: scroll;
+}
+.overflow-x-scroll {
+    overflow-x: scroll;
+}
+.overflow-y-scroll {
+    overflow-y: scroll;
+}
 .overflow-x {
     overflow-x: auto;
 }
@@ -4694,6 +4764,10 @@ p {
         margin-bottom: 1rem !important;
     }
 
+    .m_mb-1-5 {
+        margin-bottom: 1.5rem !important;
+    }
+
     .m_mb-2 {
         margin-bottom: 2rem !important;
     }
@@ -4730,6 +4804,11 @@ p {
         margin-top: 1rem !important;
     }
 
+    .m_mt-1-5 {
+        margin-top: 1.5rem !important;
+    }
+
+
     .m_mt-2 {
         margin-top: 2rem !important;
     }
@@ -4772,6 +4851,11 @@ p {
         margin-bottom: 1rem !important;
     }
 
+    .m_my-1-5 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important;
+    }
+
     .m_my-2 {
         margin-top: 2rem !important;
         margin-bottom: 2rem !important;
@@ -4811,6 +4895,10 @@ p {
         margin-inline-start: 1rem !important;
     }
 
+    .m_ms-1-5 {
+        margin-inline-start: 1.5rem !important;
+    }
+
     .m_ms-2 {
         margin-inline-start: 2rem !important;
     }
@@ -4847,6 +4935,10 @@ p {
         margin-inline-end: 1rem !important;
     }
 
+    .m_me-1-5 {
+        margin-inline-end: 1.5rem !important;
+    }
+
     .m_me-2 {
         margin-inline-end: 2rem !important;
     }
@@ -4890,6 +4982,11 @@ p {
         margin-inline-end: 1rem !important;
     }
 
+    .m_mx-1-5 {
+        margin-inline-start: 1.5rem !important;
+        margin-inline-end: 1.5rem !important;
+    }
+
     .m_mx-2 {
         margin-inline-start: 2rem !important;
         margin-inline-end: 2rem !important;
@@ -4929,6 +5026,10 @@ p {
         margin: 1rem !important;
     }
 
+    .m_m-1-5 {
+        margin: 1.5rem !important;
+    }
+
     .m_m-2 {
         margin: 2rem !important;
     }
@@ -4957,6 +5058,10 @@ p {
         margin-bottom: -1rem !important;
     }
 
+    .m_-mb-1-5 {
+        margin-bottom: -1.5rem !important;
+    }
+
     .m_-mb-2 {
         margin-bottom: -2rem !important;
     }
@@ -4985,6 +5090,10 @@ p {
         margin-top: -1rem !important;
     }
 
+    .m_-mt-1-5 {
+        margin-top: -1.5rem !important;
+    }
+
     .m_-mt-2 {
         margin-top: -2rem !important;
     }
@@ -5017,6 +5126,11 @@ p {
         margin-bottom: -1rem !important;
     }
 
+    .m_-my-1-5 {
+        margin-top: -1.5rem !important;
+        margin-bottom: -1.5rem !important;
+    }
+
     .m_-my-2 {
         margin-top: -2rem !important;
         margin-bottom: -2rem !important;
@@ -5048,6 +5162,10 @@ p {
         margin-inline-start: -1rem !important;
     }
 
+    .m_-ms-1-5 {
+        margin-inline-start: -1.5rem !important;
+    }
+
     .m_-ms-2 {
         margin-inline-start: -2rem !important;
     }
@@ -5076,6 +5194,10 @@ p {
         margin-inline-end: -1rem !important;
     }
 
+    .m_-me-1-5 {
+        margin-inline-end: -1.5rem !important;
+    }
+
     .m_-me-2 {
         margin-inline-end: -2rem !important;
     }
@@ -5096,6 +5218,10 @@ p {
         padding-bottom: 1rem !important;
     }
 
+    .m_pb-1-5 {
+        padding-bottom: 1.5rem !important;
+    }
+
     .m_pb-2 {
         padding-bottom: 2rem !important;
     }
@@ -5128,6 +5254,10 @@ p {
         padding-top: 1rem !important;
     }
 
+    .m_pt-1-5 {
+        padding-top: 1.5rem !important;
+    }
+
     .m_pt-2 {
         padding-top: 2rem !important;
     }
@@ -5160,6 +5290,10 @@ p {
         padding-inline-start: 1rem !important;
     }
 
+    .m_ps-1-5 {
+        padding-inline-start: 1.5rem !important;
+    }
+
     .m_ps-2 {
         padding-inline-start: 2rem !important;
     }
@@ -5192,6 +5326,10 @@ p {
         padding-inline-end: 1rem !important;
     }
 
+    .m_pe-1-5 {
+        padding-inline-end: 1.5rem !important;
+    }
+
     .m_pe-2 {
         padding-inline-end: 2rem !important;
     }
@@ -5226,6 +5364,11 @@ p {
         padding-inline-start: 1rem !important;
     }
 
+    .m_px-1-5 {
+        padding-inline-end: 1.5rem !important;
+        padding-inline-start: 1.5rem !important;
+    }
+
     .m_px-2 {
         padding-inline-end: 2rem !important;
         padding-inline-start: 2rem !important;
@@ -5266,6 +5409,11 @@ p {
         padding-bottom: 1rem !important;
     }
 
+    .m_py-1-5 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important;
+    }
+
     .m_py-2 {
         padding-top: 2rem !important;
         padding-bottom: 2rem !important;
@@ -5304,6 +5452,10 @@ p {
         padding: 1rem !important;
     }
 
+    .m_p-1-5 {
+        padding: 1.5rem !important;
+    }
+
     .m_p-2 {
         padding: 2rem !important;
     }
@@ -5753,6 +5905,18 @@ p {
         overflow: unset;
     }
 
+    .overflow-scroll {
+        overflow: scroll;
+    }
+
+    .overflow-x-scroll {
+        overflow-x: scroll;
+    }
+
+    .overflow-y-scroll {
+        overflow-y: scroll;
+    }
+
     .m_overflow-x {
         overflow-x: auto;
     }
@@ -5873,6 +6037,7 @@ select {
 .bagel-input .switch.no-edit {
     pointer-events: none;
     outline: none;
+    opacity: .7;
 }
 .bagel-input label.active {
     color: var(--bgl-primary);
@@ -5914,6 +6079,20 @@ select {
     outline: none;
     box-shadow: inset 0 0 10px #00000012;
 }
+.bagel-input.light-input input,
+.bagel-input.light-input textarea,
+.bagel-input.light-input select,
+.custom-select.light-input .input {
+    background: var(--bgl-white) !important;
+    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
+    outline: 1px solid var(--border-color) !important;
+}
+.input.active.light-input,
+.bagel-input.light-input input:focus-visible,
+.bagel-input.light-input select:focus-visible,
+.bagel-input.light-input textarea:focus-visible {
+    box-shadow: inset 0 0 2px var(--bgl-black) !important;
+}
 .bagel-input input[type="number"]::-webkit-inner-spin-button,
 .bagel-input input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
@@ -6193,6 +6372,36 @@ select {
 .line-height-1 {
     line-height: 1;
 }
+.line-height-11 {
+    line-height: 1.1;
+}
+.line-height-12 {
+    line-height: 1.2;
+}
+.line-height-13 {
+    line-height: 1.3;
+}
+.line-height-14 {
+    line-height: 1.4;
+}
+.line-height-15 {
+    line-height: 1.5;
+}
+.line-height-16 {
+    line-height: 1.6;
+}
+.line-height-17 {
+    line-height: 1.7;
+}
+.line-height-18 {
+    line-height: 1.8;
+}
+.line-height-19 {
+    line-height: 1.9;
+}
+.line-height-2 {
+    line-height: 2;
+}
 .ellipsis {
     overflow: hidden;
     display: block;
@@ -6473,10 +6682,51 @@ select {
     }
 
 
+
     .m_line-height-1 {
         line-height: 1;
     }
 
+    .m_line-height-11 {
+        line-height: 1.1;
+    }
+
+    .m_line-height-12 {
+        line-height: 1.2;
+    }
+
+    .m_line-height-13 {
+        line-height: 1.3;
+    }
+
+    .m_line-height-14 {
+        line-height: 1.4;
+    }
+
+    .m_line-height-15 {
+        line-height: 1.5;
+    }
+
+    .m_line-height-16 {
+        line-height: 1.6;
+    }
+
+    .m_line-height-17 {
+        line-height: 1.7;
+    }
+
+    .m_line-height-18 {
+        line-height: 1.8;
+    }
+
+    .m_line-height-19 {
+        line-height: 1.9;
+    }
+
+    .m_line-height-2 {
+        line-height: 2;
+    }
+
     .m_ellipsis {
         overflow: hidden;
         display: block;
@@ -7013,6 +7263,9 @@ select {
 .object-fit-scale-down {
     object-fit: scale-down;
 }
+.shadow-light {
+    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
+}
 @media screen and (max-width: 910px) {
     .m_opacity-0 {
         opacity: 0;
@@ -7438,6 +7691,11 @@ select {
     .m_object-fit-scale-down {
         object-fit: scale-down;
     }
+
+    .m_shadow-light {
+        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
+    }
+
 }
 /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
 /*noinspection CssUnknownTarget*/
@@ -7468,7 +7726,7 @@ select {
     --whatsapp-green: #e0fcd6;
     --whatsapp-blue: #71bce6;
     --input-border-radius: 7px;
-    --card-border-radius: 15px;
+    --card-border-radius: 12px;
     --placeholder-color: #00000040;
     --label-color: #00000080;
     --label-font-size: 12px;