@davi-ai/retorik-map 3.0.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,1160 +1 @@
1
- #retorik-shadow #POIButtonContainer {
2
- z-index: 999;
3
- justify-content: center;
4
- align-items: end;
5
- width: 100%;
6
- height: 100%;
7
- display: flex;
8
- }
9
-
10
- #retorik-shadow .buttonPOI {
11
- z-index: 99;
12
- color: #000;
13
- cursor: pointer;
14
- background: #fff;
15
- border: 1px solid #000;
16
- border-radius: 5px;
17
- margin-bottom: 30px;
18
- padding: 5px 20px;
19
- font-size: 1.25em;
20
- font-weight: bold;
21
- transition: all .5s;
22
- }
23
-
24
- #retorik-shadow .buttonPOI:hover {
25
- color: #fff;
26
- background: #000000bd;
27
- }
28
-
29
- #retorik-shadow textarea {
30
- background: none;
31
- }
32
-
33
- #retorik-shadow .mapContainer, #retorik-shadow .leaflet-container {
34
- z-index: 0;
35
- width: 100%;
36
- height: 100%;
37
- margin: auto;
38
- }
39
-
40
- #retorik-shadow .leaflet-container .leaflet-pane {
41
- z-index: 0;
42
- }
43
-
44
- #retorik-shadow .custom-marker-cluster {
45
- color: #000;
46
- text-align: center;
47
- background: #00beff80;
48
- border-radius: 50%;
49
- justify-content: center;
50
- align-items: center;
51
- width: 33px;
52
- height: 33px;
53
- line-height: 37px;
54
- display: flex;
55
- }
56
-
57
- #retorik-shadow .leaflet-marker-icon {
58
- transition: all .2s ease-in-out;
59
- }
60
-
61
- #retorik-shadow .leaflet-popup {
62
- bottom: 20px !important;
63
- }
64
-
65
- #retorik-shadow .infoPOIPane, #retorik-shadow .infoPOIPaneWidget {
66
- z-index: 99;
67
- background: #fff;
68
- border-radius: 5px;
69
- flex-direction: column;
70
- padding: 1rem;
71
- display: flex;
72
- position: absolute;
73
- box-shadow: 0 3px 6px #00000029;
74
- }
75
-
76
- #retorik-shadow .infoPOIPane .poiTitle, #retorik-shadow .infoPOIPaneWidget .poiTitle {
77
- font-size: 1.25rem;
78
- font-weight: bold;
79
- line-height: 1.6rem;
80
- }
81
-
82
- #retorik-shadow .infoPOIPane .poiClose, #retorik-shadow .infoPOIPaneWidget .poiClose {
83
- cursor: pointer;
84
- width: 40px;
85
- height: 40px;
86
- font-size: 0;
87
- display: block;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- }
92
-
93
- #retorik-shadow .infoPOIPane .poiClose:before, #retorik-shadow .infoPOIPane .poiClose:after, #retorik-shadow .infoPOIPaneWidget .poiClose:before, #retorik-shadow .infoPOIPaneWidget .poiClose:after {
94
- transform-origin: 0 0;
95
- content: "";
96
- background-color: #000;
97
- width: 2px;
98
- height: 17px;
99
- transition: all .42s;
100
- position: absolute;
101
- top: 50%;
102
- left: 50%;
103
- transform: rotate(45deg)translate(-50%, -50%);
104
- }
105
-
106
- #retorik-shadow .infoPOIPane .poiClose:after, #retorik-shadow .infoPOIPaneWidget .poiClose:after {
107
- transform: rotate(-45deg)translate(-50%, -50%);
108
- }
109
-
110
- #retorik-shadow .infoPOIPane .poiClose:hover:before, #retorik-shadow .infoPOIPane .poiClose:hover:after, #retorik-shadow .infoPOIPaneWidget .poiClose:hover:before, #retorik-shadow .infoPOIPaneWidget .poiClose:hover:after {
111
- background-color: #000;
112
- }
113
-
114
- #retorik-shadow .infoPOIPane .white, #retorik-shadow .infoPOIPaneWidget .white {
115
- color: #fff;
116
- }
117
-
118
- #retorik-shadow .infoPOIPane .white:before, #retorik-shadow .infoPOIPane .white:after, #retorik-shadow .infoPOIPaneWidget .white:before, #retorik-shadow .infoPOIPaneWidget .white:after {
119
- background-color: #fff;
120
- }
121
-
122
- #retorik-shadow .infoPOIPane .poiAddress, #retorik-shadow .infoPOIPaneWidget .poiAddress {
123
- padding-top: 1rem;
124
- font-size: .8rem;
125
- line-height: .7rem;
126
- }
127
-
128
- #retorik-shadow .infoPOIPane .poiPhone, #retorik-shadow .infoPOIPaneWidget .poiPhone {
129
- padding-top: .5rem;
130
- font-size: .8rem;
131
- line-height: .7rem;
132
- }
133
-
134
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription {
135
- flex-direction: row;
136
- gap: 1rem;
137
- padding-top: 1rem;
138
- padding-bottom: 1rem;
139
- display: flex;
140
- }
141
-
142
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto {
143
- flex: 0 0 9rem;
144
- justify-content: center;
145
- align-items: center;
146
- display: flex;
147
- }
148
-
149
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto img, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto img {
150
- object-fit: cover;
151
- border-radius: 50%;
152
- width: 9rem;
153
- height: 9rem;
154
- }
155
-
156
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton {
157
- flex-direction: column;
158
- gap: 1rem;
159
- display: flex;
160
- overflow: hidden;
161
- }
162
-
163
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc {
164
- text-overflow: ellipsis;
165
- line-clamp: 4;
166
- -webkit-line-clamp: 4;
167
- white-space: pre-wrap;
168
- -webkit-box-orient: vertical;
169
- display: -webkit-box;
170
- overflow: hidden;
171
- }
172
-
173
- #retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiButton, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiButton {
174
- border-style: solid;
175
- border-width: 2px;
176
- border-radius: 10px;
177
- width: fit-content;
178
- padding: .5rem;
179
- font-weight: bold;
180
- }
181
-
182
- #retorik-shadow .infoPOIPane .routes-container, #retorik-shadow .infoPOIPaneWidget .routes-container {
183
- flex-direction: row;
184
- justify-content: center;
185
- gap: 1rem;
186
- width: 100%;
187
- height: 4rem;
188
- display: flex;
189
- }
190
-
191
- #retorik-shadow .infoPOIPane .routes-container .route-index, #retorik-shadow .infoPOIPaneWidget .routes-container .route-index {
192
- z-index: 1;
193
- }
194
-
195
- #retorik-shadow .infoPOIPane .routes-container .route-icon, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon {
196
- width: 2rem;
197
- height: 2rem;
198
- }
199
-
200
- #retorik-shadow .infoPOIPane .routes-container .route-icon-medium, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-medium {
201
- width: 1.25rem;
202
- height: 1.25rem;
203
- }
204
-
205
- #retorik-shadow .infoPOIPane .routes-container .route-icon-small, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-small {
206
- width: 1.5rem;
207
- height: 1.5rem;
208
- }
209
-
210
- #retorik-shadow .infoPOIPane .routes-container .route-icon-verysmall, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-verysmall {
211
- width: .75rem;
212
- height: .75rem;
213
- }
214
-
215
- #retorik-shadow .infoPOIPane .routes-container .route-icon-smallest, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-smallest {
216
- width: .5rem;
217
- height: .5rem;
218
- }
219
-
220
- #retorik-shadow .infoPOIPane .routes-container .routes-data, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data {
221
- border-radius: .5rem;
222
- grid-template-columns: repeat(3, max-content);
223
- gap: 1rem;
224
- padding: .5rem 1rem .5rem 1.5rem;
225
- font-size: .75rem;
226
- line-height: 1rem;
227
- display: grid;
228
- }
229
-
230
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container {
231
- flex-direction: column;
232
- justify-content: flex-end;
233
- display: flex;
234
- }
235
-
236
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item {
237
- flex-direction: row;
238
- align-items: center;
239
- gap: .75rem;
240
- height: 100%;
241
- display: flex;
242
- }
243
-
244
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon {
245
- justify-content: center;
246
- align-items: center;
247
- display: flex;
248
- position: relative;
249
- }
250
-
251
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle {
252
- border-radius: 100%;
253
- width: 2.25rem;
254
- height: 2.25rem;
255
- position: absolute;
256
- }
257
-
258
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle {
259
- justify-content: center;
260
- width: 100%;
261
- display: flex;
262
- position: absolute;
263
- }
264
-
265
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car {
266
- top: -1.15rem;
267
- }
268
-
269
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other {
270
- top: -.75rem;
271
- }
272
-
273
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text {
274
- flex-direction: column;
275
- justify-content: center;
276
- align-items: flex-start;
277
- display: flex;
278
- }
279
-
280
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration {
281
- white-space: nowrap;
282
- font-weight: bold;
283
- }
284
-
285
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance {
286
- white-space: nowrap;
287
- }
288
-
289
- #retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container:hover, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container:hover {
290
- cursor: pointer;
291
- }
292
-
293
- #retorik-shadow .infoPOIPane .routes-container .route-button, #retorik-shadow .infoPOIPaneWidget .routes-container .route-button {
294
- aspect-ratio: 1;
295
- border: 2px solid #000;
296
- border-radius: .5rem;
297
- flex-direction: column;
298
- justify-content: space-evenly;
299
- align-items: center;
300
- width: 15%;
301
- min-width: 15%;
302
- max-width: 15%;
303
- padding: .25rem;
304
- font-size: .75rem;
305
- font-weight: bold;
306
- line-height: 1rem;
307
- display: flex;
308
- overflow-y: hidden;
309
- }
310
-
311
- #retorik-shadow .infoPOIPane .qrcode-container, #retorik-shadow .infoPOIPaneWidget .qrcode-container {
312
- z-index: 40;
313
- color: #fff;
314
- background-color: #121212b3;
315
- flex-direction: column;
316
- justify-content: center;
317
- align-items: center;
318
- gap: 1rem;
319
- width: 100%;
320
- height: 100%;
321
- display: flex;
322
- position: absolute;
323
- top: 0;
324
- left: 0;
325
- }
326
-
327
- #retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon, #retorik-shadow .infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon {
328
- flex-direction: row;
329
- align-items: flex-start;
330
- gap: .25rem;
331
- font-style: italic;
332
- display: flex;
333
- }
334
-
335
- #retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon .qrcode-text, #retorik-shadow .infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon .qrcode-text {
336
- flex-direction: column;
337
- align-items: center;
338
- width: fit-content;
339
- display: flex;
340
- }
341
-
342
- #retorik-shadow .infoPOIPaneWidget {
343
- width: 100%;
344
- max-width: 27rem;
345
- bottom: 135px;
346
- }
347
-
348
- #retorik-shadow .leaflet-control-zoom {
349
- border: 0;
350
- flex-direction: column;
351
- gap: 10px;
352
- display: flex;
353
- right: 1rem;
354
- }
355
-
356
- #retorik-shadow .leaflet-control-zoom .leaflet-control-zoom-in, #retorik-shadow .leaflet-control-zoom .leaflet-control-zoom-out {
357
- justify-content: center;
358
- align-items: center;
359
- width: 50px;
360
- height: 50px;
361
- display: flex;
362
- border-radius: 50% !important;
363
- }
364
-
365
- #retorik-shadow #around-me {
366
- opacity: 1;
367
- background: #fff no-repeat padding-box padding-box;
368
- border-radius: 70px;
369
- justify-content: center;
370
- align-items: center;
371
- width: 50px;
372
- height: 50px;
373
- margin-right: 10px;
374
- display: flex;
375
- position: absolute;
376
- right: 1rem;
377
- }
378
-
379
- #retorik-shadow .leaflet-div-icon {
380
- background-color: #0000;
381
- border-style: none;
382
- animation: .5s ease-in-out fadeIn;
383
- width: 36px !important;
384
- height: 50px !important;
385
- }
386
-
387
- #retorik-shadow .markerSelected {
388
- filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
389
- transition: all .2s ease-in-out;
390
- width: 57px !important;
391
- height: 80px !important;
392
- margin-top: -65px !important;
393
- margin-left: -37.5px !important;
394
- }
395
-
396
- #retorik-shadow .loader-container {
397
- justify-content: center;
398
- align-items: center;
399
- width: 100%;
400
- height: 100%;
401
- display: flex;
402
- }
403
-
404
- #retorik-shadow .loader-container .loader {
405
- border: 3px solid #ffffff4d;
406
- border-top-color: #fff;
407
- border-radius: 50%;
408
- width: 50px;
409
- height: 50px;
410
- animation: 1s ease-in-out infinite spin;
411
- display: inline-block;
412
- position: absolute;
413
- top: 50%;
414
- left: 50%;
415
- }
416
-
417
- @keyframes spin {
418
- to {
419
- -webkit-transform: rotate(360deg);
420
- }
421
- }
422
-
423
- #retorik-shadow .loader-container .exit-loader {
424
- cursor: pointer;
425
- color: #000;
426
- z-index: 1;
427
- background-color: #ffffff4d;
428
- border-radius: 50%;
429
- justify-content: center;
430
- align-items: center;
431
- width: 40px;
432
- height: 40px;
433
- font-size: 30px;
434
- line-height: 30px;
435
- display: flex;
436
- position: absolute;
437
- top: calc(50% + 5px);
438
- left: calc(50% + 5px);
439
- }
440
-
441
- @media only screen and (width <= 600px) {
442
- #retorik-shadow #around-me {
443
- bottom: 25em;
444
- }
445
-
446
- #retorik-shadow .leaflet-control-zoom {
447
- bottom: 19em;
448
- }
449
-
450
- #retorik-shadow .infoPOIPane {
451
- width: 100%;
452
- bottom: 135px;
453
- }
454
-
455
- #retorik-shadow .leaflet-div-icon {
456
- background-color: #0000;
457
- border-style: none;
458
- width: 28px !important;
459
- height: 40px !important;
460
- }
461
-
462
- #retorik-shadow .markerSelected {
463
- filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
464
- transition: all .2s ease-in-out;
465
- width: 38px !important;
466
- height: 54px !important;
467
- margin-top: -65px !important;
468
- margin-left: -37.5px !important;
469
- }
470
- }
471
-
472
- @media only screen and (width >= 601px) and (width <= 999px) {
473
- #retorik-shadow #around-me {
474
- bottom: 25em;
475
- }
476
-
477
- #retorik-shadow .leaflet-control-zoom {
478
- bottom: 19em;
479
- }
480
-
481
- #retorik-shadow .infoPOIPane {
482
- width: 40rem;
483
- bottom: 16rem;
484
- left: 50%;
485
- right: 50%;
486
- transform: translate(-50%);
487
- }
488
- }
489
-
490
- @media only screen and (width >= 1000px) and (orientation: landscape) {
491
- #retorik-shadow #around-me {
492
- bottom: 25em;
493
- }
494
-
495
- #retorik-shadow .leaflet-control-zoom {
496
- bottom: 19em;
497
- }
498
-
499
- #retorik-shadow .infoPOIPane {
500
- width: 27rem;
501
- bottom: 16rem;
502
- right: 7rem;
503
- }
504
- }
505
-
506
- @media only screen and (width >= 1921px) and (orientation: landscape) {
507
- #retorik-shadow #around-me {
508
- bottom: 29em;
509
- }
510
-
511
- #retorik-shadow .leaflet-control-zoom {
512
- bottom: 25em;
513
- }
514
-
515
- #retorik-shadow .leaflet-div-icon {
516
- background-color: #0000;
517
- border-style: none;
518
- }
519
-
520
- #retorik-shadow .markerSelected {
521
- filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
522
- transition: all .2s ease-in-out;
523
- }
524
-
525
- #retorik-shadow .infoPOIPane {
526
- bottom: 21rem;
527
- }
528
- }
529
-
530
- @media only screen and (width >= 1000px) and (orientation: portrait) {
531
- #retorik-shadow #around-me {
532
- bottom: 25em;
533
- }
534
-
535
- #retorik-shadow .leaflet-control-zoom {
536
- bottom: 19em;
537
- }
538
-
539
- #retorik-shadow .infoPOIPane {
540
- width: 30rem;
541
- bottom: 30%;
542
- right: 7rem;
543
- }
544
- }
545
-
546
- #retorik-shadow #map-target {
547
- margin: 10px;
548
- }
549
-
550
- #retorik-shadow .fadeIn {
551
- animation: .5s ease-in-out fadeIn;
552
- }
553
-
554
- @keyframes fadeIn {
555
- from {
556
- opacity: 0;
557
- }
558
-
559
- to {
560
- opacity: 1;
561
- }
562
- }
563
-
564
- #retorik-shadow .fadeOut {
565
- animation: .5s ease-in-out fadeOut;
566
- }
567
-
568
- @keyframes fadeOut {
569
- from {
570
- opacity: 1;
571
- }
572
-
573
- to {
574
- opacity: 0;
575
- }
576
- }
577
-
578
- #weathermap {
579
- height: 100%;
580
- }
581
-
582
- #retorik-shadow .filterContainer, #retorik-shadow .filterContainerWidget {
583
- z-index: 51;
584
- flex-direction: column;
585
- width: 100%;
586
- display: flex;
587
- position: absolute;
588
- bottom: 0;
589
- }
590
-
591
- #retorik-shadow .filterContainer.show, #retorik-shadow .filterContainerWidget.show, #retorik-shadow .filterContainer.hide, #retorik-shadow .filterContainerWidget.hide {
592
- transition: all .3s ease-in-out;
593
- }
594
-
595
- #retorik-shadow .filterContainer .filterToggler, #retorik-shadow .filterContainerWidget .filterToggler {
596
- cursor: pointer;
597
- color: #575f6b;
598
- z-index: 999;
599
- background: #edeef2;
600
- border-radius: 10px 10px 0 0;
601
- align-items: center;
602
- width: fit-content;
603
- padding: 10px 30px;
604
- display: flex;
605
- box-shadow: 0 -4px 5px #24415d1c;
606
- }
607
-
608
- #retorik-shadow .filterContainer .filterToggler .arrow, #retorik-shadow .filterContainerWidget .filterToggler .arrow {
609
- width: 10px;
610
- height: 10px;
611
- padding-left: 17px;
612
- display: inline-block;
613
- position: relative;
614
- }
615
-
616
- #retorik-shadow .filterContainer .filterToggler .arrow:before, #retorik-shadow .filterContainer .filterToggler .arrow:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow:after {
617
- content: "";
618
- will-change: transform;
619
- background: #000;
620
- width: 10px;
621
- height: 3px;
622
- transition: all .2s;
623
- position: absolute;
624
- top: calc(50% - 1px);
625
- right: auto;
626
- }
627
-
628
- #retorik-shadow .filterContainer .filterToggler .arrow:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow:before {
629
- transform: rotate(45deg)translate(1px, -1px);
630
- }
631
-
632
- #retorik-shadow .filterContainer .filterToggler .arrow:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow:after {
633
- transform: rotate(-45deg)translate(-3px, -3px);
634
- }
635
-
636
- #retorik-shadow .filterContainer .filterToggler .arrow.active:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow.active:before {
637
- transform: rotate(45deg)translate(-2px, 2px);
638
- }
639
-
640
- #retorik-shadow .filterContainer .filterToggler .arrow.active:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow.active:after {
641
- transform: rotate(-45deg)translate(2px, 2px);
642
- }
643
-
644
- #retorik-shadow .filterContainer .filterMenu, #retorik-shadow .filterContainerWidget .filterMenu {
645
- z-index: 401;
646
- background: #edeef2 no-repeat padding-box padding-box;
647
- border-radius: 0;
648
- justify-content: center;
649
- align-items: center;
650
- gap: 20px;
651
- width: 100%;
652
- display: flex;
653
- bottom: 0;
654
- box-shadow: 3px 3px 20px #24415d4d;
655
- }
656
-
657
- #retorik-shadow .filterContainer .filterMenu .filterCategory, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory {
658
- cursor: pointer;
659
- background: linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) no-repeat padding-box padding-box;
660
- border-radius: 10px;
661
- align-items: center;
662
- gap: 10px;
663
- display: flex;
664
- position: relative;
665
- box-shadow: 3px 3px 10px #24415d14;
666
- }
667
-
668
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory ion-img {
669
- border-radius: 50%;
670
- }
671
-
672
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox {
673
- color: #fff;
674
- visibility: hidden;
675
- background-color: #575f6b;
676
- border: 2px solid #fff;
677
- border-radius: 20px;
678
- justify-content: center;
679
- align-items: center;
680
- display: flex;
681
- position: absolute;
682
- }
683
-
684
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox-selected, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox-selected {
685
- visibility: visible;
686
- }
687
-
688
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .image {
689
- aspect-ratio: 1;
690
- border-radius: 50%;
691
- }
692
-
693
- #retorik-shadow .filterContainer .filterMenu .filterCategory .imageFile, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .imageFile {
694
- width: 100%;
695
- height: 100%;
696
- }
697
-
698
- #retorik-shadow .filterContainer .filterMenu div:not(.selectedFilter) span, #retorik-shadow .filterContainerWidget .filterMenu div:not(.selectedFilter) span {
699
- color: #575f6b;
700
- transition: all .5s;
701
- font-weight: 400 !important;
702
- }
703
-
704
- #retorik-shadow .filterContainerWidget.show .filterMenu {
705
- height: 90px;
706
- transition: all .3s ease-in-out;
707
- }
708
-
709
- #retorik-shadow .filterContainerWidget.hide .filterMenu, #retorik-shadow .filterContainerWidget.hide .filterToggler {
710
- background: #edeef2;
711
- }
712
-
713
- #retorik-shadow .filterContainerWidget.hide .filterMenu {
714
- height: 10px;
715
- transition: all .3s ease-in-out;
716
- }
717
-
718
- #retorik-shadow .filterContainerWidget.hide .filterCategory {
719
- display: none;
720
- }
721
-
722
- #retorik-shadow .filterContainerWidget .filterMenu {
723
- z-index: 19;
724
- white-space: nowrap;
725
- width: unset;
726
- flex-flow: column wrap;
727
- display: flex;
728
- overflow-x: auto;
729
- }
730
-
731
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory {
732
- flex-flow: row;
733
- height: 50px;
734
- padding: 10px;
735
- }
736
-
737
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory ion-img {
738
- width: 36.5px;
739
- height: 36.5px;
740
- padding: 5%;
741
- }
742
-
743
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox {
744
- width: 12px;
745
- height: 12px;
746
- padding-top: 1px;
747
- font-size: 12px;
748
- top: 5px;
749
- left: 40px;
750
- }
751
-
752
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .image {
753
- width: 36.5px;
754
- height: 36.5px;
755
- padding: 5%;
756
- }
757
-
758
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory span {
759
- text-transform: uppercase;
760
- text-overflow: ellipsis;
761
- white-space: nowrap;
762
- font-size: 15px;
763
- font-weight: 500;
764
- line-height: 18px;
765
- }
766
-
767
- #retorik-shadow .filterContainerWidget .filterMenu .filterCategory.selectedFilter {
768
- transition: all .5s;
769
- box-shadow: inset -3px -3px 16px #fff;
770
- }
771
-
772
- @media only screen and (width <= 600px) {
773
- #retorik-shadow .filterContainer {
774
- bottom: 0;
775
- }
776
-
777
- #retorik-shadow .filterContainer.show .filterMenu {
778
- height: 90px;
779
- transition: all .3s ease-in-out;
780
- }
781
-
782
- #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
783
- background: #edeef2;
784
- }
785
-
786
- #retorik-shadow .filterContainer.hide .filterMenu {
787
- height: 10px;
788
- transition: all .3s ease-in-out;
789
- }
790
-
791
- #retorik-shadow .filterContainer.hide .filterCategory {
792
- display: none;
793
- }
794
-
795
- #retorik-shadow .filterContainer .filterMenu {
796
- z-index: 19;
797
- white-space: nowrap;
798
- width: unset;
799
- flex-flow: column wrap;
800
- display: flex;
801
- overflow-x: auto;
802
- }
803
-
804
- #retorik-shadow .filterContainer .filterMenu .filterCategory {
805
- flex-flow: row;
806
- height: 50px;
807
- padding: 10px;
808
- }
809
-
810
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
811
- width: 36.5px;
812
- height: 36.5px;
813
- padding: 5%;
814
- }
815
-
816
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
817
- width: 12px;
818
- height: 12px;
819
- padding-top: 1px;
820
- font-size: 12px;
821
- top: 5px;
822
- left: 40px;
823
- }
824
-
825
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
826
- width: 36.5px;
827
- height: 36.5px;
828
- padding: 5%;
829
- }
830
-
831
- #retorik-shadow .filterContainer .filterMenu .filterCategory span {
832
- text-transform: uppercase;
833
- text-overflow: ellipsis;
834
- white-space: nowrap;
835
- font-size: 15px;
836
- font-weight: 500;
837
- line-height: 18px;
838
- }
839
-
840
- #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
841
- transition: all .5s;
842
- box-shadow: inset -3px -3px 16px #fff;
843
- }
844
- }
845
-
846
- @media only screen and (width >= 601px) and (width <= 999px) {
847
- #retorik-shadow .filterContainer.show {
848
- bottom: 0;
849
- }
850
-
851
- #retorik-shadow .filterContainer.hide {
852
- bottom: -80px;
853
- }
854
-
855
- #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
856
- background: #edeef2;
857
- }
858
-
859
- #retorik-shadow .filterContainer .filterMenu {
860
- white-space: nowrap;
861
- height: 90px;
862
- width: unset;
863
- flex-flow: column wrap;
864
- display: flex;
865
- overflow-x: auto;
866
- }
867
-
868
- #retorik-shadow .filterContainer .filterMenu .filterCategory {
869
- flex-flow: row;
870
- height: 50px;
871
- padding: 10px;
872
- }
873
-
874
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
875
- width: 48px;
876
- height: 48px;
877
- padding: 5%;
878
- }
879
-
880
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
881
- width: 17px;
882
- height: 17px;
883
- padding-top: 2px;
884
- font-size: 17px;
885
- top: 0;
886
- left: 50px;
887
- }
888
-
889
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
890
- width: 48px;
891
- height: 48px;
892
- padding: 5%;
893
- }
894
-
895
- #retorik-shadow .filterContainer .filterMenu .filterCategory span {
896
- text-transform: uppercase;
897
- text-overflow: ellipsis;
898
- white-space: nowrap;
899
- font-size: 15px;
900
- font-weight: 500;
901
- line-height: 18px;
902
- }
903
-
904
- #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
905
- transition: all .5s;
906
- box-shadow: inset -3px -3px 16px #fff;
907
- }
908
- }
909
-
910
- @media only screen and (width >= 1000px) and (orientation: landscape) {
911
- #retorik-shadow .filterContainer.show {
912
- bottom: 0;
913
- }
914
-
915
- #retorik-shadow .filterContainer.hide {
916
- bottom: -185px;
917
- }
918
-
919
- #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
920
- background: #edeef2;
921
- }
922
-
923
- #retorik-shadow .filterContainer .filterToggler {
924
- margin-left: 100px;
925
- }
926
-
927
- #retorik-shadow .filterContainer .filterMenu {
928
- flex-flow: row;
929
- height: 200px;
930
- }
931
-
932
- #retorik-shadow .filterContainer .filterMenu .filterCategory {
933
- flex-direction: column;
934
- justify-content: flex-start;
935
- width: 150px;
936
- height: 130px;
937
- padding-top: 1.5rem;
938
- }
939
-
940
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
941
- max-width: 60px;
942
- max-height: 60px;
943
- padding: 7%;
944
- }
945
-
946
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
947
- width: 20px;
948
- height: 20px;
949
- padding-top: 2px;
950
- font-size: 20px;
951
- top: 17%;
952
- right: 25%;
953
- }
954
-
955
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
956
- max-width: 60px;
957
- max-height: 60px;
958
- padding: 7%;
959
- }
960
-
961
- #retorik-shadow .filterContainer .filterMenu .filterCategory span {
962
- text-transform: uppercase;
963
- text-overflow: ellipsis;
964
- white-space: nowrap;
965
- font-size: 15px;
966
- font-weight: 500;
967
- line-height: 18px;
968
- }
969
-
970
- #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
971
- transition: all .5s;
972
- box-shadow: inset -3px -3px 16px #fff;
973
- }
974
- }
975
-
976
- @media only screen and (width >= 1921px) and (orientation: landscape) {
977
- #retorik-shadow .filterContainer.show {
978
- bottom: 0;
979
- }
980
-
981
- #retorik-shadow .filterContainer.hide {
982
- bottom: -285px;
983
- }
984
-
985
- #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
986
- background: #edeef2;
987
- }
988
-
989
- #retorik-shadow .filterContainer .filterToggler {
990
- margin-left: 100px;
991
- }
992
-
993
- #retorik-shadow .filterContainer .filterMenu {
994
- flex-flow: row;
995
- height: 300px;
996
- }
997
-
998
- #retorik-shadow .filterContainer .filterMenu .filterCategory {
999
- flex-direction: column;
1000
- justify-content: space-evenly;
1001
- width: 246px;
1002
- height: 213px;
1003
- padding: 1.5rem;
1004
- }
1005
-
1006
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
1007
- max-width: 98.5px;
1008
- max-height: 98.5px;
1009
- padding: 8%;
1010
- }
1011
-
1012
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
1013
- width: 32px;
1014
- height: 32px;
1015
- padding-top: 8px;
1016
- font-size: 32px;
1017
- top: 15%;
1018
- right: 25%;
1019
- }
1020
-
1021
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
1022
- max-width: 98.5px;
1023
- max-height: 98.5px;
1024
- padding: 8%;
1025
- }
1026
-
1027
- #retorik-shadow .filterContainer .filterMenu .filterCategory span {
1028
- text-transform: uppercase;
1029
- text-overflow: ellipsis;
1030
- white-space: nowrap;
1031
- font-size: 22px;
1032
- font-weight: 700;
1033
- line-height: 27px;
1034
- }
1035
-
1036
- #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
1037
- transition: all .5s;
1038
- box-shadow: inset -3px -3px 16px #fff;
1039
- }
1040
- }
1041
-
1042
- @media only screen and (width >= 1000px) and (orientation: portrait) {
1043
- #retorik-shadow .filterContainer.show {
1044
- bottom: 15%;
1045
- left: calc(50% - 500px);
1046
- }
1047
-
1048
- #retorik-shadow .filterContainer .filterToggler {
1049
- justify-content: center;
1050
- margin-left: 0;
1051
- left: calc(50% - 500px);
1052
- width: 900px !important;
1053
- }
1054
-
1055
- #retorik-shadow .filterContainer .arrow {
1056
- display: none !important;
1057
- }
1058
-
1059
- #retorik-shadow .filterContainer .filterMenu {
1060
- border-radius: 0 0 10px 10px;
1061
- flex-flow: row;
1062
- width: 900px;
1063
- height: 130px;
1064
- }
1065
-
1066
- #retorik-shadow .filterContainer .filterMenu .filterCategory {
1067
- flex-direction: column;
1068
- justify-content: center;
1069
- width: 125px;
1070
- height: 110px;
1071
- }
1072
-
1073
- #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
1074
- max-width: 48px;
1075
- max-height: 48px;
1076
- padding: 7%;
1077
- }
1078
-
1079
- #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
1080
- width: 20px;
1081
- height: 20px;
1082
- padding-top: 2px;
1083
- font-size: 20px;
1084
- top: 17%;
1085
- right: 25%;
1086
- }
1087
-
1088
- #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
1089
- max-width: 48px;
1090
- max-height: 48px;
1091
- padding: 7%;
1092
- }
1093
-
1094
- #retorik-shadow .filterContainer .filterMenu .filterCategory span {
1095
- text-transform: uppercase;
1096
- text-overflow: ellipsis;
1097
- white-space: nowrap;
1098
- font-size: 14px;
1099
- font-weight: 500;
1100
- line-height: 16px;
1101
- }
1102
-
1103
- #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
1104
- transition: all .5s;
1105
- box-shadow: inset -3px -3px 16px #fff;
1106
- }
1107
- }
1108
-
1109
- #retorik-shadow ion-button.confirm {
1110
- background-color: #1999b1;
1111
- }
1112
-
1113
- #retorik-shadow ion-button.dismiss {
1114
- --border-color: #1999b1;
1115
- --border-radius: 10px;
1116
- color: #1999b1;
1117
- }
1118
-
1119
- #retorik-shadow ion-content {
1120
- --overflow: hidden;
1121
- --background: #4747478c;
1122
- }
1123
-
1124
- #retorik-shadow ion-modal {
1125
- text-align: center;
1126
- --width: 100%;
1127
- --height: 100%;
1128
- --background: transparent linear-gradient(308deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat padding-box;
1129
- opacity: 1;
1130
- border-radius: 10px;
1131
- align-items: center;
1132
- width: 500px;
1133
- height: 200px;
1134
- margin: auto;
1135
- display: flex;
1136
- box-shadow: -3px -3px 20px #2b27276a;
1137
- --justify-content: space-around !important;
1138
- }
1139
-
1140
- #retorik-shadow #ion-react-wrapper {
1141
- justify-content: space-around !important;
1142
- display: flex !important;
1143
- }
1144
-
1145
- @media (width <= 600px) {
1146
- #retorik-shadow ion-modal {
1147
- --width: 100%;
1148
- --height: 100%;
1149
- opacity: 1;
1150
- background: #fff no-repeat padding-box padding-box;
1151
- border-radius: 10px;
1152
- justify-content: space-between;
1153
- width: 80%;
1154
- height: 200px;
1155
- margin: auto;
1156
- display: flex;
1157
- box-shadow: -3px -3px 20px #2b27276a;
1158
- }
1159
- }
1160
- /*# sourceMappingURL=index.css.map */
1
+ .leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.mapContainer,.leaflet-container{width:100%;height:100%;margin:auto;z-index:0}.leaflet-container .leaflet-pane{z-index:0}.custom-marker-cluster{background:#00beff80;border-radius:50%;color:#000;height:33px;line-height:37px;text-align:center;width:33px;display:flex;align-items:center;justify-content:center}.leaflet-marker-icon{transition:all .2s ease-in-out}.leaflet-popup{bottom:20px!important}.infoPOIPane,.infoPOIPaneWidget{position:absolute;z-index:99;background:#fff;padding:1rem;box-shadow:0 3px 6px #00000029;border-radius:5px;display:flex;flex-direction:column}.infoPOIPane .poiTitle,.infoPOIPaneWidget .poiTitle{font-size:1.25rem;font-weight:700;line-height:1.6rem}.infoPOIPane .poiClose,.infoPOIPaneWidget .poiClose{position:absolute;top:0;right:0;display:block;width:40px;height:40px;font-size:0;cursor:pointer}.infoPOIPane .poiClose:before,.infoPOIPane .poiClose:after,.infoPOIPaneWidget .poiClose:before,.infoPOIPaneWidget .poiClose:after{position:absolute;top:50%;left:50%;width:2px;height:17px;background-color:#000;transform:rotate(45deg) translate(-50%,-50%);transform-origin:top left;transition:all .42s;content:""}.infoPOIPane .poiClose:after,.infoPOIPaneWidget .poiClose:after{transform:rotate(-45deg) translate(-50%,-50%)}.infoPOIPane .poiClose:hover:before,.infoPOIPane .poiClose:hover:after,.infoPOIPaneWidget .poiClose:hover:before,.infoPOIPaneWidget .poiClose:hover:after{background-color:#000}.infoPOIPane .white,.infoPOIPaneWidget .white{color:#fff}.infoPOIPane .white:before,.infoPOIPane .white:after,.infoPOIPaneWidget .white:before,.infoPOIPaneWidget .white:after{background-color:#fff}.infoPOIPane .poiAddress,.infoPOIPaneWidget .poiAddress{padding-top:1rem;font-size:.8rem;line-height:.7rem}.infoPOIPane .poiPhone,.infoPOIPaneWidget .poiPhone{padding-top:.5rem;font-size:.8rem;line-height:.7rem}.infoPOIPane .poiPhotoAndDescription,.infoPOIPaneWidget .poiPhotoAndDescription{padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:row;gap:1rem}.infoPOIPane .poiPhotoAndDescription .poiPhoto,.infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto{flex:0 0 9rem;display:flex;align-items:center;justify-content:center}.infoPOIPane .poiPhotoAndDescription .poiPhoto img,.infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto img{object-fit:cover;width:9rem;height:9rem;border-radius:50%}.infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton,.infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc,.infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:pre-wrap}.infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiButton,.infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiButton{width:fit-content;padding:.5rem;border-radius:10px;font-weight:700;border-width:2px;border-style:solid}.infoPOIPane .routes-container,.infoPOIPaneWidget .routes-container{width:100%;height:4rem;display:flex;flex-direction:row;gap:1rem;justify-content:center}.infoPOIPane .routes-container .route-index,.infoPOIPaneWidget .routes-container .route-index{z-index:1}.infoPOIPane .routes-container .route-icon,.infoPOIPaneWidget .routes-container .route-icon{height:2rem;width:2rem}.infoPOIPane .routes-container .route-icon-medium,.infoPOIPaneWidget .routes-container .route-icon-medium{height:1.25rem;width:1.25rem}.infoPOIPane .routes-container .route-icon-small,.infoPOIPaneWidget .routes-container .route-icon-small{height:1.5rem;width:1.5rem}.infoPOIPane .routes-container .route-icon-verysmall,.infoPOIPaneWidget .routes-container .route-icon-verysmall{height:.75rem;width:.75rem}.infoPOIPane .routes-container .route-icon-smallest,.infoPOIPaneWidget .routes-container .route-icon-smallest{height:.5rem;width:.5rem}.infoPOIPane .routes-container .routes-data,.infoPOIPaneWidget .routes-container .routes-data{display:grid;grid-template-columns:repeat(3,max-content);padding:.5rem 1rem .5rem 1.5rem;gap:1rem;border-radius:.5rem;font-size:.75rem;line-height:1rem}.infoPOIPane .routes-container .routes-data .route-item-container,.infoPOIPaneWidget .routes-container .routes-data .route-item-container{display:flex;flex-direction:column;justify-content:flex-end}.infoPOIPane .routes-container .routes-data .route-item-container .route-item,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item{height:100%;display:flex;flex-direction:row;gap:.75rem;align-items:center}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon{position:relative;display:flex;justify-content:center;align-items:center}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle{position:absolute;width:2.25rem;height:2.25rem;border-radius:100%}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle{position:absolute;width:100%;display:flex;justify-content:center}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car{top:-1.15rem}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other{top:-.75rem}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration{white-space:nowrap;font-weight:700}.infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance,.infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance{white-space:nowrap}.infoPOIPane .routes-container .routes-data .route-item-container:hover,.infoPOIPaneWidget .routes-container .routes-data .route-item-container:hover{cursor:pointer}.infoPOIPane .routes-container .route-button,.infoPOIPaneWidget .routes-container .route-button{aspect-ratio:1;width:15%;min-width:15%;max-width:15%;overflow-y:hidden;padding:.25rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border:2px solid #000;border-radius:.5rem;font-weight:700;font-size:.75rem;line-height:1rem}.infoPOIPane .qrcode-container,.infoPOIPaneWidget .qrcode-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#fff;background-color:#121212b3}.infoPOIPane .qrcode-container .qrcode-text-and-icon,.infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon{display:flex;flex-direction:row;align-items:flex-start;gap:.25rem;font-style:italic}.infoPOIPane .qrcode-container .qrcode-text-and-icon .qrcode-text,.infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon .qrcode-text{width:fit-content;display:flex;flex-direction:column;align-items:center}.infoPOIPaneWidget{bottom:135px;width:100%;max-width:27rem}.leaflet-control-zoom{right:1rem;border:0!important;display:flex;flex-direction:column;gap:10px}.leaflet-control-zoom .leaflet-control-zoom-in,.leaflet-control-zoom .leaflet-control-zoom-out{width:50px!important;height:50px!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important}#around-me{margin-right:10px;right:1rem;position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff 0% 0% no-repeat padding-box;border-radius:70px;opacity:1}.leaflet-div-icon{width:36px!important;height:50px!important;background-color:transparent!important;border-style:none!important;animation:fadeIn .5s ease-in-out}.markerSelected{filter:drop-shadow(white 0px 0px 10px);filter:drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);margin-left:-37.5px!important;margin-top:-65px!important;transition:all .2s ease-in-out;width:57px!important;height:80px!important}.loader-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader-container .loader{position:absolute;top:50%;left:50%;display:inline-block;width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}.loader-container .exit-loader{position:absolute;top:calc(50% + 5px);left:calc(50% + 5px);width:40px;height:40px;cursor:pointer;color:#000;background-color:#ffffff4d;border-radius:50%;font-size:30px;line-height:30px;display:flex;justify-content:center;align-items:center;z-index:1}@media only screen and (max-width:600px){#around-me{bottom:25em}.leaflet-control-zoom{bottom:19em}.infoPOIPane{bottom:135px;width:100%}.leaflet-div-icon{width:28px!important;height:40px!important}.markerSelected{filter:drop-shadow(white 0px 0px 10px);filter:drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);margin-left:-37.5px!important;margin-top:-65px!important;transition:all .2s ease-in-out;width:38px!important;height:54px!important}}@media only screen and (min-width:601px)and (max-width:999px){#around-me{bottom:25em}.leaflet-control-zoom{bottom:19em}.infoPOIPane{bottom:16rem;right:50%;left:50%;transform:translate(-50%);width:40rem}}@media only screen and (min-width:1000px)and (orientation:landscape){#around-me{bottom:25em}.leaflet-control-zoom{bottom:19em}.infoPOIPane{bottom:16rem;right:7rem;width:27rem}}@media only screen and (min-width:1921px)and (orientation:landscape){#around-me{bottom:29em}.leaflet-control-zoom{bottom:25em}.markerSelected{filter:drop-shadow(white 0px 0px 10px);filter:drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);transition:all .2s ease-in-out}.infoPOIPane{bottom:21rem}}@media only screen and (min-width:1000px)and (orientation:portrait){#around-me{bottom:25em}.leaflet-control-zoom{bottom:19em}.infoPOIPane{bottom:30%;right:7rem;width:30rem}}#map-target{margin:10px}.fadeIn{animation:fadeIn .5s ease-in-out;-webkit-animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeOut{animation:fadeOut .5s ease-in-out;-webkit-animation:fadeOut .5s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.filterContainer,.filterContainerWidget{display:flex;position:absolute;bottom:0;width:100%;flex-direction:column;z-index:51}.filterContainer.show,.filterContainerWidget.show,.filterContainer.hide,.filterContainerWidget.hide{transition:all .3s ease-in-out}.filterContainer .filterToggler,.filterContainerWidget .filterToggler{border-radius:10px 10px 0 0;cursor:pointer;background:#edeef2;color:#575f6b;z-index:999;width:fit-content;padding:10px 30px;box-shadow:0 -4px 5px #24415d1c;display:flex;align-items:center}.filterContainer .filterToggler .arrow,.filterContainerWidget .filterToggler .arrow{position:relative;display:inline-block;width:10px;height:10px;padding-left:17px}.filterContainer .filterToggler .arrow:before,.filterContainer .filterToggler .arrow:after,.filterContainerWidget .filterToggler .arrow:before,.filterContainerWidget .filterToggler .arrow:after{position:absolute;top:calc(50% - 1px);right:auto;width:10px;height:3px;background:#000;content:"";will-change:transform;transition:all .2s ease}.filterContainer .filterToggler .arrow:before,.filterContainerWidget .filterToggler .arrow:before{transform:rotate(45deg) translate(1px,-1px)}.filterContainer .filterToggler .arrow:after,.filterContainerWidget .filterToggler .arrow:after{transform:rotate(-45deg) translate(-3px,-3px)}.filterContainer .filterToggler .arrow.active:before,.filterContainerWidget .filterToggler .arrow.active:before{transform:rotate(45deg) translate(-2px,2px)}.filterContainer .filterToggler .arrow.active:after,.filterContainerWidget .filterToggler .arrow.active:after{transform:rotate(-45deg) translate(2px,2px)}.filterContainer .filterMenu,.filterContainerWidget .filterMenu{display:flex;width:100%;z-index:401;bottom:0;border-radius:0;align-items:center;justify-content:center;gap:20px;background:#edeef2 0% 0% no-repeat padding-box;box-shadow:3px 3px 20px #24415d4d}.filterContainer .filterMenu .filterCategory,.filterContainerWidget .filterMenu .filterCategory{cursor:pointer;box-shadow:3px 3px 10px #24415d14;background:transparent linear-gradient(307deg,#f2f3f6,#e5e6ec) 0% 0% no-repeat padding-box;border-radius:10px;position:relative;display:flex;align-items:center;gap:10px}.filterContainer .filterMenu .filterCategory ion-img,.filterContainerWidget .filterMenu .filterCategory ion-img{border-radius:50%}.filterContainer .filterMenu .filterCategory .checkbox,.filterContainerWidget .filterMenu .filterCategory .checkbox{position:absolute;border:2px solid #fff;border-radius:20px;background-color:#575f6b;color:#fff;display:flex;justify-content:center;align-items:center;visibility:hidden}.filterContainer .filterMenu .filterCategory .checkbox-selected,.filterContainerWidget .filterMenu .filterCategory .checkbox-selected{visibility:visible}.filterContainer .filterMenu .filterCategory .image,.filterContainerWidget .filterMenu .filterCategory .image{aspect-ratio:1;border-radius:50%}.filterContainer .filterMenu .filterCategory .imageFile,.filterContainerWidget .filterMenu .filterCategory .imageFile{height:100%;width:100%}.filterContainer .filterMenu div:not(.selectedFilter) span,.filterContainerWidget .filterMenu div:not(.selectedFilter) span{transition:all .5s;color:#575f6b;font-weight:400!important}.filterContainerWidget.show .filterMenu{transition:all .3s ease-in-out;height:90px}.filterContainerWidget.hide .filterMenu,.filterContainerWidget.hide .filterToggler{background:#edeef2}.filterContainerWidget.hide .filterMenu{transition:all .3s ease-in-out;height:10px}.filterContainerWidget.hide .filterCategory{display:none}.filterContainerWidget .filterMenu{z-index:19;flex-wrap:wrap;overflow-x:auto;white-space:nowrap;display:flex;flex-direction:column;width:unset}.filterContainerWidget .filterMenu .filterCategory{flex-direction:row;flex-wrap:nowrap;height:50px;padding:10px}.filterContainerWidget .filterMenu .filterCategory ion-img{padding:5%;width:36.5px;height:36.5px}.filterContainerWidget .filterMenu .filterCategory .checkbox{left:40px;top:5px;height:12px;width:12px;font-size:12px;padding-top:1px}.filterContainerWidget .filterMenu .filterCategory .image{padding:5%;width:36.5px;height:36.5px}.filterContainerWidget .filterMenu .filterCategory span{text-transform:uppercase;font-weight:500;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.filterContainerWidget .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}@media only screen and (max-width:600px){.filterContainer{bottom:0}.filterContainer.show .filterMenu{transition:all .3s ease-in-out;height:90px}.filterContainer.hide .filterMenu,.filterContainer.hide .filterToggler{background:#edeef2}.filterContainer.hide .filterMenu{transition:all .3s ease-in-out;height:10px}.filterContainer.hide .filterCategory{display:none}.filterContainer .filterMenu{z-index:19;flex-wrap:wrap;overflow-x:auto;white-space:nowrap;display:flex;flex-direction:column;width:unset}.filterContainer .filterMenu .filterCategory{flex-direction:row;flex-wrap:nowrap;height:50px;padding:10px}.filterContainer .filterMenu .filterCategory ion-img{padding:5%;width:36.5px;height:36.5px}.filterContainer .filterMenu .filterCategory .checkbox{left:40px;top:5px;height:12px;width:12px;font-size:12px;padding-top:1px}.filterContainer .filterMenu .filterCategory .image{padding:5%;width:36.5px;height:36.5px}.filterContainer .filterMenu .filterCategory span{text-transform:uppercase;font-weight:500;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.filterContainer .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}}@media only screen and (min-width:601px)and (max-width:999px){.filterContainer.show{bottom:0}.filterContainer.hide{bottom:-80px}.filterContainer.hide .filterMenu,.filterContainer.hide .filterToggler{background:#edeef2}.filterContainer .filterMenu{height:90px;flex-wrap:wrap;overflow-x:auto;white-space:nowrap;display:flex;flex-direction:column;width:unset}.filterContainer .filterMenu .filterCategory{flex-direction:row;flex-wrap:nowrap;height:50px;padding:10px}.filterContainer .filterMenu .filterCategory ion-img{padding:5%;width:48px;height:48px}.filterContainer .filterMenu .filterCategory .checkbox{left:50px;top:0;height:17px;width:17px;font-size:17px;padding-top:2px}.filterContainer .filterMenu .filterCategory .image{padding:5%;width:48px;height:48px}.filterContainer .filterMenu .filterCategory span{text-transform:uppercase;font-weight:500;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.filterContainer .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}}@media only screen and (min-width:1000px)and (orientation:landscape){.filterContainer.show{bottom:0}.filterContainer.hide{bottom:-185px}.filterContainer.hide .filterMenu,.filterContainer.hide .filterToggler{background:#edeef2}.filterContainer .filterToggler{margin-left:100px}.filterContainer .filterMenu{height:200px;flex-wrap:nowrap;flex-direction:row}.filterContainer .filterMenu .filterCategory{width:150px;height:130px;flex-direction:column;padding-top:1.5rem;justify-content:flex-start}.filterContainer .filterMenu .filterCategory ion-img{max-width:60px;max-height:60px;padding:7%}.filterContainer .filterMenu .filterCategory .checkbox{right:25%;top:17%;height:20px;width:20px;font-size:20px;padding-top:2px}.filterContainer .filterMenu .filterCategory .image{max-width:60px;max-height:60px;padding:7%}.filterContainer .filterMenu .filterCategory span{text-transform:uppercase;font-weight:500;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.filterContainer .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}}@media only screen and (min-width:1921px)and (orientation:landscape){.filterContainer.show{bottom:0}.filterContainer.hide{bottom:-285px}.filterContainer.hide .filterMenu,.filterContainer.hide .filterToggler{background:#edeef2}.filterContainer .filterToggler{margin-left:100px}.filterContainer .filterMenu{height:300px;flex-wrap:nowrap;flex-direction:row}.filterContainer .filterMenu .filterCategory{width:246px;height:213px;flex-direction:column;padding:1.5rem;justify-content:space-evenly}.filterContainer .filterMenu .filterCategory ion-img{max-width:98.5px;max-height:98.5px;padding:8%}.filterContainer .filterMenu .filterCategory .checkbox{right:25%;top:15%;height:32px;width:32px;font-size:32px;padding-top:8px}.filterContainer .filterMenu .filterCategory .image{max-width:98.5px;max-height:98.5px;padding:8%}.filterContainer .filterMenu .filterCategory span{text-transform:uppercase;font-weight:700;font-size:22px;line-height:27px;text-overflow:ellipsis;white-space:nowrap}.filterContainer .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}}@media only screen and (min-width:1000px)and (orientation:portrait){.filterContainer.show{bottom:15%;left:calc(50% - 500px)}.filterContainer .filterToggler{width:900px!important;margin-left:0;justify-content:center;left:calc(50% - 500px)}.filterContainer .arrow{display:none!important}.filterContainer .filterMenu{height:130px;width:900px;flex-wrap:nowrap;flex-direction:row;border-radius:0 0 10px 10px}.filterContainer .filterMenu .filterCategory{width:125px;height:110px;flex-direction:column;justify-content:center}.filterContainer .filterMenu .filterCategory ion-img{max-width:48px;max-height:48px;padding:7%}.filterContainer .filterMenu .filterCategory .checkbox{right:25%;top:17%;height:20px;width:20px;font-size:20px;padding-top:2px}.filterContainer .filterMenu .filterCategory .image{max-width:48px;max-height:48px;padding:7%}.filterContainer .filterMenu .filterCategory span{text-transform:uppercase;font-weight:500;font-size:14px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.filterContainer .filterMenu .filterCategory.selectedFilter{transition:all .5s;box-shadow:inset -3px -3px 16px #fff}}