@bagelink/vue 0.0.738 → 0.0.742

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 (67) hide show
  1. package/dist/components/AddressSaerch.vue.d.ts +7 -0
  2. package/dist/components/AddressSaerch.vue.d.ts.map +1 -0
  3. package/dist/components/AddressSearch.vue.d.ts +7 -0
  4. package/dist/components/AddressSearch.vue.d.ts.map +1 -0
  5. package/dist/components/Btn.vue.d.ts.map +1 -1
  6. package/dist/components/MapEmbed.vue.d.ts +55 -1
  7. package/dist/components/MapEmbed.vue.d.ts.map +1 -1
  8. package/dist/components/Modal.vue.d.ts.map +1 -1
  9. package/dist/components/ModalConfirm.vue.d.ts +4 -4
  10. package/dist/components/ModalConfirm.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/PasswordInput.vue.d.ts +6 -6
  12. package/dist/components/form/inputs/PasswordInput.vue.d.ts.map +1 -1
  13. package/dist/components/form/inputs/RichText2/index.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/TelInput.vue.d.ts +0 -1
  15. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  16. package/dist/components/index.d.ts +1 -0
  17. package/dist/components/index.d.ts.map +1 -1
  18. package/dist/index.cjs +451 -266
  19. package/dist/index.mjs +451 -266
  20. package/dist/plugins/modal.d.ts +9 -13
  21. package/dist/plugins/modal.d.ts.map +1 -1
  22. package/dist/style.css +1238 -427
  23. package/dist/utils/index.d.ts +2 -0
  24. package/dist/utils/index.d.ts.map +1 -1
  25. package/package.json +5 -4
  26. package/src/components/AddressSearch.vue +41 -0
  27. package/src/components/Avatar.vue +1 -1
  28. package/src/components/Badge.vue +1 -1
  29. package/src/components/Btn.vue +9 -7
  30. package/src/components/Card.vue +2 -2
  31. package/src/components/ListItem.vue +1 -1
  32. package/src/components/MapEmbed.vue +143 -104
  33. package/src/components/Modal.vue +5 -2
  34. package/src/components/ModalConfirm.vue +4 -7
  35. package/src/components/NavBar.vue +9 -9
  36. package/src/components/TableSchema.vue +3 -3
  37. package/src/components/form/inputs/Checkbox.vue +1 -1
  38. package/src/components/form/inputs/DatePicker.vue +5 -5
  39. package/src/components/form/inputs/FileUpload.vue +1 -1
  40. package/src/components/form/inputs/PasswordInput.vue +9 -10
  41. package/src/components/form/inputs/RadioGroup.vue +1 -1
  42. package/src/components/form/inputs/RadioPillsInput.vue +2 -2
  43. package/src/components/form/inputs/RichText.vue +3 -3
  44. package/src/components/form/inputs/RichText2/index.vue +8 -2
  45. package/src/components/form/inputs/TableField.vue +3 -3
  46. package/src/components/form/inputs/TelInput.vue +2 -2
  47. package/src/components/form/inputs/TextInput.vue +3 -3
  48. package/src/components/form/inputs/ToggleInput.vue +1 -1
  49. package/src/components/formkit/FileUploader.vue +1 -1
  50. package/src/components/formkit/MiscFields.vue +1 -1
  51. package/src/components/formkit/Toggle.vue +4 -4
  52. package/src/components/index.ts +1 -0
  53. package/src/components/layout/BottomMenu.vue +2 -2
  54. package/src/components/layout/SidebarMenu.vue +1 -1
  55. package/src/components/layout/TabsNav.vue +1 -1
  56. package/src/components/leaflet/leaflet.css +661 -0
  57. package/src/components/lightbox/Lightbox.vue +2 -2
  58. package/src/plugins/modal.ts +44 -61
  59. package/src/styles/appearance.css +30 -0
  60. package/src/styles/bagel.css +2 -1
  61. package/src/styles/inputs.css +10 -3
  62. package/src/styles/loginCard.css +1 -1
  63. package/src/styles/modal.css +2 -2
  64. package/src/styles/scrollbar.css +1 -1
  65. package/src/styles/text.css +82 -0
  66. package/src/styles/theme.css +68 -41
  67. package/src/utils/index.ts +16 -0
