@macrostrat/map-interface 0.3.0 → 1.0.1

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