@bagelink/vue 0.0.218 → 0.0.226-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/components/AccordionItem.vue.d.ts +23 -0
  2. package/dist/components/AccordionItem.vue.d.ts.map +1 -0
  3. package/dist/components/Avatar.vue.d.ts +20 -0
  4. package/dist/components/Avatar.vue.d.ts.map +1 -0
  5. package/dist/components/Card.vue.d.ts +27 -0
  6. package/dist/components/Card.vue.d.ts.map +1 -0
  7. package/dist/components/DataPreview.vue.d.ts +18 -18
  8. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  9. package/dist/components/Drop.vue.d.ts +34 -0
  10. package/dist/components/Drop.vue.d.ts.map +1 -0
  11. package/dist/components/FileUploader.vue.d.ts +60 -0
  12. package/dist/components/FileUploader.vue.d.ts.map +1 -0
  13. package/dist/components/Modal.vue.d.ts.map +1 -1
  14. package/dist/components/ModalBglForm.vue.d.ts +50 -31
  15. package/dist/components/ModalBglForm.vue.d.ts.map +1 -1
  16. package/dist/components/NavBar.vue.d.ts +17 -12
  17. package/dist/components/NavBar.vue.d.ts.map +1 -1
  18. package/dist/components/TableSchema.vue.d.ts +5 -4
  19. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  20. package/dist/components/Title.vue.d.ts +31 -0
  21. package/dist/components/Title.vue.d.ts.map +1 -0
  22. package/dist/components/form/BglField.vue.d.ts +19 -5
  23. package/dist/components/form/BglField.vue.d.ts.map +1 -1
  24. package/dist/components/form/BglForm.vue.d.ts +38 -27
  25. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  26. package/dist/components/form/ItemRef.vue.d.ts +1 -0
  27. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  28. package/dist/components/form/index.d.ts +0 -3
  29. package/dist/components/form/index.d.ts.map +1 -1
  30. package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
  31. package/dist/components/form/inputs/DateInput.vue.d.ts +36 -38
  32. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  33. package/dist/components/form/inputs/FileUpload.vue.d.ts +25 -15
  34. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  35. package/dist/components/form/inputs/SelectField.vue.d.ts +1 -4
  36. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  37. package/dist/components/form/inputs/SelectInput.vue.d.ts +37 -0
  38. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -0
  39. package/dist/components/form/inputs/TableField.vue.d.ts.map +1 -1
  40. package/dist/components/form/inputs/ToggleInput.vue.d.ts +46 -0
  41. package/dist/components/form/inputs/ToggleInput.vue.d.ts.map +1 -0
  42. package/dist/components/form/inputs/index.d.ts +2 -3
  43. package/dist/components/form/inputs/index.d.ts.map +1 -1
  44. package/dist/components/formkit/index.d.ts +1 -2
  45. package/dist/components/formkit/index.d.ts.map +1 -1
  46. package/dist/components/index.d.ts +5 -4
  47. package/dist/components/index.d.ts.map +1 -1
  48. package/dist/index.cjs +14523 -13691
  49. package/dist/index.mjs +14524 -13692
  50. package/dist/plugins/bagel.d.ts +1 -1
  51. package/dist/plugins/bagel.d.ts.map +1 -1
  52. package/dist/plugins/modal.d.ts +1 -3
  53. package/dist/plugins/modal.d.ts.map +1 -1
  54. package/dist/style.css +744 -404
  55. package/dist/types/BagelForm.d.ts +8 -0
  56. package/dist/types/BagelForm.d.ts.map +1 -1
  57. package/dist/types/index.d.ts +1 -1
  58. package/dist/types/index.d.ts.map +1 -1
  59. package/dist/utils/index.d.ts +5 -2
  60. package/dist/utils/index.d.ts.map +1 -1
  61. package/package.json +12 -10
  62. package/src/components/AccordionItem.vue +100 -0
  63. package/src/components/Avatar.vue +47 -0
  64. package/src/components/Card.vue +13 -0
  65. package/src/components/Comments.vue +75 -75
  66. package/src/components/ContactArray.vue +10 -39
  67. package/src/components/DataPreview.vue +22 -49
  68. package/src/components/{DropDown.vue → Drop.vue} +55 -29
  69. package/src/components/FormKitTable.vue +121 -125
  70. package/src/components/Modal.vue +6 -23
  71. package/src/components/ModalBglForm.vue +10 -24
  72. package/src/components/NavBar.vue +33 -17
  73. package/src/components/RTXEditor.vue +69 -69
  74. package/src/components/TableSchema.vue +26 -72
  75. package/src/components/Title.vue +19 -0
  76. package/src/components/form/BglField.vue +29 -26
  77. package/src/components/form/BglForm.vue +19 -14
  78. package/src/components/form/index.ts +0 -3
  79. package/src/components/form/inputs/CheckInput.vue +20 -18
  80. package/src/components/form/inputs/DateInput.vue +16 -34
  81. package/src/components/form/inputs/FileUpload.vue +139 -19
  82. package/src/components/form/inputs/SelectField.vue +80 -138
  83. package/src/components/form/inputs/SelectInput.vue +517 -0
  84. package/src/components/form/inputs/TableField.vue +1 -5
  85. package/src/components/form/inputs/index.ts +2 -3
  86. package/src/components/formkit/index.ts +0 -3
  87. package/src/components/index.ts +5 -4
  88. package/src/plugins/bagel.ts +2 -2
  89. package/src/plugins/modal.ts +7 -13
  90. package/src/styles/inputs.css +2 -2
  91. package/src/styles/layout.css +1 -1
  92. package/src/styles/modal.css +3 -2
  93. package/src/styles/theme.css +7 -6
  94. package/src/types/BagelForm.ts +5 -0
  95. package/src/types/index.ts +1 -1
  96. package/src/utils/index.ts +26 -6
  97. package/src/components/ContactSubmissions.vue +0 -45
  98. package/src/components/PersonPreview.vue +0 -199
  99. package/src/components/PersonPreviewFormkit.vue +0 -178
  100. package/src/components/form/ItemRef.vue +0 -44
  101. package/src/components/form/MaterialIcon.vue +0 -19
  102. package/src/components/form/PlainInputField.vue +0 -79
  103. package/src/components/form/inputs/DynamicLinkField.vue +0 -137
  104. package/src/components/form/inputs/EmailInput.vue +0 -58
  105. package/src/types/Person.ts +0 -51
package/dist/style.css CHANGED
@@ -57,10 +57,10 @@
57
57
  background-color: var(--bgl-bg);
58
58
  }
59
59
 
