@macrostrat/map-interface 1.0.0 → 1.0.2

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