@macrostrat/map-interface 1.0.9 → 1.0.10

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/module.css DELETED
@@ -1,951 +0,0 @@
1
- ._8hZKsW_searchbar-holder {
2
- flex-direction: column;
3
- margin: 0;
4
- transition: margin .3s;
5
- display: flex;
6
- }
7
-
8
- ._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder {
9
- flex-direction: row;
10
- display: flex;
11
- }
12
-
13
- ._8hZKsW_searchbar-holder ._8hZKsW_searchbar {
14
- background-color: var(--panel-background-color);
15
- border-radius: 5px;
16
- flex-direction: row;
17
- align-items: center;
18
- gap: 5px;
19
- width: 100%;
20
- padding: 0 5px;
21
- display: flex;
22
- }
23
-
24
- ._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group {
25
- cursor: text;
26
- flex-grow: 1;
27
- }
28
-
29
- .bp5-navbar > ._8hZKsW_loading-button {
30
- width: 40px;
31
- height: 40px;
32
- }
33
-
34
- ._8hZKsW_status-tongue {
35
- background-color: var(--panel-background-color);
36
- margin: -12px 5px 5px;
37
- padding: 12px 0 0;
38
- }
39
-
40
- @media screen and (width <= 768px) {
41
- ._8hZKsW_status-tongue {
42
- border-radius: 0;
43
- max-width: 100vw;
44
- margin: -3px 0 0;
45
- }
46
- }
47
-
48
- .VPa3-W_copy-link-button.bp5-minimal.bp5-button {
49
- color: var(--text-subtle-color);
50
- }
51
-
52
- .VPa3-W_copy-link-button.bp5-minimal.bp5-button svg {
53
- fill: var(--text-subtle-color);
54
- }
55
-
56
- .VPa3-W_location-panel-header {
57
- border-bottom: 1px solid var(--panel-rule-color);
58
- flex-direction: row;
59
- align-items: center;
60
- gap: 1em;
61
- padding: 5px;
62
- display: flex;
63
- }
64
-
65
- .VPa3-W_location-panel-header .VPa3-W_spacer {
66
- flex-grow: 1;
67
- }
68
-
69
- .VPa3-W_location-panel-header .VPa3-W_left-icon {
70
- padding: 7px;
71
- }
72
-
73
- .VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button {
74
- font-size: 12px !important;
75
- }
76
-
77
- .VPa3-W_infodrawer-header-item {
78
- font-size: 12px;
79
- }
80
-
81
- .VPa3-W_infodrawer-header-item .secondary {
82
- color: var(--text-subtle-color);
83
- font-size: .9em;
84
- }
85
-
86
- .VPa3-W_infodrawer {
87
- pointer-events: all;
88
- background-color: var(--panel-background-color);
89
- flex-direction: column;
90
- max-width: 100%;
91
- height: fit-content;
92
- max-height: 100%;
93
- display: flex;
94
- overflow: hidden;
95
- }
96
-
97
- .VPa3-W_infodrawer.bp5-card {
98
- background-color: var(--panel-background-color);
99
- padding: 0;
100
- }
101
-
102
- .VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body {
103
- min-height: 70px;
104
- overflow-y: hidden;
105
- }
106
-
107
- .VPa3-W_infodrawer-contents {
108
- padding: 0 1em 1em;
109
- }
110
-
111
- .VPa3-W_infodrawer-body {
112
- flex-shrink: 1;
113
- min-height: 0;
114
- transition: min-height .5s;
115
- position: relative;
116
- overflow-y: scroll;
117
- }
118
-
119
- @media screen and (width <= 768px) {
120
- .VPa3-W_infodrawer {
121
- border-radius: var(--panel-border-radius, 0px);
122
- }
123
- }
124
-
125
- .map-container_4c0a66 {
126
- flex-direction: column;
127
- width: 100%;
128
- height: 100%;
129
- display: flex;
130
- position: relative;
131
- overflow: hidden;
132
- }
133
-
134
- .map-container_4c0a66.show-panel-outlines_4c0a66 .map-view-container_4c0a66 {
135
- outline: 2px dotted #1e90ff;
136
- }
137
-
138
- .map-container_4c0a66.fit-viewport_4c0a66 {
139
- width: 100vw;
140
- height: 100vh;
141
- max-height: -webkit-fill-available;
142
- }
143
-
144
- .map-container_4c0a66 .compass-control_4c0a66 {
145
- display: none;
146
- }
147
-
148
- .map-container_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66 {
149
- display: block;
150
- }
151
-
152
- .map-container_4c0a66 .map-3d-control_4c0a66 {
153
- display: none;
154
- }
155
-
156
- .map-container_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66 {
157
- display: block;
158
- }
159
-
160
- .map-container_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66, .map-container_4c0a66 .globe-control_4c0a66 {
161
- display: none;
162
- }
163
-
164
- .map-container_4c0a66 .globe-control_4c0a66 svg {
165
- color: var(--secondary-color);
166
- }
167
-
168
- .map-container_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66 {
169
- display: block;
170
- }
171
-
172
- .map-container_4c0a66.detail-panel-open_4c0a66 .zoom-control_4c0a66 {
173
- opacity: 0;
174
- display: none;
175
- }
176
-
177
- .map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-panel-holder_4c0a66 > * {
178
- border-radius: unset;
179
- }
180
-
181
- .detail-panel-holder_4c0a66 {
182
- flex-direction: column;
183
- min-height: 0;
184
- display: flex;
185
- }
186
-
187
- .detail-panel-holder_4c0a66 > * {
188
- flex: 1;
189
- }
190
-
191
- .map-control-stack_4c0a66 {
192
- pointer-events: none;
193
- flex-direction: column;
194
- width: 30em;
195
- margin-left: -30em;
196
- display: flex;
197
- }
198
-
199
- .main-row_4c0a66 {
200
- flex-direction: row;
201
- flex: 1;
202
- min-height: 0;
203
- max-height: 100%;
204
- display: flex;
205
- position: relative;
206
- }
207
-
208
- .map-ui_4c0a66 {
209
- box-shadow: 0 0 10px 4px var(--card-shadow-color);
210
- flex-direction: column;
211
- flex: 1;
212
- height: 100%;
213
- max-height: 100%;
214
- display: flex;
215
- position: relative;
216
- }
217
-
218
- .mapbox-map_4c0a66 {
219
- position: absolute;
220
- inset: 0;
221
- }
222
-
223
- .mapbox-map_4c0a66.mapboxgl-map {
224
- position: absolute;
225
- }
226
-
227
- .panel-card_4c0a66 {
228
- background-color: var(--panel-background-color);
229
- padding: 10px;
230
- overflow: hidden;
231
- }
232
-
233
- .panel-card_4c0a66 > :last-child {
234
- margin-bottom: 0;
235
- }
236
-
237
- .bp5-dark .panel-card_4c0a66 {
238
- background-color: var(--panel-background-color);
239
- }
240
-
241
- .context-stack_4c0a66 > div {
242
- flex-shrink: 1;
243
- }
244
-
245
- .context-stack_4c0a66 > .searchbar_4c0a66 {
246
- flex: 0;
247
- }
248
-
249
- .context-stack_4c0a66, .detail-stack_4c0a66 {
250
- z-index: 10;
251
- max-height: 100%;
252
- }
253
-
254
- .panel-container_4c0a66 {
255
- flex-direction: column;
256
- display: flex;
257
- }
258
-
259
- .panel-container_4c0a66 > div {
260
- pointer-events: all;
261
- }
262
-
263
- .panel-title_4c0a66 {
264
- font-size: 16px;
265
- }
266
-
267
- .spacer_4c0a66 {
268
- pointer-events: none;
269
- flex-grow: 1;
270
- }
271
-
272
- .map-view-container_4c0a66 {
273
- flex-grow: 1;
274
- position: relative;
275
- overflow: hidden;
276
- }
277
-
278
- .searchbar-holder_4c0a66 {
279
- margin-bottom: .5em;
280
- }
281
-
282
- .right-panel_4c0a66 {
283
- width: 24em;
284
- }
285
-
286
- .buttons_4c0a66 {
287
- flex-direction: row;
288
- flex: 1;
289
- min-width: 0;
290
- display: flex;
291
- }
292
-
293
- .tab-button_4c0a66 {
294
- text-align: right;
295
- flex-shrink: 1;
296
- min-width: 40px;
297
- overflow: hidden;
298
- }
299
-
300
- .tab-button_4c0a66 .bp5-button-text {
301
- transition: all .2s .1s;
302
- }
303
-
304
- .menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp5-active ~ .tab-button_4c0a66 .bp5-button-text {
305
- opacity: 0;
306
- width: 0;
307
- margin-left: -7px;
308
- }
309
-
310
- .context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp5-button-text {
311
- opacity: 0;
312
- width: 0;
313
- }
314
-
315
- .narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66 {
316
- margin-right: -500px;
317
- }
318
-
319
- .panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp5-active) {
320
- width: 30px;
321
- min-width: 30px;
322
- padding-left: 0;
323
- padding-right: 0;
324
- }
325
-
326
- .panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp5-button-text {
327
- opacity: 0;
328
- width: 0;
329
- margin-left: -7px;
330
- }
331
-
332
- .menu-group_4c0a66 {
333
- margin-top: .2em;
334
- margin-bottom: .5em;
335
- }
336
-
337
- .menu-card_4c0a66 .bp5-text ul, .menu-card_4c0a66 .text-panel ul {
338
- padding-left: 1em;
339
- }
340
-
341
- .menu-content_4c0a66 {
342
- flex-direction: column;
343
- margin-bottom: -8px;
344
- display: flex;
345
- }
346
-
347
- .menu-content_4c0a66 .bp5-button-group_4c0a66 {
348
- margin-bottom: 4px;
349
- }
350
-
351
- .menu-content_4c0a66 hr {
352
- width: 100%;
353
- }
354
-
355
- .mapbox-map .mapbox-compass, .mapbox-map .mapbox-3d {
356
- display: none;
357
- }
358
-
359
- .mapboxgl-ctrl.mapbox-3d.mapbox-control {
360
- width: unset;
361
- }
362
-
363
- .mapboxgl-ctrl.mapbox-3d.mapbox-control button {
364
- width: unset;
365
- padding-inline: 4px;
366
- }
367
-
368
- .mapboxgl-canvas-container {
369
- width: 100%;
370
- height: 100%;
371
- }
372
-
373
- .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
374
- background-color: var(--translucent-panel-background-color) !important;
375
- }
376
-
377
- .mapboxgl-ctrl.mapboxgl-ctrl-attrib a {
378
- color: var(--text-color);
379
- }
380
-
381
- .mapboxgl-marker svg path {
382
- fill: var(--panel-background-color) !important;
383
- }
384
-
385
- .mapboxgl-marker svg circle {
386
- fill: var(--secondary-color) !important;
387
- }
388
-
389
- .mapbox-control.mapbox-zoom {
390
- background: var(--translucent-panel-background-inner);
391
- }
392
-
393
- .mapbox-control.mapbox-zoom svg {
394
- fill: var(--text-color) !important;
395
- }
396
-
397
- .mapboxgl-ctrl-logo {
398
- transform: scale(.9)translate(-8px, 2px);
399
- }
400
-
401
- .bp5-dark .mapboxgl-ctrl-group {
402
- background-color: var(--panel-background-color);
403
- }
404
-
405
- .bp5-dark .mapboxgl-ctrl-logo {
406
- filter: invert();
407
- }
408
-
409
- .mapboxgl-ctrl-group button + button {
410
- border-top: 1px solid var(--panel-rule-color) !important;
411
- }
412
-
413
- .bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon {
414
- filter: invert(40%);
415
- }
416
-
417
- .bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon:hover {
418
- filter: invert(50%);
419
- }
420
-
421
- .mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
422
- filter: invert(40%);
423
- }
424
-
425
- .mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover {
426
- filter: invert(50%);
427
- }
428
-
429
- .detail-stack_4c0a66 {
430
- position: relative;
431
- }
432
-
433
- .detail-panel-container_4c0a66, .map-right-controls_4c0a66 {
434
- flex: 1;
435
- }
436
-
437
- .zoom-control_4c0a66 {
438
- width: 30px;
439
- transition: opacity 1s ease-in-out;
440
- position: absolute;
441
- top: 0;
442
- right: 0;
443
- }
444
-
445
- .map-controls_4c0a66 {
446
- flex-direction: row;
447
- justify-content: right;
448
- gap: .5em;
449
- margin-bottom: 0;
450
- display: flex;
451
- }
452
-
453
- .map-controls_4c0a66 .map-control > .bp5-button {
454
- padding: 0;
455
- transform: translate(-3.5px, -3.5px);
456
- width: 22px !important;
457
- }
458
-
459
- .map-controls_4c0a66 .mapbox-control, .map-controls_4c0a66 .map-control-wrapper, .map-controls_4c0a66 .map-control {
460
- background-color: var(--panel-background-color);
461
- box-shadow: 0 0 0 1px var(--card-shadow-color);
462
- border-radius: 4px;
463
- height: 22px;
464
- max-height: 22px;
465
- }
466
-
467
- .map-controls_4c0a66 .mapbox-control button, .map-controls_4c0a66 .map-control-wrapper button, .map-controls_4c0a66 .map-control button {
468
- background-position: center;
469
- width: 22px;
470
- max-width: 22px;
471
- height: 22px;
472
- max-height: 22px;
473
- padding: 0;
474
- }
475
-
476
- .map-controls_4c0a66 .map-scale-control_4c0a66 {
477
- box-shadow: none;
478
- background: none;
479
- padding-top: 8px;
480
- }
481
-
482
- .map-controls_4c0a66 .map-scale-control_4c0a66 .mapboxgl-ctrl-scale {
483
- background-color: var(--translucent-panel-background-color);
484
- border-color: var(--secondary-text-color);
485
- color: var(--secondary-text-color);
486
- }
487
-
488
- @media only screen and (width <= 768px) {
489
- .map-container_4c0a66.detail-panel-enter_4c0a66 .context-stack_4c0a66 {
490
- visibility: hidden;
491
- height: 0;
492
- transition: height .5s ease-in-out;
493
- }
494
-
495
- .detail-stack_4c0a66 {
496
- position: inherit;
497
- height: fit-content;
498
- max-height: 70%;
499
- }
500
-
501
- .infodrawer-stack_4c0a66 {
502
- max-height: 70%;
503
- }
504
-
505
- .infodrawer-stack_4c0a66.exit-active {
506
- max-height: 0;
507
- }
508
-
509
- .mapbox-control.mapbox-zoom {
510
- display: none;
511
- }
512
-
513
- .map-controls_4c0a66 {
514
- position: absolute;
515
- top: -60px;
516
- right: 10px;
517
- }
518
-
519
- .detail-panel_4c0a66 {
520
- border-radius: 0;
521
- }
522
- }
523
-
524
- @media screen and (width >= 768px) {
525
- .map-ui_4c0a66 {
526
- flex-direction: row;
527
- gap: .5em;
528
- min-height: 80px;
529
- padding: 1em 1em 2em;
530
- }
531
-
532
- .context-stack_4c0a66 {
533
- max-width: var(--map-context-stack-max-width, 34em);
534
- width: var(--map-context-stack-width, 16em);
535
- flex-direction: column;
536
- min-width: 14em;
537
- margin-right: .5em;
538
- padding-bottom: .5em;
539
- transition: width .3s;
540
- display: flex;
541
- }
542
-
543
- .context-stack_4c0a66.adaptive-width_4c0a66 {
544
- width: var(--map-context-stack-width, none);
545
- max-width: var(--map-context-stack-max-width, none);
546
- transition: width .3s;
547
- }
548
-
549
- .context-stack_4c0a66 .bp5-navbar h1, .context-stack_4c0a66 .bp5-navbar h2, .context-stack_4c0a66 .bp5-navbar h3 {
550
- margin: 0;
551
- }
552
-
553
- .context-stack_4c0a66 > .spacer_4c0a66 {
554
- flex-grow: 0;
555
- }
556
-
557
- .context-panel-holder_4c0a66 {
558
- min-height: 0;
559
- position: relative;
560
- }
561
-
562
- .context-panel-holder_4c0a66 > div {
563
- max-height: 100%;
564
- }
565
-
566
- .detail-stack_4c0a66 {
567
- width: var(--map-detail-stack-width, 30em);
568
- flex-direction: column;
569
- display: flex;
570
- }
571
-
572
- .context-stack_4c0a66, .detail-stack_4c0a66 {
573
- pointer-events: none;
574
- z-index: 10;
575
- }
576
-
577
- .context-stack_4c0a66 > div, .detail-stack_4c0a66 > div {
578
- pointer-events: all;
579
- margin-bottom: .5em;
580
- }
581
-
582
- .context-stack_4c0a66 > div:last-child, .detail-stack_4c0a66 > div:last-child {
583
- margin-bottom: 0;
584
- }
585
-
586
- .context-stack_4c0a66 > div.spacer_4c0a66, .detail-stack_4c0a66 > div.spacer_4c0a66 {
587
- pointer-events: none;
588
- }
589
-
590
- .context-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66, .detail-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {
591
- min-height: 1em;
592
- }
593
-
594
- .map-view-container_4c0a66 {
595
- position: unset;
596
- }
597
- }
598
-
599
- .map-container_4c0a66 .context-panel-holder_4c0a66 {
600
- pointer-events: none;
601
- flex: 1;
602
- }
603
-
604
- .map-container_4c0a66 .context-panel-holder_4c0a66 > div {
605
- pointer-events: all;
606
- transition: opacity .8s;
607
- }
608
-
609
- .map-container_4c0a66.context-panel-from_4c0a66 .context-panel-holder_4c0a66 > div {
610
- opacity: 0;
611
- }
612
-
613
- .map-container_4c0a66.context-panel-enter_4c0a66 .context-panel-holder_4c0a66 > div {
614
- opacity: 1;
615
- }
616
-
617
- .map-container_4c0a66.context-panel-leave_4c0a66 .context-panel-holder_4c0a66 > div, .map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {
618
- opacity: 0;
619
- }
620
-
621
- .map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {
622
- opacity: 1;
623
- }
624
-
625
- .map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {
626
- opacity: 0;
627
- }
628
-
629
- .map-container_4c0a66.detail-panel-floating_4c0a66 .detail-panel_4c0a66 {
630
- transition: opacity .8s, height .8s, max-height .8s;
631
- }
632
-
633
- .map-container_4c0a66.detail-panel-fixed_4c0a66 .map-ui_4c0a66, .map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-stack_4c0a66 {
634
- transition: margin-right .8s;
635
- }
636
-
637
- .map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {
638
- margin-right: calc(-1 * var(--map-detail-stack-width, 30em));
639
- }
640
-
641
- .map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {
642
- margin-right: 0;
643
- }
644
-
645
- .map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {
646
- margin-right: calc(-1 * var(--map-detail-stack-width, 30em));
647
- }
648
-
649
- @media only screen and (width <= 768px) {
650
- .map-container_4c0a66 .detail-stack_4c0a66 {
651
- transition: opacity .8s, height .8s, max-height .8s;
652
- }
653
-
654
- .map-container_4c0a66.detail-panel-from_4c0a66 .detail-stack_4c0a66 {
655
- height: 0;
656
- max-height: 0;
657
- }
658
-
659
- .map-container_4c0a66.detail-panel-leave_4c0a66 .detail-stack_4c0a66 {
660
- max-height: 0;
661
- }
662
-
663
- .map-container_4c0a66.context-panel-from_4c0a66 .context-panel_4c0a66 {
664
- height: 0;
665
- max-height: 0;
666
- }
667
-
668
- .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .context-panel-holder_4c0a66 {
669
- flex: 0;
670
- }
671
-
672
- .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {
673
- flex: 1;
674
- }
675
- }
676
-
677
- @media only screen and (width >= 768px) {
678
- .map-container_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {
679
- margin-right: -14em;
680
- }
681
-
682
- .map-container_4c0a66.map-is-global_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {
683
- margin-right: -30em;
684
- }
685
-
686
- .map-container_4c0a66.map-is-global_4c0a66.context-panel-leave_4c0a66 .map-view-container_4c0a66 {
687
- margin-left: -16em;
688
- }
689
- }
690
-
691
- .feature-panel_48e225 {
692
- margin: 0 -1em;
693
- position: relative;
694
- }
695
-
696
- .key-value_48e225 {
697
- margin-right: 1em;
698
- display: inline-block;
699
- }
700
-
701
- .key-value_48e225 .key_48e225 {
702
- font-size: .9em;
703
- font-weight: bold;
704
- }
705
-
706
- .key-value_48e225 .key_48e225:after {
707
- content: ": ";
708
- }
709
-
710
- .key-value_48e225 .value_48e225 {
711
- font-size: .9em;
712
- }
713
-
714
- .feature-properties_48e225 {
715
- position: relative;
716
- }
717
-
718
- .feature-properties_48e225:before {
719
- content: "–";
720
- position: absolute;
721
- top: 4px;
722
- left: 0;
723
- }
724
-
725
- .feature-header_48e225 h3 {
726
- margin-top: .5em;
727
- margin-bottom: 0;
728
- }
729
-
730
- .feature-group_48e225 {
731
- border-bottom: 1px solid var(--panel-rule-inner);
732
- margin-bottom: .5em;
733
- }
734
-
735
- .feature-group_48e225:last-child {
736
- border-bottom: none;
737
- }
738
-
739
- .tile-info_48e225 {
740
- flex-direction: row;
741
- align-items: baseline;
742
- display: flex;
743
- }
744
-
745
- .tile-info_48e225 h3 {
746
- margin-right: .5em;
747
- }
748
-
749
- .opacity-slider_48e225 {
750
- margin: 0 1em .5em;
751
- }
752
-
753
- .opacity-slider_48e225 .bp5-slider-handle .bp5-slider-label {
754
- background-color: var(--secondary-color);
755
- color: var(--text-color);
756
- }
757
-
758
- .unit-number_48e225 .unit_48e225 {
759
- margin-left: .2em;
760
- font-size: .9em;
761
- font-weight: bold;
762
- }
763
-
764
- .page_48e225 {
765
- max-width: 50em;
766
- margin: 2em auto;
767
- }
768
-
769
- .dev-index-page_48e225 {
770
- overflow-y: scroll;
771
- }
772
-
773
- .panel-subhead_1340c8 {
774
- padding: .2em var(--box-horizontal-padding);
775
- border-top: 1px solid var(--panel-rule-color);
776
- border-bottom: 1px solid var(--panel-rule-color);
777
- background-color: var(--accent-color);
778
- z-index: 1;
779
- align-items: center;
780
- gap: var(--box-horizontal-padding);
781
- flex-direction: row;
782
- display: flex;
783
- position: sticky;
784
- top: -1px;
785
- }
786
-
787
- .panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {
788
- margin: .2em 0;
789
- font-family: Montserrat, sans-serif;
790
- font-weight: 700;
791
- }
792
-
793
- .panel-subhead_1340c8 h4 {
794
- font-weight: 600;
795
- }
796
-
797
- .panel-subhead_1340c8 .title_1340c8 {
798
- flex-grow: 1;
799
- }
800
-
801
- .info-panel-section_1340c8 > .panel-subhead_1340c8 {
802
- margin: -1px calc(var(--panel-padding-h) * -1) 0;
803
- }
804
-
805
- .expansion-panel_1340c8 {
806
- flex-wrap: wrap;
807
- margin-top: -1px;
808
- padding: 0;
809
- }
810
-
811
- .sub-expansion-panel_1340c8 {
812
- margin: -1px calc(var(--panel-padding-h) * -.5) 0;
813
- overflow: hidden;
814
- }
815
-
816
- .sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {
817
- border-top-width: 0;
818
- }
819
-
820
- .sub-expansion-panel_1340c8 .panel-subhead_1340c8 {
821
- border-top: none;
822
- border-bottom: none;
823
- }
824
-
825
- .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {
826
- background-color: var(--accent-secondary-color);
827
- cursor: pointer;
828
- }
829
-
830
- .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {
831
- background-color: var(--accent-secondary-hover-color);
832
- }
833
-
834
- .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {
835
- border-bottom: 1px solid var(--tertiary-border-color);
836
- border-top: 1px solid var(--tertiary-border-color);
837
- align-items: center;
838
- margin-top: -1px;
839
- padding: 5px 1em;
840
- font-weight: 500;
841
- }
842
-
843
- .expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp5-icon {
844
- margin-left: 5px;
845
- }
846
-
847
- .expansion-panel-header_1340c8 {
848
- cursor: pointer;
849
- }
850
-
851
- .expansion-panel-header_1340c8:hover {
852
- background-color: var(--accent-hover-color);
853
- }
854
-
855
- .expansion-panel-header_1340c8 .bp5-icon {
856
- transform: translate(0, 3px);
857
- }
858
-
859
- .expansion-children_1340c8 {
860
- padding: 5px 1em 10px;
861
- }
862
-
863
- .expansion-children_1340c8 .expansion-panel_1340c8 {
864
- margin-left: -1em;
865
- margin-right: -1em;
866
- }
867
-
868
- .expansion-children_1340c8 .expansion-panel_1340c8:first-child {
869
- margin-top: -5px;
870
- }
871
-
872
- .expansion-panel-subtext_1340c8 {
873
- font-size: 85%;
874
- font-weight: 400;
875
- }
876
-
877
- .expansion-panel-root {
878
- padding-left: 15px !important;
879
- }
880
-
881
- .expansion-panel-detail {
882
- padding: 0 !important;
883
- display: block !important;
884
- }
885
-
886
- .expansion-panel-detail-sub {
887
- display: block !important;
888
- }
889
-
890
- .expandable-details-main_1340c8 {
891
- flex-direction: row;
892
- justify-content: space-between;
893
- align-items: center;
894
- margin: 3px 0;
895
- display: flex;
896
- }
897
-
898
- .expandable-details-header_1340c8 {
899
- flex-direction: row;
900
- flex-grow: 1;
901
- align-items: baseline;
902
- display: inline-flex;
903
- }
904
-
905
- .expandable-details-children_1340c8 {
906
- position: relative;
907
- }
908
-
909
- .expandable-details-toggle_1340c8 .bp5-button {
910
- font-size: 10px;
911
- }
912
-
913
- .expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {
914
- content: none;
915
- }
916
-
917
- .expandable-details_1340c8 .title_1340c8 {
918
- margin-right: 1em;
919
- }
920
-
921
- .expandable-details_1340c8 .title_1340c8:after {
922
- content: ":";
923
- }
924
-
925
- .expansion-body_1340c8 {
926
- background-color: var(--tertiary-background);
927
- border-radius: 4px;
928
- align-items: baseline;
929
- width: 100%;
930
- margin-bottom: 6px;
931
- padding: 2px 6px;
932
- display: inline-block;
933
- box-shadow: 0 1px 2px 1px #0003;
934
- }
935
-
936
- .expansion-panel-detail-header_1340c8 {
937
- color: var(--secondary-color);
938
- margin-right: 1em;
939
- font-size: 90%;
940
- font-style: italic;
941
- display: inline;
942
- }
943
-
944
- .expansion-panel-detail-header_1340c8:after {
945
- content: ":";
946
- }
947
-
948
- .expansion-panel-detail-body_1340c8 {
949
- display: inline;
950
- }
951
- /*# sourceMappingURL=module.css.map */