package/dist/style.css CHANGED
@@ -1,17 +1,17 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- .lightbox-image[data-v-c061443c]{
1
+ @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
2
+ .lightbox-image[data-v-562f0f36]{
3
3
  object-fit: contain;
4
4
  }
5
- .bgl-lightbox-overlay[data-v-c061443c] {
5
+ .bgl-lightbox-overlay[data-v-562f0f36] {
6
6
  background: rgba(0, 0, 0, 0.8);
7
7
  }
8
- .bgl-lightbox[data-v-c061443c] {
8
+ .bgl-lightbox[data-v-562f0f36] {
9
9
  max-height: 90%;
10
10
  }
11
- .bgl-lightbox-item[data-v-c061443c]{
12
- animation: 500ms ease bgl-lightbox-load-c061443c;
11
+ .bgl-lightbox-item[data-v-562f0f36]{
12
+ animation: 500ms ease bgl-lightbox-load-562f0f36;
13
13
  }
14
- @keyframes bgl-lightbox-load-c061443c {
14
+ @keyframes bgl-lightbox-load-562f0f36 {
15
15
  from {
16
16
  scale:0.7;
17
17
  }
@@ -19,43 +19,43 @@ to {
19
19
  scale:1;
20
20
  }
21
21
  }
22
- .bgl-lightbox-item[data-v-c061443c] * {
22
+ .bgl-lightbox-item[data-v-562f0f36] * {
23
23
  max-width: 90%;
24
24
  max-height: calc(80vh - 90px);
25
25
  border-radius: 3px;
26
26
  margin: auto;
27
- animation: 200ms ease bgl-lightbox-load-c061443c;
27
+ animation: 200ms ease bgl-lightbox-load-562f0f36;
28
28
  }
29
- .navigation[data-v-c061443c] {
29
+ .navigation[data-v-562f0f36] {
30
30
  top: 50%;
31
31
  transform: translateY(-50%);
32
32
  }
33
- .navigation-btn[data-v-c061443c] {
33
+ .navigation-btn[data-v-562f0f36] {
34
34
  width: var(--input-height);
35
35
  height: var(--input-height);
36
36
  }
37
- .thumbnail[data-v-c061443c] {
37
+ .thumbnail[data-v-562f0f36] {
38
38
  height: 50px;
39
39
  width: 50px;
40
40
  }
41
- .thumbnail[data-v-c061443c]:hover {
41
+ .thumbnail[data-v-562f0f36]:hover {
42
42
  opacity: 1;
43
43
  }
44
- .thumbnail[data-v-c061443c]:active {
44
+ .thumbnail[data-v-562f0f36]:active {
45
45
  opacity: 0.8;
46
46
  }
47
- .thumbnail.active[data-v-c061443c] {
47
+ .thumbnail.active[data-v-562f0f36] {
48
48
  opacity: 1;
49
49
  outline: 2px solid white;
50
50
  }
51
51
 
52
- [dir='rtl'] .top-arrow[data-v-776cab4a] {
52
+ [dir='rtl'] .top-arrow[data-v-bc4e49f9] {
53
53
  transform: rotate(180deg);
54
54
  }
55
- .nav-expend[data-v-776cab4a] {
55
+ .nav-expend[data-v-bc4e49f9] {
56
56
  text-align: center;
57
57
  cursor: pointer;
58
- background: var(--bgl-white);
58
+ background: var(--bgl-popup-bg);
59
59
  color: var(--bgl-primary);
60
60
  display: flex;
61
61
  border-radius: 100%;
@@ -78,18 +78,18 @@ to {
78
78
  margin-bottom: 30px;
79
79
  }
80
80
  */
81
- .nav-expend[data-v-776cab4a] {
82
- background: var(--bgl-white);
81
+ .nav-expend[data-v-bc4e49f9] {
82
+ background: var(--bgl-popup-bg);
83
83
  }
84
- .nav-expend[data-v-776cab4a]:hover {
84
+ .nav-expend[data-v-bc4e49f9]:hover {
85
85
  filter: brightness(95%);
86
86
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
87
87
  }
88
- .nav-expend[data-v-776cab4a]:active {
88
+ .nav-expend[data-v-bc4e49f9]:active {
89
89
  filter: var(--bgl-active-filter);
90
90
  }
91
- .nav[data-v-776cab4a] {
92
- color: var(--bgl-white);
91
+ .nav[data-v-bc4e49f9] {
92
+ color: var(--bgl-light-text);
93
93
  background: var(--bgl-primary);
94
94
  z-index: 100;
95
95
  width: 70px;
@@ -97,25 +97,25 @@ to {
97
97
  display: flex;
98
98
  flex-direction: column;
99
99
  }
100
- .nav[data-v-776cab4a] * {
100
+ .nav[data-v-bc4e49f9] * {
101
101
  user-select: none;
102
102
  }
103
- .nav-button[data-v-776cab4a] {
103
+ .nav-button[data-v-bc4e49f9] {
104
104
  text-decoration: none;
105
105
  cursor: pointer;
106
106
  display: flex;
107
107
  text-align: start;
108
108
  align-items: center;
109
109
  position: relative;
110
- color: var(--bgl-white);
110
+ color: var(--bgl-light-text);
111
111
  transition: all 0.2s ease;
112
112
  pointer-events: none;
113
113
  }
114
- .nav-button[data-v-776cab4a]:hover {
114
+ .nav-button[data-v-bc4e49f9]:hover {
115
115
  width: fit-content;
116
116
  pointer-events: all;
117
117
  }
118
- .nav-button .bgl_icon-font[data-v-776cab4a] {
118
+ .nav-button .bgl_icon-font[data-v-bc4e49f9] {
119
119
  font-size: 22px;
120
120
  margin: 0.25rem 10px;
121
121
  padding: 10px;
@@ -128,17 +128,17 @@ to {
128
128
  transition: all 0.2s ease;
129
129
  pointer-events: all;
130
130
  }
131
- .nav-button:hover .bgl_icon-font[data-v-776cab4a],
132
- .nav-button.router-link-active .bgl_icon-font[data-v-776cab4a] {
133
- background: var(--bgl-white);
131
+ .nav-button:hover .bgl_icon-font[data-v-bc4e49f9],
132
+ .nav-button.router-link-active .bgl_icon-font[data-v-bc4e49f9] {
133
+ background: var(--bgl-box-bg);
134
134
  color: var(--bgl-primary);
135
135
  }
136
- .nav-button:hover .tooltip[data-v-776cab4a] {
136
+ .nav-button:hover .tooltip[data-v-bc4e49f9] {
137
137
  opacity: 1;
138
138
  pointer-events: all;
139
139
  }
140
- .tooltip[data-v-776cab4a] {
141
- background-color: var(--bgl-white);
140
+ .tooltip[data-v-bc4e49f9] {
141
+ background-color: var(--bgl-popup-bg);
142
142
  color: var(--bgl-primary);
143
143
  line-height: 1;
144
144
  padding: 0.5rem;
@@ -151,23 +151,23 @@ to {
151
151
  opacity: 0;
152
152
  margin-inline-start: 1rem;
153
153
  }
154
- .tooltip[data-v-776cab4a]:hover {
154
+ .tooltip[data-v-bc4e49f9]:hover {
155
155
  filter: brightness(95%);
156
156
  }
157
- .tooltip[data-v-776cab4a]:active {
157
+ .tooltip[data-v-bc4e49f9]:active {
158
158
  filter: brightness(90%);
159
159
  }
160
- .bot-buttons-wrapper[data-v-776cab4a] {
160
+ .bot-buttons-wrapper[data-v-bc4e49f9] {
161
161
  margin-top: auto;
162
162
  width: 100%;
163
163
  }
164
- .nav-links-wrapper[data-v-776cab4a] {
164
+ .nav-links-wrapper[data-v-bc4e49f9] {
165
165
  direction: ltr;
166
166
  }
167
- [dir='rtl'] .nav-links-wrapper[data-v-776cab4a] {
167
+ [dir='rtl'] .nav-links-wrapper[data-v-bc4e49f9] {
168
168
  direction: rtl;
169
169
  }
170
- .nav-scroll[data-v-776cab4a] {
170
+ .nav-scroll[data-v-bc4e49f9] {
171
171
  overflow-y: scroll;
172
172
  width: 50vw;
173
173
  direction: rtl;
@@ -177,62 +177,62 @@ to {
177
177
  display: flex;
178
178
  flex-direction: column;
179
179
  }
180
- .nav[data-v-776cab4a]::-webkit-scrollbar-thumb {
180
+ .nav[data-v-bc4e49f9]::-webkit-scrollbar-thumb {
181
181
  background-color: transparent;
182
182
  }
183
- .nav[data-v-776cab4a]:hover::-webkit-scrollbar-thumb {
183
+ .nav[data-v-bc4e49f9]:hover::-webkit-scrollbar-thumb {
184
184
  background-color: var(--bgl-gray);
185
185
  }
186
- [dir='rtl'] .nav-scroll[data-v-776cab4a] {
186
+ [dir='rtl'] .nav-scroll[data-v-bc4e49f9] {
187
187
  direction: ltr;
188
188
  }
189
- .full-nav[data-v-776cab4a] {
189
+ .full-nav[data-v-bc4e49f9] {
190
190
  height: 100%;
191
191
  display: flex;
192
192
  flex-direction: column;
193
193
  }
194
194
  @media screen and (min-width: 910px) {
195
- .nav.open .nav-expend[data-v-776cab4a] {
195
+ .nav.open .nav-expend[data-v-bc4e49f9] {
196
196
  margin-inline-start: 189px;
197
197
  transform: rotate(180deg);
198
198
  }
199
- .nav.open[data-v-776cab4a] {
199
+ .nav.open[data-v-bc4e49f9] {
200
200
  width: 200px;
201
201
  text-align: start;
202
202
  }
203
- .nav.open .tooltip[data-v-776cab4a] {
203
+ .nav.open .tooltip[data-v-bc4e49f9] {
204
204
  background-color: transparent;
205
- color: var(--bgl-white);
205
+ color: var(--bgl-light-text);
206
206
  padding: 0;
207
207
  box-shadow: none;
208
208
  pointer-events: all;
209
209
  opacity: 1;
210
210
  margin-inline-start: 0rem;
211
211
  }
212
- .nav.open .nav-button .bgl_icon-font[data-v-776cab4a] {
212
+ .nav.open .nav-button .bgl_icon-font[data-v-bc4e49f9] {
213
213
  margin: 0;
214
214
  background: transparent;
215
215
  }
216
- .nav.open .nav-button[data-v-776cab4a] {
216
+ .nav.open .nav-button[data-v-bc4e49f9] {
217
217
  width: 180px;
218
218
  border-radius: 10px;
219
219
  margin-inline-start: 10px;
220
220
  margin-top: 10px;
221
221
  margin-bottom: 10px;
222
222
  }
223
- .nav.open .nav-button[data-v-776cab4a]:hover,
224
- .nav.open .nav-button.router-link-active[data-v-776cab4a] {
225
- background: var(--bgl-white);
223
+ .nav.open .nav-button[data-v-bc4e49f9]:hover,
224
+ .nav.open .nav-button.router-link-active[data-v-bc4e49f9] {
225
+ background: var(--bgl-popup-bg);
226
226
  color: var(--bgl-primary);
227
227
  }
228
- .nav.open .nav-button[data-v-776cab4a]:hover,
229
- .nav.open .nav-button:hover .tooltip[data-v-776cab4a],
230
- .nav.open .nav-button.router-link-active .tooltip[data-v-776cab4a] {
228
+ .nav.open .nav-button[data-v-bc4e49f9]:hover,
229
+ .nav.open .nav-button:hover .tooltip[data-v-bc4e49f9],
230
+ .nav.open .nav-button.router-link-active .tooltip[data-v-bc4e49f9] {
231
231
  color: var(--bgl-primary);
232
232
  }
233
233
  }
234
234
  @media screen and (max-width: 910px) {
235
- .full-nav[data-v-776cab4a] {
235
+ .full-nav[data-v-bc4e49f9] {
236
236
  height: auto;
237
237
  display: flex;
238
238
  flex-direction: row;
@@ -241,10 +241,10 @@ to {
241
241
  inset-inline-end: 0;
242
242
  overflow-x: auto;
243
243
  }
244
- .nav.open[data-v-776cab4a] {
244
+ .nav.open[data-v-bc4e49f9] {
245
245
  width: initial;
246
246
  }
247
- .nav[data-v-776cab4a] {
247
+ .nav[data-v-bc4e49f9] {
248
248
  width: auto;
249
249
  display: flex;
250
250
  flex-direction: row;
@@ -252,34 +252,34 @@ to {
252
252
  overflow-x: auto;
253
253
  justify-content: flex-start;
254
254
  }
255
- .tooltip[data-v-776cab4a] {
255
+ .tooltip[data-v-bc4e49f9] {
256
256
  opacity: 1;
257
257
  background: transparent;
258
- color: var(--bgl-white);
258
+ color: var(--bgl-light-text);
259
259
  box-shadow: none;
260
260
  font-size: 10px;
261
261
  padding: 0;
262
262
  margin: 0;
263
263
  }
264
- .nav-button[data-v-776cab4a] {
264
+ .nav-button[data-v-bc4e49f9] {
265
265
  flex-direction: column;
266
266
  margin: 12px 0.25rem;
267
267
  }
268
- .nav-button .bgl_icon-font[data-v-776cab4a] {
268
+ .nav-button .bgl_icon-font[data-v-bc4e49f9] {
269
269
  padding: 2px 0 0 0;
270
270
  margin: 0;
271
271
  height: 30px;
272
272
  width: 30px;
273
273
  }
274
- .nav-links-wrapper[data-v-776cab4a] {
274
+ .nav-links-wrapper[data-v-bc4e49f9] {
275
275
  display: flex;
276
276
  }
277
- .bot-buttons-wrapper[data-v-776cab4a] {
277
+ .bot-buttons-wrapper[data-v-bc4e49f9] {
278
278
  margin-top: 0;
279
279
  width: auto;
280
280
  display: flex;
281
281
  }
282
- .nav-scroll[data-v-776cab4a] {
282
+ .nav-scroll[data-v-bc4e49f9] {
283
283
  overflow-y: visible;
284
284
  width: auto;
285
285
  direction: auto;
@@ -290,33 +290,33 @@ to {
290
290
  flex-direction: row;
291
291
  margin-inline-end: auto;
292
292
  }
293
- .nav[data-v-776cab4a]::-webkit-scrollbar {
293
+ .nav[data-v-bc4e49f9]::-webkit-scrollbar {
294
294
  display: none;
295
295
  }
296
- .nav-expend[data-v-776cab4a] {
296
+ .nav-expend[data-v-bc4e49f9] {
297
297
  display: none;
298
298
  }
299
299
  }
300
300
  @media screen and (max-height: 550px) {
301
- .nav.open .nav-button[data-v-776cab4a] {
301
+ .nav.open .nav-button[data-v-bc4e49f9] {
302
302
  margin-top: 4px;
303
303
  margin-bottom: 4px;
304
304
  }
305
305
  }
306
306
 
307
- a[data-v-895cf824] {
307
+ a[data-v-86bf4080] {
308
308
  text-decoration: none;
309
309
  }
310
- .loading[data-v-895cf824] {
311
- border: 1px solid var(--bgl-white);
312
- border-bottom: 2px solid var(--bgl-white);
313
- animation: spin-895cf824 1s linear infinite;
310
+ .loading[data-v-86bf4080] {
311
+ border: 1px solid var(--bgl-light-text);
312
+ border-bottom: 2px solid var(--bgl-light-text);
313
+ animation: spin-86bf4080 1s linear infinite;
314
314
  border-radius: 100px;
315
315
  width: 1rem;
316
316
  height: 1rem;
317
317
  margin: auto;
318
318
  }
319
- @keyframes spin-895cf824 {
319
+ @keyframes spin-86bf4080 {
320
320
  0% {
321
321
  transform: rotate(0deg);
322
322
  }
@@ -324,116 +324,118 @@ a[data-v-895cf824] {
324
324
  transform: rotate(360deg);
325
325
  }
326
326
  }
327
- .bgl_btn-icon[data-v-895cf824] {
327
+ .bgl_btn-icon[data-v-86bf4080] {
328
328
  height: var(--btn-height);
329
329
  width: var(--btn-height);
330
330
  border-radius: 100%;
331
331
  font-size: 1rem;
332
332
  background: var(--bgl-primary);
333
- color: var(--bgl-white);
333
+ color: var(--bgl-light-text);
334
334
  flex-shrink: 0;
335
335
  transition: var(--bgl-transition);
336
336
  }
337
- .bgl_btn[data-v-895cf824] {
337
+ .bgl_btn[data-v-86bf4080] {
338
338
  padding-left: var(--btn-padding);
339
339
  padding-right: var(--btn-padding);
340
340
  transition: var(--bgl-transition);
341
341
  text-decoration: none;
342
342
  }
343
- .bgl_btn[disabled="true"][data-v-895cf824] {
343
+ .bgl_btn[disabled="true"][data-v-86bf4080] {
344
344
  opacity: 0.5;
345
345
  cursor: not-allowed;
346
346
  }
347
- .bgl_btn-flex[data-v-895cf824] {
347
+ .bgl_btn-flex[data-v-86bf4080] {
348
348
  display: flex;
349
349
  align-items: center;
350
350
  gap: 0.5rem;
351
351
  justify-content: center;
352
352
  height: 100%;
353
353
  }
354
- .bgl_btn .bgl_.bgl_icon-font[data-v-895cf824] {
354
+ .bgl_btn .bgl_.bgl_icon-font[data-v-86bf4080] {
355
355
  font-size: calc(var(--input-font-size) * 1.3);
356
356
  }
357
- .bgl_btn[data-v-895cf824],
358
- .bgl_btn-icon[data-v-895cf824] {
359
- background-color: var(--5953bce2);
360
- color: var(--7b3cc0ac);
357
+ .bgl_btn[data-v-86bf4080],
358
+ .bgl_btn-icon[data-v-86bf4080] {
359
+ background-color: var(--616bd948);
360
+ color: var(--796e2f37);
361
361
  }
362
- .bgl_btn[data-v-895cf824]:hover,
363
- .bgl_btn-icon[data-v-895cf824]:hover {
362
+ .bgl_btn[data-v-86bf4080]:hover,
363
+ .bgl_btn-icon[data-v-86bf4080]:hover {
364
364
  filter: var(--bgl-hover-filter);
365
365
  }
366
- .bgl_btn[data-v-895cf824]:active,
367
- .bgl_btn-icon[data-v-895cf824]:active {
366
+ .bgl_btn[data-v-86bf4080]:active,
367
+ .bgl_btn-icon[data-v-86bf4080]:active {
368
368
  filter: var(--bgl-active-filter);
369
369
  }
370
- .bgl_btn.bgl_flatBtn[data-v-895cf824] {
370
+ .bgl_btn.bgl_flatBtn[data-v-86bf4080] {
371
371
  padding-left: var(--btn-padding);
372
372
  padding-right: var(--btn-padding);
373
373
  background: transparent;
374
374
  }
375
- .bgl_btn-icon.bgl_flatBtn[data-v-895cf824] {
375
+ .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080] {
376
376
  background: transparent;
377
377
  }
378
- .bgl_btn.bgl_flatBtn[data-v-895cf824]:hover,
379
- .bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:hover {
378
+ .bgl_btn.bgl_flatBtn[data-v-86bf4080]:hover,
379
+ .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:hover {
380
380
  filter: var(--bgl-hover-filter);
381
381
  background: var(--bgl-gray-20);
382
+ color: var(--bgl-primary);
382
383
  }
383
- .bgl_btn.bgl_flatBtn[data-v-895cf824]:active,
384
- .bgl_btn-icon.bgl_flatBtn[data-v-895cf824]:active {
384
+ .bgl_btn.bgl_flatBtn[data-v-86bf4080]:active,
385
+ .bgl_btn-icon.bgl_flatBtn[data-v-86bf4080]:active {
385
386
  background: var(--bgl-gray-40);
386
387
  filter: var(--bgl-active-filter);
388
+ color: var(--bgl-primary);
387
389
  }
388
- .bgl_btn.bgl_flatBtn.red[data-v-895cf824],
389
- .bgl_btn-icon.bgl_flatBtn.red[data-v-895cf824] {
390
+ .bgl_btn.bgl_flatBtn.red[data-v-86bf4080],
391
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-86bf4080] {
390
392
  color: var(--bgl-red);
391
393
  }
392
- .bgl_btn.bgl_flatBtn.white[data-v-895cf824],
393
- .bgl_btn-icon.bgl_flatBtn.white[data-v-895cf824] {
394
- color: var(--bgl-white);
394
+ .bgl_btn.bgl_flatBtn.white[data-v-86bf4080],
395
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-86bf4080] {
396
+ color: var(--bgl-light-text);
395
397
  }
396
- .bgl_btn.bgl_flatBtn.light[data-v-895cf824],
397
- .bgl_btn-icon.bgl_flatBtn.light[data-v-895cf824] {
398
+ .bgl_btn.bgl_flatBtn.light[data-v-86bf4080],
399
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-86bf4080] {
398
400
  color: var(--bgl-primary-tint);
399
401
  }
400
- .bgl_btn.bgl_flatBtn.black[data-v-895cf824],
401
- .bgl_btn-icon.bgl_flatBtn.black[data-v-895cf824] {
402
- color: var(--bgl-black);
402
+ .bgl_btn.bgl_flatBtn.black[data-v-86bf4080],
403
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-86bf4080] {
404
+ color: var(--bgl-text-color);
403
405
  }
404
- .bgl_btn.bgl_flatBtn.gray[data-v-895cf824],
405
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-895cf824] {
406
+ .bgl_btn.bgl_flatBtn.gray[data-v-86bf4080],
407
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-86bf4080] {
406
408
  color: var(--bgl-gray);
407
409
  }
408
- .bgl_btn.thin[data-v-895cf824] {
410
+ .bgl_btn.thin[data-v-86bf4080] {
409
411
  padding-inline: calc(var(--btn-padding) / 3);
410
412
  border-radius: calc(var(--btn-border-radius) / 1.5);
411
413
  }
412
- .bgl_btn.round[data-v-895cf824] {
414
+ .bgl_btn.round[data-v-86bf4080] {
413
415
  border-radius: calc(var(--btn-border-radius) * 2);
414
416
  }
415
- .bgl_btn-icon.thin[data-v-895cf824] {
417
+ .bgl_btn-icon.thin[data-v-86bf4080] {
416
418
  height: calc(var(--btn-height) / 1.5);
417
419
  width: calc(var(--btn-height) / 1.5);
418
420
  line-height: normal;
419
421
  }
420
- .bgl_btn-icon.thin .bgl_btn-flex[data-v-895cf824] {
422
+ .bgl_btn-icon.thin .bgl_btn-flex[data-v-86bf4080] {
421
423
  height: 100%;
422
424
  }
423
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-895cf824] {
425
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-86bf4080] {
424
426
  transform: rotateY(180deg);
425
427
  }
426
- .bgl_btn-border[data-v-895cf824] {
427
- outline: 1px solid var(--5953bce2);
428
- color: var(--5953bce2);
428
+ .bgl_btn-border[data-v-86bf4080] {
429
+ outline: 1px solid var(--616bd948);
430
+ color: var(--616bd948);
429
431
  background: transparent;
430
432
  }
431
- .bgl_btn-border[data-v-895cf824]:hover {
432
- color: var(--bgl-white);
433
- background: var(--5953bce2);
433
+ .bgl_btn-border[data-v-86bf4080]:hover {
434
+ color: var(--bgl-light-text);
435
+ background: var(--616bd948);
434
436
  filter: brightness(100%);
435
437
  }
436
- .bgl_btn-border[data-v-895cf824]:active {
438
+ .bgl_btn-border[data-v-86bf4080]:active {
437
439
  filter: brightness(80%);
438
440
  }
439
441
  .bg-dark {
@@ -442,7 +444,7 @@ a[data-v-895cf824] {
442
444
  right: 0;
443
445
  left: 0;
444
446
  bottom: 0;
445
- background-color: rgba(0, 0, 0, 0.7);
447
+ background-color: var(--bgl-dark-bg);
446
448
  z-index: 999;
447
449
  pointer-events: none;
448
450
  opacity: 0;
@@ -504,7 +506,7 @@ a[data-v-895cf824] {
504
506
  padding-top: 0rem;
505
507
  top: 0rem;
506
508
  z-index: 3;
507
- background: var(--bgl-white);
509
+ background: var(--bgl-popup-bg);
508
510
  border-radius: var(--card-border-radius);
509
511
  }
510
512
 
@@ -575,6 +577,9 @@ a[data-v-895cf824] {
575
577
  }
576
578
 
577
579
  }
580
+ .modal{
581
+ color: var(--bgl-popup-text);
582
+ }
578
583
  .modal-title {
579
584
  text-align: center;
580
585
  font-weight: 600;
@@ -678,7 +683,7 @@ a[data-v-895cf824] {
678
683
  margin: 0rem 0;
679
684
  cursor: pointer;
680
685
  transition: var(--bgl-transition);
681
- color: var(--bgl-black);
686
+ color: var(--bgl-text-color);
682
687
  text-decoration: none;
683
688
  position: relative;
684
689
  }
@@ -727,19 +732,19 @@ a[data-v-895cf824] {
727
732
  }
728
733
  }
729
734
 
730
- .selected[data-v-5441d9cd] {
735
+ .selected[data-v-bd90dc89] {
731
736
  background: var(--bgl-primary-tint);
732
737
  }
733
- tbody tr.selected[data-v-5441d9cd]:hover {
738
+ tbody tr.selected[data-v-bd90dc89]:hover {
734
739
  background: var(--bgl-primary-light);
735
740
  }
736
- .loading-table[data-v-5441d9cd] {
741
+ .loading-table[data-v-bd90dc89] {
737
742
  position: relative;
738
743
  }
739
- .inset[data-v-5441d9cd] {
744
+ .inset[data-v-bd90dc89] {
740
745
  inset: 0;
741
746
  }
742
- .loading-table-animation[data-v-5441d9cd] {
747
+ .loading-table-animation[data-v-bd90dc89] {
743
748
  --size: 60px;
744
749
  top: 30vh;
745
750
  inset-inline-start: calc(50% - var(--size));
@@ -747,9 +752,9 @@ tbody tr.selected[data-v-5441d9cd]:hover {
747
752
  border-top: 4px solid var(--bgl-primary);
748
753
  width: var(--size);
749
754
  height: var(--size);
750
- animation: loading-table-5441d9cd 1s linear infinite;
755
+ animation: loading-table-bd90dc89 1s linear infinite;
751
756
  }
752
- @keyframes loading-table-5441d9cd {
757
+ @keyframes loading-table-bd90dc89 {
753
758
  0% {
754
759
  transform: translate(-50%, -50%) rotate(0deg);
755
760
  }
@@ -757,61 +762,61 @@ tbody tr.selected[data-v-5441d9cd]:hover {
757
762
  transform: translate(-50%, -50%) rotate(360deg);
758
763
  }
759
764
  }
760
- .list-arrows[data-v-5441d9cd] {
765
+ .list-arrows[data-v-bd90dc89] {
761
766
  opacity: 0;
762
767
  }
763
- .list-arrows .bgl_icon-font[data-v-5441d9cd] {
768
+ .list-arrows .bgl_icon-font[data-v-bd90dc89] {
764
769
  transition: all ease-in-out 0.2s;
765
770
  }
766
- .list-arrows.sorted[data-v-5441d9cd] {
771
+ .list-arrows.sorted[data-v-bd90dc89] {
767
772
  opacity: 1;
768
773
  }
769
- .col img[data-v-5441d9cd] {
774
+ .col img[data-v-bd90dc89] {
770
775
  height: 35px;
771
776
  margin-top: -14px;
772
777
  margin-bottom: -14px;
773
778
  border-radius: 5px;
774
779
  }
775
- .list-arrows.sorted .desc[data-v-5441d9cd] {
780
+ .list-arrows.sorted .desc[data-v-bd90dc89] {
776
781
  transform: rotate(180deg);
777
782
  display: inline-block;
778
783
  }
779
- table[data-v-5441d9cd] {
784
+ table[data-v-bd90dc89] {
780
785
  border-collapse: separate;
781
786
  border-spacing: 0 15px;
782
787
  border-collapse: collapse;
783
788
  width: 100%;
784
789
  }
785
- th[data-v-5441d9cd] {
790
+ th[data-v-bd90dc89] {
786
791
  font-size: 0.8rem;
787
792
  color: var(--bgl-black-tint);
788
793
  position: sticky;
789
794
  top: 0;
790
795
  z-index: 2;
791
- background: var(--bgl-white);
792
- height: var(--efa9c80e);
796
+ background: var(--bgl-box-bg);
797
+ height: var(--38e39900);
793
798
  vertical-align: bottom;
794
799
  font-weight: 400;
795
800
  text-align: start;
796
801
  }
797
- .embedded-field[data-v-5441d9cd] {
802
+ .embedded-field[data-v-bd90dc89] {
798
803
  margin-bottom: -0.2rem;
799
804
  margin-top: -0.2rem;
800
805
  }
801
- .row[data-v-5441d9cd] {
806
+ .row[data-v-bd90dc89] {
802
807
  border-bottom: 1px solid var(--border-color);
803
808
  cursor: pointer;
804
809
  }
805
- .row.first-row[data-v-5441d9cd] {
810
+ .row.first-row[data-v-bd90dc89] {
806
811
  font-size: 0.8rem;
807
812
  color: var(--bgl-black-tint);
808
813
  position: sticky;
809
814
  top: 0;
810
815
  z-index: 2;
811
- background: var(--bgl-white);
816
+ background: var(--bgl-box-bg);
812
817
  vertical-align: bottom;
813
818
  }
814
- .row.first-row[data-v-5441d9cd]::after {
819
+ .row.first-row[data-v-bd90dc89]::after {
815
820
  content: '';
816
821
  border-bottom: 1px solid var(--border-color);
817
822
  position: absolute;
@@ -819,30 +824,30 @@ th[data-v-5441d9cd] {
819
824
  right: 0;
820
825
  bottom: -1px;
821
826
  }
822
- .first-row .col[data-v-5441d9cd] {
827
+ .first-row .col[data-v-bd90dc89] {
823
828
  cursor: pointer;
824
- background: var(--bgl-white);
829
+ background: var(--bgl-box-bg);
825
830
  }
826
- .col[data-v-5441d9cd] {
831
+ .col[data-v-bd90dc89] {
827
832
  white-space: nowrap;
828
833
  padding: 0.75rem 1rem;
829
834
  transition: var(--bgl-transition);
830
835
  line-height: 1;
831
836
  align-items: center;
832
837
  }
833
- .col[data-v-5441d9cd]:has(.bagel-input) {
838
+ .col[data-v-bd90dc89]:has(.bagel-input) {
834
839
  padding: 0rem 0.25rem;
835
840
  }
836
- .col > div[data-v-5441d9cd] {
841
+ .col > div[data-v-bd90dc89] {
837
842
  display: flex;
838
843
  gap: 0.5rem;
839
844
  }
840
- .max-col-width[data-v-5441d9cd] {
845
+ .max-col-width[data-v-bd90dc89] {
841
846
  max-width: 30vw;
842
847
  overflow: hidden;
843
848
  text-overflow: ellipsis;
844
849
  }
845
- .col.check .bgl_icon-font[data-v-5441d9cd] {
850
+ .col.check .bgl_icon-font[data-v-bd90dc89] {
846
851
  border-radius: 100%;
847
852
  background: var(--bgl-blue-20);
848
853
  color: var(--bgl-primary);
@@ -853,35 +858,35 @@ th[data-v-5441d9cd] {
853
858
  justify-content: center;
854
859
  margin-top: -2px;
855
860
  }
856
- .rows[data-v-5441d9cd] {
861
+ .rows[data-v-bd90dc89] {
857
862
  font-size: 0.88em;
858
863
  }
859
- .table-list[data-v-5441d9cd] {
864
+ .table-list[data-v-bd90dc89] {
860
865
  height: 100%;
861
866
  position: relative;
862
867
  padding-left: 0 !important;
863
868
  padding-right: 0 !important;
864
869
  overflow: auto;
865
870
  }
866
- .BagelTable .table-list[data-v-5441d9cd] {
871
+ .BagelTable .table-list[data-v-bd90dc89] {
867
872
  overflow: unset;
868
873
  }
869
- .row-item[data-v-5441d9cd] {
870
- height: var(--efa9c80e);
874
+ .row-item[data-v-bd90dc89] {
875
+ height: var(--38e39900);
871
876
  transition: all 200ms ease;
872
877
  }
873
- .row-item[data-v-5441d9cd]:hover {
878
+ .row-item[data-v-bd90dc89]:hover {
874
879
  background: var(--bgl-gray-light);
875
880
  }
876
- .row-item input[type='checkbox'][data-v-5441d9cd] {
881
+ .row-item input[type='checkbox'][data-v-bd90dc89] {
877
882
  margin-top: 0.45rem !important;
878
883
  accent-color: var(--bgl-accent-color);
879
884
  }
880
- .infinite-wrapper[data-v-5441d9cd] {
885
+ .infinite-wrapper[data-v-bd90dc89] {
881
886
  overflow-y: auto;
882
887
  width: 100%;
883
888
  }
884
- input[type='checkbox'][data-v-5441d9cd] {
889
+ input[type='checkbox'][data-v-bd90dc89] {
885
890
  margin-top: 0.3rem !important;
886
891
  accent-color: var(--bgl-accent-color);
887
892
  transform: scale(1.2);
@@ -893,7 +898,7 @@ input[type='checkbox'][data-v-5441d9cd] {
893
898
  height: 0.85rem;
894
899
  width: 0.85rem;
895
900
  }
896
- input[type='checkbox'][data-v-5441d9cd]::before {
901
+ input[type='checkbox'][data-v-bd90dc89]::before {
897
902
  content: '';
898
903
  height: 0.85rem;
899
904
  width: 0.85rem;
@@ -906,18 +911,18 @@ input[type='checkbox'][data-v-5441d9cd]::before {
906
911
  transform: scale(1);
907
912
  position: absolute;
908
913
  }
909
- input[type='checkbox'][data-v-5441d9cd]:hover::before {
914
+ input[type='checkbox'][data-v-bd90dc89]:hover::before {
910
915
  opacity: 0.2;
911
916
  transform: scale(2);
912
917
  }
913
- [lang='he'] [dir='ltr'][data-v-5441d9cd] {
918
+ [lang='he'] [dir='ltr'][data-v-bd90dc89] {
914
919
  text-align: right;
915
920
  }
916
- th input[type='checkbox'][data-v-5441d9cd] {
921
+ th input[type='checkbox'][data-v-bd90dc89] {
917
922
  transform: translateY(0.2rem) scale(1.2);
918
923
  accent-color: var(--bgl-accent-color);
919
924
  }
920
- th[data-v-5441d9cd]::after {
925
+ th[data-v-bd90dc89]::after {
921
926
  content: '';
922
927
  border-bottom: 1px solid var(--border-color);
923
928
  position: absolute;
@@ -925,24 +930,24 @@ th[data-v-5441d9cd]::after {
925
930
  right: 0;
926
931
  bottom: -1px;
927
932
  }
928
- tr[data-v-5441d9cd] {
933
+ tr[data-v-bd90dc89] {
929
934
  border-bottom: 1px solid var(--border-color);
930
935
  cursor: pointer;
931
936
  align-items: center;
932
937
  }
933
- td[data-v-5441d9cd],
934
- th[data-v-5441d9cd] {
938
+ td[data-v-bd90dc89],
939
+ th[data-v-bd90dc89] {
935
940
  white-space: nowrap;
936
941
  padding: 0.75rem 0.65rem;
937
942
  transition: var(--bgl-transition);
938
943
  line-height: 1;
939
944
  }
940
- tbody tr[data-v-5441d9cd] {
945
+ tbody tr[data-v-bd90dc89] {
941
946
  font-size: 0.88em;
942
- height: var(--efa9c80e);
947
+ height: var(--38e39900);
943
948
  transition: all 200ms ease;
944
949
  }
945
- tbody tr[data-v-5441d9cd]:hover {
950
+ tbody tr[data-v-bd90dc89]:hover {
946
951
  background: var(--bgl-gray-light);
947
952
  }
948
953
 
@@ -1000,7 +1005,7 @@ data[data-v-4d174f13] {
1000
1005
  .border .card_label {
1001
1006
  font-size: 0.7rem;
1002
1007
  font-weight: 300;
1003
- background:var(--bgl-white);
1008
+ background:var(--bgl-box-bg);
1004
1009
  padding: 0 0.75rem;
1005
1010
  position: absolute;
1006
1011
  top: -0.5rem;
@@ -1011,7 +1016,7 @@ data[data-v-4d174f13] {
1011
1016
  }
1012
1017
  .bgl_card {
1013
1018
  border-radius: var(--card-border-radius);
1014
- background: var(--bgl-white);
1019
+ background: var(--bgl-box-bg);
1015
1020
  padding: 2rem 2rem;
1016
1021
  position: relative;
1017
1022
  }
@@ -1037,7 +1042,7 @@ data[data-v-4d174f13] {
1037
1042
  padding: 0;
1038
1043
  }
1039
1044
 
1040
- .avatar[data-v-dd2f6734] {
1045
+ .avatar[data-v-46ad8c25] {
1041
1046
  border-radius: 100%;
1042
1047
  background-color: var(--bgl-gray-20);
1043
1048
  border: 0.5px solid var(--border-color);
@@ -1046,13 +1051,13 @@ data[data-v-4d174f13] {
1046
1051
  padding: 0;
1047
1052
  flex-shrink: 0;
1048
1053
  }
1049
- .avatar p[data-v-dd2f6734] {
1054
+ .avatar p[data-v-46ad8c25] {
1050
1055
  font-size: 1.5rem;
1051
1056
  line-height: 50px;
1052
1057
  margin: 0;
1053
1058
  font-weight: 200;
1054
1059
  }
1055
- .avatar img[data-v-dd2f6734] {
1060
+ .avatar img[data-v-46ad8c25] {
1056
1061
  width: 100%;
1057
1062
  height: 100%;
1058
1063
  object-fit: cover;
@@ -1089,7 +1094,7 @@ display: block;
1089
1094
  width: calc(100% - 5rem);
1090
1095
  }
1091
1096
 
1092
- .inline[data-v-532b36ae] {
1097
+ .inline[data-v-40a0b03a] {
1093
1098
  display: inline;
1094
1099
  }
1095
1100
 
@@ -1106,7 +1111,7 @@ display: block;
1106
1111
  color: var(--bgl-black);
1107
1112
  }
1108
1113
  .pill.blue {
1109
- background: var(--bgl-primary);
1114
+ background: var(bgl-primary);
1110
1115
  color: var(--bgl-white);
1111
1116
  }
1112
1117
  .pill.red {
@@ -1227,51 +1232,723 @@ display: block;
1227
1232
  grid-auto-columns: 100%;
1228
1233
  }
1229
1234
  }
1230
-
1231
- #map {
1232
- height: 100%;
1233
- border-radius: var(--input-border-radius);
1234
- position: relative;
1235
+ /* required styles */
1236
+
1237
+ .leaflet-pane,
1238
+ .leaflet-tile,
1239
+ .leaflet-marker-icon,
1240
+ .leaflet-marker-shadow,
1241
+ .leaflet-tile-container,
1242
+ .leaflet-pane > svg,
1243
+ .leaflet-pane > canvas,
1244
+ .leaflet-zoom-box,
1245
+ .leaflet-image-layer,
1246
+ .leaflet-layer {
1247
+ position: absolute;
1248
+ left: 0;
1249
+ top: 0;
1250
+ }
1251
+ .leaflet-container {
1252
+ overflow: hidden;
1253
+ }
1254
+ .leaflet-tile,
1255
+ .leaflet-marker-icon,
1256
+ .leaflet-marker-shadow {
1257
+ -webkit-user-select: none;
1258
+ -moz-user-select: none;
1259
+ user-select: none;
1260
+ -webkit-user-drag: none;
1261
+ }
1262
+ /* Prevents IE11 from highlighting tiles in blue */
1263
+ .leaflet-tile::selection {
1264
+ background: transparent;
1265
+ }
1266
+ /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
1267
+ .leaflet-safari .leaflet-tile {
1268
+ image-rendering: -webkit-optimize-contrast;
1269
+ }
1270
+ /* hack that prevents hw layers "stretching" when loading new tiles */
1271
+ .leaflet-safari .leaflet-tile-container {
1272
+ width: 1600px;
1273
+ height: 1600px;
1274
+ -webkit-transform-origin: 0 0;
1275
+ }
1276
+ .leaflet-marker-icon,
1277
+ .leaflet-marker-shadow {
1278
+ display: block;
1279
+ }
1280
+ /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
1281
+ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
1282
+ .leaflet-container .leaflet-overlay-pane svg {
1283
+ max-width: none !important;
1284
+ max-height: none !important;
1285
+ }
1286
+ .leaflet-container .leaflet-marker-pane img,
1287
+ .leaflet-container .leaflet-shadow-pane img,
1288
+ .leaflet-container .leaflet-tile-pane img,
1289
+ .leaflet-container img.leaflet-image-layer,
1290
+ .leaflet-container .leaflet-tile {
1291
+ max-width: none !important;
1292
+ max-height: none !important;
1293
+ width: auto;
1294
+ padding: 0;
1295
+ }
1296
+
1297
+ .leaflet-container img.leaflet-tile {
1298
+ /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
1299
+ mix-blend-mode: plus-lighter;
1300
+ }
1301
+
1302
+ .leaflet-container.leaflet-touch-zoom {
1303
+ -ms-touch-action: pan-x pan-y;
1304
+ touch-action: pan-x pan-y;
1305
+ }
1306
+ .leaflet-container.leaflet-touch-drag {
1307
+ -ms-touch-action: pinch-zoom;
1308
+ /* Fallback for FF which doesn't support pinch-zoom */
1309
+ touch-action: none;
1310
+ touch-action: pinch-zoom;
1311
+ }
1312
+ .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
1313
+ -ms-touch-action: none;
1314
+ touch-action: none;
1315
+ }
1316
+ .leaflet-container {
1317
+ -webkit-tap-highlight-color: transparent;
1318
+ }
1319
+ .leaflet-container a {
1320
+ -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
1321
+ }
1322
+ .leaflet-tile {
1323
+ filter: inherit;
1324
+ visibility: hidden;
1325
+ }
1326
+ .leaflet-tile-loaded {
1327
+ visibility: inherit;
1328
+ }
1329
+ .leaflet-zoom-box {
1330
+ width: 0;
1331
+ height: 0;
1332
+ -moz-box-sizing: border-box;
1333
+ box-sizing: border-box;
1334
+ z-index: 800;
1335
+ }
1336
+ /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
1337
+ .leaflet-overlay-pane svg {
1338
+ -moz-user-select: none;
1339
+ }
1340
+
1341
+ .leaflet-pane { z-index: 400; }
1342
+
1343
+ .leaflet-tile-pane { z-index: 200; }
1344
+ .leaflet-overlay-pane { z-index: 400; }
1345
+ .leaflet-shadow-pane { z-index: 500; }
1346
+ .leaflet-marker-pane { z-index: 600; }
1347
+ .leaflet-tooltip-pane { z-index: 650; }
1348
+ .leaflet-popup-pane { z-index: 700; }
1349
+
1350
+ .leaflet-map-pane canvas { z-index: 100; }
1351
+ .leaflet-map-pane svg { z-index: 200; }
1352
+
1353
+ .leaflet-vml-shape {
1354
+ width: 1px;
1355
+ height: 1px;
1356
+ }
1357
+ .lvml {
1358
+ behavior: url(#default#VML);
1359
+ display: inline-block;
1360
+ position: absolute;
1361
+ }
1362
+
1363
+
1364
+ /* control positioning */
1365
+
1366
+ .leaflet-control {
1367
+ position: relative;
1368
+ z-index: 800;
1369
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
1370
+ pointer-events: auto;
1371
+ }
1372
+ .leaflet-top,
1373
+ .leaflet-bottom {
1374
+ position: absolute;
1375
+ z-index: 1000;
1376
+ pointer-events: none;
1377
+ }
1378
+ .leaflet-top {
1379
+ top: 0;
1380
+ }
1381
+ .leaflet-right {
1382
+ right: 0;
1383
+ }
1384
+ .leaflet-bottom {
1385
+ bottom: 0;
1386
+ }
1387
+ .leaflet-left {
1388
+ left: 0;
1389
+ }
1390
+ .leaflet-control {
1391
+ float: left;
1392
+ clear: both;
1393
+ }
1394
+ .leaflet-right .leaflet-control {
1395
+ float: right;
1396
+ }
1397
+ .leaflet-top .leaflet-control {
1398
+ margin-top: 10px;
1399
+ }
1400
+ .leaflet-bottom .leaflet-control {
1401
+ margin-bottom: 10px;
1402
+ }
1403
+ .leaflet-left .leaflet-control {
1404
+ margin-left: 10px;
1405
+ }
1406
+ .leaflet-right .leaflet-control {
1407
+ margin-right: 10px;
1408
+ }
1409
+
1410
+
1411
+ /* zoom and fade animations */
1412
+
1413
+ .leaflet-fade-anim .leaflet-popup {
1414
+ opacity: 0;
1415
+ -webkit-transition: opacity 0.2s linear;
1416
+ -moz-transition: opacity 0.2s linear;
1417
+ transition: opacity 0.2s linear;
1418
+ }
1419
+ .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
1420
+ opacity: 1;
1421
+ }
1422
+ .leaflet-zoom-animated {
1423
+ -webkit-transform-origin: 0 0;
1424
+ -ms-transform-origin: 0 0;
1425
+ transform-origin: 0 0;
1426
+ }
1427
+ svg.leaflet-zoom-animated {
1428
+ will-change: transform;
1429
+ }
1430
+
1431
+ .leaflet-zoom-anim .leaflet-zoom-animated {
1432
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
1433
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
1434
+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
1435
+ }
1436
+ .leaflet-zoom-anim .leaflet-tile,
1437
+ .leaflet-pan-anim .leaflet-tile {
1438
+ -webkit-transition: none;
1439
+ -moz-transition: none;
1440
+ transition: none;
1441
+ }
1442
+
1443
+ .leaflet-zoom-anim .leaflet-zoom-hide {
1444
+ visibility: hidden;
1445
+ }
1446
+
1447
+
1448
+ /* cursors */
1449
+
1450
+ .leaflet-interactive {
1451
+ cursor: pointer;
1452
+ }
1453
+ .leaflet-grab {
1454
+ cursor: -webkit-grab;
1455
+ cursor: -moz-grab;
1456
+ cursor: grab;
1457
+ }
1458
+ .leaflet-crosshair,
1459
+ .leaflet-crosshair .leaflet-interactive {
1460
+ cursor: crosshair;
1461
+ }
1462
+ .leaflet-popup-pane,
1463
+ .leaflet-control {
1464
+ cursor: auto;
1465
+ }
1466
+ .leaflet-dragging .leaflet-grab,
1467
+ .leaflet-dragging .leaflet-grab .leaflet-interactive,
1468
+ .leaflet-dragging .leaflet-marker-draggable {
1469
+ cursor: move;
1470
+ cursor: -webkit-grabbing;
1471
+ cursor: -moz-grabbing;
1472
+ cursor: grabbing;
1473
+ }
1474
+
1475
+ /* marker & overlays interactivity */
1476
+ .leaflet-marker-icon,
1477
+ .leaflet-marker-shadow,
1478
+ .leaflet-image-layer,
1479
+ .leaflet-pane > svg path,
1480
+ .leaflet-tile-container {
1481
+ pointer-events: none;
1482
+ }
1483
+
1484
+ .leaflet-marker-icon.leaflet-interactive,
1485
+ .leaflet-image-layer.leaflet-interactive,
1486
+ .leaflet-pane > svg path.leaflet-interactive,
1487
+ svg.leaflet-image-layer.leaflet-interactive path {
1488
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
1489
+ pointer-events: auto;
1490
+ }
1491
+
1492
+ /* visual tweaks */
1493
+
1494
+ .leaflet-container {
1495
+ background: #ddd;
1496
+ outline-offset: 1px;
1497
+ }
1498
+ .leaflet-container a {
1499
+ color: #0078A8;
1500
+ }
1501
+ .leaflet-zoom-box {
1502
+ border: 2px dotted #38f;
1503
+ background: rgba(255,255,255,0.5);
1504
+ }
1505
+
1506
+
1507
+ /* general typography */
1508
+ .leaflet-container {
1509
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
1510
+ font-size: 12px;
1511
+ font-size: 0.75rem;
1512
+ line-height: 1.5;
1513
+ }
1514
+
1515
+
1516
+ /* general toolbar styles */
1517
+
1518
+ .leaflet-bar {
1519
+ box-shadow: 0 1px 5px rgba(0,0,0,0.65);
1520
+ border-radius: 4px;
1521
+ }
1522
+ .leaflet-bar a {
1523
+ background-color: #fff;
1524
+ border-bottom: 1px solid #ccc;
1525
+ width: 26px;
1526
+ height: 26px;
1527
+ line-height: 26px;
1528
+ display: block;
1529
+ text-align: center;
1530
+ text-decoration: none;
1531
+ color: black;
1532
+ }
1533
+ .leaflet-bar a,
1534
+ .leaflet-control-layers-toggle {
1535
+ background-position: 50% 50%;
1536
+ background-repeat: no-repeat;
1537
+ display: block;
1538
+ }
1539
+ .leaflet-bar a:hover,
1540
+ .leaflet-bar a:focus {
1541
+ background-color: #f4f4f4;
1542
+ }
1543
+ .leaflet-bar a:first-child {
1544
+ border-top-left-radius: 4px;
1545
+ border-top-right-radius: 4px;
1546
+ }
1547
+ .leaflet-bar a:last-child {
1548
+ border-bottom-left-radius: 4px;
1549
+ border-bottom-right-radius: 4px;
1550
+ border-bottom: none;
1551
+ }
1552
+ .leaflet-bar a.leaflet-disabled {
1553
+ cursor: default;
1554
+ background-color: #f4f4f4;
1555
+ color: #bbb;
1556
+ }
1557
+
1558
+ .leaflet-touch .leaflet-bar a {
1559
+ width: 30px;
1560
+ height: 30px;
1561
+ line-height: 30px;
1562
+ }
1563
+ .leaflet-touch .leaflet-bar a:first-child {
1564
+ border-top-left-radius: 2px;
1565
+ border-top-right-radius: 2px;
1566
+ }
1567
+ .leaflet-touch .leaflet-bar a:last-child {
1568
+ border-bottom-left-radius: 2px;
1569
+ border-bottom-right-radius: 2px;
1570
+ }
1571
+
1572
+ /* zoom control */
1573
+
1574
+ .leaflet-control-zoom-in,
1575
+ .leaflet-control-zoom-out {
1576
+ font: bold 18px 'Lucida Console', Monaco, monospace;
1577
+ text-indent: 1px;
1578
+ }
1579
+
1580
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1581
+ font-size: 22px;
1582
+ }
1583
+
1584
+
1585
+ /* layers control */
1586
+
1587
+ .leaflet-control-layers {
1588
+ box-shadow: 0 1px 5px rgba(0,0,0,0.4);
1589
+ background: #fff;
1590
+ border-radius: 5px;
1591
+ }
1592
+ .leaflet-control-layers-toggle {
1593
+ background-image: url(images/layers.png);
1594
+ width: 36px;
1595
+ height: 36px;
1596
+ }
1597
+ .leaflet-retina .leaflet-control-layers-toggle {
1598
+ background-image: url(images/layers-2x.png);
1599
+ background-size: 26px 26px;
1600
+ }
1601
+ .leaflet-touch .leaflet-control-layers-toggle {
1602
+ width: 44px;
1603
+ height: 44px;
1604
+ }
1605
+ .leaflet-control-layers .leaflet-control-layers-list,
1606
+ .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
1607
+ display: none;
1608
+ }
1609
+ .leaflet-control-layers-expanded .leaflet-control-layers-list {
1610
+ display: block;
1611
+ position: relative;
1612
+ }
1613
+ .leaflet-control-layers-expanded {
1614
+ padding: 6px 10px 6px 6px;
1615
+ color: #333;
1616
+ background: #fff;
1617
+ }
1618
+ .leaflet-control-layers-scrollbar {
1619
+ overflow-y: scroll;
1620
+ overflow-x: hidden;
1621
+ padding-right: 5px;
1622
+ }
1623
+ .leaflet-control-layers-selector {
1624
+ margin-top: 2px;
1625
+ position: relative;
1626
+ top: 1px;
1627
+ }
1628
+ .leaflet-control-layers label {
1629
+ display: block;
1630
+ font-size: 13px;
1631
+ font-size: 1.08333em;
1632
+ }
1633
+ .leaflet-control-layers-separator {
1634
+ height: 0;
1635
+ border-top: 1px solid #ddd;
1636
+ margin: 5px -10px 5px -6px;
1637
+ }
1638
+
1639
+ /* Default icon URLs */
1640
+ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
1641
+ background-image: url(images/marker-icon.png);
1642
+ }
1643
+
1644
+
1645
+ /* attribution and scale controls */
1646
+
1647
+ .leaflet-container .leaflet-control-attribution {
1648
+ background: #fff;
1649
+ background: rgba(255, 255, 255, 0.8);
1650
+ margin: 0;
1651
+ }
1652
+ .leaflet-control-attribution,
1653
+ .leaflet-control-scale-line {
1654
+ padding: 0 5px;
1655
+ color: #333;
1656
+ line-height: 1.4;
1657
+ }
1658
+ .leaflet-control-attribution a {
1659
+ text-decoration: none;
1660
+ }
1661
+ .leaflet-control-attribution a:hover,
1662
+ .leaflet-control-attribution a:focus {
1663
+ text-decoration: underline;
1664
+ }
1665
+ .leaflet-attribution-flag {
1666
+ display: inline !important;
1667
+ vertical-align: baseline !important;
1668
+ width: 1em;
1669
+ height: 0.6669em;
1670
+ }
1671
+ .leaflet-left .leaflet-control-scale {
1672
+ margin-left: 5px;
1673
+ }
1674
+ .leaflet-bottom .leaflet-control-scale {
1675
+ margin-bottom: 5px;
1676
+ }
1677
+ .leaflet-control-scale-line {
1678
+ border: 2px solid #777;
1679
+ border-top: none;
1680
+ line-height: 1.1;
1681
+ padding: 2px 5px 1px;
1682
+ white-space: nowrap;
1683
+ -moz-box-sizing: border-box;
1684
+ box-sizing: border-box;
1685
+ background: rgba(255, 255, 255, 0.8);
1686
+ text-shadow: 1px 1px #fff;
1687
+ }
1688
+ .leaflet-control-scale-line:not(:first-child) {
1689
+ border-top: 2px solid #777;
1690
+ border-bottom: none;
1691
+ margin-top: -2px;
1692
+ }
1693
+ .leaflet-control-scale-line:not(:first-child):not(:last-child) {
1694
+ border-bottom: 2px solid #777;
1695
+ }
1696
+
1697
+ .leaflet-touch .leaflet-control-attribution,
1698
+ .leaflet-touch .leaflet-control-layers,
1699
+ .leaflet-touch .leaflet-bar {
1700
+ box-shadow: none;
1701
+ }
1702
+ .leaflet-touch .leaflet-control-layers,
1703
+ .leaflet-touch .leaflet-bar {
1704
+ border: 2px solid rgba(0,0,0,0.2);
1705
+ background-clip: padding-box;
1706
+ }
1707
+
1708
+
1709
+ /* popup */
1710
+
1711
+ .leaflet-popup {
1712
+ position: absolute;
1713
+ text-align: center;
1714
+ margin-bottom: 20px;
1715
+ }
1716
+ .leaflet-popup-content-wrapper {
1717
+ padding: 1px;
1718
+ text-align: left;
1719
+ border-radius: 12px;
1720
+ }
1721
+ .leaflet-popup-content {
1722
+ margin: 13px 24px 13px 20px;
1723
+ line-height: 1.3;
1724
+ font-size: 13px;
1725
+ font-size: 1.08333em;
1726
+ min-height: 1px;
1727
+ }
1728
+ .leaflet-popup-content p {
1729
+ margin: 17px 0;
1730
+ margin: 1.3em 0;
1731
+ }
1732
+ .leaflet-popup-tip-container {
1733
+ width: 40px;
1734
+ height: 20px;
1735
+ position: absolute;
1736
+ left: 50%;
1737
+ margin-top: -1px;
1738
+ margin-left: -20px;
1739
+ overflow: hidden;
1740
+ pointer-events: none;
1741
+ }
1742
+ .leaflet-popup-tip {
1743
+ width: 17px;
1744
+ height: 17px;
1745
+ padding: 1px;
1746
+
1747
+ margin: -10px auto 0;
1748
+ pointer-events: auto;
1749
+
1750
+ -webkit-transform: rotate(45deg);
1751
+ -moz-transform: rotate(45deg);
1752
+ -ms-transform: rotate(45deg);
1753
+ transform: rotate(45deg);
1754
+ }
1755
+ .leaflet-popup-content-wrapper,
1756
+ .leaflet-popup-tip {
1757
+ background: white;
1758
+ color: #333;
1759
+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
1760
+ }
1761
+ .leaflet-container a.leaflet-popup-close-button {
1762
+ position: absolute;
1763
+ top: 0;
1764
+ right: 0;
1765
+ border: none;
1766
+ text-align: center;
1767
+ width: 24px;
1768
+ height: 24px;
1769
+ font: 16px/24px Tahoma, Verdana, sans-serif;
1770
+ color: #757575;
1771
+ text-decoration: none;
1772
+ background: transparent;
1773
+ }
1774
+ .leaflet-container a.leaflet-popup-close-button:hover,
1775
+ .leaflet-container a.leaflet-popup-close-button:focus {
1776
+ color: #585858;
1777
+ }
1778
+ .leaflet-popup-scrolled {
1779
+ overflow: auto;
1780
+ }
1781
+
1782
+ .leaflet-oldie .leaflet-popup-content-wrapper {
1783
+ -ms-zoom: 1;
1784
+ }
1785
+ .leaflet-oldie .leaflet-popup-tip {
1786
+ width: 24px;
1787
+ margin: 0 auto;
1788
+
1789
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
1790
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
1791
+ }
1792
+
1793
+ .leaflet-oldie .leaflet-control-zoom,
1794
+ .leaflet-oldie .leaflet-control-layers,
1795
+ .leaflet-oldie .leaflet-popup-content-wrapper,
1796
+ .leaflet-oldie .leaflet-popup-tip {
1797
+ border: 1px solid #999;
1798
+ }
1799
+
1800
+
1801
+ /* div icon */
1802
+
1803
+ .leaflet-div-icon {
1804
+ background: #fff;
1805
+ border: 1px solid #666;
1806
+ }
1807
+
1808
+
1809
+ /* Tooltip */
1810
+ /* Base styles for the element that has a tooltip */
1811
+ .leaflet-tooltip {
1812
+ position: absolute;
1813
+ padding: 6px;
1814
+ background-color: #fff;
1815
+ border: 1px solid #fff;
1816
+ border-radius: 3px;
1817
+ color: #222;
1818
+ white-space: nowrap;
1819
+ -webkit-user-select: none;
1820
+ -moz-user-select: none;
1821
+ -ms-user-select: none;
1822
+ user-select: none;
1823
+ pointer-events: none;
1824
+ box-shadow: 0 1px 3px rgba(0,0,0,0.4);
1825
+ }
1826
+ .leaflet-tooltip.leaflet-interactive {
1827
+ cursor: pointer;
1828
+ pointer-events: auto;
1829
+ }
1830
+ .leaflet-tooltip-top:before,
1831
+ .leaflet-tooltip-bottom:before,
1832
+ .leaflet-tooltip-left:before,
1833
+ .leaflet-tooltip-right:before {
1834
+ position: absolute;
1835
+ pointer-events: none;
1836
+ border: 6px solid transparent;
1837
+ background: transparent;
1838
+ content: "";
1839
+ }
1840
+
1841
+ /* Directions */
1842
+
1843
+ .leaflet-tooltip-bottom {
1844
+ margin-top: 6px;
1845
+ }
1846
+ .leaflet-tooltip-top {
1847
+ margin-top: -6px;
1848
+ }
1849
+ .leaflet-tooltip-bottom:before,
1850
+ .leaflet-tooltip-top:before {
1851
+ left: 50%;
1852
+ margin-left: -6px;
1853
+ }
1854
+ .leaflet-tooltip-top:before {
1855
+ bottom: 0;
1856
+ margin-bottom: -12px;
1857
+ border-top-color: #fff;
1858
+ }
1859
+ .leaflet-tooltip-bottom:before {
1860
+ top: 0;
1861
+ margin-top: -12px;
1862
+ margin-left: -6px;
1863
+ border-bottom-color: #fff;
1864
+ }
1865
+ .leaflet-tooltip-left {
1866
+ margin-left: -6px;
1867
+ }
1868
+ .leaflet-tooltip-right {
1869
+ margin-left: 6px;
1870
+ }
1871
+ .leaflet-tooltip-left:before,
1872
+ .leaflet-tooltip-right:before {
1873
+ top: 50%;
1874
+ margin-top: -6px;
1875
+ }
1876
+ .leaflet-tooltip-left:before {
1877
+ right: 0;
1878
+ margin-right: -12px;
1879
+ border-left-color: #fff;
1880
+ }
1881
+ .leaflet-tooltip-right:before {
1882
+ left: 0;
1883
+ margin-left: -12px;
1884
+ border-right-color: #fff;
1885
+ }
1886
+
1887
+ /* Printing */
1888
+
1889
+ @media print {
1890
+ /* Prevent printers from removing background-images of controls. */
1891
+ .leaflet-control {
1892
+ -webkit-print-color-adjust: exact;
1893
+ print-color-adjust: exact;
1894
+ }
1895
+ }
1896
+
1897
+ .leaflet-map {
1898
+ height: 100%;
1899
+ border-radius: var(--input-border-radius);
1900
+ position: relative;
1901
+ background: var(--bgl-bg)
1235
1902
  }
1236
- #map::after{
1237
- content: "";
1238
- position: absolute;
1239
- inset: 0;
1240
- box-shadow: inset 0 0 10px #00000012;
1241
- z-index: 402;
1903
+ .leaflet-map::after {
1904
+ content: "";
1905
+ position: absolute;
1906
+ inset: 0;
1907
+ box-shadow: inset 0 0 10px #00000012;
1908
+ z-index: 402;
1242
1909
  }
1243
- .map .leaflet-pane .leaflet-tile-pane{
1244
- filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
1910
+ .leaflet-map .leaflet-pane .leaflet-tile-pane {
1911
+ filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
1245
1912
  }
1246
- .leaflet-control-attribution{
1247
- display: none;
1913
+ .leaflet-control-attribution {
1914
+ display: none;
1248
1915
  }
1249
- .leaflet-pane.leaflet-marker-pane img{
1250
- filter: drop-shadow(0px 8px 3px rgba(0, 0, 0, 0.2));
1916
+ .leaflet-pane.leaflet-marker-pane img {
1917
+ filter: drop-shadow(0px 8px 3px rgba(0, 0, 0, 0.2));
1251
1918
  }
1252
- .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1253
- font-size: var(--input-font-size);
1919
+ .leaflet-touch .leaflet-control-zoom-in,
1920
+ .leaflet-touch .leaflet-control-zoom-out {
1921
+ font-size: var(--input-font-size);
1254
1922
  }
1255
- .leaflet-bar{
1256
- border-radius:var(--input-border-radius) !important;
1923
+ .leaflet-bar {
1924
+ border-radius: var(--input-border-radius) !important;
1257
1925
  }
1258
1926
  .leaflet-touch .leaflet-bar a:first-child {
1259
- border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
1260
- border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
1927
+ border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
1928
+ border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
1261
1929
  }
1262
- .leaflet-touch .leaflet-bar a:last-child{
1263
- border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
1264
- border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
1930
+ .leaflet-touch .leaflet-bar a:last-child {
1931
+ border-bottom-left-radius: calc(var(--input-border-radius) - 2px) !important;
1932
+ border-bottom-right-radius: calc(var(--input-border-radius) - 2px) !important;
1265
1933
  }
1266
- .leaflet-bar a{
1267
- background: var(--input-bg) !important;
1268
- transition: var(--bgl-transition);
1934
+ .leaflet-bar a {
1935
+ background: var(--bgl-box-bg) !important;
1936
+ transition: var(--bgl-transition);
1937
+ border-bottom: 1px solid var(--border-color) !important;
1938
+ display: flex;
1939
+ justify-content: center;
1940
+ align-items: center;
1941
+ line-height: 1 !important;
1942
+ padding-bottom: 2px;
1269
1943
  }
1270
- .leaflet-bar a:hover{
1271
- filter: var(--bgl-hover-filter);
1944
+ .leaflet-bar a:last-child {
1945
+ border-bottom: none !important;
1946
+ }
1947
+ .leaflet-bar a:hover {
1948
+ filter: var(--bgl-hover-filter);
1272
1949
  }
1273
1950
  .leaflet-bar a:focus {
1274
- filter: var(--bgl-active-filter);
1951
+ filter: var(--bgl-active-filter);
1275
1952
  }
1276
1953
 
1277
1954
  .fi[data-v-f99f1900]{
@@ -1439,87 +2116,87 @@ display: block;
1439
2116
  /* color: var(--input-color); */
1440
2117
  }
1441
2118
 
1442
- .table-side-scroll[data-v-515f5dc9] {
2119
+ .table-side-scroll[data-v-0b2280e0] {
1443
2120
  overflow: auto;
1444
2121
  margin-inline-start: -1rem;
1445
2122
  padding-inline-start: 1rem;
1446
2123
  padding-bottom: 1rem;
1447
2124
  }
1448
- .table-field-wrap[data-v-515f5dc9] {
2125
+ .table-field-wrap[data-v-0b2280e0] {
1449
2126
  margin-bottom: -1rem;
1450
2127
  }
1451
- .table-cell[data-v-515f5dc9] {
2128
+ .table-cell[data-v-0b2280e0] {
1452
2129
  border-inline-end: 1px solid var(--border-color);
1453
2130
  border-bottom: 1px solid var(--border-color);
1454
2131
  }
1455
- .table-row[data-v-515f5dc9] {
2132
+ .table-row[data-v-0b2280e0] {
1456
2133
  transition: var(--bgl-transition);
1457
2134
  position: relative;
1458
2135
  width: max-content;
1459
2136
  }
1460
- .table-row[data-v-515f5dc9]:hover {
2137
+ .table-row[data-v-0b2280e0]:hover {
1461
2138
  background: var(--bgl-gray-light);
1462
2139
  }
1463
- .table-reorder[data-v-515f5dc9] {
2140
+ .table-reorder[data-v-0b2280e0] {
1464
2141
  opacity: 0;
1465
2142
  width: 2rem;
1466
2143
  text-align: center;
1467
2144
  position: absolute;
1468
2145
  margin-inline-start: -2rem;
1469
2146
  }
1470
- .table-row:hover .table-reorder[data-v-515f5dc9] {
2147
+ .table-row:hover .table-reorder[data-v-0b2280e0] {
1471
2148
  opacity: 1;
1472
2149
  cursor: grab;
1473
2150
  }
1474
- .table-reorder[data-v-515f5dc9]:active {
2151
+ .table-reorder[data-v-0b2280e0]:active {
1475
2152
  opacity: 1;
1476
2153
  cursor: grab;
1477
2154
  }
1478
- .bgl_btn.thin.bgl_flatBtn[data-v-515f5dc9] {
2155
+ .bgl_btn.thin.bgl_flatBtn[data-v-0b2280e0] {
1479
2156
  margin-inline-start: -1rem;
1480
2157
  margin-top: 1rem;
1481
2158
  }
1482
- .table-header[data-v-515f5dc9] {
2159
+ .table-header[data-v-0b2280e0] {
1483
2160
  display: flex;
1484
2161
  width: max-content;
1485
2162
  }
1486
- .header-col[data-v-515f5dc9] {
2163
+ .header-col[data-v-0b2280e0] {
1487
2164
  min-width: calc(var(--input-height) * 3);
1488
2165
  font-size: 13px;
1489
2166
  color: var(--input-color);
1490
2167
  padding: 10px 0;
1491
2168
  border-bottom: 1px solid var(--border-color);
1492
2169
  }
1493
- .table-cell[data-v-515f5dc9],
1494
- .header-col[data-v-515f5dc9] {
2170
+ .table-cell[data-v-0b2280e0],
2171
+ .header-col[data-v-0b2280e0] {
1495
2172
  width: 160px;
1496
2173
  }
1497
- .table-cell.check[data-v-515f5dc9],
1498
- .header-col.check[data-v-515f5dc9] {
2174
+ .table-cell.check[data-v-0b2280e0],
2175
+ .header-col.check[data-v-0b2280e0] {
1499
2176
  width: 100px;
1500
2177
  }
1501
- .table-cell.date[data-v-515f5dc9],
1502
- .header-col.date[data-v-515f5dc9] {
2178
+ .table-cell.date[data-v-0b2280e0],
2179
+ .header-col.date[data-v-0b2280e0] {
1503
2180
  width: 140px;
1504
2181
  }
1505
- .header-col.small-text[data-v-515f5dc9],
1506
- .header-col.text[data-v-515f5dc9],
1507
- .header-col.long-text[data-v-515f5dc9],
1508
- .header-col.json[data-v-515f5dc9],
1509
- .table-cell.small-text[data-v-515f5dc9],
1510
- .table-cell.text[data-v-515f5dc9],
1511
- .table-cell.long-text[data-v-515f5dc9],
1512
- .table-cell.json[data-v-515f5dc9] {
2182
+ .header-col.small-text[data-v-0b2280e0],
2183
+ .header-col.text[data-v-0b2280e0],
2184
+ .header-col.long-text[data-v-0b2280e0],
2185
+ .header-col.json[data-v-0b2280e0],
2186
+ .table-cell.small-text[data-v-0b2280e0],
2187
+ .table-cell.text[data-v-0b2280e0],
2188
+ .table-cell.long-text[data-v-0b2280e0],
2189
+ .table-cell.json[data-v-0b2280e0] {
1513
2190
  width: 240px;
1514
2191
  }
1515
- .table-cell.small-text .bagel-input[data-v-515f5dc9],
1516
- .table-cell.text .bagel-input[data-v-515f5dc9],
1517
- .table-cell.long-text .bagel-input[data-v-515f5dc9],
1518
- .table-cell.json .bagel-input[data-v-515f5dc9] {
2192
+ .table-cell.small-text .bagel-input[data-v-0b2280e0],
2193
+ .table-cell.text .bagel-input[data-v-0b2280e0],
2194
+ .table-cell.long-text .bagel-input[data-v-0b2280e0],
2195
+ .table-cell.json .bagel-input[data-v-0b2280e0] {
1519
2196
  height: 40px;
1520
2197
  overflow: auto;
1521
2198
  }
1522
- .table-action[data-v-515f5dc9] {
2199
+ .table-action[data-v-0b2280e0] {
1523
2200
  text-align: center;
1524
2201
  position: sticky;
1525
2202
  opacity: 0;
@@ -1529,19 +2206,19 @@ display: block;
1529
2206
  margin-top: -1px;
1530
2207
  background: var(--border-color);
1531
2208
  }
1532
- .table-action>.bgl_icon-font[data-v-515f5dc9] {
2209
+ .table-action>.bgl_icon-font[data-v-0b2280e0] {
1533
2210
  padding: 11.4px;
1534
2211
  cursor: pointer;
1535
2212
  transition: var(--bgl-transition);
1536
2213
  }
1537
- .table-action:hover>.bgl_icon-font[data-v-515f5dc9] {
2214
+ .table-action:hover>.bgl_icon-font[data-v-0b2280e0] {
1538
2215
  background: var(--bgl-red);
1539
- color: var(--bgl-white);
2216
+ color: var(--bgl-box-bg);
1540
2217
  }
1541
- .table-action:active>.bgl_icon-font[data-v-515f5dc9] {
2218
+ .table-action:active>.bgl_icon-font[data-v-0b2280e0] {
1542
2219
  filter: brightness(90%);
1543
2220
  }
1544
- .table-row:hover .table-action[data-v-515f5dc9] {
2221
+ .table-row:hover .table-action[data-v-0b2280e0] {
1545
2222
  opacity: 1;
1546
2223
  }
1547
2224
 
@@ -1550,7 +2227,7 @@ display: block;
1550
2227
  .table-row .bagel-input .input {
1551
2228
  border-radius: 0;
1552
2229
  background: transparent;
1553
- color: var(--bgl-black);
2230
+ color: var(--bgl-text-color);
1554
2231
  }
1555
2232
  .table-row .bagel-input textarea {
1556
2233
  resize: none;
@@ -1574,7 +2251,7 @@ display: block;
1574
2251
  .sortable-chosen {
1575
2252
  cursor: grabbing !important;
1576
2253
  border-color: transparent;
1577
- background: var(--bgl-white);
2254
+ background: var(--bgl-box-bg);
1578
2255
  border-radius: 10px;
1579
2256
  box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
1580
2257
  }
@@ -1588,62 +2265,62 @@ display: block;
1588
2265
  font-size: var(--label-font-size);
1589
2266
  }
1590
2267
 
1591
- .bagel-input textarea[data-v-edac341b] {
2268
+ .bagel-input textarea[data-v-81f5dea4] {
1592
2269
  min-height: unset;
1593
2270
  font-size: var(--input-font-size);
1594
2271
  }
1595
- .bagel-input.text-input textarea[data-v-edac341b] {
2272
+ .bagel-input.text-input textarea[data-v-81f5dea4] {
1596
2273
  resize: none;
1597
2274
  }
1598
- .code textarea[data-v-edac341b] {
2275
+ .code textarea[data-v-81f5dea4] {
1599
2276
  font-family: 'Inconsolata', monospace;
1600
- background: var(--bgl-black) !important;
1601
- color: var(--bgl-white) !important;
2277
+ background: var(--bgl-code-bg) !important;
2278
+ color: var(--bgl-light-text) !important;
1602
2279
  }
1603
- .code textarea[data-v-edac341b]::placeholder {
1604
- color: var(--bgl-white) !important;
2280
+ .code textarea[data-v-81f5dea4]::placeholder {
2281
+ color: var(--bgl-light-text) !important;
1605
2282
  opacity: 0.3;
1606
2283
  }
1607
- .bagel-input.small[data-v-edac341b] {
2284
+ .bagel-input.small[data-v-81f5dea4] {
1608
2285
  margin-bottom: 0;
1609
2286
  height: 30px;
1610
2287
  }
1611
- .bagel-input.dense label[data-v-edac341b] {
2288
+ .bagel-input.dense label[data-v-81f5dea4] {
1612
2289
  display: flex;
1613
2290
  align-items: center;
1614
2291
  gap: 0.5rem;
1615
2292
  }
1616
- .bagel-input input[data-v-edac341b]:disabled {
2293
+ .bagel-input input[data-v-81f5dea4]:disabled {
1617
2294
  background: #f5f5f5;
1618
2295
  }
1619
- .bagel-input label[data-v-edac341b] {
2296
+ .bagel-input label[data-v-81f5dea4] {
1620
2297
  font-size: var(--label-font-size);
1621
2298
  }
1622
- .textInputIconWrap[data-v-edac341b] {
2299
+ .textInputIconWrap[data-v-81f5dea4] {
1623
2300
  position: relative;
1624
2301
  }
1625
- .textInputIconWrap .bgl_icon-font[data-v-edac341b] {
2302
+ .textInputIconWrap .bgl_icon-font[data-v-81f5dea4] {
1626
2303
  position: absolute;
1627
2304
  inset-inline-end: 0.7rem;
1628
2305
  bottom: 50%;
1629
2306
  line-height: 0;
1630
2307
  color: var(--bgl-gray);
1631
2308
  }
1632
- .txtInputIconStart .iconStart[data-v-edac341b] {
2309
+ .txtInputIconStart .iconStart[data-v-81f5dea4] {
1633
2310
  position: absolute;
1634
2311
  inset-inline-start: 0.7rem;
1635
2312
  top: 50%;
1636
2313
  line-height: 0;
1637
2314
  color: var(--bgl-gray);
1638
2315
  }
1639
- .txtInputIconStart textarea[data-v-edac341b] {
2316
+ .txtInputIconStart textarea[data-v-81f5dea4] {
1640
2317
  padding-inline-start: 2rem;
1641
2318
  }
1642
- .bagel-input.small textarea[data-v-edac341b] {
2319
+ .bagel-input.small textarea[data-v-81f5dea4] {
1643
2320
  height: 30px;
1644
2321
  }
1645
2322
 
1646
- .primary-checkbox input[data-v-032d6226] {
2323
+ .primary-checkbox input[data-v-73f1d9ad] {
1647
2324
  appearance: none;
1648
2325
  accent-color: var(--bgl-accent-color);
1649
2326
  height: calc(var(--input-height) / 1.75);
@@ -1654,10 +2331,10 @@ display: block;
1654
2331
  align-items: center;
1655
2332
  cursor: pointer;
1656
2333
  border-radius: 100%;
1657
- background: var(--bgl-white);
2334
+ background: var(--bgl-box-bg);
1658
2335
  border: 2px solid var(--bgl-gray);
1659
2336
  }
1660
- .primary-checkbox[data-v-032d6226] {
2337
+ .primary-checkbox[data-v-73f1d9ad] {
1661
2338
  height:var(--input-height);
1662
2339
  width:var(--input-height);
1663
2340
  display: flex;
@@ -1666,13 +2343,13 @@ display: block;
1666
2343
  transition: var(--bgl-transition);
1667
2344
  transform: scale(0.8);
1668
2345
  }
1669
- .primary-checkbox[data-v-032d6226]:hover {
2346
+ .primary-checkbox[data-v-73f1d9ad]:hover {
1670
2347
  filter: brightness(90%);
1671
2348
  }
1672
- .primary-checkbox[data-v-032d6226]:active {
2349
+ .primary-checkbox[data-v-73f1d9ad]:active {
1673
2350
  filter: brightness(80%);
1674
2351
  }
1675
- .primary-checkbox input[data-v-032d6226]:checked {
2352
+ .primary-checkbox input[data-v-73f1d9ad]:checked {
1676
2353
  background: var(--bgl-primary);
1677
2354
  box-shadow: inset 0 0 0px 2px white;
1678
2355
  }
@@ -1705,7 +2382,7 @@ display: block;
1705
2382
  }
1706
2383
  .time-wrap input[type='radio']:checked + label {
1707
2384
  background: var(--bgl-primary);
1708
- color: var(--bgl-white);
2385
+ color: var(--bgl-light-text);
1709
2386
  }
1710
2387
  .time-wrap label:hover {
1711
2388
  filter: var(--bgl-hover-filter);
@@ -1714,14 +2391,14 @@ display: block;
1714
2391
  filter: var(--bgl-active-filter);
1715
2392
  }
1716
2393
  .dp__theme_light {
1717
- --dp-background-color: var(--bgl-white);
1718
- --dp-text-color: var(--bgl-black);
2394
+ --dp-background-color: var(--bgl-popup-bg);
2395
+ --dp-text-color: var(--bgl-text-color);
1719
2396
  --dp-hover-color: var(--input-bg);
1720
- --dp-hover-text-color: var(--bgl-black);
2397
+ --dp-hover-text-color: var(--bgl-text-color);
1721
2398
  --dp-hover-icon-color: var(--bgl-primary);
1722
2399
  --dp-primary-color: var(--bgl-primary);
1723
2400
  --dp-primary-disabled-color: var(--bgl-primary);
1724
- --dp-primary-text-color: var(--bgl-white);
2401
+ --dp-primary-text-color: var(--bgl-light-text);
1725
2402
  --dp-secondary-color: var(--bgl-gray);
1726
2403
  --dp-border-color: transparent;
1727
2404
  --dp-menu-border-color: transparent;
@@ -1782,7 +2459,7 @@ display: block;
1782
2459
  }
1783
2460
  }
1784
2461
 
1785
- .radio-pill label[data-v-d86ce838] {
2462
+ .radio-pill label[data-v-8cdfe758] {
1786
2463
  color: var(--bgl-primary);
1787
2464
  white-space: nowrap;
1788
2465
  border-radius: calc(var(--btn-border-radius) * 2);
@@ -1793,21 +2470,21 @@ display: block;
1793
2470
  padding-bottom: calc(var(--btn-padding) / 6);
1794
2471
  cursor: pointer;
1795
2472
  transition: var(--bgl-transition);
1796
- background: var(--bgl-white);
2473
+ background: var(--bgl-light-text);
1797
2474
  user-select: none;
1798
2475
  }
1799
- .radio-pill label[data-v-d86ce838]:hover {
2476
+ .radio-pill label[data-v-8cdfe758]:hover {
1800
2477
  filter: var(--bgl-hover-filter);
1801
2478
  }
1802
- .radio-pill input[data-v-d86ce838] {
2479
+ .radio-pill input[data-v-8cdfe758] {
1803
2480
  display: none;
1804
2481
  }
1805
- .radio-pill input:checked ~ label[data-v-d86ce838] {
2482
+ .radio-pill input:checked ~ label[data-v-8cdfe758] {
1806
2483
  background: var(--bgl-primary);
1807
- color: var(--bgl-white);
2484
+ color: var(--bgl-light-text);
1808
2485
  }
1809
2486
 
1810
- .fileUploadWrap[data-v-e8b1219f] {
2487
+ .fileUploadWrap[data-v-298b3d5b] {
1811
2488
  outline: 1px solid var(--border-color);
1812
2489
  border-radius: var(--input-border-radius);
1813
2490
  text-align: center;
@@ -1819,7 +2496,7 @@ display: block;
1819
2496
  background: var(--input-bg);
1820
2497
  height: 215px;
1821
2498
  }
1822
- .bagel-input .fileUploadWrap.fileDropZone[data-v-e8b1219f] {
2499
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-298b3d5b] {
1823
2500
  background: var(--input-bg);
1824
2501
  display: flex;
1825
2502
  align-items: center;
@@ -1827,18 +2504,18 @@ display: block;
1827
2504
  color: var(--bgl-gray);
1828
2505
  flex-direction: column;
1829
2506
  }
1830
- .fileUploadWrap.dragover[data-v-e8b1219f],
1831
- .fileUploadWrap[data-v-e8b1219f]:hover {
2507
+ .fileUploadWrap.dragover[data-v-298b3d5b],
2508
+ .fileUploadWrap[data-v-298b3d5b]:hover {
1832
2509
  box-shadow: inset 0 0 10px #00000012;
1833
2510
  }
1834
- .fileUploadWrap[style*="height: auto;"][data-v-e8b1219f] {
2511
+ .fileUploadWrap[style*="height: auto;"][data-v-298b3d5b] {
1835
2512
  min-height: 215px;
1836
2513
  }
1837
- .multi-image-item-preview[data-v-e8b1219f] {
2514
+ .multi-image-item-preview[data-v-298b3d5b] {
1838
2515
  border: 1px solid var(--border-color) !important;
1839
2516
  border-radius: var(--input-border-radius);
1840
2517
  margin: 0.5rem !important;
1841
- background: var(--bgl-white);
2518
+ background: var(--bgl-popup-bg);
1842
2519
  padding: 0;
1843
2520
  padding-inline-end: 0.75rem;
1844
2521
  text-align: start;
@@ -1848,12 +2525,12 @@ display: block;
1848
2525
  gap: 1rem;
1849
2526
  align-items: center;
1850
2527
  }
1851
- .multi-image-item-preview p[data-v-e8b1219f] {
2528
+ .multi-image-item-preview p[data-v-298b3d5b] {
1852
2529
  overflow: hidden;
1853
2530
  text-overflow: ellipsis;
1854
2531
  white-space: nowrap;
1855
2532
  }
1856
- .multi-preview[data-v-e8b1219f]{
2533
+ .multi-preview[data-v-298b3d5b]{
1857
2534
  width: 40px;
1858
2535
  height: 40px;
1859
2536
  border-radius: var(--input-border-radius);
@@ -1864,17 +2541,17 @@ display: block;
1864
2541
  align-items: center;
1865
2542
  display: flex;
1866
2543
  }
1867
- .bgl-single-preview[data-v-e8b1219f]{
2544
+ .bgl-single-preview[data-v-298b3d5b]{
1868
2545
  height: 100%;
1869
2546
  position: relative;
1870
2547
  }
1871
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-e8b1219f]{
2548
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-298b3d5b]{
1872
2549
  position: absolute;
1873
2550
  inset: 0;
1874
2551
  margin: auto;
1875
2552
  top: calc(50% - 2rem);
1876
2553
  }
1877
- .single-image-item-preview[data-v-e8b1219f] {
2554
+ .single-image-item-preview[data-v-298b3d5b] {
1878
2555
  height: 100%;
1879
2556
  min-height: 100%;
1880
2557
  position: relative;
@@ -1882,13 +2559,13 @@ display: block;
1882
2559
  align-items: center;
1883
2560
  justify-content: center;
1884
2561
  }
1885
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-e8b1219f] {
2562
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-298b3d5b] {
1886
2563
  min-height: 215px;
1887
2564
  }
1888
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-e8b1219f] {
2565
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-298b3d5b] {
1889
2566
  margin: 0rem !important;
1890
2567
  }
1891
- .single-preview[data-v-e8b1219f]{
2568
+ .single-preview[data-v-298b3d5b]{
1892
2569
  border-radius: var(--input-border-radius);
1893
2570
  margin: 1rem;
1894
2571
  padding: 0px;
@@ -1898,17 +2575,17 @@ display: block;
1898
2575
  background: var(--bgl-gray-light);
1899
2576
  box-shadow: 0 0 10px #00000012;
1900
2577
  }
1901
- .bgl_fill-image.single-image-item-preview[data-v-e8b1219f] {
2578
+ .bgl_fill-image.single-image-item-preview[data-v-298b3d5b] {
1902
2579
  height: 100%;
1903
2580
  }
1904
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-e8b1219f]{
2581
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-298b3d5b]{
1905
2582
  border-radius: unset;
1906
2583
  object-fit: cover;
1907
2584
  box-shadow: unset;
1908
2585
  width: 100%;
1909
2586
  height: auto;
1910
2587
  }
1911
- .single-image-item-preview .pie[data-v-e8b1219f] {
2588
+ .single-image-item-preview .pie[data-v-298b3d5b] {
1912
2589
  transform-origin: top;
1913
2590
  transform: scale(1.4);
1914
2591
  position: absolute;
@@ -1922,31 +2599,31 @@ display: block;
1922
2599
  border: none !important;
1923
2600
  padding: 0 !important;
1924
2601
  }
1925
- .bgl_oval-upload[data-v-e8b1219f] {
2602
+ .bgl_oval-upload[data-v-298b3d5b] {
1926
2603
  border-radius: 100% !important;
1927
2604
  overflow: hidden;
1928
2605
  }
1929
- .bgl_oval-upload p[data-v-e8b1219f] {
2606
+ .bgl_oval-upload p[data-v-298b3d5b] {
1930
2607
  padding: 0.75rem !important;
1931
2608
  font-size: 12px
1932
2609
  }
1933
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-e8b1219f]{
2610
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-298b3d5b]{
1934
2611
  top: 0;
1935
2612
  }
1936
- .bgl_oval-upload .pie[data-v-e8b1219f] {
2613
+ .bgl_oval-upload .pie[data-v-298b3d5b] {
1937
2614
  transform: scale(1);
1938
2615
  }
1939
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-e8b1219f] {
2616
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-298b3d5b] {
1940
2617
  transform: scale(0.4) !important;
1941
2618
  }
1942
- .bgl_oval-upload .single-image-item-preview[data-v-e8b1219f]{
2619
+ .bgl_oval-upload .single-image-item-preview[data-v-298b3d5b]{
1943
2620
  height: 100%;
1944
2621
  }
1945
- .bgl_oval-upload .single-preview[data-v-e8b1219f] {
2622
+ .bgl_oval-upload .single-preview[data-v-298b3d5b] {
1946
2623
  margin: 0;
1947
2624
  height: 100% !important;
1948
2625
  }
1949
- .pie[data-v-e8b1219f] {
2626
+ .pie[data-v-298b3d5b] {
1950
2627
  width: 30px;
1951
2628
  height: 30px;
1952
2629
  position: relative;
@@ -1954,7 +2631,7 @@ display: block;
1954
2631
  align-items: center;
1955
2632
  justify-content: center;
1956
2633
  }
1957
- .pie[data-v-e8b1219f]:before {
2634
+ .pie[data-v-298b3d5b]:before {
1958
2635
  content: '';
1959
2636
  position: absolute;
1960
2637
  border-radius: 50%;
@@ -1972,40 +2649,40 @@ display: block;
1972
2649
  #000 calc(100% - var(--b))
1973
2650
  );
1974
2651
  }
1975
- .pie .success[data-v-e8b1219f] {
2652
+ .pie .success[data-v-298b3d5b] {
1976
2653
  transform: scale(0);
1977
2654
  opacity: 0;
1978
2655
  transition: all 0.3s ease-in-out;
1979
2656
  }
1980
- .pie .progress[data-v-e8b1219f] {
2657
+ .pie .progress[data-v-298b3d5b] {
1981
2658
  position: absolute;
1982
2659
  font-size: 10px;
1983
2660
  }
1984
- .pie.complete .progress[data-v-e8b1219f] {
2661
+ .pie.complete .progress[data-v-298b3d5b] {
1985
2662
  display: none;
1986
2663
  }
1987
- .pie.complete .success[data-v-e8b1219f] {
2664
+ .pie.complete .success[data-v-298b3d5b] {
1988
2665
  transform: scale(1.3);
1989
2666
  opacity: 1;
1990
2667
  }
1991
- .pie.complete[data-v-e8b1219f]:before {
2668
+ .pie.complete[data-v-298b3d5b]:before {
1992
2669
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
1993
2670
  }
1994
- .pie.complete[data-v-e8b1219f] {
2671
+ .pie.complete[data-v-298b3d5b] {
1995
2672
  color: var(--bgl-green);
1996
2673
  }
1997
2674
 
1998
- .bagel-input.bgl-toggle[data-v-06b95183]{
2675
+ .bagel-input.bgl-toggle[data-v-0a2b089d]{
1999
2676
  display: unset !important;
2000
2677
  }
2001
- .bagel-input.bgl-toggle[data-v-06b95183] *{
2678
+ .bagel-input.bgl-toggle[data-v-0a2b089d] *{
2002
2679
  cursor: pointer !important;
2003
2680
  }
2004
- .bagel-input.bgl-toggle input[data-v-06b95183]{
2681
+ .bagel-input.bgl-toggle input[data-v-0a2b089d]{
2005
2682
  padding: unset !important;
2006
2683
  min-width: unset !important;
2007
2684
  }
2008
- .bgl-toggle input[data-v-06b95183] {
2685
+ .bgl-toggle input[data-v-0a2b089d] {
2009
2686
  appearance: none;
2010
2687
  position: relative;
2011
2688
  display: inline-block;
@@ -2018,7 +2695,7 @@ display: block;
2018
2695
  transition: 0.25s linear all;
2019
2696
  outline: 1px solid var(--border-color);
2020
2697
  }
2021
- .bgl-toggle input[data-v-06b95183]::before {
2698
+ .bgl-toggle input[data-v-0a2b089d]::before {
2022
2699
  position: absolute;
2023
2700
  content: "";
2024
2701
  height: calc(var(--input-height) / 2 - 2px);
@@ -2026,12 +2703,12 @@ display: block;
2026
2703
  inset-inline-start: 1px;
2027
2704
  bottom: 1px;
2028
2705
  border-radius: 50%;
2029
- background: var(--bgl-white);
2706
+ background: var(--bgl-box-bg);
2030
2707
  -webkit-transition: 0.2s;
2031
2708
  transition: 0.2s;
2032
2709
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
2033
2710
  }
2034
- .bgl-toggle label[data-v-06b95183] {
2711
+ .bgl-toggle label[data-v-0a2b089d] {
2035
2712
  padding-inline-start: 0.5rem;
2036
2713
  transition: var(--bgl-transition);
2037
2714
  cursor: pointer;
@@ -2039,30 +2716,30 @@ display: block;
2039
2716
  line-height: var(--input-height);
2040
2717
  font-size: var(--input-font-size);
2041
2718
  }
2042
- .bgl-toggle label[data-v-06b95183]:hover {
2719
+ .bgl-toggle label[data-v-0a2b089d]:hover {
2043
2720
  filter: brightness(90%);
2044
2721
  }
2045
- .bgl-toggle label[data-v-06b95183]:active {
2722
+ .bgl-toggle label[data-v-0a2b089d]:active {
2046
2723
  filter: var(--bgl-active-filter);
2047
2724
  }
2048
- .bgl-toggle input[data-v-06b95183]:focus-visible {
2725
+ .bgl-toggle input[data-v-0a2b089d]:focus-visible {
2049
2726
  outline: -webkit-focus-ring-color auto 1px;
2050
2727
  outline-offset: 2px
2051
2728
  }
2052
- .bgl-toggle input[data-v-06b95183]:focus {
2729
+ .bgl-toggle input[data-v-0a2b089d]:focus {
2053
2730
  outline-color: transparent;
2054
2731
  }
2055
- .bgl-toggle input[data-v-06b95183]:focus-visible {
2732
+ .bgl-toggle input[data-v-0a2b089d]:focus-visible {
2056
2733
  outline: -webkit-focus-ring-color auto 1px;
2057
2734
  outline-offset: 2px
2058
2735
  }
2059
- .bgl-toggle[data-v-06b95183] :checked{
2736
+ .bgl-toggle[data-v-0a2b089d] :checked{
2060
2737
  background: var(--bgl-primary);
2061
2738
  }
2062
- .bgl-toggle[data-v-06b95183] :checked::before{
2739
+ .bgl-toggle[data-v-0a2b089d] :checked::before{
2063
2740
  margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
2064
2741
  }
2065
- .bgl-toggle input:checked + label[data-v-06b95183] {
2742
+ .bgl-toggle input:checked + label[data-v-0a2b089d] {
2066
2743
  color: var(--bgl-primary) !important;
2067
2744
  }
2068
2745
 
@@ -2086,7 +2763,7 @@ display: block;
2086
2763
  }
2087
2764
  .tiptap pre {
2088
2765
  background: #0d0d0d;
2089
- color: var(--bgl-white);
2766
+ color: var(--bgl-light-text);
2090
2767
  font-family: 'JetBrainsMono', monospace;
2091
2768
  padding: 0.75rem 1rem;
2092
2769
  border-radius: 0.5rem;
@@ -2172,7 +2849,7 @@ th {
2172
2849
  pointer-events: none;
2173
2850
  }
2174
2851
  .selectedCell p::selection{
2175
- color: var(--bgl-black)
2852
+ color: var(--bgl-popup-text)
2176
2853
  }
2177
2854
  .column-resize-handle {
2178
2855
  position: absolute;
@@ -2197,7 +2874,7 @@ p {
2197
2874
  cursor: col-resize;
2198
2875
  }
2199
2876
  .RichText-tools [disabled]{
2200
- color: var(--bgl-black) !important;
2877
+ color: var(--bgl-popup-text) !important;
2201
2878
  opacity: 0.3;
2202
2879
  }
2203
2880
  .RichText iframe{
@@ -2219,7 +2896,7 @@ p {
2219
2896
  border-radius: var(--input-border-radius);
2220
2897
  }
2221
2898
 
2222
- .tel-input[data-v-9d176183] {
2899
+ .tel-input[data-v-17a4fdd5] {
2223
2900
  direction: ltr;
2224
2901
  text-align: left;
2225
2902
  background: var(--input-bg);
@@ -2230,21 +2907,21 @@ p {
2230
2907
  min-width: calc(var(--input-height) * 3);
2231
2908
  width: 100%;
2232
2909
  }
2233
- .tel-input[data-v-9d176183]:focus-within {
2910
+ .tel-input[data-v-17a4fdd5]:focus-within {
2234
2911
  outline: none;
2235
2912
  box-shadow: inset 0 0 10px #00000012;
2236
2913
  }
2237
- .tel-input input[data-v-9d176183] {
2914
+ .tel-input input[data-v-17a4fdd5] {
2238
2915
  background: transparent;
2239
2916
  }
2240
- .tel-input input[data-v-9d176183]:focus-visible {
2917
+ .tel-input input[data-v-17a4fdd5]:focus-visible {
2241
2918
  box-shadow: none;
2242
2919
  }
2243
- .input_country-code[data-v-9d176183] {
2920
+ .input_country-code[data-v-17a4fdd5] {
2244
2921
  font-size: var(--input-font-size);
2245
2922
  color: var(--input-color);
2246
2923
  }
2247
- .tel-country[data-v-9d176183] {
2924
+ .tel-country[data-v-17a4fdd5] {
2248
2925
  font-size: var(--input-font-size);
2249
2926
  max-width: 200px;
2250
2927
  white-space: nowrap;
@@ -2253,7 +2930,7 @@ p {
2253
2930
  margin-top: 0;
2254
2931
  margin-bottom: 0;
2255
2932
  }
2256
- .tel-countryp-dropdown[data-v-9d176183] {
2933
+ .tel-countryp-dropdown[data-v-17a4fdd5] {
2257
2934
  direction: ltr;
2258
2935
  text-align: left;
2259
2936
  }
@@ -2295,24 +2972,29 @@ p {
2295
2972
  8 #818181 /* few chars */
2296
2973
  ;
2297
2974
  }
2298
- .preview-area[data-v-c9729efd]{
2975
+ .preview-area[data-v-da6236c8]{
2299
2976
  font-family: "FontWithASyntaxHighlighter", monospace;
2300
2977
  font-palette: --myCustomPalette;
2978
+ background: var(--bgl-code-bg);
2979
+ color: var(--bgl-code-color)
2301
2980
  }
2302
- .rich-text-editor[data-v-c9729efd] {
2981
+ .rich-text-editor[data-v-da6236c8] {
2303
2982
  background: var(--input-bg);
2304
2983
  margin-bottom: 0.5rem;
2305
2984
  width: 100%;
2306
2985
  }
2307
- .editableContent[data-v-c9729efd]{
2986
+ .editableContent[data-v-da6236c8]{
2308
2987
  min-height: 100%;
2309
2988
  white-space: pre-wrap;
2310
2989
  outline: none;
2311
2990
  }
2312
- .content-area[data-v-c9729efd], .preview-area[data-v-c9729efd]{
2991
+ .content-area[data-v-da6236c8]{
2992
+ background: var(--bgl-richtext-color);
2993
+ }
2994
+ .content-area[data-v-da6236c8], .preview-area[data-v-da6236c8]{
2313
2995
  min-height: 200px;
2314
2996
  }
2315
- .fullscreen-mode[data-v-c9729efd] {
2997
+ .fullscreen-mode[data-v-da6236c8] {
2316
2998
  position: fixed;
2317
2999
  top: 0;
2318
3000
  left: 0;
@@ -2324,14 +3006,14 @@ p {
2324
3006
  overflow: auto;
2325
3007
  border-radius: 0;
2326
3008
  }
2327
- .fullscreen-mode .content-area[data-v-c9729efd]{
3009
+ .fullscreen-mode .content-area[data-v-da6236c8]{
2328
3010
  height: calc(100vh - 5rem);
2329
3011
  padding: 4rem !important;
2330
3012
  max-width: 900px;
2331
3013
  margin-inline: auto ;
2332
3014
  overflow-y: auto;
2333
3015
  }
2334
- .fullscreen-mode .toolbar[data-v-c9729efd]{
3016
+ .fullscreen-mode .toolbar[data-v-da6236c8]{
2335
3017
  max-width: 900px;
2336
3018
  margin-inline: auto ;
2337
3019
  /* border-bottom: 1px solid var(--border-color); */
@@ -2391,12 +3073,12 @@ p {
2391
3073
  }
2392
3074
  } */
2393
3075
 
2394
- .radio-input-list[data-v-ac3dc0e2]{
3076
+ .radio-input-list[data-v-3ae8f4d3]{
2395
3077
  width: auto;
2396
3078
  transform: scale(1.4);
2397
3079
  margin-inline-end: 0.6rem;
2398
3080
  }
2399
- .active-list-item[data-v-ac3dc0e2]:has(:checked){
3081
+ .active-list-item[data-v-3ae8f4d3]:has(:checked){
2400
3082
  background: var(--bgl-primary-light) !important;
2401
3083
  border-color: var(--bgl-primary) !important;
2402
3084
  accent-color: var(--bgl-accent-color);
@@ -2462,11 +3144,11 @@ p {
2462
3144
  justify-content: flex-start !important;
2463
3145
  }
2464
3146
  .nav-button.router-link-active {
2465
- background: var(--bgl-white) !important;
3147
+ background: var(--bgl-popup-bg) !important;
2466
3148
  color: var(--bgl-primary);
2467
3149
  }
2468
3150
 
2469
- .bgl_sidebar[data-v-8fdf4035] {
3151
+ .bgl_sidebar[data-v-d15c030d] {
2470
3152
  background-color: var(--bgl-primary);
2471
3153
  color: var(--bgl-white);
2472
3154
  overflow: hidden;
@@ -2476,37 +3158,37 @@ p {
2476
3158
  padding: 0.5rem;
2477
3159
  overflow-y: auto;
2478
3160
  }
2479
- .toggleNav[data-v-8fdf4035] {
3161
+ .toggleNav[data-v-d15c030d] {
2480
3162
  height: 22px !important;
2481
3163
  width: 22px !important;
2482
3164
  opacity: 0.4;
2483
3165
  transition: var(--bgl-transition);
2484
3166
  }
2485
- .toggleNav[data-v-8fdf4035]:hover {
3167
+ .toggleNav[data-v-d15c030d]:hover {
2486
3168
  opacity: 1;
2487
3169
  }
2488
- .wideNav .toggleNav[data-v-8fdf4035] {
3170
+ .wideNav .toggleNav[data-v-d15c030d] {
2489
3171
  transform: rotate(180deg);
2490
3172
  }
2491
- .wideNav .nav-button[data-v-8fdf4035] {
3173
+ .wideNav .nav-button[data-v-d15c030d] {
2492
3174
  padding-inline-start: 1rem !important;
2493
3175
  width: 100%;
2494
3176
  }
2495
- [dir='rtl'] .toggleNav[data-v-8fdf4035] {
3177
+ [dir='rtl'] .toggleNav[data-v-d15c030d] {
2496
3178
  transform: rotate(180deg);
2497
3179
  }
2498
- [dir='rtl'] .wideNav .toggleNav[data-v-8fdf4035] {
3180
+ [dir='rtl'] .wideNav .toggleNav[data-v-d15c030d] {
2499
3181
  transform: rotate(0deg);
2500
3182
  }
2501
- .nav-button.bgl_btn-icon[data-v-8fdf4035] {
3183
+ .nav-button.bgl_btn-icon[data-v-d15c030d] {
2502
3184
  border-radius: var(--btn-border-radius) !important;
2503
3185
  }
2504
- .nav-button p[data-v-8fdf4035] {
3186
+ .nav-button p[data-v-d15c030d] {
2505
3187
  transition: var(--nav-tran);
2506
- animation: fade-8fdf4035 2s;
3188
+ animation: fade-d15c030d 2s;
2507
3189
  animation-duration: 900ms;
2508
3190
  }
2509
- @keyframes fade-8fdf4035 {
3191
+ @keyframes fade-d15c030d {
2510
3192
  0% {
2511
3193
  opacity: 0;
2512
3194
  transform: translateX(-20px);
@@ -2527,30 +3209,30 @@ p {
2527
3209
  gap: 0;
2528
3210
  }
2529
3211
 
2530
- .bgl_bottombar[data-v-d8a5051a] {
3212
+ .bgl_bottombar[data-v-564c7855] {
2531
3213
  background-color: var(--bgl-primary);
2532
- color: var(--bgl-white);
3214
+ color: var(--bgl-light-text);
2533
3215
  grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
2534
3216
  grid-auto-flow: column;
2535
3217
  border-radius: 0;
2536
3218
  padding: 0;
2537
3219
  --bgl_bottombar-btn-width: 62px;
2538
3220
  }
2539
- .bgl_bottombar[data-v-d8a5051a]>* {
3221
+ .bgl_bottombar[data-v-564c7855]>* {
2540
3222
  width: var(--bgl_bottombar-btn-width);
2541
3223
  }
2542
- .bgl_bottombar[data-v-d8a5051a]::-webkit-scrollbar {
3224
+ .bgl_bottombar[data-v-564c7855]::-webkit-scrollbar {
2543
3225
  display: none;
2544
3226
  }
2545
- .bgl_bottombar .nav-button[data-v-d8a5051a] {
3227
+ .bgl_bottombar .nav-button[data-v-564c7855] {
2546
3228
  border-radius: var(--card-border-radius);
2547
3229
  }
2548
- .bgl_bottombar .router-link-active[data-v-d8a5051a] {
2549
- background: var(--bgl-white);
3230
+ .bgl_bottombar .router-link-active[data-v-564c7855] {
3231
+ background: var(--bgl-popup-bg);
2550
3232
  color: var(--bgl-primary) !important;
2551
3233
  }
2552
3234
 
2553
- .bgl_tabs_wrap[data-v-4b4c19a0] {
3235
+ .bgl_tabs_wrap[data-v-d4d64201] {
2554
3236
  background: var(--input-bg);
2555
3237
  border-radius: calc(var(--input-border-radius) * 1.4);
2556
3238
  padding-inline: calc(var(--btn-padding) / 8);
@@ -2558,7 +3240,7 @@ p {
2558
3240
  box-shadow: inset 0 0 10px #00000012;
2559
3241
  gap: 0.25rem;
2560
3242
  }
2561
- .bgl_tab[data-v-4b4c19a0] {
3243
+ .bgl_tab[data-v-d4d64201] {
2562
3244
  border: none;
2563
3245
  background: transparent;
2564
3246
  cursor: pointer;
@@ -2570,60 +3252,60 @@ p {
2570
3252
  transition: var(--bgl-transition);
2571
3253
  color: inherit
2572
3254
  }
2573
- .bgl_tab[data-v-4b4c19a0]:hover {
3255
+ .bgl_tab[data-v-d4d64201]:hover {
2574
3256
  background: rgba(255, 255, 255, .4);
2575
3257
  }
2576
- .bgl_tabs_wrap[data-v-4b4c19a0]::before {
3258
+ .bgl_tabs_wrap[data-v-d4d64201]::before {
2577
3259
  content: '';
2578
3260
  position: absolute;
2579
3261
  top: calc(var(--btn-padding) / 8);
2580
3262
  bottom: calc(var(--btn-padding) / 8);
2581
3263
  left: var(--indicator-left, 0);
2582
3264
  width: var(--indicator-width, 0);
2583
- background: var(--bgl-white);
3265
+ background: var(--bgl-popup-bg);
2584
3266
  border-radius: var(--input-border-radius);
2585
3267
  transition: var(--bgl-transition);
2586
3268
  z-index: 0;
2587
3269
  }
2588
- .bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0] {
3270
+ .bgl_flat-tabs.bgl_tabs_wrap[data-v-d4d64201] {
2589
3271
  background: transparent;
2590
3272
  }
2591
- .bgl_flat-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::before{
3273
+ .bgl_flat-tabs.bgl_tabs_wrap[data-v-d4d64201]::before{
2592
3274
  background: transparent;
2593
3275
  border-bottom: 1px solid var(--bgl-primary);
2594
3276
  border-radius: 0;
2595
3277
  top: calc(var(--btn-padding) * 1.25);
2596
3278
  bottom: unset;
2597
3279
  }
2598
- .bgl_flat-tabs .active.bgl_tab[data-v-4b4c19a0]{
3280
+ .bgl_flat-tabs .active.bgl_tab[data-v-d4d64201]{
2599
3281
  color: var(--bgl-primary)
2600
3282
  }
2601
- .bgl_flat-tabs .bgl_tab[data-v-4b4c19a0]:hover {
3283
+ .bgl_flat-tabs .bgl_tab[data-v-d4d64201]:hover {
2602
3284
  background: rgba(255, 255, 255, .1);
2603
3285
  }
2604
- .bgl_vertical-tabs[data-v-4b4c19a0]{
3286
+ .bgl_vertical-tabs[data-v-d4d64201]{
2605
3287
  grid-auto-flow: row;
2606
3288
  align-items: start;
2607
3289
  justify-items: start;
2608
3290
  gap: 1rem
2609
3291
  }
2610
- .bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
3292
+ .bgl_vertical-tabs .bgl_tab[data-v-d4d64201]{
2611
3293
  padding-inline: 0;
2612
3294
  border-radius: 0;
2613
3295
  border-bottom: 1px solid transparent;
2614
3296
  }
2615
- .bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]:hover{
3297
+ .bgl_vertical-tabs .bgl_tab[data-v-d4d64201]:hover{
2616
3298
  background: transparent;
2617
3299
  border-bottom: 1px solid var(--bgl-primary);
2618
3300
  }
2619
- .bgl_vertical-tabs .bgl_tab.active[data-v-4b4c19a0]{
3301
+ .bgl_vertical-tabs .bgl_tab.active[data-v-d4d64201]{
2620
3302
  border-bottom: 1px solid var(--bgl-primary);
2621
3303
  }
2622
- .bgl_vertical-tabs.bgl_tabs_wrap[data-v-4b4c19a0]::before{
3304
+ .bgl_vertical-tabs.bgl_tabs_wrap[data-v-d4d64201]::before{
2623
3305
  border: none;
2624
3306
  }
2625
3307
  @media screen and (max-width: 910px) {
2626
- .bgl_vertical-tabs[data-v-4b4c19a0]{
3308
+ .bgl_vertical-tabs[data-v-d4d64201]{
2627
3309
  grid-auto-flow: column;
2628
3310
  overflow: auto;
2629
3311
  max-width: 100vw;
@@ -2632,10 +3314,10 @@ p {
2632
3314
  gap: 1rem;
2633
3315
  position: relative;
2634
3316
  }
2635
- .bgl_vertical-tabs[data-v-4b4c19a0]::-webkit-scrollbar {
3317
+ .bgl_vertical-tabs[data-v-d4d64201]::-webkit-scrollbar {
2636
3318
  display: none;
2637
3319
  }
2638
- .bgl_vertical-tabs .bgl_tab[data-v-4b4c19a0]{
3320
+ .bgl_vertical-tabs .bgl_tab[data-v-d4d64201]{
2639
3321
  white-space: nowrap;
2640
3322
  }
2641
3323
  }
@@ -2660,7 +3342,6 @@ p {
2660
3342
  }
2661
3343
 
2662
3344
 
2663
-
2664
3345
  .grid {
2665
3346
  display: grid;
2666
3347
  }
@@ -6610,7 +7291,7 @@ select {
6610
7291
  text-align: start;
6611
7292
  margin-bottom: 0.5rem;
6612
7293
  width: 100%;
6613
- color: var(--bgl-black);
7294
+ color: var(--bgl-text-color);
6614
7295
  }
6615
7296
  .bagel-input::-webkit-input-placeholder .bagel-input label {
6616
7297
  display: block;
@@ -6782,6 +7463,10 @@ select {
6782
7463
  min-width: calc(var(--input-height) * 3);
6783
7464
  width: 100%;
6784
7465
  }
7466
+ [dir='rtl'] .bagel-input input[type="email"] {
7467
+ direction: ltr;
7468
+ text-align: right;
7469
+ }
6785
7470
  .input.active .bagel-input input:focus-visible,
6786
7471
  .bagel-input select:focus-visible,
6787
7472
  .bagel-input textarea:focus-visible,
@@ -6796,12 +7481,14 @@ select {
6796
7481
  .bagel-input .bgl_btn:focus,
6797
7482
  .bagel-input button:focus {
6798
7483
  outline-color: rgba(0, 0, 0, 0.05);
7484
+ box-shadow: inset 0 0 10px #00000012;
7485
+
6799
7486
  }
6800
7487
  .bagel-input.light-input input,
6801
7488
  .bagel-input.light-input textarea,
6802
7489
  .bagel-input.light-input select,
6803
7490
  .custom-select.light-input .input {
6804
- background: var(--bgl-white) !important;
7491
+ background: var(--bgl-popup-bg) !important;
6805
7492
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
6806
7493
  outline: 1px solid var(--border-color) !important;
6807
7494
  }
@@ -6809,7 +7496,7 @@ select {
6809
7496
  .bagel-input.light-input input:focus-visible,
6810
7497
  .bagel-input.light-input select:focus-visible,
6811
7498
  .bagel-input.light-input textarea:focus-visible {
6812
- box-shadow: inset 0 0 2px var(--bgl-black) !important;
7499
+ box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
6813
7500
  }
6814
7501
  .bagel-input input[type="number"]-webkit-inner-spin-button,
6815
7502
  .bagel-input input[type="number"]::-webkit-outer-spin-button {
@@ -7015,6 +7702,38 @@ select {
7015
7702
  .txt-72 {
7016
7703
  font-size: 72px;
7017
7704
  }
7705
+ .txt80,
7706
+ .txt-80 {
7707
+ font-size: 80px;
7708
+ }
7709
+ .txt90,
7710
+ .txt-90 {
7711
+ font-size: 90px;
7712
+ }
7713
+ .txt100,
7714
+ .txt-100 {
7715
+ font-size: 100px;
7716
+ }
7717
+ .txt110,
7718
+ .txt-110 {
7719
+ font-size: 110px;
7720
+ }
7721
+ .txt120,
7722
+ .txt-120 {
7723
+ font-size: 120px;
7724
+ }
7725
+ .txt130,
7726
+ .txt-130 {
7727
+ font-size: 130px;
7728
+ }
7729
+ .txt140,
7730
+ .txt-140 {
7731
+ font-size: 140px;
7732
+ }
7733
+ .txt150,
7734
+ .txt-150 {
7735
+ font-size: 150px;
7736
+ }
7018
7737
  .txt18,
7019
7738
  .txt-18 {
7020
7739
  font-size: 18px;
@@ -7342,6 +8061,47 @@ select {
7342
8061
  }
7343
8062
 
7344
8063
 
8064
+ .m_txt80,
8065
+ .m_txt-80 {
8066
+ font-size: 80px;
8067
+ }
8068
+
8069
+ .m_txt90,
8070
+ .m_txt-90 {
8071
+ font-size: 90px;
8072
+ }
8073
+
8074
+ .m_txt100,
8075
+ .m_txt-100 {
8076
+ font-size: 100px;
8077
+ }
8078
+
8079
+
8080
+ .m_txt110,
8081
+ .m_txt-110 {
8082
+ font-size: 110px;
8083
+ }
8084
+
8085
+ .m_txt120,
8086
+ .m_txt-120 {
8087
+ font-size: 120px;
8088
+ }
8089
+
8090
+ .m_txt130,
8091
+ .m_txt-130 {
8092
+ font-size: 130px;
8093
+ }
8094
+
8095
+ .m_txt140,
8096
+ .m_txt-140 {
8097
+ font-size: 140px;
8098
+ }
8099
+
8100
+ .m_txt150,
8101
+ .m_txt-150 {
8102
+ font-size: 150px;
8103
+ }
8104
+
7345
8105
  .m_txt18,
7346
8106
  .m_txt-18 {
7347
8107
  font-size: 18px;
@@ -7607,7 +8367,7 @@ select {
7607
8367
  }
7608
8368
  ::-webkit-scrollbar-track {}
7609
8369
  ::-webkit-scrollbar-thumb {
7610
- background-color: var(--bgl-gray);
8370
+ background-color: var(--bgl-scrollbar-thumb);
7611
8371
  border-radius: 1rem;
7612
8372
  }
7613
8373
  ::-webkit-scrollbar-corner {
@@ -7694,7 +8454,7 @@ select {
7694
8454
  }
7695
8455
  .login-card .forgot-password {
7696
8456
  margin: -5px 0 10px;
7697
- color: var(--bgl-black);
8457
+ color: var(--bgl-text-color);
7698
8458
  text-decoration: none;
7699
8459
  }
7700
8460
  .login-card .forgot-password:active {
@@ -7751,6 +8511,10 @@ select {
7751
8511
  .opacity-10 {
7752
8512
  opacity: 1;
7753
8513
  }
8514
+ .-z-index-1,
8515
+ .-z-1 {
8516
+ z-index: -1;
8517
+ }
7754
8518
  .z-index-0,
7755
8519
  .z-0 {
7756
8520
  z-index: 0;
@@ -7803,6 +8567,12 @@ select {
7803
8567
  .color-white {
7804
8568
  color: var(--bgl-white) !important;
7805
8569
  }
8570
+ .bg-popup {
8571
+ background: var(--bgl-popup-bg) !important;
8572
+ }
8573
+ .color-popup {
8574
+ color: var(--bgl-popup-bg) !important;
8575
+ }
7806
8576
  .bg-primary {
7807
8577
  background: var(--bgl-primary) !important;
7808
8578
  }
@@ -8078,6 +8848,9 @@ select {
8078
8848
  .shadow-light {
8079
8849
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
8080
8850
  }
8851
+ .shadow-txt {
8852
+ filter: drop-shadow(0 0 10px var(--bgl-black-tint));
8853
+ }
8081
8854
  .border-bottom {
8082
8855
  border-bottom: 1px solid var(--border-color)
8083
8856
  }
@@ -8183,6 +8956,11 @@ select {
8183
8956
  opacity: 1;
8184
8957
  }
8185
8958
 
8959
+ .m_-z-index-1,
8960
+ .m_-z-1 {
8961
+ z-index: -1;
8962
+ }
8963
+
8186
8964
  .m_z-index-0,
8187
8965
  .m_z-0 {
8188
8966
  z-index: 0;
@@ -8245,6 +9023,14 @@ select {
8245
9023
  color: var(--bgl-white) !important;
8246
9024
  }
8247
9025
 
9026
+ .m_bg-popup {
9027
+ background: var(--bgl-popup-bg) !important;
9028
+ }
9029
+
9030
+ .m_color-popup {
9031
+ color: var(--bgl-popup-bg) !important;
9032
+ }
9033
+
8248
9034
  .m_bg-primary {
8249
9035
  background: var(--bgl-primary) !important;
8250
9036
  }
@@ -8677,17 +9463,11 @@ select {
8677
9463
  user-select: all;
8678
9464
  }
8679
9465
  }
8680
- /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
8681
- /*noinspection CssUnknownTarget*/
8682
- /* @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap"); */
9466
+ /* TEHEME */
8683
9467
  :root {
8684
9468
  --bgl-primary: #2e5bff;
8685
9469
  --bgl-primary-tint: #2e5bff80;
8686
9470
  --bgl-primary-light: #eef6ff;
8687
- --bgl-accent-color:var(--bgl-primary);
8688
- --bgl-blue-20: rgba(46, 91, 255, 20%);
8689
- --bgl-blue-dark: #191c30;
8690
- --bgl-blue-light: #eef6ff;
8691
9471
  --bgl-black: #282929;
8692
9472
  --bgl-black-tint: #28292980;
8693
9473
  --bgl-white: #fff;
@@ -8696,35 +9476,64 @@ select {
8696
9476
  --bgl-gray-80: #e8ecef;
8697
9477
  --bgl-gray-20: rgba(183, 183, 183, 0.2);
8698
9478
  --bgl-gray-40: rgba(183, 183, 183, 0.4);
8699
- --bgl-pink: #f1416c;
8700
- --bgl-red: #ed6c6f;
8701
- --bgl-red-tint: #fbe2e2;
8702
- --bgl-yellow: #ffbb00;
8703
- --bgl-yellow-light: #fff6d5;
8704
- --bgl-green: #75c98f;
8705
- --border-color: #00000020;
9479
+ --bgl-accent-color: var(--bgl-primary);
8706
9480
  --bgl-bg: #f4f6fa;
8707
9481
  --bgl-shadow: #4c577d26;
8708
- --whatsapp-gray: #89959f;
8709
- --whatsapp-green: #e0fcd6;
8710
- --whatsapp-blue: #71bce6;
8711
- --input-border-radius: 7px;
8712
- --card-border-radius: 12px;
9482
+ --border-color: #00000020;
8713
9483
  --placeholder-color: #00000040;
8714
9484
  --label-color: #00000080;
8715
- --label-font-size: 12px;
8716
9485
  --input-bg: #f5f8fa;
8717
9486
  --input-color: #000000;
9487
+ --bgl-box-bg: var(--bgl-white);
9488
+ --bgl-popup-bg: var(--bgl-white);
9489
+ --bgl-popup-text: var(--bgl-black);
9490
+ --bgl-text-color: var(--bgl-black);
9491
+ --bgl-light-text: var(--bgl-white);
9492
+ --bgl-richtext-color: var(--bgl-white);
9493
+ --bgl-code-bg: var(--bgl-black);
9494
+ --bgl-code-color: var(--bgl-white);
9495
+ --bgl-dark-bg: rgba(0, 0, 0, 0.7);
9496
+ --bgl-selection-bg: var(--bgl-blue-dark);
9497
+ --bgl-selection-color: var(--bgl-white);
9498
+ --bgl-scrollbar-thumb: var(--bgl-gray);
9499
+ }
9500
+ /* TYPE */
9501
+ :root {
9502
+ --bgl-font: 'Lexend', 'Ploni', sans-serif;
9503
+ --input-font-size: 16px;
9504
+ }
9505
+ /* DIMENSIONS */
9506
+ :root {
9507
+ --bgl-font-size: 16px;
8718
9508
  --input-height: 40px;
8719
- --input-font-size: 14px;
9509
+ --label-font-size: 12px;
9510
+ --input-border-radius: 7px;
9511
+ --card-border-radius: 12px;
8720
9512
  --btn-border-radius: 10px;
8721
9513
  --btn-padding: 30px;
8722
9514
  --btn-height: 40px;
9515
+ }
9516
+ /* MISC */
9517
+ :root {
8723
9518
  --bgl-transition: all 200ms ease;
8724
9519
  --bgl-transition-400: all 400ms ease;
8725
9520
  --bgl-hover-filter: brightness(90%);
8726
9521
  --bgl-active-filter: brightness(70%);
8727
- --bgl-font: "Lexend", "Ploni", sans-serif;
9522
+ }
9523
+ /* OTHER COLORS */
9524
+ :root {
9525
+ --bgl-blue-20: rgba(46, 91, 255, 20%);
9526
+ --bgl-blue-dark: #191c30;
9527
+ --bgl-blue-light: #eef6ff;
9528
+ --bgl-pink: #f1416c;
9529
+ --bgl-red: #ed6c6f;
9530
+ --bgl-red-tint: #fbe2e2;
9531
+ --bgl-yellow: #ffbb00;
9532
+ --bgl-yellow-light: #fff6d5;
9533
+ --bgl-green: #75c98f;
9534
+ --whatsapp-gray: #89959f;
9535
+ --whatsapp-green: #e0fcd6;
9536
+ --whatsapp-blue: #71bce6;
8728
9537
  }
8729
9538
  .Vue-Toastification__toast {
8730
9539
  border-radius: var(--card-border-radius);
@@ -8738,16 +9547,16 @@ select {
8738
9547
  line-height: 1rem;
8739
9548
  }
8740
9549
  ::-moz-selection {
8741
- color: var(--bgl-white);
8742
- background: var(--bgl-blue-dark);
9550
+ color: var(--bgl-selection-color);
9551
+ background: var(--bgl-selection-bg);
8743
9552
  }
8744
9553
  ::selection {
8745
- color: var(--bgl-white);
8746
- background: var(--bgl-blue-dark);
9554
+ color: var(--bgl-selection-color);
9555
+ background: var(--bgl-selection-bg);
8747
9556
  }
8748
9557
  .popup {
8749
9558
  border-radius: 15px;
8750
- background: var(--bgl-white);
9559
+ background: var(--bgl-popup-bg);
8751
9560
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
8752
9561
  padding: 2rem;
8753
9562
  min-width: 300px;
@@ -8821,9 +9630,10 @@ select {
8821
9630
  -moz-column-gap: 1rem;
8822
9631
  column-gap: 1rem;
8823
9632
  grid-template-rows: 1fr;
8824
- grid-template-areas: "list-view detail-view";
9633
+ grid-template-areas: 'list-view detail-view';
8825
9634
  transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
8826
- transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
9635
+ transition:
9636
+ grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
8827
9637
  -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
8828
9638
  transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
8829
9639
  }
@@ -8860,9 +9670,9 @@ select {
8860
9670
  .table-list-wrap {
8861
9671
  overflow: auto;
8862
9672
  }
8863
- [dir="rtl"] .data-row .bgl_icon-font,
8864
- [dir="rtl"] .embedded-field .bgl_icon-font {
8865
- transform: rotateY(180deg) !important;
9673
+ [dir='rtl'] .data-row .bgl_icon-font,
9674
+ [dir='rtl'] .embedded-field .bgl_icon-font {
9675
+ transform: rotateY(180deg) !important;
8866
9676
  }
8867
9677
  .copy-url {
8868
9678
  background-color: var(--bgl-gray-light);
@@ -8878,12 +9688,12 @@ select {
8878
9688
  margin: 0;
8879
9689
  font-size: 12px;
8880
9690
  opacity: 0.8;
8881
- color: var(--bgl-black);
9691
+ color: var(--bgl-text-color);
8882
9692
  word-break: break-all;
8883
9693
  }
8884
9694
  .list-view {
8885
9695
  grid-area: list-view;
8886
- grid-template-areas: "list-header""list-content";
9696
+ grid-template-areas: 'list-header''list-content';
8887
9697
  grid-template-columns: 1fr;
8888
9698
  overflow-y: auto;
8889
9699
  grid-template-rows: -webkit-max-content 1fr;
@@ -8915,7 +9725,7 @@ select {
8915
9725
 
8916
9726
  .detail-view-inner {
8917
9727
  border-radius: var(--card-border-radius);
8918
- background: var(--bgl-white);
9728
+ background: var(--bgl-box-bg);
8919
9729
  }
8920
9730
 
8921
9731
  .detail-view-inner-wrap {
@@ -8926,7 +9736,7 @@ select {
8926
9736
  }
8927
9737
 
8928
9738
  .detail-view-inner-wrap.bgl_card {
8929
- background: var(--bgl-white);
9739
+ background: var(--bgl-box-bg);
8930
9740
  }
8931
9741
 
8932
9742
  .bgl_card {
@@ -8948,7 +9758,7 @@ select {
8948
9758
 
8949
9759
  .popup {
8950
9760
  border-radius: 15px;
8951
- background: var(--bgl-white);
9761
+ background: var(--bgl-popup-bg);
8952
9762
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
8953
9763
  padding: 2rem;
8954
9764
  min-width: 0;
@@ -9141,11 +9951,12 @@ body {
9141
9951
  min-height: 100%;
9142
9952
  background-color: var(--bgl-bg);
9143
9953
  font-family: var(--bgl-font);
9144
- font-size: 16px;
9954
+ font-size: var(--bgl-font-size);
9145
9955
  font-weight: 400;
9146
9956
  line-height: 1.65;
9147
9957
  width: auto;
9148
9958
  height: auto;
9959
+ color: var(--bgl-text-color);
9149
9960
  }
9150
9961
  a {
9151
9962
  background-color: transparent;