60
- [dir="rtl"] .top-arrow[data-v-fddb4764] {
60
+ [dir="rtl"] .top-arrow[data-v-00c5586d] {
61
61
  transform: rotate(180deg);
62
62
  }
63
- .nav-expend[data-v-fddb4764] {
63
+ .nav-expend[data-v-00c5586d] {
64
64
  text-align: center;
65
65
  cursor: pointer;
66
66
  background: var(--bgl-white);
@@ -86,17 +86,17 @@
86
86
  margin-bottom: 30px;
87
87
  }
88
88
  */
89
- .nav-expend[data-v-fddb4764] {
89
+ .nav-expend[data-v-00c5586d] {
90
90
  background: var(--bgl-white);
91
91
  }
92
- .nav-expend[data-v-fddb4764]:hover {
92
+ .nav-expend[data-v-00c5586d]:hover {
93
93
  filter: brightness(95%);
94
94
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
95
95
  }
96
- .nav-expend[data-v-fddb4764]:active {
96
+ .nav-expend[data-v-00c5586d]:active {
97
97
  filter: var(--bgl-active-filter);
98
98
  }
99
- .nav[data-v-fddb4764] {
99
+ .nav[data-v-00c5586d] {
100
100
  color: var(--bgl-white);
101
101
  background: var(--bgl-primary);
102
102
  z-index: 100;
@@ -105,10 +105,10 @@
105
105
  display: flex;
106
106
  flex-direction: column;
107
107
  }
108
- .nav *[data-v-fddb4764] {
108
+ .nav *[data-v-00c5586d] {
109
109
  user-select: none;
110
110
  }
111
- .nav-button[data-v-fddb4764] {
111
+ .nav-button[data-v-00c5586d] {
112
112
  text-decoration: none;
113
113
  cursor: pointer;
114
114
  display: flex;
@@ -119,11 +119,11 @@
119
119
  transition: all 0.2s ease;
120
120
  pointer-events: none;
121
121
  }
122
- .nav-button[data-v-fddb4764]:hover {
122
+ .nav-button[data-v-00c5586d]:hover {
123
123
  width: fit-content;
124
124
  pointer-events: all;
125
125
  }
126
- .nav-button .icon-font[data-v-fddb4764] {
126
+ .nav-button .icon-font[data-v-00c5586d] {
127
127
  font-size: 22px;
128
128
  margin: 0.25rem 10px;
129
129
  padding: 10px;
@@ -136,16 +136,16 @@
136
136
  transition: all 0.2s ease;
137
137
  pointer-events: all;
138
138
  }
139
- .nav-button:hover .icon-font[data-v-fddb4764],
140
- .nav-button.router-link-active .icon-font[data-v-fddb4764] {
139
+ .nav-button:hover .icon-font[data-v-00c5586d],
140
+ .nav-button.router-link-active .icon-font[data-v-00c5586d] {
141
141
  background: var(--bgl-white);
142
142
  color: var(--bgl-primary);
143
143
  }
144
- .nav-button:hover .tooltip[data-v-fddb4764] {
144
+ .nav-button:hover .tooltip[data-v-00c5586d] {
145
145
  opacity: 1;
146
146
  pointer-events: all;
147
147
  }
148
- .tooltip[data-v-fddb4764] {
148
+ .tooltip[data-v-00c5586d] {
149
149
  background-color: var(--bgl-white);
150
150
  color: var(--bgl-primary);
151
151
  line-height: 1;
@@ -159,23 +159,23 @@
159
159
  opacity: 0;
160
160
  margin-inline-start: 1rem;
161
161
  }
162
- .tooltip[data-v-fddb4764]:hover {
162
+ .tooltip[data-v-00c5586d]:hover {
163
163
  filter: brightness(95%);
164
164
  }
165
- .tooltip[data-v-fddb4764]:active {
165
+ .tooltip[data-v-00c5586d]:active {
166
166
  filter: brightness(90%);
167
167
  }
168
- .bot-buttons-wrapper[data-v-fddb4764] {
168
+ .bot-buttons-wrapper[data-v-00c5586d] {
169
169
  margin-top: auto;
170
170
  width: 100%;
171
171
  }
172
- .nav-links-wrapper[data-v-fddb4764] {
172
+ .nav-links-wrapper[data-v-00c5586d] {
173
173
  direction: ltr;
174
174
  }
175
- [dir="rtl"] .nav-links-wrapper[data-v-fddb4764] {
175
+ [dir="rtl"] .nav-links-wrapper[data-v-00c5586d] {
176
176
  direction: rtl;
177
177
  }
178
- .nav-scroll[data-v-fddb4764] {
178
+ .nav-scroll[data-v-00c5586d] {
179
179
  overflow-y: scroll;
180
180
  width: 50vw;
181
181
  direction: rtl;
@@ -185,30 +185,30 @@
185
185
  display: flex;
186
186
  flex-direction: column;
187
187
  }
188
- .nav[data-v-fddb4764]::-webkit-scrollbar-thumb {
188
+ .nav[data-v-00c5586d]::-webkit-scrollbar-thumb {
189
189
  background-color: transparent;
190
190
  }
191
- .nav[data-v-fddb4764]:hover::-webkit-scrollbar-thumb {
191
+ .nav[data-v-00c5586d]:hover::-webkit-scrollbar-thumb {
192
192
  background-color: var(--bgl-gray);
193
193
  }
194
- [dir="rtl"] .nav-scroll[data-v-fddb4764] {
194
+ [dir="rtl"] .nav-scroll[data-v-00c5586d] {
195
195
  direction: ltr;
196
196
  }
197
- .full-nav[data-v-fddb4764] {
197
+ .full-nav[data-v-00c5586d] {
198
198
  height: 100%;
199
199
  display: flex;
200
200
  flex-direction: column;
201
201
  }
202
202
  @media screen and (min-width: 910px) {
203
- .nav.open .nav-expend[data-v-fddb4764] {
203
+ .nav.open .nav-expend[data-v-00c5586d] {
204
204
  margin-inline-start: 189px;
205
205
  transform: rotate(180deg);
206
206
  }
207
- .nav.open[data-v-fddb4764] {
207
+ .nav.open[data-v-00c5586d] {
208
208
  width: 200px;
209
209
  text-align: start;
210
210
  }
211
- .nav.open .tooltip[data-v-fddb4764] {
211
+ .nav.open .tooltip[data-v-00c5586d] {
212
212
  background-color: transparent;
213
213
  color: var(--bgl-white);
214
214
  padding: 0;
@@ -217,30 +217,30 @@
217
217
  opacity: 1;
218
218
  margin-inline-start: 0rem;
219
219
  }
220
- .nav.open .nav-button .icon-font[data-v-fddb4764] {
220
+ .nav.open .nav-button .icon-font[data-v-00c5586d] {
221
221
  margin: 0;
222
222
  background: transparent;
223
223
  }
224
- .nav.open .nav-button[data-v-fddb4764] {
224
+ .nav.open .nav-button[data-v-00c5586d] {
225
225
  width: 180px;
226
226
  border-radius: 10px;
227
227
  margin-inline-start: 10px;
228
228
  margin-top: 10px;
229
229
  margin-bottom: 10px;
230
230
  }
231
- .nav.open .nav-button[data-v-fddb4764]:hover,
232
- .nav.open .nav-button.router-link-active[data-v-fddb4764] {
231
+ .nav.open .nav-button[data-v-00c5586d]:hover,
232
+ .nav.open .nav-button.router-link-active[data-v-00c5586d] {
233
233
  background: var(--bgl-white);
234
234
  color: var(--bgl-primary);
235
235
  }
236
- .nav.open .nav-button[data-v-fddb4764]:hover,
237
- .nav.open .nav-button:hover .tooltip[data-v-fddb4764],
238
- .nav.open .nav-button.router-link-active .tooltip[data-v-fddb4764] {
236
+ .nav.open .nav-button[data-v-00c5586d]:hover,
237
+ .nav.open .nav-button:hover .tooltip[data-v-00c5586d],
238
+ .nav.open .nav-button.router-link-active .tooltip[data-v-00c5586d] {
239
239
  color: var(--bgl-primary);
240
240
  }
241
241
  }
242
242
  @media screen and (max-width: 910px) {
243
- .full-nav[data-v-fddb4764] {
243
+ .full-nav[data-v-00c5586d] {
244
244
  height: auto;
245
245
  display: flex;
246
246
  flex-direction: row;
@@ -249,10 +249,10 @@
249
249
  inset-inline-end: 0;
250
250
  overflow-x: auto;
251
251
  }
252
- .nav.open[data-v-fddb4764] {
252
+ .nav.open[data-v-00c5586d] {
253
253
  width: initial;
254
254
  }
255
- .nav[data-v-fddb4764] {
255
+ .nav[data-v-00c5586d] {
256
256
  width: auto;
257
257
  display: flex;
258
258
  flex-direction: row;
@@ -260,7 +260,7 @@
260
260
  overflow-x: auto;
261
261
  justify-content: flex-start;
262
262
  }
263
- .tooltip[data-v-fddb4764] {
263
+ .tooltip[data-v-00c5586d] {
264
264
  opacity: 1;
265
265
  background: transparent;
266
266
  color: var(--bgl-white);
@@ -269,25 +269,25 @@
269
269
  padding: 0;
270
270
  margin: 0;
271
271
  }
272
- .nav-button[data-v-fddb4764] {
272
+ .nav-button[data-v-00c5586d] {
273
273
  flex-direction: column;
274
274
  margin: 12px 0.25rem;
275
275
  }
276
- .nav-button .icon-font[data-v-fddb4764] {
276
+ .nav-button .icon-font[data-v-00c5586d] {
277
277
  padding: 2px 0 0 0;
278
278
  margin: 0;
279
279
  height: 30px;
280
280
  width: 30px;
281
281
  }
282
- .nav-links-wrapper[data-v-fddb4764] {
282
+ .nav-links-wrapper[data-v-00c5586d] {
283
283
  display: flex;
284
284
  }
285
- .bot-buttons-wrapper[data-v-fddb4764] {
285
+ .bot-buttons-wrapper[data-v-00c5586d] {
286
286
  margin-top: 0;
287
287
  width: auto;
288
288
  display: flex;
289
289
  }
290
- .nav-scroll[data-v-fddb4764] {
290
+ .nav-scroll[data-v-00c5586d] {
291
291
  overflow-y: visible;
292
292
  width: auto;
293
293
  direction: auto;
@@ -298,10 +298,10 @@
298
298
  flex-direction: row;
299
299
  margin-inline-end: auto;
300
300
  }
301
- .nav[data-v-fddb4764]::-webkit-scrollbar {
301
+ .nav[data-v-00c5586d]::-webkit-scrollbar {
302
302
  display: none;
303
303
  }
304
- .nav-expend[data-v-fddb4764] {
304
+ .nav-expend[data-v-00c5586d] {
305
305
  display: none;
306
306
  }
307
307
  }
@@ -440,6 +440,7 @@
440
440
  pointer-events: none;
441
441
  opacity: 0;
442
442
  transition: all ease-in-out 0.3s;
443
+ overflow: auto;
443
444
  }
444
445
 
445
446
  .modal {
@@ -448,8 +449,8 @@
448
449
  transform: scale(0.5);
449
450
  opacity: 0;
450
451
  transition: all ease-in-out 0.15s;
451
- overflow: auto;
452
- max-height: 96vh;
452
+ margin-top: 6rem;
453
+ margin-bottom: 4rem;
453
454
  }
454
455
 
455
456
  .small-modal .modal {
@@ -517,15 +518,82 @@
517
518
  inset-inline-end: 5%;
518
519
  }
519
520
  }
520
- .modal-title[data-v-bd719890] {
521
+ .modal-title[data-v-d6a4af96] {
521
522
  margin-top: 0.5rem;
522
523
  }
523
524
  @media screen and (max-width: 910px) {
524
- .modal-title[data-v-bd719890] {
525
+ .modal-title[data-v-d6a4af96] {
525
526
  margin-top: 1rem;
526
527
  }
527
528
  }
528
529
 
530
+ .accordion-item[data-v-f546b0a5] {
531
+ border-top: 1px solid var(--bgl-gray);
532
+ border-bottom: 1px solid var(--bgl-gray);
533
+ width: 100%;
534
+ max-width: 100%;
535
+ margin: -1 auto 0;
536
+ border-radius: 0;
537
+ background: transparent;
538
+ color: #000;
539
+ font-size: 1rem;
540
+ font-weight: 400;
541
+ text-align: left;
542
+ transition: all 0.2s ease;
543
+ overflow: hidden;
544
+ }
545
+ .accordion-title[data-v-f546b0a5] {
546
+ width: 100%;
547
+ max-width: 100%;
548
+ margin: 0 auto;
549
+ padding: 0;
550
+ border: 0;
551
+ border-radius: 0;
552
+ background: transparent;
553
+ color: #000;
554
+ font-size: 1rem;
555
+ font-weight: 400;
556
+ line-height: 1.5;
557
+ text-align: left;
558
+ transition: all 0.2s ease;
559
+ cursor: pointer;
560
+ height: var( --input-height);
561
+ display: flex;
562
+ align-items: center;
563
+ justify-content: space-between;
564
+ }
565
+ .accordion-icon[data-v-f546b0a5] {
566
+ transition: all 0.2s ease;
567
+ }
568
+ .accordion-icon.open[data-v-f546b0a5] {
569
+ transform: rotate(180deg);
570
+ }
571
+ .accordion-content[data-v-f546b0a5] {
572
+ width: 100%;
573
+ max-width: 100%;
574
+ margin: 0 auto;
575
+ padding: 0;
576
+ border: 0;
577
+ border-radius: 0;
578
+ background: transparent;
579
+ color: #000;
580
+ font-size: 1rem;
581
+ font-weight: 400;
582
+ line-height: 1.5;
583
+ text-align: left;
584
+ transition: all 0.2s ease;
585
+ max-height: 0;
586
+ animation: expand-f546b0a5 1s ease forwards;
587
+ }
588
+ @keyframes expand-f546b0a5 {
589
+ 0% {
590
+ max-height: 0;
591
+ }
592
+ 100% {
593
+ max-height: 100vh;
594
+ }
595
+ }
596
+
529
597
  .dropdown {
530
598
  position: relative;
531
599
  font-size: calc(var(--input-font-size) * 1.3);
@@ -534,7 +602,7 @@
534
602
  }
535
603
  .dropdown-title {
536
604
  white-space: nowrap;
537
- color: var(--bgl-primary);
605
+ color: var(--bgl-gray);
538
606
  border-radius: var(--input-border-radius);
539
607
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
540
608
  padding-left: calc(var(--btn-padding) / 2);
@@ -549,6 +617,9 @@
549
617
  user-select: none;
550
618
  position: relative;
551
619
  }
620
+ .dropdown-title.hasSelection {
621
+ color: var(--bgl-primary);
622
+ }
552
623
  .open .dropdown {
553
624
  min-width: 120px;
554
625
  }
@@ -618,17 +689,17 @@
618
689
  border: none;
619
690
  }
620
691
 
621
- .comments-wrap[data-v-2eead7c8] {
692
+ .comments-wrap[data-v-72b15241] {
622
693
  display: grid;
623
694
  grid-template-rows: 1fr 40px;
624
695
  height: 100%;
625
696
  position: relative;
626
697
  gap: 0.5rem;
627
698
  }
628
- .comments-wrap p[data-v-2eead7c8] {
699
+ .comments-wrap p[data-v-72b15241] {
629
700
  margin: 0;
630
701
  }
631
- .comments-wrap[data-v-2eead7c8]::before {
702
+ .comments-wrap[data-v-72b15241]::before {
632
703
  content: "";
633
704
  inset-inline-start: 10px;
634
705
  top: 0px;
@@ -637,27 +708,27 @@
637
708
  position: absolute;
638
709
  bottom: 10px;
639
710
  }
640
- .comment-top[data-v-2eead7c8] {
711
+ .comment-top[data-v-72b15241] {
641
712
  display: flex;
642
713
  align-items: baseline;
643
714
  flex-wrap: wrap;
644
715
  position: relative;
645
716
  margin-inline-start: 1rem;
646
717
  }
647
- .comment-list[data-v-2eead7c8] {
718
+ .comment-list[data-v-72b15241] {
648
719
  padding: 0.5rem;
649
720
  height: 100%;
650
721
  overflow: auto;
651
722
  }
652
- .comment[data-v-2eead7c8] {
723
+ .comment[data-v-72b15241] {
653
724
  margin-bottom: 1rem;
654
725
  }
655
- .comment-owner[data-v-2eead7c8] {
726
+ .comment-owner[data-v-72b15241] {
656
727
  font-size: 14px;
657
728
  margin-inline-end: 0.5rem;
658
729
  color: var(--bgl-gray);
659
730
  }
660
- .comment-owner[data-v-2eead7c8]::before {
731
+ .comment-owner[data-v-72b15241]::before {
661
732
  content: "";
662
733
  height: 12px;
663
734
  width: 12px;
@@ -667,18 +738,18 @@
667
738
  inset-inline-start: -1.2rem;
668
739
  top: 0.2rem;
669
740
  }
670
- .me .comment-owner[data-v-2eead7c8] {
741
+ .me .comment-owner[data-v-72b15241] {
671
742
  color: var(--bgl-primary);
672
743
  }
673
- .me .comment-owner[data-v-2eead7c8]::before {
744
+ .me .comment-owner[data-v-72b15241]::before {
674
745
  background: var(--bgl-primary);
675
746
  }
676
- .comment-time[data-v-2eead7c8] {
747
+ .comment-time[data-v-72b15241] {
677
748
  color: var(--bgl-gray);
678
749
  font-size: 10px;
679
750
  white-space: nowrap;
680
751
  }
681
- .comment-actions[data-v-2eead7c8] {
752
+ .comment-actions[data-v-72b15241] {
682
753
  background: red;
683
754
  line-height: 0;
684
755
  display: flex;
@@ -686,35 +757,35 @@
686
757
  flex-grow: 1;
687
758
  gap: 0.25rem;
688
759
  }
689
- .comment .comment-actions .edit[data-v-2eead7c8] {
760
+ .comment .comment-actions .edit[data-v-72b15241] {
690
761
  opacity: 0;
691
762
  }
692
- .comment-actions .edit[data-v-2eead7c8] {
763
+ .comment-actions .edit[data-v-72b15241] {
693
764
  margin-inline-end: auto;
694
765
  }
695
- .comment.me:hover .comment-actions .edit[data-v-2eead7c8] {
766
+ .comment.me:hover .comment-actions .edit[data-v-72b15241] {
696
767
  opacity: 0.4;
697
768
  }
698
- .comment-actions > div[data-v-2eead7c8] {
769
+ .comment-actions > div[data-v-72b15241] {
699
770
  transition: all 200ms ease;
700
771
  cursor: pointer;
701
772
  opacity: 0.6;
702
773
  }
703
- .comment-actions > div[data-v-2eead7c8]:hover {
774
+ .comment-actions > div[data-v-72b15241]:hover {
704
775
  color: var(--bgl-primary);
705
776
  }
706
- .comment-actions .delete[data-v-2eead7c8]:hover {
777
+ .comment-actions .delete[data-v-72b15241]:hover {
707
778
  color: var(--bgl-red);
708
779
  }
709
- .comment-actions > div[data-v-2eead7c8]:active {
780
+ .comment-actions > div[data-v-72b15241]:active {
710
781
  filter: brightness(70%);
711
782
  }
712
- .icon-font.delete[data-v-2eead7c8],
713
- .icon-font.save[data-v-2eead7c8] {
783
+ .icon-font.delete[data-v-72b15241],
784
+ .icon-font.save[data-v-72b15241] {
714
785
  display: none;
715
786
  }
716
- .editable .icon-font.delete[data-v-2eead7c8],
717
- .editable .icon-font.save[data-v-2eead7c8] {
787
+ .editable .icon-font.delete[data-v-72b15241],
788
+ .editable .icon-font.save[data-v-72b15241] {
718
789
  display: block;
719
790
  }
720
791
 
@@ -727,10 +798,10 @@
727
798
  /* overflow: hidden; */
728
799
  /* border-radius: 10px; */
729
800
  /* } */
730
- .editable .editor-wrapper[data-v-2eead7c8] {
801
+ .editable .editor-wrapper[data-v-72b15241] {
731
802
  background-color: var(--input-bg);
732
803
  }
733
- .new-comment[data-v-2eead7c8] {
804
+ .new-comment[data-v-72b15241] {
734
805
  display: flex;
735
806
  align-items: flex-end;
736
807
  position: relative;
@@ -740,57 +811,48 @@
740
811
  color: var(--input-color);
741
812
  line-height: 1.6;
742
813
  }
743
- .comment-input[data-v-2eead7c8] {
814
+ .comment-input[data-v-72b15241] {
744
815
  max-height: 100px;
745
816
  overflow: auto;
746
817
  flex-grow: 1;
747
818
  border-radius: var(--btn-border-radius);
748
819
  }
749
820
 
750
- .modal-title[data-v-1799b7d0] {
751
- margin-top: 0.5rem;
752
- }
753
- @media screen and (max-width: 910px) {
754
- .modal-title[data-v-1799b7d0] {
755
- margin-top: 1rem;
756
- }
757
- }
758
-
759
821
  .del-top {
760
822
  transform: translateY(-2.6rem);
761
823
  }
762
824
 
763
- .list-arrows[data-v-f3a410c2] {
825
+ .list-arrows[data-v-fd41c5ae] {
764
826
  opacity: 0;
765
827
  }
766
- .list-arrows .icon-font[data-v-f3a410c2] {
828
+ .list-arrows .icon-font[data-v-fd41c5ae] {
767
829
  transition: all ease-in-out 0.2s;
768
830
  }
769
- .list-arrows.sorted[data-v-f3a410c2] {
831
+ .list-arrows.sorted[data-v-fd41c5ae] {
770
832
  opacity: 1;
771
833
  }
772
- .col img[data-v-f3a410c2] {
834
+ .col img[data-v-fd41c5ae] {
773
835
  height: 35px;
774
836
  margin-top: -14px;
775
837
  margin-bottom: -14px;
776
838
  border-radius: 5px;
777
839
  }
778
- .list-arrows.sorted .desc[data-v-f3a410c2] {
840
+ .list-arrows.sorted .desc[data-v-fd41c5ae] {
779
841
  transform: rotate(180deg);
780
842
  }
781
- table[data-v-f3a410c2] {
843
+ table[data-v-fd41c5ae] {
782
844
  border-collapse: separate;
783
845
  border-spacing: 0 15px;
784
846
  border-collapse: collapse;
785
847
  }
786
- th[data-v-f3a410c2] {
848
+ th[data-v-fd41c5ae] {
787
849
  font-weight: 400;
788
850
  }
789
- .row[data-v-f3a410c2] {
851
+ .row[data-v-fd41c5ae] {
790
852
  border-bottom: 1px solid var(--border-color);
791
853
  cursor: pointer;
792
854
  }
793
- .row.first-row[data-v-f3a410c2] {
855
+ .row.first-row[data-v-fd41c5ae] {
794
856
  font-size: 0.8rem;
795
857
  color: var(--bgl-black-tint);
796
858
  position: sticky;
@@ -800,7 +862,7 @@ th[data-v-f3a410c2] {
800
862
  height: 50px;
801
863
  vertical-align: bottom;
802
864
  }
803
- .row.first-row[data-v-f3a410c2]::after {
865
+ .row.first-row[data-v-fd41c5ae]::after {
804
866
  content: "";
805
867
  border-bottom: 1px solid var(--border-color);
806
868
  position: absolute;
@@ -808,11 +870,11 @@ th[data-v-f3a410c2] {
808
870
  right: 0;
809
871
  bottom: -1px;
810
872
  }
811
- .first-row .col[data-v-f3a410c2] {
873
+ .first-row .col[data-v-fd41c5ae] {
812
874
  cursor: pointer;
813
875
  background: var(--bgl-white);
814
876
  }
815
- .col[data-v-f3a410c2] {
877
+ .col[data-v-fd41c5ae] {
816
878
  white-space: nowrap;
817
879
  padding: 14px;
818
880
  transition: var(--bgl-transition);
@@ -821,16 +883,16 @@ th[data-v-f3a410c2] {
821
883
  padding-right: 1rem;
822
884
  align-items: center;
823
885
  }
824
- .col>div[data-v-f3a410c2] {
886
+ .col>div[data-v-fd41c5ae] {
825
887
  display: flex;
826
888
  gap: 0.5rem;
827
889
  }
828
- .max-col-width[data-v-f3a410c2] {
890
+ .max-col-width[data-v-fd41c5ae] {
829
891
  max-width: 30vw;
830
892
  overflow: hidden;
831
893
  text-overflow: ellipsis;
832
894
  }
833
- .col.check .icon-font[data-v-f3a410c2] {
895
+ .col.check .icon-font[data-v-fd41c5ae] {
834
896
  border-radius: 100%;
835
897
  background: var(--bgl-blue-20);
836
898
  color: var(--bgl-primary);
@@ -841,123 +903,44 @@ th[data-v-f3a410c2] {
841
903
  justify-content: center;
842
904
  margin-top: -2px;
843
905
  }
844
- .rows[data-v-f3a410c2] {
906
+ .rows[data-v-fd41c5ae] {
845
907
  font-size: 0.8125em;
846
908
  }
847
- .table-list[data-v-f3a410c2] {
909
+ .table-list[data-v-fd41c5ae] {
848
910
  height: 100%;
849
911
  position: relative;
850
912
  padding-left: 0 !important;
851
913
  padding-right: 0 !important;
852
914
  overflow: auto;
853
915
  }
854
- .BagelTable .table-list[data-v-f3a410c2] {
916
+ .BagelTable .table-list[data-v-fd41c5ae] {
855
917
  overflow: unset;
856
918
  }
857
- .row-item[data-v-f3a410c2] {
919
+ .row-item[data-v-fd41c5ae] {
858
920
  height: 50px;
859
921
  transition: all 200ms ease;
860
922
  }
861
- .row-item[data-v-f3a410c2]:hover {
923
+ .row-item[data-v-fd41c5ae]:hover {
862
924
  background: var(--bgl-gray-light);
863
925
  }
864
- .infinite-wrapper[data-v-f3a410c2] {
926
+ .infinite-wrapper[data-v-fd41c5ae] {
865
927
  overflow-y: auto;
866
928
  width: 100%;
867
929
  }
868
930
 
869
- .person-card {
870
- border: 1.1px solid var(--border-color);
871
- /* background: var(--input-bg); */
872
- border-radius: var(--card-border-radius);
873
- padding: 1rem;
874
- margin-bottom: 0.5rem;
875
- font-size: 1rem;
876
- position: relative;
877
- }
878
- .person-card p {
879
- margin: 0;
880
- }
881
- .person-card-details {
882
- font-size: 14px;
883
- margin-bottom: 2px;
884
- line-height: 1.3;
885
- display: flex;
886
- }
887
- .person-card-details p {
888
- color: var(--input-color);
889
- opacity: 0.6;
890
- }
891
- .person-card-details.badge p {
892
- opacity: 1;
893
- }
894
- .person-card-details p:nth-child(2) {
895
- opacity: 1;
896
- padding-inline-end: 0.5rem;
897
- }
898
- .person-card-details .icon-font {
899
- color: var(--bgl-primary);
900
- padding-inline-end: 0.25rem;
901
- }
902
- .person-card-edit {
903
- position: absolute;
904
- inset-inline-end: 1rem;
905
- }
906
- .person-card-details-wrap {
907
- display: flex;
908
- gap: 0.5rem;
909
- flex-wrap: wrap;
910
- }
911
- .person-card-icon {
912
- background: var(--bgl-gray);
913
- height: 30px;
914
- width: 30px;
915
- border-radius: 100%;
916
- text-transform: uppercase;
917
- display: flex;
918
- justify-content: center;
919
- align-items: center;
920
- color: white;
921
- font-size: 12px;
922
- }
923
- .person-card-icon-wrap {
924
- display: flex;
925
- gap: 0.5rem;
926
- align-items: center;
927
- padding-bottom: 0.75rem;
928
- }
929
- @media screen and (max-width: 910px) {
930
- .person-card-icon-wrap {
931
- padding-bottom: 0.5rem;
932
- }
933
- .person-card {
934
- padding: 0.75rem;
935
- position: relative;
936
- }
937
- .person-card-edit {
938
- /* position: relative; */
939
- inset-inline-end: 0.5rem;
940
- margin-bottom: 1rem;
941
- justify-content: flex-end;
942
- }
943
- .person-card-name {
944
- max-width: calc(100% - 170px);
945
- }
946
- }
947
-
948
- .data[data-v-dc2757c4] {
931
+ .data[data-v-a752f355] {
949
932
  border: 1.1px solid var(--border-color);
950
933
  padding: 20px;
951
934
  border-radius: var(--input-border-radius);
952
935
  }
953
- .data-row[data-v-dc2757c4] {
936
+ .data-row[data-v-a752f355] {
954
937
  display: flex;
955
938
  justify-content: space-between;
956
939
  padding-bottom: 0.5rem;
957
940
  margin-bottom: 0.5rem;
958
941
  border-bottom: 1px solid var(--border-color);
959
942
  }
960
- .data-link[data-v-dc2757c4] {
943
+ .data-link[data-v-a752f355] {
961
944
  display: block;
962
945
  font-size: var(--input-font-size);
963
946
  margin-bottom: 2px;
@@ -965,6 +948,27 @@ th[data-v-f3a410c2] {
965
948
  color: var(--input-color);
966
949
  }
967
950
 
951
+ .avatar[data-v-4c736a32]{
952
+ border-radius: 100%;
953
+ width: 50px;
954
+ height: 50px;
955
+ background-color: var(--bgl-primary-tint);
956
+ overflow: hidden;
957
+ text-align: center;
958
+ padding: none;
959
+ }
960
+ .avatar p[data-v-4c736a32] {
961
+ font-size: 1.5rem;
962
+ line-height: 50px;
963
+ margin: 0;
964
+ font-weight: 200;
965
+ }
966
+ .avatar img[data-v-4c736a32]{
967
+ width: 100%;
968
+ height: 100%;
969
+ object-fit: cover;
970
+ }
971
+
968
972
  /* .group-wrap * {
969
973
  outline: 1px solid red;
970
974
  } */
@@ -1647,85 +1651,6 @@ input:checked + .slider[data-v-dee6bdf5]:before {
1647
1651
  margin-inline-end: 0;
1648
1652
  }
1649
1653
 
1650
- .person-card {
1651
- border: 1.1px solid var(--border-color);
1652
- /* background: var(--input-bg); */
1653
- border-radius: var(--card-border-radius);
1654
- padding: 1rem;
1655
- margin-bottom: 0.5rem;
1656
- font-size: 1rem;
1657
- position: relative;
1658
- }
1659
- .person-card p {
1660
- margin: 0;
1661
- }
1662
- .person-card-details {
1663
- font-size: 14px;
1664
- margin-bottom: 2px;
1665
- line-height: 1.3;
1666
- display: flex;
1667
- }
1668
- .person-card-details p {
1669
- color: var(--input-color);
1670
- opacity: 0.6;
1671
- }
1672
- .person-card-details.badge p {
1673
- opacity: 1;
1674
- }
1675
- .person-card-details p:nth-child(2) {
1676
- opacity: 1;
1677
- padding-inline-end: 0.5rem;
1678
- }
1679
- .person-card-details .icon-font {
1680
- color: var(--bgl-primary);
1681
- padding-inline-end: 0.25rem;
1682
- }
1683
- .person-card-edit {
1684
- position: absolute;
1685
- inset-inline-end: 1rem;
1686
- }
1687
- .person-card-details-wrap {
1688
- display: flex;
1689
- gap: 0.5rem;
1690
- flex-wrap: wrap;
1691
- }
1692
- .person-card-icon {
1693
- background: var(--bgl-gray);
1694
- height: 30px;
1695
- width: 30px;
1696
- border-radius: 100%;
1697
- text-transform: uppercase;
1698
- display: flex;
1699
- justify-content: center;
1700
- align-items: center;
1701
- color: white;
1702
- font-size: 12px;
1703
- }
1704
- .person-card-icon-wrap {
1705
- display: flex;
1706
- gap: 0.5rem;
1707
- align-items: center;
1708
- padding-bottom: 0.75rem;
1709
- }
1710
- @media screen and (max-width: 910px) {
1711
- .person-card-icon-wrap {
1712
- padding-bottom: 0.5rem;
1713
- }
1714
- .person-card {
1715
- padding: 0.75rem;
1716
- position: relative;
1717
- }
1718
- .person-card-edit {
1719
- /* position: relative; */
1720
- inset-inline-end: 0.5rem;
1721
- margin-bottom: 1rem;
1722
- justify-content: flex-end;
1723
- }
1724
- .person-card-name {
1725
- max-width: calc(100% - 170px);
1726
- }
1727
- }
1728
-
1729
1654
  .del-top {
1730
1655
  transform: translateY(-2.6rem);
1731
1656
  }
@@ -1738,51 +1663,51 @@ input:checked + .slider[data-v-dee6bdf5]:before {
1738
1663
  --bgl-primary: #19b8ea;
1739
1664
  }
1740
1665
 
1741
- .bgl-checkbox[data-v-0cde7fe3]{
1742
- position: relative;
1666
+ .bgl-checkbox[data-v-5018d3d9]{
1667
+ position: relative;
1668
+ display: flex;
1669
+ flex-direction: row;
1670
+ align-items: center;
1743
1671
  }
1744
- .bgl-checkbox input[type=checkbox][data-v-0cde7fe3]{
1672
+ .bgl-checkbox input[type=checkbox][data-v-5018d3d9]{
1745
1673
  display: none;
1746
1674
  }
1747
- .bgl-checkbox label[data-v-0cde7fe3]{
1748
- padding-inline-start: calc(var(--input-height) / 2 + 0.25rem);
1675
+ .bgl-checkbox label[data-v-5018d3d9]{
1676
+ padding-inline-start: 0.5rem;
1749
1677
  transition: var(--bgl-transition);
1750
1678
  cursor: pointer;
1751
1679
  user-select: none;
1752
1680
  }
1753
- .bgl-checkbox[data-v-0cde7fe3]:hover{
1681
+ .bgl-checkbox[data-v-5018d3d9]:hover{
1754
1682
  filter: brightness(90%);
1755
1683
  }
1756
- .bgl-checkbox[data-v-0cde7fe3]:active{
1684
+ .bgl-checkbox[data-v-5018d3d9]:active{
1757
1685
  filter: var(--bgl-active-filter);
1758
1686
  }
1759
- .bgl-checkbox label[data-v-0cde7fe3]::before{
1760
- content: "";
1687
+ .bgl-checkbox .check-square[data-v-5018d3d9]{
1761
1688
  width: calc(var(--input-height) / 2.5);
1762
1689
  height: calc(var(--input-height) / 2.5);
1763
1690
  background: var(--bgl-white);
1764
- display: inline-block;
1765
- position: absolute;
1766
- margin-top: 0.25rem;
1767
- inset-inline-start: 0;
1768
1691
  border-radius: calc(var(--input-border-radius) / 2) ;
1769
1692
  border: var(--bgl-primary) 1px solid;
1693
+ position: relative;
1694
+ display: flex;
1695
+ align-items: center;
1696
+ justify-content: center;
1770
1697
  }
1771
- input:checked ~ label[data-v-0cde7fe3]::before{
1698
+ input:checked ~ .check-square[data-v-5018d3d9]{
1772
1699
  background: var(--bgl-primary);
1773
1700
  }
1774
- .bgl-checkbox svg[data-v-0cde7fe3]{
1701
+ .bgl-checkbox svg[data-v-5018d3d9]{
1775
1702
  width: calc(var(--input-height) / 2.5);
1776
1703
  height: calc(var(--input-height) / 2.5);
1777
1704
  position: absolute;
1778
- inset-inline-start: 0.05rem;
1779
- margin-top: 0.3rem;
1780
1705
  z-index: 2;
1781
1706
  fill: var(--bgl-white);
1782
1707
  opacity: 0;
1783
1708
  pointer-events: none;
1784
1709
  }
1785
- input:checked ~ svg[data-v-0cde7fe3]{
1710
+ input:checked ~ .check-square svg[data-v-5018d3d9]{
1786
1711
  opacity: 1;
1787
1712
  }
1788
1713
 
@@ -1791,18 +1716,10 @@ input:checked ~ svg[data-v-0cde7fe3]{
1791
1716
  margin-inline-start: -50px;
1792
1717
  line-height: 0px;
1793
1718
  }
1719
+ .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
1794
1720
 
1795
- /*
1796
- .date-picker {
1797
- padding-inline-start: 10px;
1798
- }
1799
- */
1800
-
1801
- input[type='email'][data-v-ed81a514] {
1802
- direction: ltr;
1803
- }
1804
- [dir='rtl'] input[type='email'][data-v-ed81a514] {
1805
- text-align: end;
1721
+ .dp__input_wrap input {
1722
+ padding-inline-start: 2rem !important;
1806
1723
  }
1807
1724
 
1808
1725
  .bagel-input textarea[data-v-1fc4f739] {
@@ -1943,81 +1860,394 @@ input[type='email'][data-v-ed81a514] {
1943
1860
  margin-bottom: 2px;
1944
1861
  }
1945
1862
 
1946
- .custom-select[data-v-f2c5b9ca] {
1947
- position: relative;
1863
+ fieldset[disabled] .multiselect {
1864
+ pointer-events: none;
1865
+ }
1866
+ .multiselect__spinner {
1867
+ position: absolute;
1868
+ right: 1px;
1869
+ top: 1px;
1870
+ width: 40px;
1871
+ height: 38px;
1872
+ background: #fff;
1873
+ display: block;
1874
+ }
1875
+ .multiselect__spinner::before,
1876
+ .multiselect__spinner::after {
1877
+ position: absolute;
1878
+ content: "";
1879
+ top: 50%;
1880
+ left: 50%;
1881
+ margin: -8px 0 0 -8px;
1882
+ width: 16px;
1883
+ height: 16px;
1884
+ border-radius: 100%;
1885
+ border-color: var(--bgl-primary-tint) transparent transparent;
1886
+ border-style: solid;
1887
+ border-width: 2px;
1888
+ box-shadow: 0 0 0 1px transparent;
1889
+ }
1890
+ .multiselect__spinner::before {
1891
+ animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
1892
+ animation-iteration-count: infinite;
1893
+ }
1894
+ .multiselect__spinner::after {
1895
+ animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
1896
+ animation-iteration-count: infinite;
1897
+ }
1898
+ .multiselect__loading-enter-active,
1899
+ .multiselect__loading-leave-active {
1900
+ transition: opacity 0.4s ease-in-out;
1901
+ opacity: 1;
1902
+ }
1903
+ .multiselect__loading-enter,
1904
+ .multiselect__loading-leave-active {
1905
+ opacity: 0;
1906
+ }
1907
+ .multiselect,
1908
+ .multiselect__input,
1909
+ .multiselect__single {
1910
+ font-family: inherit;
1948
1911
  font-size: var(--input-font-size);
1912
+ touch-action: manipulation;
1949
1913
  }
1950
- .custom-select .input[data-v-f2c5b9ca] {
1914
+ .multiselect {
1915
+ box-sizing: content-box;
1916
+ display: block;
1917
+ position: relative;
1951
1918
  width: 100%;
1952
- cursor: pointer;
1953
- background: var(--input-bg);
1954
1919
  min-height: var(--input-height);
1920
+ text-align: left;
1921
+ color: #35495e;
1922
+ }
1923
+ .multiselect * {
1924
+ box-sizing: border-box;
1925
+ }
1926
+ .multiselect:focus {
1927
+ outline: none;
1928
+ }
1929
+ .multiselect--disabled {
1930
+ background: #ededed;
1931
+ pointer-events: none;
1932
+ opacity: 0.6;
1933
+ }
1934
+ .multiselect--active {
1935
+ z-index: 50;
1936
+ }
1937
+ .multiselect--active:not(.multiselect--above) .multiselect__current,
1938
+ .multiselect--active:not(.multiselect--above) .multiselect__input,
1939
+ .multiselect--active:not(.multiselect--above) .multiselect__tags {
1940
+ border-bottom-left-radius: 0;
1941
+ border-bottom-right-radius: 0;
1942
+ }
1943
+ .multiselect--active:not(.multiselect--above) .multiselect__tags {
1944
+ box-shadow: inset 0 0 10px #00000012;
1945
+ }
1946
+ .multiselect--active .multiselect__select {
1947
+ transform: rotateZ(180deg);
1948
+ }
1949
+ .multiselect--above.multiselect--active .multiselect__current,
1950
+ .multiselect--above.multiselect--active .multiselect__input,
1951
+ .multiselect--above.multiselect--active .multiselect__tags {
1952
+ border-top-left-radius: 0;
1953
+ border-top-right-radius: 0;
1954
+ }
1955
+ .multiselect__input,
1956
+ .multiselect__single {
1957
+ position: relative;
1958
+ display: inline-block;
1959
+ min-height: 20px;
1960
+ line-height: 20px;
1955
1961
  border: none;
1956
1962
  border-radius: var(--input-border-radius);
1957
- color: var(--input-color);
1963
+ background: var(--input-bg);
1964
+ padding: 0 0 0 5px;
1965
+ width: calc(100%);
1966
+ transition: border 0.1s ease;
1967
+ box-sizing: border-box;
1968
+ margin-bottom: 8px;
1969
+ vertical-align: top;
1970
+ }
1971
+ .multiselect__input::placeholder {
1972
+ color: #35495e;
1973
+ }
1974
+ .multiselect__tag~.multiselect__input,
1975
+ .multiselect__tag~.multiselect__single {
1976
+ width: auto;
1977
+ }
1978
+ .multiselect__input:hover,
1979
+ .multiselect__single:hover {
1980
+ border-color: #cfcfcf;
1981
+ }
1982
+ .multiselect__input:focus,
1983
+ .multiselect__single:focus {
1984
+ border-color: #a8a8a8;
1985
+ outline: none;
1986
+ }
1987
+ .multiselect__single {
1988
+ padding-left: 5px;
1989
+ margin-bottom: 8px;
1990
+ }
1991
+ .multiselect__tags-wrap {
1992
+ display: inline;
1993
+ }
1994
+ .multiselect__tags {
1995
+ min-height: 40px;
1996
+ display: block;
1997
+ padding: 8px 40px 0 8px;
1998
+ border-radius: var(--input-border-radius);
1999
+ background: var(--input-bg);
2000
+ font-size: var(--input-font-size);
2001
+ }
2002
+ .multiselect__tag {
1958
2003
  position: relative;
1959
- display: flex;
1960
- flex-direction: column;
1961
- text-align: start;
1962
- margin-inline-end: 20px;
1963
- justify-content: center;
1964
- margin-bottom: 2px;
2004
+ display: inline-block;
2005
+ padding: 4px 26px 4px 10px;
2006
+ border-radius: 5px;
2007
+ margin-right: 10px;
2008
+ color: #fff;
2009
+ line-height: 1;
2010
+ background: var(--bgl-primary-tint);
2011
+ margin-bottom: 5px;
2012
+ white-space: nowrap;
2013
+ overflow: hidden;
2014
+ max-width: 100%;
2015
+ text-overflow: ellipsis;
1965
2016
  }
1966
- .custom-select .input[data-v-f2c5b9ca]:after {
1967
- content: 'keyboard_arrow_down';
1968
- font-family: 'Material Symbols Outlined', serif;
2017
+ .multiselect__tag-icon {
2018
+ cursor: pointer;
2019
+ margin-left: 7px;
1969
2020
  position: absolute;
1970
- top: calc(var(--input-height) / 2 - 10px);
1971
- font-size: calc(var(--input-font-size) * 1.5);
1972
- right: calc(var(--input-height) / 4);
1973
- height: 100%;
1974
- }
1975
- [dir='rtl'] .custom-select .input[data-v-f2c5b9ca]:after {
1976
- right: unset;
1977
- left: calc(var(--input-font-size) / 2);
2021
+ right: 0;
2022
+ top: 0;
2023
+ bottom: 0;
2024
+ font-weight: 700;
2025
+ font-style: initial;
2026
+ width: 22px;
2027
+ text-align: center;
2028
+ line-height: 22px;
2029
+ transition: all 0.2s ease;
2030
+ border-radius: 5px;
1978
2031
  }
1979
- [dir='rtl'] .custom-select-drop[data-v-f2c5b9ca] {
1980
- inset-inline-end: var(--530a7ef0);
1981
- inset-inline-start: unset;
2032
+ .multiselect__tag-icon::after {
2033
+ content: "×";
2034
+ color: #266d4d;
2035
+ font-size: 14px;
1982
2036
  }
1983
- .custom-select-drop[data-v-f2c5b9ca] {
1984
- position: fixed;
1985
2037
 
2038
+ /* // Remove these lines to avoid green closing button
2039
+ //.multiselect__tag-icon:focus,
2040
+ //.multiselect__tag-icon:hover {
2041
+ // background: #369a6e;
2042
+ //} */
2043
+ .multiselect__tag-icon:focus::after,
2044
+ .multiselect__tag-icon:hover::after {
2045
+ color: white;
2046
+ }
2047
+ .multiselect__current {
2048
+ line-height: 16px;
2049
+ min-height: 40px;
2050
+ box-sizing: border-box;
2051
+ display: block;
2052
+ overflow: hidden;
2053
+ padding: 8px 12px 0;
2054
+ padding-right: 30px;
2055
+ white-space: nowrap;
2056
+ margin: 0;
2057
+ text-decoration: none;
2058
+ border-radius: 5px;
2059
+ /* border: 1px solid #e8e8e8; */
1986
2060
  cursor: pointer;
1987
- font-size: 12px;
1988
- top: var(--7d0177a2);
1989
- inset-inline-start: var(--530a7ef0);
2061
+ }
2062
+ .multiselect__select {
2063
+ line-height: 16px;
2064
+ display: block;
2065
+ position: absolute;
1990
2066
  box-sizing: border-box;
1991
- min-width: 220px;
1992
- width: var(--0ee22bfd);
1993
- background: var(--bgl-white);
1994
- box-shadow: 0 0 10px 0 var(--bgl-shadow);
1995
- border-radius: 10px;
1996
- z-index: 10000;
1997
- overflow-y: auto;
1998
- opacity: 0;
2067
+ width: 40px;
2068
+ height: 38px;
2069
+ right: 1px;
2070
+ top: 1px;
2071
+ padding: 4px 8px;
2072
+ margin: 0;
2073
+ text-decoration: none;
2074
+ text-align: center;
2075
+ cursor: pointer;
2076
+ transition: transform 0.2s ease;
2077
+ }
2078
+ .multiselect__select::before {
2079
+ position: relative;
2080
+ right: 0;
2081
+ top: calc(var(--input-height) / 2 - var(--input-font-size));
2082
+ color: var(--bgl-black);
2083
+ content: "expand_more";
2084
+ font-family: "Material Icons";
2085
+ font-size: var(--input-font-size);
2086
+ }
2087
+ .multiselect__placeholder {
2088
+ color: #adadad;
2089
+ display: inline-block;
2090
+ margin-bottom: 10px;
2091
+ padding-top: 2px;
2092
+ }
2093
+ .multiselect--active .multiselect__placeholder {
2094
+ display: none;
2095
+ }
2096
+ .multiselect__content-wrapper {
2097
+ position: absolute;
2098
+ display: block;
2099
+ background: #fff;
2100
+ width: 100%;
2101
+ max-height: 240px;
2102
+ overflow: auto;
2103
+ box-shadow: 0 0 10px #00000012;
2104
+ border-top: none;
2105
+ border-bottom-left-radius: 5px;
2106
+ border-bottom-right-radius: 5px;
2107
+ z-index: 50;
2108
+ -webkit-overflow-scrolling: touch;
2109
+ }
2110
+ .multiselect__content {
2111
+ list-style: none;
2112
+ display: inline-block;
2113
+ padding: 0;
2114
+ margin: 0;
2115
+ min-width: 100%;
2116
+ vertical-align: top;
2117
+ }
2118
+ .multiselect--above .multiselect__content-wrapper {
2119
+ bottom: 100%;
2120
+ border-bottom-left-radius: 0;
2121
+ border-bottom-right-radius: 0;
2122
+ border-top-left-radius: 5px;
2123
+ border-top-right-radius: 5px;
2124
+ border-bottom: none;
2125
+ border-top: 1px solid #e8e8e8;
2126
+ }
2127
+ .multiselect__content::-webkit-scrollbar {
2128
+ display: none;
2129
+ }
2130
+ .multiselect__element {
2131
+ display: block;
2132
+ }
2133
+ .multiselect__option {
2134
+ display: block;
2135
+ padding-inline-start: 12px;
2136
+ min-height: calc(var(--input-height) * 0.8);
2137
+ line-height: calc(var(--input-height) * 0.8);
2138
+ text-decoration: none;
2139
+ text-transform: none;
2140
+ position: relative;
2141
+ cursor: pointer;
2142
+ white-space: nowrap;
2143
+ }
2144
+ .multiselect__option::after {
2145
+ top: 0;
2146
+ right: 0;
2147
+ position: absolute;
2148
+ width: calc(var(--input-height) * 0.8);
2149
+ height: calc(var(--input-height) * 0.8);;
2150
+ text-align: center;
2151
+ font-size: 13px;
2152
+ }
2153
+ .multiselect__option--highlight {
2154
+ background: var(--bgl-primary-light);
2155
+ outline: none;
2156
+ color: var(--bgl-primary);
2157
+ }
2158
+ .multiselect__option--selected {
2159
+ background: var(--bgl-primary);
2160
+ color: var(--bgl-white);
2161
+ font-weight: bold;
2162
+ }
2163
+ .multiselect__option--selected.multiselect__option--highlight {
2164
+ filter: brightness(0.9);
2165
+ color: #fff;
2166
+ }
2167
+ .multiselect__option--selected.multiselect__option--highlight::after {
2168
+ content: "✕";
2169
+ color: var(--bgl-white);
2170
+ }
2171
+ .multiselect--disabled .multiselect__current,
2172
+ .multiselect--disabled .multiselect__select {
2173
+ background: #ededed;
2174
+ color: #a6a6a6;
2175
+ }
2176
+ .multiselect__option--disabled {
2177
+ background: #ededed !important;
2178
+ color: #a6a6a6 !important;
2179
+ cursor: text;
1999
2180
  pointer-events: none;
2000
- max-height: 0;
2001
- /*transition: var(--bgl-transition);*/
2002
2181
  }
2003
- .open-select.custom-select-drop[data-v-f2c5b9ca] {
2004
- opacity: 1;
2005
- max-height: 150px;
2006
- pointer-events: all;
2007
- /*transition: var(--bgl-transition);*/
2182
+ .multiselect__option--group {
2183
+ background: #ededed;
2184
+ color: #35495e;
2008
2185
  }
2009
- .custom-select-drop>*[data-v-f2c5b9ca] {
2010
- /*transition: var(--bgl-transition); */
2011
- padding: 0.5rem 0.75rem;
2186
+ .multiselect__option--group.multiselect__option--highlight {
2187
+ background: #35495e;
2188
+ color: #fff;
2012
2189
  }
2013
- .custom-select-drop>*[data-v-f2c5b9ca]:hover {
2014
- background: var(--bgl-blue-light);
2190
+ .multiselect__option--group.multiselect__option--highlight::after {
2191
+ background: #35495e;
2015
2192
  }
2016
- .custom-select-drop>*[data-v-f2c5b9ca]:active {
2017
- filter: var(--bgl-hover-filter);
2193
+ .multiselect__option--disabled.multiselect__option--highlight {
2194
+ background: #dedede;
2195
+ }
2196
+ .multiselect__option--group-selected.multiselect__option--highlight {
2197
+ background: var(--bgl-red);
2198
+ color: #fff;
2199
+ }
2200
+ .multiselect__option--group-selected.multiselect__option--highlight::after {
2201
+ background: var(--bgl-red);
2202
+ content: attr(data-deselect);
2203
+ color: #fff;
2204
+ }
2205
+ .multiselect-enter-active,
2206
+ .multiselect-leave-active {
2207
+ transition: all 0.15s ease;
2208
+ }
2209
+ .multiselect-enter,
2210
+ .multiselect-leave-active {
2211
+ opacity: 0;
2212
+ }
2213
+ .multiselect__strong {
2214
+ margin-bottom: 8px;
2215
+ line-height: 20px;
2216
+ display: inline-block;
2217
+ vertical-align: top;
2218
+ }
2219
+ *[dir="rtl"] .multiselect {
2220
+ text-align: right;
2221
+ }
2222
+ *[dir="rtl"] .multiselect__select {
2223
+ right: auto;
2224
+ left: 1px;
2225
+ }
2226
+ *[dir="rtl"] .multiselect__tags {
2227
+ padding: 8px 8px 0 40px;
2228
+ }
2229
+ *[dir="rtl"] .multiselect__content {
2230
+ text-align: right;
2231
+ }
2232
+ *[dir="rtl"] .multiselect__option::after {
2233
+ right: auto;
2234
+ left: 0;
2235
+ }
2236
+ *[dir="rtl"] .multiselect__clear {
2237
+ right: auto;
2238
+ left: 12px;
2239
+ }
2240
+ *[dir="rtl"] .multiselect__spinner {
2241
+ right: auto;
2242
+ left: 1px;
2243
+ }
2244
+ @keyframes spinning {
2245
+ from {
2246
+ transform: rotate(0);
2247
+ }
2248
+ to {
2249
+ transform: rotate(2turn);
2018
2250
  }
2019
- .bagel-input label[data-v-f2c5b9ca] {
2020
- margin-bottom: 0;
2021
2251
  }
2022
2252
 
2023
2253
  .bagel-input[data-v-69a60381] {
@@ -2030,87 +2260,87 @@ input[type='email'][data-v-ed81a514] {
2030
2260
  background: transparent;
2031
2261
  }
2032
2262
 
2033
- .table-side-scroll[data-v-1d1376d2] {
2263
+ .table-side-scroll[data-v-22b28be6] {
2034
2264
  overflow: auto;
2035
2265
  margin-inline-start: -1rem;
2036
2266
  padding-inline-start: 1rem;
2037
2267
  padding-bottom: 1rem;
2038
2268
  }
2039
- .table-field-wrap[data-v-1d1376d2] {
2269
+ .table-field-wrap[data-v-22b28be6] {
2040
2270
  margin-bottom: -1rem;
2041
2271
  }
2042
- .table-cell[data-v-1d1376d2] {
2272
+ .table-cell[data-v-22b28be6] {
2043
2273
  border-inline-end: 1px solid var(--border-color);
2044
2274
  border-bottom: 1px solid var(--border-color);
2045
2275
  }
2046
- .table-row[data-v-1d1376d2] {
2276
+ .table-row[data-v-22b28be6] {
2047
2277
  transition: var(--bgl-transition);
2048
2278
  position: relative;
2049
2279
  width: max-content;
2050
2280
  }
2051
- .table-row[data-v-1d1376d2]:hover {
2281
+ .table-row[data-v-22b28be6]:hover {
2052
2282
  background: var(--bgl-gray-light);
2053
2283
  }
2054
- .table-reorder[data-v-1d1376d2] {
2284
+ .table-reorder[data-v-22b28be6] {
2055
2285
  opacity: 0;
2056
2286
  width: 2rem;
2057
2287
  text-align: center;
2058
2288
  position: absolute;
2059
2289
  margin-inline-start: -2rem;
2060
2290
  }
2061
- .table-row:hover .table-reorder[data-v-1d1376d2] {
2291
+ .table-row:hover .table-reorder[data-v-22b28be6] {
2062
2292
  opacity: 1;
2063
2293
  cursor: grab;
2064
2294
  }
2065
- .table-reorder[data-v-1d1376d2]:active {
2295
+ .table-reorder[data-v-22b28be6]:active {
2066
2296
  opacity: 1;
2067
2297
  cursor: grab;
2068
2298
  }
2069
- .btn.thin.flatBtn[data-v-1d1376d2] {
2299
+ .btn.thin.flatBtn[data-v-22b28be6] {
2070
2300
  margin-inline-start: -1rem;
2071
2301
  margin-top: 1rem;
2072
2302
  }
2073
- .table-header[data-v-1d1376d2] {
2303
+ .table-header[data-v-22b28be6] {
2074
2304
  display: flex;
2075
2305
  width: max-content;
2076
2306
  }
2077
- .header-col[data-v-1d1376d2] {
2307
+ .header-col[data-v-22b28be6] {
2078
2308
  min-width: calc(var(--input-height) * 3);
2079
2309
  font-size: 13px;
2080
2310
  color: var(--input-color);
2081
2311
  padding: 10px 0;
2082
2312
  border-bottom: 1px solid var(--border-color);
2083
2313
  }
2084
- .table-cell[data-v-1d1376d2],
2085
- .header-col[data-v-1d1376d2] {
2314
+ .table-cell[data-v-22b28be6],
2315
+ .header-col[data-v-22b28be6] {
2086
2316
  width: 160px;
2087
2317
  }
2088
- .table-cell.check[data-v-1d1376d2],
2089
- .header-col.check[data-v-1d1376d2] {
2318
+ .table-cell.check[data-v-22b28be6],
2319
+ .header-col.check[data-v-22b28be6] {
2090
2320
  width: 100px;
2091
2321
  }
2092
- .table-cell.date[data-v-1d1376d2],
2093
- .header-col.date[data-v-1d1376d2] {
2322
+ .table-cell.date[data-v-22b28be6],
2323
+ .header-col.date[data-v-22b28be6] {
2094
2324
  width: 140px;
2095
2325
  }
2096
- .header-col.small-text[data-v-1d1376d2],
2097
- .header-col.text[data-v-1d1376d2],
2098
- .header-col.long-text[data-v-1d1376d2],
2099
- .header-col.json[data-v-1d1376d2],
2100
- .table-cell.small-text[data-v-1d1376d2],
2101
- .table-cell.text[data-v-1d1376d2],
2102
- .table-cell.long-text[data-v-1d1376d2],
2103
- .table-cell.json[data-v-1d1376d2] {
2326
+ .header-col.small-text[data-v-22b28be6],
2327
+ .header-col.text[data-v-22b28be6],
2328
+ .header-col.long-text[data-v-22b28be6],
2329
+ .header-col.json[data-v-22b28be6],
2330
+ .table-cell.small-text[data-v-22b28be6],
2331
+ .table-cell.text[data-v-22b28be6],
2332
+ .table-cell.long-text[data-v-22b28be6],
2333
+ .table-cell.json[data-v-22b28be6] {
2104
2334
  width: 240px;
2105
2335
  }
2106
- .table-cell.small-text .bagel-input[data-v-1d1376d2],
2107
- .table-cell.text .bagel-input[data-v-1d1376d2],
2108
- .table-cell.long-text .bagel-input[data-v-1d1376d2],
2109
- .table-cell.json .bagel-input[data-v-1d1376d2] {
2336
+ .table-cell.small-text .bagel-input[data-v-22b28be6],
2337
+ .table-cell.text .bagel-input[data-v-22b28be6],
2338
+ .table-cell.long-text .bagel-input[data-v-22b28be6],
2339
+ .table-cell.json .bagel-input[data-v-22b28be6] {
2110
2340
  height: 40px;
2111
2341
  overflow: auto;
2112
2342
  }
2113
- .table-action[data-v-1d1376d2] {
2343
+ .table-action[data-v-22b28be6] {
2114
2344
  text-align: center;
2115
2345
  position: sticky;
2116
2346
  opacity: 0;
@@ -2120,19 +2350,19 @@ input[type='email'][data-v-ed81a514] {
2120
2350
  margin-top: -1px;
2121
2351
  background: var(--border-color);
2122
2352
  }
2123
- .table-action>.icon-font[data-v-1d1376d2] {
2353
+ .table-action>.icon-font[data-v-22b28be6] {
2124
2354
  padding: 11.4px;
2125
2355
  cursor: pointer;
2126
2356
  transition: var(--bgl-transition);
2127
2357
  }
2128
- .table-action:hover>.icon-font[data-v-1d1376d2] {
2358
+ .table-action:hover>.icon-font[data-v-22b28be6] {
2129
2359
  background: var(--bgl-red);
2130
2360
  color: var(--bgl-white);
2131
2361
  }
2132
- .table-action:active>.icon-font[data-v-1d1376d2] {
2362
+ .table-action:active>.icon-font[data-v-22b28be6] {
2133
2363
  filter: brightness(90%);
2134
2364
  }
2135
- .table-row:hover .table-action[data-v-1d1376d2] {
2365
+ .table-row:hover .table-action[data-v-22b28be6] {
2136
2366
  opacity: 1;
2137
2367
  }
2138
2368
 
@@ -2252,7 +2482,6 @@ input[type='email'][data-v-ed81a514] {
2252
2482
  .no-edit[data-v-188270a2] {
2253
2483
  cursor: not-allowed;
2254
2484
  }
2255
- .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
2256
2485
 
2257
2486
  .datetime-wrap {
2258
2487
  display: flex;
@@ -2381,7 +2610,7 @@ input[type='email'][data-v-ed81a514] {
2381
2610
  color: var(--bgl-white);
2382
2611
  }
2383
2612
 
2384
- .bagel-input .fileUploadWrap[data-v-c44f8c0d] {
2613
+ .bagel-input .fileUploadWrap[data-v-4cc883c0] {
2385
2614
  outline: 1px solid var(--border-color);
2386
2615
  border-radius: var(--input-border-radius);
2387
2616
  text-align: center;
@@ -2391,7 +2620,7 @@ input[type='email'][data-v-ed81a514] {
2391
2620
  height: 132px;
2392
2621
  font-size: var(--input-font-size);
2393
2622
  }
2394
- .previewName[data-v-c44f8c0d] {
2623
+ .previewName[data-v-4cc883c0] {
2395
2624
  padding: 0.5rem;
2396
2625
  text-align: start;
2397
2626
  color: var(--input-color);
@@ -2399,36 +2628,146 @@ input[type='email'][data-v-ed81a514] {
2399
2628
  grid-template-columns: 1fr 22px;
2400
2629
  align-items: center;
2401
2630
  }
2402
- .previewName p[data-v-c44f8c0d] {
2631
+ .previewName p[data-v-4cc883c0] {
2403
2632
  overflow: hidden;
2404
2633
  text-overflow: ellipsis;
2405
2634
  white-space: nowrap;
2406
2635
  }
2407
- .imagePreviewWrap[data-v-c44f8c0d] {
2636
+ .imagePreviewWrap[data-v-4cc883c0] {
2408
2637
  background: var(--input-bg);
2409
2638
  border-radius: var(--input-border-radius);
2410
2639
  height: 90px;
2411
2640
  padding: 5px;
2412
2641
  }
2413
- img.preview[data-v-c44f8c0d] {
2642
+ img.preview[data-v-4cc883c0] {
2414
2643
  height: 80px;
2415
2644
  border-radius: var(--input-border-radius);
2416
2645
  object-fit: contain;
2417
2646
  }
2418
- .fileUploadWrap.dragover[data-v-c44f8c0d],
2419
- .fileUploadWrap[data-v-c44f8c0d]:hover {
2647
+ .fileUploadWrap.dragover[data-v-4cc883c0],
2648
+ .fileUploadWrap[data-v-4cc883c0]:hover {
2420
2649
  box-shadow: inset 0 0 10px #00000012;
2421
2650
  }
2422
- .bagel-input .fileUploadWrap.fileDropZone[data-v-c44f8c0d] {
2651
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-4cc883c0] {
2423
2652
  background: var(--input-bg);
2424
2653
  display: flex;
2425
2654
  align-items: center;
2426
2655
  justify-content: center;
2427
2656
  color: var(--bgl-gray);
2428
2657
  }
2429
- .bagel-input .fileUploadWrap.fileDropZone[data-v-c44f8c0d]:after {
2658
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-4cc883c0]:after {
2430
2659
  content: "Drop files here or click to upload";
2431
2660
  }
2661
+ .pie[data-v-4cc883c0] {
2662
+ width: 30px;
2663
+ height: 30px;
2664
+ position: relative;
2665
+ display: flex;
2666
+ align-items: center;
2667
+ justify-content: center;
2668
+ }
2669
+ .pie[data-v-4cc883c0]:before {
2670
+ content: "";
2671
+ position: absolute;
2672
+ border-radius: 50%;
2673
+ inset: 0;
2674
+ transition: all 0.2s ease-in-out;
2675
+ background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
2676
+ -webkit-mask: radial-gradient(farthest-side,
2677
+ #0000 calc(99% - var(--b)),
2678
+ #000 calc(100% - var(--b)));
2679
+ mask: radial-gradient(farthest-side,
2680
+ #0000 calc(99% - var(--b)),
2681
+ #000 calc(100% - var(--b)));
2682
+ }
2683
+ .pie .success[data-v-4cc883c0] {
2684
+ transform: scale(0);
2685
+ opacity: 0;
2686
+ transition: all 0.3s ease-in-out;
2687
+ }
2688
+ .pie .progress[data-v-4cc883c0] {
2689
+ position: absolute;
2690
+ font-size: 10px;
2691
+ }
2692
+ .pie.complete .progress[data-v-4cc883c0] {
2693
+ display: none;
2694
+ }
2695
+ .pie.complete .success[data-v-4cc883c0] {
2696
+ transform: scale(1.3);
2697
+ opacity: 1;
2698
+ }
2699
+ .pie.complete[data-v-4cc883c0]:before {
2700
+ background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2701
+ }
2702
+ .pie.complete[data-v-4cc883c0] {
2703
+ color: var(--bgl-green);
2704
+ }
2705
+
2706
+ .bgl-checkbox[data-v-4955b9bd]{
2707
+ position: relative;
2708
+ }
2709
+ .bgl-checkbox input[type=checkbox][data-v-4955b9bd]{
2710
+ display: none;
2711
+ }
2712
+ .bgl-checkbox label[data-v-4955b9bd]{
2713
+ padding-inline-start: calc(var(--input-height) + 0.25rem);
2714
+ transition: var(--bgl-transition);
2715
+ cursor: pointer;
2716
+ user-select: none;
2717
+ }
2718
+ .bgl-checkbox[data-v-4955b9bd]:hover{
2719
+ filter: brightness(90%);
2720
+ }
2721
+ .bgl-checkbox[data-v-4955b9bd]:active{
2722
+ filter: var(--bgl-active-filter);
2723
+ }
2724
+ .switch[data-v-4955b9bd] {
2725
+ position: absolute;
2726
+ display: inline-block;
2727
+ height: calc(var(--input-height) / 2);
2728
+ width: var(--input-height);
2729
+ border-radius: var(--input-height);
2730
+ background: var(--bgl-gray);
2731
+ outline: 1px solid var(--bgl-black);
2732
+ margin-top: 0.15rem;
2733
+ pointer-events: none;
2734
+ }
2735
+ .switch input[data-v-4955b9bd] {
2736
+ opacity: 0;
2737
+ width: 0;
2738
+ height: 0;
2739
+ }
2740
+ .slider[data-v-4955b9bd] {
2741
+ position: absolute;
2742
+ cursor: pointer;
2743
+ top: 0;
2744
+ left: 0;
2745
+ right: 0;
2746
+ bottom: 0;
2747
+ background: var(--input-bg);
2748
+ -webkit-transition: 0.4s;
2749
+ transition: 0.4s;
2750
+ border-radius: calc(var(--input-height) / 2);
2751
+ box-shadow: inset 0 0 10px #00000020;
2752
+ }
2753
+ .slider[data-v-4955b9bd]:before {
2754
+ position: absolute;
2755
+ content: "";
2756
+ height: calc(var(--input-height) / 2 - 4px);
2757
+ width: calc(var(--input-height) / 2 - 4px);
2758
+ left: 2px;
2759
+ bottom: 2px;
2760
+ border-radius: 50%;
2761
+ background: var(--bgl-white);
2762
+ -webkit-transition: 0.4s;
2763
+ transition: 0.4s;
2764
+ }
2765
+ input:checked + .slider[data-v-4955b9bd] {
2766
+ background: var(--bgl-primary);
2767
+ }
2768
+ input:checked + .slider[data-v-4955b9bd]:before {
2769
+ transform: translateX(calc(var(--input-height) / 2));
2770
+ }
2432
2771
 
2433
2772
  .chart-line {
2434
2773
  width: 100%;
@@ -2835,7 +3174,7 @@ img.preview[data-v-c44f8c0d] {
2835
3174
  label,
2836
3175
  .label {
2837
3176
  display: block;
2838
- font-size: var(--input-font-size);
3177
+ font-size: var(--label-font-size);
2839
3178
  margin-bottom: 2px;
2840
3179
  line-height: 1.3;
2841
3180
  color: var(--label-color);
@@ -2857,7 +3196,7 @@ select {
2857
3196
  }
2858
3197
  .bagel-input::placeholder .bagel-input label {
2859
3198
  display: block;
2860
- font-size: var(--input-font-size);
3199
+ font-size: var(--label-font-size);
2861
3200
  margin-bottom: 2px;
2862
3201
  line-height: 1.3;
2863
3202
  }
@@ -2995,7 +3334,7 @@ button.formkit-input:active {
2995
3334
  }
2996
3335
  .formkit-outer label {
2997
3336
  display: block;
2998
- font-size: var(--input-font-size);
3337
+ font-size: var(--label-font-size);
2999
3338
  margin-bottom: 2px;
3000
3339
  line-height: 1.3;
3001
3340
  color: var(--label-color);
@@ -3310,7 +3649,7 @@ h6 {}
3310
3649
  --bgl-yellow: #ffbb00;
3311
3650
  --bgl-yellow-light: #fff6d5;
3312
3651
  --bgl-green: #75c98f;
3313
- --border-color: #eff2f5;
3652
+ --border-color: #00000020;
3314
3653
  --bgl-bg: #f4f6fa;
3315
3654
  --bgl-shadow: #4c577d26;
3316
3655
  --whatsapp-gray: #89959f;
@@ -3318,15 +3657,16 @@ h6 {}
3318
3657
  --whatsapp-blue: #71bce6;
3319
3658
  --input-border-radius: 7px;
3320
3659
  --card-border-radius: 15px;
3321
- --btn-border-radius: 10px;
3322
- --btn-padding: 30px;
3323
- --input-bg: #f5f8fa;
3660
+ --placeholder-color: #00000040;
3324
3661
  --label-color: #00000080;
3662
+ --label-font-size: 12px;
3663
+ --input-bg: #f5f8fa;
3325
3664
  --input-color: #000000;
3326
- --placeholder-color: #00000040;
3327
3665
  --input-height: 40px;
3666
+ --input-font-size: 14px;
3667
+ --btn-border-radius: 10px;
3668
+ --btn-padding: 30px;
3328
3669
  --btn-height: 40px;
3329
- --input-font-size: 12px;
3330
3670
  --bgl-transition: all 200ms ease;
3331
3671
  --bgl-hover-filter: brightness(90%);
3332
3672
  --bgl-active-filter: brightness(70%);