@box/blueprint-web 17.10.0 → 17.11.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/lib-esm/button/index.d.ts +1 -1
- package/dist/lib-esm/button/types.d.ts +17 -0
- package/dist/lib-esm/components.css +342 -320
- package/dist/lib-esm/grid-list-v2/grid-list-v2.js +5 -0
- package/dist/lib-esm/grid-list-v2/types.d.ts +15 -2
- package/dist/lib-esm/index.css +342 -320
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/link/link.js +2 -1
- package/dist/lib-esm/primitives/link/types.d.ts +7 -0
- package/dist/lib-esm/primitives/notification/notification.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -361,16 +361,16 @@
|
|
|
361
361
|
}
|
|
362
362
|
}
|
|
363
363
|
|
|
364
|
-
.bp_base_button_module_button--
|
|
364
|
+
.bp_base_button_module_button--0a25e[data-bp-animated=true]{
|
|
365
365
|
transition-duration:var(--bp-duration-short);
|
|
366
366
|
transition-property:background;
|
|
367
367
|
transition-timing-function:var(--bp-curve-small-off);
|
|
368
368
|
}
|
|
369
|
-
.bp_base_button_module_button--
|
|
369
|
+
.bp_base_button_module_button--0a25e[data-bp-animated=true]:active,.bp_base_button_module_button--0a25e[data-bp-animated=true]:hover{
|
|
370
370
|
transition-timing-function:var(--bp-curve-small-on);
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
-
.bp_base_button_module_button--
|
|
373
|
+
.bp_base_button_module_button--0a25e{
|
|
374
374
|
--button-border-radius:var(--bp-radius-10);
|
|
375
375
|
--button-line-height:1;
|
|
376
376
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
381
381
|
line-height:var(--bp-font-line-height-04);
|
|
382
382
|
}
|
|
383
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
383
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e{
|
|
384
384
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
385
385
|
font-size:.875rem;
|
|
386
386
|
font-style:normal;
|
|
@@ -391,9 +391,11 @@
|
|
|
391
391
|
text-transform:none;
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
-
.bp_base_button_module_button--
|
|
394
|
+
.bp_base_button_module_button--0a25e{
|
|
395
|
+
align-items:center;
|
|
395
396
|
border-radius:var(--button-border-radius);
|
|
396
397
|
cursor:pointer;
|
|
398
|
+
display:flex;
|
|
397
399
|
justify-content:center;
|
|
398
400
|
line-height:var(--button-line-height);
|
|
399
401
|
outline:0;
|
|
@@ -401,17 +403,21 @@
|
|
|
401
403
|
user-select:none;
|
|
402
404
|
white-space:nowrap;
|
|
403
405
|
}
|
|
404
|
-
.bp_base_button_module_button--
|
|
406
|
+
.bp_base_button_module_button--0a25e:where(a){
|
|
407
|
+
cursor:pointer;
|
|
408
|
+
text-decoration:none;
|
|
409
|
+
}
|
|
410
|
+
.bp_base_button_module_button--0a25e .bp_base_button_module_icon--0a25e{
|
|
405
411
|
align-items:center;
|
|
406
412
|
display:flex;
|
|
407
413
|
}
|
|
408
|
-
.bp_base_button_module_button--
|
|
414
|
+
.bp_base_button_module_button--0a25e:not(:disabled)[data-focus-visible]{
|
|
409
415
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
410
416
|
}
|
|
411
|
-
.bp_base_button_module_button--
|
|
417
|
+
.bp_base_button_module_button--0a25e:disabled{
|
|
412
418
|
opacity:.3;
|
|
413
419
|
}
|
|
414
|
-
.bp_base_button_module_button--
|
|
420
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e{
|
|
415
421
|
--button-color:var(--bp-text-text-on-dark);
|
|
416
422
|
--button-background:var(--bp-surface-surface-brand);
|
|
417
423
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -423,15 +429,15 @@
|
|
|
423
429
|
border:var(--button-border);
|
|
424
430
|
color:var(--button-color);
|
|
425
431
|
}
|
|
426
|
-
.bp_base_button_module_button--
|
|
432
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled)[data-focus-visible]{
|
|
427
433
|
background:var(--button-focus-or-hover-background);
|
|
428
434
|
border:var(--button-focus-or-hover-border);
|
|
429
435
|
}
|
|
430
|
-
.bp_base_button_module_button--
|
|
436
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled):active{
|
|
431
437
|
background:var(--button-active-background);
|
|
432
438
|
border:var(--button-active-border);
|
|
433
439
|
}
|
|
434
|
-
.bp_base_button_module_button--
|
|
440
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e{
|
|
435
441
|
--button-color:var(--bp-text-text-on-light);
|
|
436
442
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
437
443
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -445,15 +451,15 @@
|
|
|
445
451
|
border:var(--button-border);
|
|
446
452
|
color:var(--button-color);
|
|
447
453
|
}
|
|
448
|
-
.bp_base_button_module_button--
|
|
454
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled)[data-focus-visible]{
|
|
449
455
|
background:var(--button-focus-or-hover-background);
|
|
450
456
|
border:var(--button-focus-or-hover-border);
|
|
451
457
|
}
|
|
452
|
-
.bp_base_button_module_button--
|
|
458
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled):active{
|
|
453
459
|
background:var(--button-active-background);
|
|
454
460
|
border:var(--button-active-border);
|
|
455
461
|
}
|
|
456
|
-
.bp_base_button_module_button--
|
|
462
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e{
|
|
457
463
|
--button-color:var(--bp-text-cta-link);
|
|
458
464
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
459
465
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
@@ -464,13 +470,13 @@
|
|
|
464
470
|
border:var(--button-border);
|
|
465
471
|
color:var(--button-color);
|
|
466
472
|
}
|
|
467
|
-
.bp_base_button_module_button--
|
|
473
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled)[data-focus-visible]{
|
|
468
474
|
background:var(--button-focus-or-hover-background);
|
|
469
475
|
}
|
|
470
|
-
.bp_base_button_module_button--
|
|
476
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled):active{
|
|
471
477
|
background:var(--button-active-background);
|
|
472
478
|
}
|
|
473
|
-
.bp_base_button_module_button--
|
|
479
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e{
|
|
474
480
|
--button-color:var(--bp-text-cta-link-secondary);
|
|
475
481
|
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
476
482
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -482,13 +488,13 @@
|
|
|
482
488
|
border:var(--button-border);
|
|
483
489
|
color:var(--button-color);
|
|
484
490
|
}
|
|
485
|
-
.bp_base_button_module_button--
|
|
491
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled)[data-focus-visible]{
|
|
486
492
|
background:var(--button-focus-or-hover-background);
|
|
487
493
|
}
|
|
488
|
-
.bp_base_button_module_button--
|
|
494
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled):active{
|
|
489
495
|
background:var(--button-active-background);
|
|
490
496
|
}
|
|
491
|
-
.bp_base_button_module_button--
|
|
497
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e{
|
|
492
498
|
--button-color:var(--bp-text-text-destructive-on-light);
|
|
493
499
|
--button-background:var(--bp-surface-cta-destructive-surface-tertiary);
|
|
494
500
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -500,13 +506,13 @@
|
|
|
500
506
|
border:var(--button-border);
|
|
501
507
|
color:var(--button-color);
|
|
502
508
|
}
|
|
503
|
-
.bp_base_button_module_button--
|
|
509
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled)[data-focus-visible]{
|
|
504
510
|
background:var(--button-focus-or-hover-background);
|
|
505
511
|
}
|
|
506
|
-
.bp_base_button_module_button--
|
|
512
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled):active{
|
|
507
513
|
background:var(--button-active-background);
|
|
508
514
|
}
|
|
509
|
-
.bp_base_button_module_button--
|
|
515
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e{
|
|
510
516
|
--button-color:var(--bp-text-text-on-dark);
|
|
511
517
|
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
512
518
|
--button-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
@@ -518,15 +524,15 @@
|
|
|
518
524
|
border:var(--button-border);
|
|
519
525
|
color:var(--button-color);
|
|
520
526
|
}
|
|
521
|
-
.bp_base_button_module_button--
|
|
527
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled)[data-focus-visible]{
|
|
522
528
|
background:var(--button-focus-or-hover-background);
|
|
523
529
|
border:var(--button-focus-or-hover-border);
|
|
524
530
|
}
|
|
525
|
-
.bp_base_button_module_button--
|
|
531
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled):active{
|
|
526
532
|
background:var(--button-active-background);
|
|
527
533
|
border:var(--button-active-border);
|
|
528
534
|
}
|
|
529
|
-
.bp_base_button_module_button--
|
|
535
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e{
|
|
530
536
|
--button-color:var(--bp-text-text-on-light);
|
|
531
537
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
532
538
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -540,15 +546,15 @@
|
|
|
540
546
|
border:var(--button-border);
|
|
541
547
|
color:var(--button-color);
|
|
542
548
|
}
|
|
543
|
-
.bp_base_button_module_button--
|
|
549
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled)[data-focus-visible]{
|
|
544
550
|
background:var(--button-focus-or-hover-background);
|
|
545
551
|
border:var(--button-focus-or-hover-border);
|
|
546
552
|
}
|
|
547
|
-
.bp_base_button_module_button--
|
|
553
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled):active{
|
|
548
554
|
background:var(--button-active-background);
|
|
549
555
|
border:var(--button-active-border);
|
|
550
556
|
}
|
|
551
|
-
.bp_base_button_module_button--
|
|
557
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e{
|
|
552
558
|
--button-small-gap:var(--bp-space-010);
|
|
553
559
|
--button-small-min-height:var(--bp-size-080);
|
|
554
560
|
--button-small-padding:0 var(--bp-size-030);
|
|
@@ -556,7 +562,7 @@
|
|
|
556
562
|
min-height:var(--button-small-min-height);
|
|
557
563
|
padding:var(--button-small-padding);
|
|
558
564
|
}
|
|
559
|
-
.bp_base_button_module_button--
|
|
565
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
560
566
|
--icon-button-small-width:var(--bp-size-080);
|
|
561
567
|
--icon-button-small-height:var(--bp-size-080);
|
|
562
568
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
@@ -565,19 +571,19 @@
|
|
|
565
571
|
padding:var(--icon-button-small-padding);
|
|
566
572
|
width:var(--icon-button-small-width);
|
|
567
573
|
}
|
|
568
|
-
.bp_base_button_module_button--
|
|
574
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
569
575
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
570
576
|
padding:var(--button-small-padding);
|
|
571
577
|
}
|
|
572
|
-
.bp_base_button_module_button--
|
|
578
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
573
579
|
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
574
580
|
padding:var(--button-small-padding);
|
|
575
581
|
}
|
|
576
|
-
.bp_base_button_module_button--
|
|
582
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
577
583
|
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
578
584
|
padding:var(--button-small-padding);
|
|
579
585
|
}
|
|
580
|
-
.bp_base_button_module_button--
|
|
586
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
581
587
|
--button-x-small-gap:var(--bp-space-010);
|
|
582
588
|
--button-x-small-min-height:var(--bp-size-060);
|
|
583
589
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020);
|
|
@@ -588,7 +594,7 @@
|
|
|
588
594
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
589
595
|
line-height:var(--bp-font-line-height-04);
|
|
590
596
|
}
|
|
591
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
597
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
592
598
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
593
599
|
font-size:.8125rem;
|
|
594
600
|
font-style:normal;
|
|
@@ -599,12 +605,12 @@
|
|
|
599
605
|
text-transform:none;
|
|
600
606
|
}
|
|
601
607
|
|
|
602
|
-
.bp_base_button_module_button--
|
|
608
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
603
609
|
gap:var(--button-x-small-gap);
|
|
604
610
|
min-height:var(--button-x-small-min-height);
|
|
605
611
|
padding:var(--button-x-small-padding);
|
|
606
612
|
}
|
|
607
|
-
.bp_base_button_module_button--
|
|
613
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
608
614
|
--icon-button-x-small-width:var(--bp-size-060);
|
|
609
615
|
--icon-button-x-small-height:var(--bp-size-060);
|
|
610
616
|
--icon-button-x-small-padding:0 calc((var(--bp-size-060) - var(--bp-size-040))/2);
|
|
@@ -613,19 +619,19 @@
|
|
|
613
619
|
padding:var(--icon-button-x-small-padding);
|
|
614
620
|
width:var(--icon-button-x-small-width);
|
|
615
621
|
}
|
|
616
|
-
.bp_base_button_module_button--
|
|
622
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
617
623
|
--button-x-small-padding:var(--bp-space-005) 0.375rem var(--bp-space-005) var(--bp-space-020);
|
|
618
624
|
padding:var(--button-x-small-padding);
|
|
619
625
|
}
|
|
620
|
-
.bp_base_button_module_button--
|
|
626
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
621
627
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020) var(--bp-space-005) 0.375rem;
|
|
622
628
|
padding:var(--button-x-small-padding);
|
|
623
629
|
}
|
|
624
|
-
.bp_base_button_module_button--
|
|
630
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
625
631
|
--button-x-small-padding:var(--bp-space-005) 0.375rem;
|
|
626
632
|
padding:var(--button-x-small-padding);
|
|
627
633
|
}
|
|
628
|
-
.bp_base_button_module_button--
|
|
634
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
629
635
|
--button-large-gap:var(--bp-space-020);
|
|
630
636
|
--button-large-min-height:var(--bp-size-100);
|
|
631
637
|
--button-large-padding:0 var(--bp-size-040);
|
|
@@ -636,7 +642,7 @@
|
|
|
636
642
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
637
643
|
line-height:var(--bp-font-line-height-05);
|
|
638
644
|
}
|
|
639
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
645
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
640
646
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
641
647
|
font-size:1rem;
|
|
642
648
|
font-style:normal;
|
|
@@ -647,12 +653,12 @@
|
|
|
647
653
|
text-transform:none;
|
|
648
654
|
}
|
|
649
655
|
|
|
650
|
-
.bp_base_button_module_button--
|
|
656
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
651
657
|
gap:var(--button-large-gap);
|
|
652
658
|
min-height:var(--button-large-min-height);
|
|
653
659
|
padding:var(--button-large-padding);
|
|
654
660
|
}
|
|
655
|
-
.bp_base_button_module_button--
|
|
661
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
656
662
|
--icon-button-large-width:var(--bp-size-100);
|
|
657
663
|
--icon-button-large-height:var(--bp-size-100);
|
|
658
664
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
@@ -660,23 +666,23 @@
|
|
|
660
666
|
padding:var(--icon-button-large-padding);
|
|
661
667
|
width:var(--icon-button-large-width);
|
|
662
668
|
}
|
|
663
|
-
.bp_base_button_module_button--
|
|
669
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
664
670
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
665
671
|
padding:var(--button-large-padding);
|
|
666
672
|
}
|
|
667
|
-
.bp_base_button_module_button--
|
|
673
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
668
674
|
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
669
675
|
padding:var(--button-large-padding);
|
|
670
676
|
}
|
|
671
|
-
.bp_base_button_module_button--
|
|
677
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
672
678
|
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
673
679
|
padding:var(--button-large-padding);
|
|
674
680
|
}
|
|
675
|
-
.bp_base_button_module_button--
|
|
681
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_hide--0a25e{
|
|
676
682
|
pointer-events:none;
|
|
677
683
|
position:relative;
|
|
678
684
|
}
|
|
679
|
-
.bp_base_button_module_button--
|
|
685
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_hide--0a25e span{
|
|
680
686
|
color:#0000;
|
|
681
687
|
opacity:0;
|
|
682
688
|
}
|
|
@@ -8212,7 +8218,7 @@
|
|
|
8212
8218
|
text-transform:none;
|
|
8213
8219
|
text-underline-offset:auto;
|
|
8214
8220
|
}
|
|
8215
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8221
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false]{
|
|
8216
8222
|
--small-list-gap:var(--space-2);
|
|
8217
8223
|
--small-list-padding:var(--space-1);
|
|
8218
8224
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -8236,7 +8242,7 @@
|
|
|
8236
8242
|
--small-list-focus-outline-radius:0.875rem;
|
|
8237
8243
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
8238
8244
|
}
|
|
8239
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8245
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8240
8246
|
font-family:var(--body-default-semibold-font-family);
|
|
8241
8247
|
font-size:var(--body-default-semibold-font-size);
|
|
8242
8248
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -8245,7 +8251,7 @@
|
|
|
8245
8251
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
8246
8252
|
text-transform:var(--body-default-semibold-text-case);
|
|
8247
8253
|
}
|
|
8248
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8254
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8249
8255
|
font-family:var(--caption-default-font-family);
|
|
8250
8256
|
font-size:var(--caption-default-font-size);
|
|
8251
8257
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8255,7 +8261,7 @@
|
|
|
8255
8261
|
text-transform:var(--caption-default-text-case);
|
|
8256
8262
|
}
|
|
8257
8263
|
|
|
8258
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8264
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true]{
|
|
8259
8265
|
--small-list-gap:var(--bp-space-020);
|
|
8260
8266
|
--small-list-padding:initial;
|
|
8261
8267
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -8279,7 +8285,7 @@
|
|
|
8279
8285
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
8280
8286
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
8281
8287
|
}
|
|
8282
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8288
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8283
8289
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8284
8290
|
font-size:var(--bp-font-size-05);
|
|
8285
8291
|
font-style:normal;
|
|
@@ -8287,7 +8293,7 @@
|
|
|
8287
8293
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8288
8294
|
line-height:var(--bp-font-line-height-04);
|
|
8289
8295
|
}
|
|
8290
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8296
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8291
8297
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8292
8298
|
font-size:.875rem;
|
|
8293
8299
|
font-style:normal;
|
|
@@ -8298,7 +8304,7 @@
|
|
|
8298
8304
|
text-transform:none;
|
|
8299
8305
|
}
|
|
8300
8306
|
|
|
8301
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8307
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8302
8308
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8303
8309
|
font-size:var(--bp-font-size-03);
|
|
8304
8310
|
font-style:normal;
|
|
@@ -8306,7 +8312,7 @@
|
|
|
8306
8312
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8307
8313
|
line-height:var(--bp-font-line-height-02);
|
|
8308
8314
|
}
|
|
8309
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8315
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8310
8316
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8311
8317
|
font-size:.75rem;
|
|
8312
8318
|
font-style:normal;
|
|
@@ -8317,7 +8323,7 @@
|
|
|
8317
8323
|
text-transform:none;
|
|
8318
8324
|
}
|
|
8319
8325
|
|
|
8320
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8326
|
+
.bp_base_grid_list_item_module_smallList--e6f7b{
|
|
8321
8327
|
box-sizing:border-box;
|
|
8322
8328
|
display:grid;
|
|
8323
8329
|
gap:var(--small-list-gap);
|
|
@@ -8328,7 +8334,7 @@
|
|
|
8328
8334
|
padding:var(--small-list-padding);
|
|
8329
8335
|
width:auto;
|
|
8330
8336
|
}
|
|
8331
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8337
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b{
|
|
8332
8338
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
8333
8339
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
8334
8340
|
--item-background:var(--small-list-item-background);
|
|
@@ -8347,11 +8353,11 @@
|
|
|
8347
8353
|
transform:translateZ(0);
|
|
8348
8354
|
width:auto;
|
|
8349
8355
|
}
|
|
8350
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8356
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8351
8357
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
8352
8358
|
grid-template-rows:100% 0;
|
|
8353
8359
|
}
|
|
8354
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8360
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
8355
8361
|
align-items:center;
|
|
8356
8362
|
aspect-ratio:1;
|
|
8357
8363
|
display:flex;
|
|
@@ -8360,35 +8366,35 @@
|
|
|
8360
8366
|
overflow:hidden;
|
|
8361
8367
|
z-index:1;
|
|
8362
8368
|
}
|
|
8363
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8369
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_thumbnailContent--e6f7b img,.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_thumbnailContent--e6f7b svg{
|
|
8364
8370
|
height:100%;
|
|
8365
8371
|
object-fit:cover;
|
|
8366
8372
|
object-position:left;
|
|
8367
8373
|
width:100%;
|
|
8368
8374
|
}
|
|
8369
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8375
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8370
8376
|
color:var(--small-list-header-color);
|
|
8371
8377
|
grid-area:head;
|
|
8372
8378
|
}
|
|
8373
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8379
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8374
8380
|
align-items:center;
|
|
8375
8381
|
display:flex;
|
|
8376
8382
|
}
|
|
8377
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8383
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8378
8384
|
color:var(--small-list-subtitle-color);
|
|
8379
8385
|
grid-area:subtitle;
|
|
8380
8386
|
}
|
|
8381
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8387
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b,.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8382
8388
|
display:inline-block;
|
|
8383
8389
|
overflow:hidden;
|
|
8384
8390
|
text-overflow:ellipsis;
|
|
8385
8391
|
white-space:nowrap;
|
|
8386
8392
|
}
|
|
8387
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8393
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b:not(:has(.bp_base_grid_list_item_module_header--e6f7b)),.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b:not(:has(.bp_base_grid_list_item_module_subtitle--e6f7b)){
|
|
8388
8394
|
grid-template-rows:100% 0;
|
|
8389
8395
|
row-gap:0;
|
|
8390
8396
|
}
|
|
8391
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8397
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
8392
8398
|
align-items:center;
|
|
8393
8399
|
display:flex;
|
|
8394
8400
|
grid-area:actions;
|
|
@@ -8398,11 +8404,11 @@
|
|
|
8398
8404
|
padding-right:0;
|
|
8399
8405
|
}
|
|
8400
8406
|
@media (pointer: coarse){
|
|
8401
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8407
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
8402
8408
|
--actions-opacity:1;
|
|
8403
8409
|
}
|
|
8404
8410
|
}
|
|
8405
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8411
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b{
|
|
8406
8412
|
align-items:center;
|
|
8407
8413
|
background:var(--item-background);
|
|
8408
8414
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -8411,10 +8417,10 @@
|
|
|
8411
8417
|
justify-content:center;
|
|
8412
8418
|
width:var(--small-list-selection-width);
|
|
8413
8419
|
}
|
|
8414
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8420
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b:hover{
|
|
8415
8421
|
background:var(--small-list-selection-hover-background);
|
|
8416
8422
|
}
|
|
8417
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8423
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
8418
8424
|
align-items:center;
|
|
8419
8425
|
border-radius:var(--small-list-inner-border-radius);
|
|
8420
8426
|
display:flex;
|
|
@@ -8422,17 +8428,17 @@
|
|
|
8422
8428
|
justify-content:flex-end;
|
|
8423
8429
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
8424
8430
|
}
|
|
8425
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8431
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b:last-child{
|
|
8426
8432
|
margin-inline-end:0;
|
|
8427
8433
|
}
|
|
8428
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8434
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_actionsCheckboxWrapper--e6f7b{
|
|
8429
8435
|
display:flex;
|
|
8430
8436
|
}
|
|
8431
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8437
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b:hover,.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-active-item],.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-focused],.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-hovered]{
|
|
8432
8438
|
--actions-opacity:1;
|
|
8433
8439
|
background:var(--item-hover);
|
|
8434
8440
|
}
|
|
8435
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8441
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-active-item]::before,.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b[data-focus-visible]::before{
|
|
8436
8442
|
--actions-opacity:1;
|
|
8437
8443
|
border-radius:var(--small-list-focus-outline-radius);
|
|
8438
8444
|
content:"";
|
|
@@ -8446,7 +8452,7 @@
|
|
|
8446
8452
|
width:100%;
|
|
8447
8453
|
}
|
|
8448
8454
|
|
|
8449
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8455
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=false]{
|
|
8450
8456
|
--large-list-gap:var(--space-05);
|
|
8451
8457
|
--large-list-padding:var(--space-1);
|
|
8452
8458
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8495,11 +8501,11 @@
|
|
|
8495
8501
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
8496
8502
|
--large-list-item-interaction-backdrop-filter:none;
|
|
8497
8503
|
}
|
|
8498
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8504
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8499
8505
|
border-radius:var(--large-list-item-border-radius);
|
|
8500
8506
|
}
|
|
8501
8507
|
|
|
8502
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8508
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true]{
|
|
8503
8509
|
--large-list-gap:var(--bp-space-005);
|
|
8504
8510
|
--large-list-padding:var(--bp-space-010);
|
|
8505
8511
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8549,18 +8555,18 @@
|
|
|
8549
8555
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
8550
8556
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
8551
8557
|
}
|
|
8552
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8558
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b:hover,.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true],.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[data-active-item],.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[data-focused],.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[data-hovered]{
|
|
8553
8559
|
border-radius:var(--large-list-item-border-radius);
|
|
8554
8560
|
}
|
|
8555
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8561
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]{
|
|
8556
8562
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8557
8563
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8558
8564
|
}
|
|
8559
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8565
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b:not([aria-selected=true])[data-hovered]{
|
|
8560
8566
|
--item-background:var(--large-list-item-hover-background);
|
|
8561
8567
|
}
|
|
8562
8568
|
|
|
8563
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8569
|
+
.bp_base_grid_list_item_module_largeList--e6f7b{
|
|
8564
8570
|
box-sizing:border-box;
|
|
8565
8571
|
display:flex;
|
|
8566
8572
|
flex-direction:column;
|
|
@@ -8570,7 +8576,7 @@
|
|
|
8570
8576
|
overflow:auto;
|
|
8571
8577
|
padding:var(--large-list-padding);
|
|
8572
8578
|
}
|
|
8573
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8579
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8574
8580
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
8575
8581
|
--actions-opacity:0;
|
|
8576
8582
|
--item-background:var(--large-list-item-background);
|
|
@@ -8586,18 +8592,18 @@
|
|
|
8586
8592
|
position:relative;
|
|
8587
8593
|
transform:translateZ(0);
|
|
8588
8594
|
}
|
|
8589
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8595
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8590
8596
|
grid-template-rows:1fr 1fr 1fr;
|
|
8591
8597
|
}
|
|
8592
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8598
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b:focus-within{
|
|
8593
8599
|
--actions-opacity:1;
|
|
8594
8600
|
}
|
|
8595
8601
|
@media (max-width: 374px){
|
|
8596
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8602
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8597
8603
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
8598
8604
|
}
|
|
8599
8605
|
}
|
|
8600
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8606
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
8601
8607
|
aspect-ratio:4/3;
|
|
8602
8608
|
border:var(--large-list-item-thumbnail-border);
|
|
8603
8609
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -8605,24 +8611,24 @@
|
|
|
8605
8611
|
overflow:hidden;
|
|
8606
8612
|
z-index:1;
|
|
8607
8613
|
}
|
|
8608
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8614
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img{
|
|
8609
8615
|
height:100%;
|
|
8610
8616
|
object-fit:cover;
|
|
8611
8617
|
object-position:left;
|
|
8612
8618
|
width:100%;
|
|
8613
8619
|
}
|
|
8614
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8620
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8615
8621
|
border:none;
|
|
8616
8622
|
}
|
|
8617
8623
|
@media (max-width: 374px){
|
|
8618
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8624
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
8619
8625
|
aspect-ratio:1/1;
|
|
8620
8626
|
}
|
|
8621
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8627
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img{
|
|
8622
8628
|
object-fit:contain;
|
|
8623
8629
|
}
|
|
8624
8630
|
}
|
|
8625
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8631
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
8626
8632
|
align-items:center;
|
|
8627
8633
|
display:flex;
|
|
8628
8634
|
height:var(--large-list-item-actions-height);
|
|
@@ -8634,11 +8640,11 @@
|
|
|
8634
8640
|
top:var(--large-list-item-actions-top);
|
|
8635
8641
|
}
|
|
8636
8642
|
@media (pointer: coarse){
|
|
8637
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8643
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
8638
8644
|
--actions-opacity:1;
|
|
8639
8645
|
}
|
|
8640
8646
|
}
|
|
8641
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8647
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b{
|
|
8642
8648
|
align-items:center;
|
|
8643
8649
|
background:var(--item-background);
|
|
8644
8650
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -8647,15 +8653,15 @@
|
|
|
8647
8653
|
justify-content:center;
|
|
8648
8654
|
width:var(--large-list-item-selection-width);
|
|
8649
8655
|
}
|
|
8650
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8656
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b:hover{
|
|
8651
8657
|
background:var(--large-list-item-selection-hover-background);
|
|
8652
8658
|
}
|
|
8653
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8659
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_fade--e6f7b{
|
|
8654
8660
|
align-self:stretch;
|
|
8655
8661
|
background:var(--large-list-item-fade-background);
|
|
8656
8662
|
width:var(--large-list-item-fade-width);
|
|
8657
8663
|
}
|
|
8658
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8664
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
8659
8665
|
align-items:center;
|
|
8660
8666
|
background:var(--item-background);
|
|
8661
8667
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -8664,14 +8670,14 @@
|
|
|
8664
8670
|
justify-content:flex-end;
|
|
8665
8671
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
8666
8672
|
}
|
|
8667
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8673
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b:last-child{
|
|
8668
8674
|
margin-inline-end:0;
|
|
8669
8675
|
}
|
|
8670
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8676
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_actionsCheckboxWrapper--e6f7b{
|
|
8671
8677
|
background:var(--item-background);
|
|
8672
8678
|
display:flex;
|
|
8673
8679
|
}
|
|
8674
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8680
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8675
8681
|
align-items:center;
|
|
8676
8682
|
color:var(--large-list-item-header-color);
|
|
8677
8683
|
display:inline-flex;
|
|
@@ -8688,7 +8694,7 @@
|
|
|
8688
8694
|
text-transform:var(--body-default-semibold-text-case);
|
|
8689
8695
|
white-space:nowrap;
|
|
8690
8696
|
}
|
|
8691
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8697
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8692
8698
|
align-items:center;
|
|
8693
8699
|
color:var(--large-list-item-subtitle-color);
|
|
8694
8700
|
display:flex;
|
|
@@ -8703,7 +8709,7 @@
|
|
|
8703
8709
|
text-transform:var(--caption-default-text-case);
|
|
8704
8710
|
white-space:nowrap;
|
|
8705
8711
|
}
|
|
8706
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8712
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_description--e6f7b{
|
|
8707
8713
|
-webkit-box-orient:vertical;
|
|
8708
8714
|
-webkit-line-clamp:3;
|
|
8709
8715
|
color:var(--large-list-item-description-color);
|
|
@@ -8720,12 +8726,12 @@
|
|
|
8720
8726
|
text-decoration:var(--body-default-text-decoration);
|
|
8721
8727
|
text-transform:var(--body-default-text-case);
|
|
8722
8728
|
}
|
|
8723
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8729
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_snippet--e6f7b{
|
|
8724
8730
|
grid-area:description;
|
|
8725
8731
|
margin:0;
|
|
8726
8732
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
8727
8733
|
}
|
|
8728
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8734
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b .bp_base_grid_list_item_module_snippet--e6f7b .bp_base_grid_list_item_module_snippetContent--e6f7b{
|
|
8729
8735
|
-webkit-box-orient:vertical;
|
|
8730
8736
|
-webkit-line-clamp:2;
|
|
8731
8737
|
border:var(--large-list-item-snippet-border);
|
|
@@ -8744,13 +8750,13 @@
|
|
|
8744
8750
|
text-decoration:var(--body-default-text-decoration);
|
|
8745
8751
|
text-transform:var(--body-default-text-case);
|
|
8746
8752
|
}
|
|
8747
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8753
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b:hover,.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-active-item],.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-focused],.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-hovered]{
|
|
8748
8754
|
--actions-opacity:1;
|
|
8749
8755
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8750
8756
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8751
8757
|
outline:var(--large-list-item-hover-outline);
|
|
8752
8758
|
}
|
|
8753
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8759
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-active-item]::before,.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[data-focus-visible]::before{
|
|
8754
8760
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
8755
8761
|
content:"";
|
|
8756
8762
|
display:block;
|
|
@@ -8762,31 +8768,31 @@
|
|
|
8762
8768
|
top:0;
|
|
8763
8769
|
width:100%;
|
|
8764
8770
|
}
|
|
8765
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8771
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]{
|
|
8766
8772
|
--actions-opacity:1;
|
|
8767
8773
|
--item-background:var(--large-list-item-selected-background);
|
|
8768
8774
|
outline:var(--large-list-item-selected-outline);
|
|
8769
8775
|
z-index:2;
|
|
8770
8776
|
}
|
|
8771
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8777
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_fade--e6f7b{
|
|
8772
8778
|
background:var(--large-list-item-selected-fade-background);
|
|
8773
8779
|
}
|
|
8774
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8780
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
8775
8781
|
display:none;
|
|
8776
8782
|
}
|
|
8777
8783
|
@supports selector(:has(.foo)){
|
|
8778
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8784
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--e6f7b + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]:has(+ [aria-selected=true]){
|
|
8779
8785
|
border-end-end-radius:0;
|
|
8780
8786
|
border-end-start-radius:0;
|
|
8781
8787
|
}
|
|
8782
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8788
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--e6f7b + [aria-selected=true],.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true] + [aria-selected=true]{
|
|
8783
8789
|
border-start-end-radius:0;
|
|
8784
8790
|
border-start-start-radius:0;
|
|
8785
8791
|
border-top:none;
|
|
8786
8792
|
}
|
|
8787
8793
|
}
|
|
8788
8794
|
|
|
8789
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8795
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=false]{
|
|
8790
8796
|
--grid-list-minimum-item-width:188px;
|
|
8791
8797
|
--grid-list-gap:var(--space-4);
|
|
8792
8798
|
--grid-list-padding:0;
|
|
@@ -8827,7 +8833,7 @@
|
|
|
8827
8833
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
8828
8834
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
8829
8835
|
}
|
|
8830
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8836
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8831
8837
|
font-family:var(--body-default-font-family);
|
|
8832
8838
|
font-size:var(--body-default-font-size);
|
|
8833
8839
|
font-weight:var(--body-default-font-weight);
|
|
@@ -8836,7 +8842,7 @@
|
|
|
8836
8842
|
text-decoration:var(--body-default-text-decoration);
|
|
8837
8843
|
text-transform:var(--body-default-text-case);
|
|
8838
8844
|
}
|
|
8839
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8845
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8840
8846
|
font-family:var(--caption-default-font-family);
|
|
8841
8847
|
font-size:var(--caption-default-font-size);
|
|
8842
8848
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8846,7 +8852,7 @@
|
|
|
8846
8852
|
text-transform:var(--caption-default-text-case);
|
|
8847
8853
|
}
|
|
8848
8854
|
|
|
8849
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8855
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true]{
|
|
8850
8856
|
--grid-list-minimum-item-width:188px;
|
|
8851
8857
|
--grid-list-gap:var(--bp-space-040);
|
|
8852
8858
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -8887,7 +8893,7 @@
|
|
|
8887
8893
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
8888
8894
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
8889
8895
|
}
|
|
8890
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8896
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8891
8897
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8892
8898
|
font-size:var(--bp-font-size-05);
|
|
8893
8899
|
font-style:normal;
|
|
@@ -8895,7 +8901,7 @@
|
|
|
8895
8901
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8896
8902
|
line-height:var(--bp-font-line-height-04);
|
|
8897
8903
|
}
|
|
8898
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
8904
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
8899
8905
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8900
8906
|
font-size:.875rem;
|
|
8901
8907
|
font-style:normal;
|
|
@@ -8906,7 +8912,7 @@
|
|
|
8906
8912
|
text-transform:none;
|
|
8907
8913
|
}
|
|
8908
8914
|
|
|
8909
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8915
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8910
8916
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8911
8917
|
font-size:var(--bp-font-size-03);
|
|
8912
8918
|
font-style:normal;
|
|
@@ -8914,7 +8920,7 @@
|
|
|
8914
8920
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8915
8921
|
line-height:var(--bp-font-line-height-02);
|
|
8916
8922
|
}
|
|
8917
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
8923
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
8918
8924
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8919
8925
|
font-size:.75rem;
|
|
8920
8926
|
font-style:normal;
|
|
@@ -8925,7 +8931,7 @@
|
|
|
8925
8931
|
text-transform:none;
|
|
8926
8932
|
}
|
|
8927
8933
|
|
|
8928
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8934
|
+
.bp_base_grid_list_item_module_gridList--e6f7b{
|
|
8929
8935
|
box-sizing:border-box;
|
|
8930
8936
|
display:grid;
|
|
8931
8937
|
gap:var(--grid-list-gap);
|
|
@@ -8935,7 +8941,7 @@
|
|
|
8935
8941
|
overflow:auto;
|
|
8936
8942
|
padding:var(--grid-list-padding);
|
|
8937
8943
|
}
|
|
8938
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8944
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b{
|
|
8939
8945
|
--actions-opacity:0;
|
|
8940
8946
|
--item-background:var(--grid-list-item-background);
|
|
8941
8947
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -8953,15 +8959,15 @@
|
|
|
8953
8959
|
row-gap:var(--row-gap);
|
|
8954
8960
|
transform:translateZ(0);
|
|
8955
8961
|
}
|
|
8956
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8962
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b:focus-within{
|
|
8957
8963
|
--actions-opacity:1;
|
|
8958
8964
|
}
|
|
8959
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8965
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_statusPin--e6f7b{
|
|
8960
8966
|
left:var(--grid-list-item-status-pin-left);
|
|
8961
8967
|
position:absolute;
|
|
8962
8968
|
top:var(--grid-list-item-status-pin-top);
|
|
8963
8969
|
}
|
|
8964
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8970
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
8965
8971
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
8966
8972
|
background:var(--grid-list-thumbnail-background);
|
|
8967
8973
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -8969,25 +8975,25 @@
|
|
|
8969
8975
|
grid-area:thumbnail;
|
|
8970
8976
|
overflow:hidden;
|
|
8971
8977
|
}
|
|
8972
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8978
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img{
|
|
8973
8979
|
height:100%;
|
|
8974
8980
|
object-fit:contain;
|
|
8975
8981
|
width:100%;
|
|
8976
8982
|
}
|
|
8977
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8983
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8978
8984
|
border:none;
|
|
8979
8985
|
}
|
|
8980
8986
|
@media (pointer: coarse){
|
|
8981
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8987
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
8982
8988
|
margin-block-end:var(--space-1);
|
|
8983
8989
|
}
|
|
8984
8990
|
}
|
|
8985
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8991
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
8986
8992
|
grid-area:subtitle;
|
|
8987
8993
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
8988
8994
|
opacity:var(--actions-opacity);
|
|
8989
8995
|
}
|
|
8990
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8996
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b{
|
|
8991
8997
|
align-items:center;
|
|
8992
8998
|
border-radius:var(--grid-list-selection-border-radius);
|
|
8993
8999
|
display:flex;
|
|
@@ -8998,10 +9004,10 @@
|
|
|
8998
9004
|
top:var(--grid-list-selection-top);
|
|
8999
9005
|
width:var(--grid-list-selection-width);
|
|
9000
9006
|
}
|
|
9001
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9007
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b:hover{
|
|
9002
9008
|
background:var(--grid-list-selection-hover-background);
|
|
9003
9009
|
}
|
|
9004
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9010
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
9005
9011
|
align-items:center;
|
|
9006
9012
|
background:var(--item-background);
|
|
9007
9013
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -9010,29 +9016,29 @@
|
|
|
9010
9016
|
justify-content:center;
|
|
9011
9017
|
}
|
|
9012
9018
|
@media (pointer: coarse){
|
|
9013
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9019
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
9014
9020
|
grid-area:actions;
|
|
9015
9021
|
margin-block-start:0;
|
|
9016
9022
|
}
|
|
9017
9023
|
}
|
|
9018
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9024
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9019
9025
|
color:var(--grid-list-header-color);
|
|
9020
9026
|
grid-area:head;
|
|
9021
9027
|
height:var(--grid-list-header-height);
|
|
9022
9028
|
overflow-wrap:anywhere;
|
|
9023
9029
|
text-align:center;
|
|
9024
9030
|
}
|
|
9025
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9031
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
9026
9032
|
align-items:center;
|
|
9027
9033
|
display:flex;
|
|
9028
9034
|
}
|
|
9029
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9035
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9030
9036
|
-webkit-box-orient:vertical;
|
|
9031
9037
|
-webkit-line-clamp:2;
|
|
9032
9038
|
display:-webkit-box;
|
|
9033
9039
|
overflow:hidden;
|
|
9034
9040
|
}
|
|
9035
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9041
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9036
9042
|
color:var(--grid-list-subtitle-color);
|
|
9037
9043
|
grid-area:subtitle;
|
|
9038
9044
|
height:var(--grid-list-subtitle-height);
|
|
@@ -9041,16 +9047,16 @@
|
|
|
9041
9047
|
text-overflow:ellipsis;
|
|
9042
9048
|
white-space:nowrap;
|
|
9043
9049
|
}
|
|
9044
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9050
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
9045
9051
|
height:var(--grid-list-subtitle-loading-height);
|
|
9046
9052
|
}
|
|
9047
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9053
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b,.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b:hover,.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-active-item],.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-focused],.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-hovered]{
|
|
9048
9054
|
--actions-opacity:1;
|
|
9049
9055
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
9050
9056
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
9051
9057
|
outline:var(--grid-list-item-hover-outline);
|
|
9052
9058
|
}
|
|
9053
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9059
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-active-item]::before,.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-focus-visible]::before{
|
|
9054
9060
|
border-radius:var(--grid-list-item-border-radius);
|
|
9055
9061
|
content:"";
|
|
9056
9062
|
display:block;
|
|
@@ -9062,7 +9068,7 @@
|
|
|
9062
9068
|
top:0;
|
|
9063
9069
|
width:100%;
|
|
9064
9070
|
}
|
|
9065
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9071
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-active-item]::after,.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[data-focus-visible]::after{
|
|
9066
9072
|
border-radius:var(--grid-list-item-border-radius);
|
|
9067
9073
|
content:"";
|
|
9068
9074
|
display:block;
|
|
@@ -9074,16 +9080,16 @@
|
|
|
9074
9080
|
top:0;
|
|
9075
9081
|
width:100%;
|
|
9076
9082
|
}
|
|
9077
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9083
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[aria-selected=true]{
|
|
9078
9084
|
--actions-opacity:1;
|
|
9079
9085
|
--item-background:var(--grid-list-item-selected-background);
|
|
9080
9086
|
outline:var(--grid-list-item-selected-outline);
|
|
9081
9087
|
}
|
|
9082
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9088
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--e6f7b) .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
9083
9089
|
opacity:0;
|
|
9084
9090
|
}
|
|
9085
9091
|
@media (pointer: coarse){
|
|
9086
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9092
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b{
|
|
9087
9093
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
9088
9094
|
--actions-opacity:1;
|
|
9089
9095
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -9091,7 +9097,7 @@
|
|
|
9091
9097
|
}
|
|
9092
9098
|
}
|
|
9093
9099
|
|
|
9094
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9100
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-modern=false]{
|
|
9095
9101
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
9096
9102
|
--tooltip-offset:var(--space-2);
|
|
9097
9103
|
--tooltip-arrow-display:block;
|
|
@@ -9103,7 +9109,7 @@
|
|
|
9103
9109
|
--tooltip-backdrop-filter:none;
|
|
9104
9110
|
}
|
|
9105
9111
|
|
|
9106
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9112
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-modern=true]{
|
|
9107
9113
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
9108
9114
|
--tooltip-offset:var(--bp-space-020);
|
|
9109
9115
|
--tooltip-arrow-display:none;
|
|
@@ -9115,7 +9121,7 @@
|
|
|
9115
9121
|
--tooltip-backdrop-filter:blur(16px);
|
|
9116
9122
|
}
|
|
9117
9123
|
|
|
9118
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9124
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b{
|
|
9119
9125
|
background-color:var(--tooltip-background-color);
|
|
9120
9126
|
border:var(--tooltip-border);
|
|
9121
9127
|
border-radius:var(--tooltip-radius);
|
|
@@ -9133,27 +9139,27 @@
|
|
|
9133
9139
|
text-transform:var(--body-default-text-case);
|
|
9134
9140
|
z-index:var(--z-index-tooltip);
|
|
9135
9141
|
}
|
|
9136
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9142
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b .bp_base_grid_list_item_module_tooltipArrow--e6f7b svg{
|
|
9137
9143
|
display:var(--tooltip-arrow-display);
|
|
9138
9144
|
height:.5rem;
|
|
9139
9145
|
width:1rem;
|
|
9140
9146
|
}
|
|
9141
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9147
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=top]{
|
|
9142
9148
|
margin-block-end:var(--tooltip-offset);
|
|
9143
9149
|
}
|
|
9144
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9150
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--e6f7b svg{
|
|
9145
9151
|
transform:rotate(180deg);
|
|
9146
9152
|
}
|
|
9147
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9153
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=bottom]{
|
|
9148
9154
|
margin-block-start:var(--tooltip-offset);
|
|
9149
9155
|
}
|
|
9150
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9156
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=right]{
|
|
9151
9157
|
margin-inline-start:var(--tooltip-offset);
|
|
9152
9158
|
}
|
|
9153
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9159
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=left]{
|
|
9154
9160
|
margin-inline-end:var(--tooltip-offset);
|
|
9155
9161
|
}
|
|
9156
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9162
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b{
|
|
9157
9163
|
--grid-v2-gap:var(--bp-space-020);
|
|
9158
9164
|
--grid-v2-padding:0;
|
|
9159
9165
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -9206,7 +9212,7 @@
|
|
|
9206
9212
|
overflow:auto;
|
|
9207
9213
|
padding:var(--grid-v2-padding) 0;
|
|
9208
9214
|
}
|
|
9209
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9215
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b{
|
|
9210
9216
|
--actions-opacity:0;
|
|
9211
9217
|
--subtitle-opacity:1;
|
|
9212
9218
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -9224,20 +9230,20 @@
|
|
|
9224
9230
|
position:relative;
|
|
9225
9231
|
transform:translateZ(0);
|
|
9226
9232
|
}
|
|
9227
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9233
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b:focus-within{
|
|
9228
9234
|
--actions-opacity:1;
|
|
9229
9235
|
--subtitle-opacity:0;
|
|
9230
9236
|
}
|
|
9231
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9237
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b:focus-within{
|
|
9232
9238
|
--subtitle-opacity:1;
|
|
9233
9239
|
}
|
|
9234
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9240
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_statusPin--e6f7b{
|
|
9235
9241
|
left:var(--grid-v2-item-status-pin-left);
|
|
9236
9242
|
position:absolute;
|
|
9237
9243
|
top:var(--grid-v2-item-status-pin-top);
|
|
9238
9244
|
transition:transform .15s ease-out;
|
|
9239
9245
|
}
|
|
9240
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9246
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9241
9247
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
9242
9248
|
background:var(--grid-v2-thumbnail-background);
|
|
9243
9249
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -9247,28 +9253,28 @@
|
|
|
9247
9253
|
position:relative;
|
|
9248
9254
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
9249
9255
|
}
|
|
9250
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9256
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img{
|
|
9251
9257
|
height:100%;
|
|
9252
9258
|
max-height:none;
|
|
9253
9259
|
max-width:none;
|
|
9254
9260
|
object-fit:cover;
|
|
9255
9261
|
width:100%;
|
|
9256
9262
|
}
|
|
9257
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9263
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img.bp_base_grid_list_item_module_isImageFile--e6f7b{
|
|
9258
9264
|
object-position:center;
|
|
9259
9265
|
}
|
|
9260
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9266
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img:not(.bp_base_grid_list_item_module_isImageFile--e6f7b){
|
|
9261
9267
|
object-position:top left;
|
|
9262
9268
|
}
|
|
9263
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9269
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
9264
9270
|
border:none;
|
|
9265
9271
|
}
|
|
9266
9272
|
@media (pointer: coarse){
|
|
9267
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9273
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9268
9274
|
margin-block-end:var(--bp-space-010);
|
|
9269
9275
|
}
|
|
9270
9276
|
}
|
|
9271
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9277
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_thumbnailBadges--e6f7b{
|
|
9272
9278
|
align-items:center;
|
|
9273
9279
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
9274
9280
|
display:flex;
|
|
@@ -9276,12 +9282,12 @@
|
|
|
9276
9282
|
position:absolute;
|
|
9277
9283
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
9278
9284
|
}
|
|
9279
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9285
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_statusBadge--e6f7b{
|
|
9280
9286
|
align-items:center;
|
|
9281
9287
|
display:flex;
|
|
9282
9288
|
justify-content:center;
|
|
9283
9289
|
}
|
|
9284
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9290
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_fileTypePill--e6f7b{
|
|
9285
9291
|
background:var(--grid-v2-file-type-pill-background);
|
|
9286
9292
|
border:var(--grid-v2-file-type-pill-border);
|
|
9287
9293
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -9290,13 +9296,13 @@
|
|
|
9290
9296
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
9291
9297
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
9292
9298
|
}
|
|
9293
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9299
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
9294
9300
|
grid-area:subtitle;
|
|
9295
9301
|
margin-top:.25rem;
|
|
9296
9302
|
opacity:var(--actions-opacity);
|
|
9297
9303
|
transition:opacity .15s ease-out;
|
|
9298
9304
|
}
|
|
9299
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9305
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b{
|
|
9300
9306
|
align-items:center;
|
|
9301
9307
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
9302
9308
|
display:flex;
|
|
@@ -9308,19 +9314,19 @@
|
|
|
9308
9314
|
transition:transform .15s ease-out;
|
|
9309
9315
|
width:var(--grid-v2-selection-width);
|
|
9310
9316
|
}
|
|
9311
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9317
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b:hover{
|
|
9312
9318
|
background:var(--grid-v2-selection-hover-background);
|
|
9313
9319
|
}
|
|
9314
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9320
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
9315
9321
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
9316
9322
|
display:flex;
|
|
9317
9323
|
gap:var(--grid-v2-actions-inner-gap);
|
|
9318
9324
|
padding-inline-start:.25rem;
|
|
9319
9325
|
}
|
|
9320
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9326
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9321
9327
|
padding-inline-start:.25rem;
|
|
9322
9328
|
}
|
|
9323
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9329
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9324
9330
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9325
9331
|
font-size:var(--bp-font-size-05);
|
|
9326
9332
|
font-style:normal;
|
|
@@ -9328,7 +9334,7 @@
|
|
|
9328
9334
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9329
9335
|
line-height:var(--bp-font-line-height-04);
|
|
9330
9336
|
}
|
|
9331
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9337
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9332
9338
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9333
9339
|
font-size:.875rem;
|
|
9334
9340
|
font-style:normal;
|
|
@@ -9339,7 +9345,7 @@
|
|
|
9339
9345
|
text-transform:none;
|
|
9340
9346
|
}
|
|
9341
9347
|
|
|
9342
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9348
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9343
9349
|
color:var(--grid-v2-header-color);
|
|
9344
9350
|
display:block;
|
|
9345
9351
|
grid-area:head;
|
|
@@ -9348,7 +9354,7 @@
|
|
|
9348
9354
|
text-overflow:ellipsis;
|
|
9349
9355
|
white-space:nowrap;
|
|
9350
9356
|
}
|
|
9351
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9357
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9352
9358
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9353
9359
|
font-size:var(--bp-font-size-04);
|
|
9354
9360
|
font-style:normal;
|
|
@@ -9356,7 +9362,7 @@
|
|
|
9356
9362
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9357
9363
|
line-height:var(--bp-font-line-height-04);
|
|
9358
9364
|
}
|
|
9359
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9365
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9360
9366
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9361
9367
|
font-size:.8125rem;
|
|
9362
9368
|
font-style:normal;
|
|
@@ -9367,7 +9373,7 @@
|
|
|
9367
9373
|
text-transform:none;
|
|
9368
9374
|
}
|
|
9369
9375
|
|
|
9370
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9376
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9371
9377
|
color:var(--grid-v2-subtitle-color);
|
|
9372
9378
|
display:block;
|
|
9373
9379
|
grid-area:subtitle;
|
|
@@ -9378,35 +9384,35 @@
|
|
|
9378
9384
|
transition:opacity .15s ease-out;
|
|
9379
9385
|
white-space:nowrap;
|
|
9380
9386
|
}
|
|
9381
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9387
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_textCentered--e6f7b{
|
|
9382
9388
|
justify-content:center;
|
|
9383
9389
|
padding-inline-start:0;
|
|
9384
9390
|
text-align:center;
|
|
9385
9391
|
}
|
|
9386
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9392
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_innerCentered--e6f7b{
|
|
9387
9393
|
justify-content:center;
|
|
9388
9394
|
padding-inline-start:0;
|
|
9389
9395
|
}
|
|
9390
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9396
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered]{
|
|
9391
9397
|
--actions-opacity:1;
|
|
9392
9398
|
--subtitle-opacity:0;
|
|
9393
9399
|
}
|
|
9394
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9400
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_selection--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_statusPin--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_selection--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_statusPin--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_selection--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_statusPin--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_selection--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_statusPin--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9395
9401
|
transform:translateY(-.125rem);
|
|
9396
9402
|
}
|
|
9397
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9403
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9398
9404
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
9399
9405
|
}
|
|
9400
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9406
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_subtitle--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_subtitle--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9401
9407
|
pointer-events:none;
|
|
9402
9408
|
}
|
|
9403
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9409
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[data-hovered]{
|
|
9404
9410
|
--subtitle-opacity:1;
|
|
9405
9411
|
}
|
|
9406
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9412
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_subtitle--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_subtitle--e6f7b,.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b.bp_base_grid_list_item_module_noActions--e6f7b[data-hovered] .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9407
9413
|
pointer-events:auto;
|
|
9408
9414
|
}
|
|
9409
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9415
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible]::before{
|
|
9410
9416
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
9411
9417
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
9412
9418
|
content:"";
|
|
@@ -9415,10 +9421,10 @@
|
|
|
9415
9421
|
position:absolute;
|
|
9416
9422
|
transform:translateY(-.125rem);
|
|
9417
9423
|
}
|
|
9418
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9424
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true]{
|
|
9419
9425
|
--item-background:var(--grid-v2-item-selected-background);
|
|
9420
9426
|
}
|
|
9421
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9427
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true]::after{
|
|
9422
9428
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
9423
9429
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
9424
9430
|
content:"";
|
|
@@ -9428,22 +9434,22 @@
|
|
|
9428
9434
|
transform:translateY(-.125rem);
|
|
9429
9435
|
}
|
|
9430
9436
|
@media (pointer: coarse){
|
|
9431
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9437
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b{
|
|
9432
9438
|
--actions-opacity:1;
|
|
9433
9439
|
--subtitle-opacity:1;
|
|
9434
9440
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9435
9441
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9436
9442
|
}
|
|
9437
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9443
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
9438
9444
|
grid-area:actions;
|
|
9439
9445
|
}
|
|
9440
9446
|
}
|
|
9441
9447
|
|
|
9442
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
9448
|
+
.bp_base_grid_list_item_module_gridListV2Small--e6f7b{
|
|
9443
9449
|
--grid-v2-min-item-width:15.625rem;
|
|
9444
9450
|
}
|
|
9445
9451
|
|
|
9446
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
9452
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--e6f7b{
|
|
9447
9453
|
--grid-v2-min-item-width:8.75rem;
|
|
9448
9454
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
9449
9455
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -9451,7 +9457,17 @@
|
|
|
9451
9457
|
--grid-v2-selection-width:var(--bp-size-060);
|
|
9452
9458
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
9453
9459
|
}
|
|
9454
|
-
|
|
9460
|
+
|
|
9461
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b::after{
|
|
9462
|
+
border:var(--grid-v2-thumbnail-border);
|
|
9463
|
+
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
9464
|
+
content:"";
|
|
9465
|
+
inset:0;
|
|
9466
|
+
pointer-events:none;
|
|
9467
|
+
position:absolute;
|
|
9468
|
+
transform:translateY(-.125rem);
|
|
9469
|
+
}
|
|
9470
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--e6f7b{
|
|
9455
9471
|
display:grid;
|
|
9456
9472
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
9457
9473
|
grid-template-columns:1fr;
|
|
@@ -9463,15 +9479,15 @@
|
|
|
9463
9479
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
9464
9480
|
}
|
|
9465
9481
|
@media (pointer: coarse){
|
|
9466
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
9482
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--e6f7b{
|
|
9467
9483
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9468
9484
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9469
9485
|
}
|
|
9470
9486
|
}
|
|
9471
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
9487
|
+
.bp_base_grid_list_item_module_listV2ClickShield--e6f7b{
|
|
9472
9488
|
display:contents;
|
|
9473
9489
|
}
|
|
9474
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9490
|
+
.bp_base_grid_list_item_module_listV2--e6f7b{
|
|
9475
9491
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
9476
9492
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
9477
9493
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -9516,7 +9532,7 @@
|
|
|
9516
9532
|
padding:var(--list-v2-padding);
|
|
9517
9533
|
width:100%;
|
|
9518
9534
|
}
|
|
9519
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9535
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b{
|
|
9520
9536
|
--actions-opacity:0;
|
|
9521
9537
|
--item-background:var(--list-v2-item-background);
|
|
9522
9538
|
align-items:center;
|
|
@@ -9534,10 +9550,10 @@
|
|
|
9534
9550
|
position:relative;
|
|
9535
9551
|
transition:background .15s ease-out;
|
|
9536
9552
|
}
|
|
9537
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9553
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:not(:first-child){
|
|
9538
9554
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
9539
9555
|
}
|
|
9540
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9556
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_listV2Divider--e6f7b{
|
|
9541
9557
|
background:var(--list-v2-divider-color);
|
|
9542
9558
|
height:.0625rem;
|
|
9543
9559
|
left:0;
|
|
@@ -9546,10 +9562,10 @@
|
|
|
9546
9562
|
right:0;
|
|
9547
9563
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
9548
9564
|
}
|
|
9549
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9565
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:first-child .bp_base_grid_list_item_module_listV2Divider--e6f7b{
|
|
9550
9566
|
display:none;
|
|
9551
9567
|
}
|
|
9552
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9568
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9553
9569
|
align-items:center;
|
|
9554
9570
|
align-self:stretch;
|
|
9555
9571
|
aspect-ratio:4/3;
|
|
@@ -9563,15 +9579,15 @@
|
|
|
9563
9579
|
position:relative;
|
|
9564
9580
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
9565
9581
|
}
|
|
9566
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9582
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b img,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b svg{
|
|
9567
9583
|
height:100%;
|
|
9568
9584
|
object-fit:cover;
|
|
9569
9585
|
width:100%;
|
|
9570
9586
|
}
|
|
9571
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9587
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b.bp_base_grid_list_item_module_loading--e6f7b{
|
|
9572
9588
|
border:none;
|
|
9573
9589
|
}
|
|
9574
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9590
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_thumbnailBadges--e6f7b{
|
|
9575
9591
|
align-items:center;
|
|
9576
9592
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
9577
9593
|
display:flex;
|
|
@@ -9579,17 +9595,17 @@
|
|
|
9579
9595
|
position:absolute;
|
|
9580
9596
|
right:var(--list-v2-thumbnail-badges-right);
|
|
9581
9597
|
}
|
|
9582
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9598
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_statusBadge--e6f7b{
|
|
9583
9599
|
align-items:center;
|
|
9584
9600
|
display:flex;
|
|
9585
9601
|
justify-content:center;
|
|
9586
9602
|
}
|
|
9587
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9603
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_statusBadge--e6f7b img,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_statusBadge--e6f7b svg{
|
|
9588
9604
|
height:.875rem;
|
|
9589
9605
|
object-fit:contain;
|
|
9590
9606
|
width:.875rem;
|
|
9591
9607
|
}
|
|
9592
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9608
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b .bp_base_grid_list_item_module_fileTypePill--e6f7b{
|
|
9593
9609
|
align-items:center;
|
|
9594
9610
|
background:var(--list-v2-file-type-pill-background);
|
|
9595
9611
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -9598,7 +9614,7 @@
|
|
|
9598
9614
|
height:var(--list-v2-file-type-pill-height);
|
|
9599
9615
|
padding:var(--list-v2-file-type-pill-padding);
|
|
9600
9616
|
}
|
|
9601
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9617
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_content--e6f7b{
|
|
9602
9618
|
display:flex;
|
|
9603
9619
|
flex-direction:column;
|
|
9604
9620
|
gap:var(--list-v2-content-gap);
|
|
@@ -9606,7 +9622,7 @@
|
|
|
9606
9622
|
min-width:0;
|
|
9607
9623
|
padding-right:.5rem;
|
|
9608
9624
|
}
|
|
9609
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9625
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9610
9626
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9611
9627
|
font-size:var(--bp-font-size-05);
|
|
9612
9628
|
font-style:normal;
|
|
@@ -9614,7 +9630,7 @@
|
|
|
9614
9630
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9615
9631
|
line-height:var(--bp-font-line-height-04);
|
|
9616
9632
|
}
|
|
9617
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9633
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9618
9634
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9619
9635
|
font-size:.875rem;
|
|
9620
9636
|
font-style:normal;
|
|
@@ -9625,14 +9641,14 @@
|
|
|
9625
9641
|
text-transform:none;
|
|
9626
9642
|
}
|
|
9627
9643
|
|
|
9628
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9644
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_header--e6f7b{
|
|
9629
9645
|
color:var(--list-v2-header-color);
|
|
9630
9646
|
display:block;
|
|
9631
9647
|
overflow:hidden;
|
|
9632
9648
|
text-overflow:ellipsis;
|
|
9633
9649
|
white-space:nowrap;
|
|
9634
9650
|
}
|
|
9635
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9651
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9636
9652
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9637
9653
|
font-size:var(--bp-font-size-04);
|
|
9638
9654
|
font-style:normal;
|
|
@@ -9640,7 +9656,7 @@
|
|
|
9640
9656
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9641
9657
|
line-height:var(--bp-font-line-height-04);
|
|
9642
9658
|
}
|
|
9643
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9659
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9644
9660
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9645
9661
|
font-size:.8125rem;
|
|
9646
9662
|
font-style:normal;
|
|
@@ -9651,14 +9667,14 @@
|
|
|
9651
9667
|
text-transform:none;
|
|
9652
9668
|
}
|
|
9653
9669
|
|
|
9654
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9670
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_subtitle--e6f7b{
|
|
9655
9671
|
color:var(--list-v2-subtitle-color);
|
|
9656
9672
|
display:block;
|
|
9657
9673
|
overflow:hidden;
|
|
9658
9674
|
text-overflow:ellipsis;
|
|
9659
9675
|
white-space:nowrap;
|
|
9660
9676
|
}
|
|
9661
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9677
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
9662
9678
|
align-items:center;
|
|
9663
9679
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
9664
9680
|
display:flex;
|
|
@@ -9672,11 +9688,11 @@
|
|
|
9672
9688
|
transition:opacity .15s ease-out;
|
|
9673
9689
|
}
|
|
9674
9690
|
@media (pointer: coarse){
|
|
9675
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9691
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b{
|
|
9676
9692
|
--actions-opacity:1;
|
|
9677
9693
|
}
|
|
9678
9694
|
}
|
|
9679
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9695
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b{
|
|
9680
9696
|
align-items:center;
|
|
9681
9697
|
border-radius:var(--list-v2-selection-border-radius);
|
|
9682
9698
|
display:flex;
|
|
@@ -9684,28 +9700,28 @@
|
|
|
9684
9700
|
justify-content:center;
|
|
9685
9701
|
width:var(--list-v2-selection-size);
|
|
9686
9702
|
}
|
|
9687
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9703
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_selection--e6f7b:hover{
|
|
9688
9704
|
background:var(--list-v2-selection-hover-background);
|
|
9689
9705
|
}
|
|
9690
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9706
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_inner--e6f7b{
|
|
9691
9707
|
align-items:center;
|
|
9692
9708
|
display:flex;
|
|
9693
9709
|
gap:var(--list-v2-actions-gap);
|
|
9694
9710
|
}
|
|
9695
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9711
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_actionsCheckboxWrapper--e6f7b{
|
|
9696
9712
|
display:flex;
|
|
9697
9713
|
}
|
|
9698
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9714
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:hover,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true],.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible],.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-hovered]{
|
|
9699
9715
|
--actions-opacity:1;
|
|
9700
9716
|
}
|
|
9701
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9717
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:hover .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-hovered] .bp_base_grid_list_item_module_thumbnail--e6f7b{
|
|
9702
9718
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
9703
9719
|
transform:translateY(-.125rem);
|
|
9704
9720
|
}
|
|
9705
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9721
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b.bp_base_grid_list_item_module_isItemInteracted--e6f7b,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:hover,.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-hovered]{
|
|
9706
9722
|
--item-background:var(--list-v2-hover-background);
|
|
9707
9723
|
}
|
|
9708
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9724
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible]::before{
|
|
9709
9725
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
9710
9726
|
border-radius:var(--list-v2-focus-border-radius);
|
|
9711
9727
|
content:"";
|
|
@@ -9714,10 +9730,10 @@
|
|
|
9714
9730
|
position:absolute;
|
|
9715
9731
|
transform:translateY(-.125rem);
|
|
9716
9732
|
}
|
|
9717
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9733
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true]{
|
|
9718
9734
|
--item-background:var(--list-v2-selected-background);
|
|
9719
9735
|
}
|
|
9720
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9736
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true]::after{
|
|
9721
9737
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
9722
9738
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9723
9739
|
content:"";
|
|
@@ -9726,13 +9742,13 @@
|
|
|
9726
9742
|
position:absolute;
|
|
9727
9743
|
transform:translateY(-.125rem);
|
|
9728
9744
|
}
|
|
9729
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9745
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible][aria-selected=true]::after{
|
|
9730
9746
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9731
9747
|
inset:-.1875rem;
|
|
9732
9748
|
transform:translateY(-.125rem);
|
|
9733
9749
|
}
|
|
9734
9750
|
|
|
9735
|
-
.bp_base_grid_list_item_module_staticList--
|
|
9751
|
+
.bp_base_grid_list_item_module_staticList--e6f7b .bp_base_grid_list_item_module_staticListItem--e6f7b{
|
|
9736
9752
|
display:contents;
|
|
9737
9753
|
}
|
|
9738
9754
|
.bp_guided_tooltip_module_content--39841{
|
|
@@ -10206,7 +10222,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10206
10222
|
display:inline;
|
|
10207
10223
|
}
|
|
10208
10224
|
|
|
10209
|
-
.bp_modal_module_overlay--
|
|
10225
|
+
.bp_modal_module_overlay--0e889{
|
|
10210
10226
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
10211
10227
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
10212
10228
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -10252,15 +10268,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10252
10268
|
z-index:var(--z-index-modal);
|
|
10253
10269
|
}
|
|
10254
10270
|
@media (width > 459px){
|
|
10255
|
-
.bp_modal_module_overlay--
|
|
10271
|
+
.bp_modal_module_overlay--0e889{
|
|
10256
10272
|
place-items:center;
|
|
10257
10273
|
}
|
|
10258
10274
|
}
|
|
10259
10275
|
|
|
10260
|
-
.bp_modal_module_headerDividerLine--
|
|
10276
|
+
.bp_modal_module_headerDividerLine--0e889{
|
|
10261
10277
|
position:relative;
|
|
10262
10278
|
}
|
|
10263
|
-
.bp_modal_module_headerDividerLine--
|
|
10279
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10264
10280
|
border-bottom:var(--modal-divider-line-border);
|
|
10265
10281
|
bottom:0;
|
|
10266
10282
|
content:"";
|
|
@@ -10269,16 +10285,16 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10269
10285
|
right:var(--modal-divider-line-offset-right);
|
|
10270
10286
|
}
|
|
10271
10287
|
@media (width > 459px){
|
|
10272
|
-
.bp_modal_module_headerDividerLine--
|
|
10288
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10273
10289
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10274
10290
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10275
10291
|
}
|
|
10276
10292
|
}
|
|
10277
10293
|
|
|
10278
|
-
.bp_modal_module_footerDividerLine--
|
|
10294
|
+
.bp_modal_module_footerDividerLine--0e889{
|
|
10279
10295
|
position:relative;
|
|
10280
10296
|
}
|
|
10281
|
-
.bp_modal_module_footerDividerLine--
|
|
10297
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10282
10298
|
border-bottom:var(--modal-divider-line-border);
|
|
10283
10299
|
content:"";
|
|
10284
10300
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -10287,13 +10303,13 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10287
10303
|
top:0;
|
|
10288
10304
|
}
|
|
10289
10305
|
@media (width > 459px){
|
|
10290
|
-
.bp_modal_module_footerDividerLine--
|
|
10306
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10291
10307
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10292
10308
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10293
10309
|
}
|
|
10294
10310
|
}
|
|
10295
10311
|
|
|
10296
|
-
.bp_modal_module_content--
|
|
10312
|
+
.bp_modal_module_content--0e889{
|
|
10297
10313
|
display:flex;
|
|
10298
10314
|
flex-direction:column;
|
|
10299
10315
|
height:100vh;
|
|
@@ -10301,15 +10317,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10301
10317
|
position:relative;
|
|
10302
10318
|
}
|
|
10303
10319
|
@media (width > 374px){
|
|
10304
|
-
.bp_modal_module_content--
|
|
10320
|
+
.bp_modal_module_content--0e889{
|
|
10305
10321
|
overflow:hidden;
|
|
10306
10322
|
}
|
|
10307
10323
|
}
|
|
10308
|
-
.bp_modal_module_content--
|
|
10324
|
+
.bp_modal_module_content--0e889{
|
|
10309
10325
|
background-color:var(--modal-content-background);
|
|
10310
10326
|
}
|
|
10311
10327
|
@media (width > 459px){
|
|
10312
|
-
.bp_modal_module_content--
|
|
10328
|
+
.bp_modal_module_content--0e889{
|
|
10313
10329
|
border-radius:var(--modal-border-radius);
|
|
10314
10330
|
height:auto;
|
|
10315
10331
|
margin:var(--modal-margin);
|
|
@@ -10317,97 +10333,97 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10317
10333
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
10318
10334
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
10319
10335
|
}
|
|
10320
|
-
.bp_modal_module_content--
|
|
10336
|
+
.bp_modal_module_content--0e889.bp_modal_module_smallSizeModal--0e889{
|
|
10321
10337
|
max-width:var(--modal-max-width-small);
|
|
10322
10338
|
}
|
|
10323
|
-
.bp_modal_module_content--
|
|
10339
|
+
.bp_modal_module_content--0e889.bp_modal_module_mediumSizeModal--0e889{
|
|
10324
10340
|
max-width:var(--modal-max-width-medium);
|
|
10325
10341
|
}
|
|
10326
|
-
.bp_modal_module_content--
|
|
10342
|
+
.bp_modal_module_content--0e889.bp_modal_module_largeSizeModal--0e889{
|
|
10327
10343
|
max-width:var(--modal-max-width-large);
|
|
10328
10344
|
}
|
|
10329
|
-
.bp_modal_module_content--
|
|
10345
|
+
.bp_modal_module_content--0e889.bp_modal_module_xlargeSizeModal--0e889{
|
|
10330
10346
|
max-width:var(--modal-max-width-xlarge);
|
|
10331
10347
|
}
|
|
10332
10348
|
}
|
|
10333
|
-
.bp_modal_module_content--
|
|
10349
|
+
.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_footerDividerLine--0e889::before,.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_headerDividerLine--0e889::after{
|
|
10334
10350
|
display:none;
|
|
10335
10351
|
}
|
|
10336
10352
|
@media (width > 459px){
|
|
10337
|
-
.bp_modal_module_content--
|
|
10353
|
+
.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889){
|
|
10338
10354
|
max-height:var(--modal-max-height-loading);
|
|
10339
10355
|
max-width:var(--modal-max-width-loading);
|
|
10340
10356
|
}
|
|
10341
10357
|
}
|
|
10342
10358
|
|
|
10343
|
-
.bp_modal_module_overlay--
|
|
10344
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
10359
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=false]{
|
|
10360
|
+
animation:bp_modal_module_popup_bounce_in--0e889 var(--animation-duration-3);
|
|
10345
10361
|
}
|
|
10346
10362
|
|
|
10347
|
-
.bp_modal_module_overlay--
|
|
10363
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=open]{
|
|
10348
10364
|
animation-duration:var(--bp-duration-long);
|
|
10349
10365
|
animation-fill-mode:backwards;
|
|
10350
|
-
animation-name:bp_modal_module_bpModalEnter--
|
|
10366
|
+
animation-name:bp_modal_module_bpModalEnter--0e889;
|
|
10351
10367
|
animation-timing-function:var(--bp-curve-large-on);
|
|
10352
10368
|
}
|
|
10353
10369
|
|
|
10354
|
-
.bp_modal_module_overlay--
|
|
10370
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=closed],.bp_modal_module_overlay--0e889[data-bp-animated=true][data-state=closed]{
|
|
10355
10371
|
animation-duration:var(--bp-duration-medium);
|
|
10356
10372
|
animation-fill-mode:forwards;
|
|
10357
|
-
animation-name:bp_modal_module_bpModalExit--
|
|
10373
|
+
animation-name:bp_modal_module_bpModalExit--0e889;
|
|
10358
10374
|
animation-timing-function:var(--bp-curve-large-off);
|
|
10359
10375
|
}
|
|
10360
10376
|
|
|
10361
|
-
.bp_modal_module_scrollableContainer--
|
|
10377
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10362
10378
|
flex-grow:1;
|
|
10363
10379
|
}
|
|
10364
10380
|
@media (width > 374px){
|
|
10365
|
-
.bp_modal_module_scrollableContainer--
|
|
10381
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10366
10382
|
overflow-y:auto;
|
|
10367
10383
|
}
|
|
10368
10384
|
}
|
|
10369
10385
|
|
|
10370
|
-
.bp_modal_module_content--
|
|
10386
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10371
10387
|
position:fixed;
|
|
10372
10388
|
}
|
|
10373
10389
|
@media (width > 374px){
|
|
10374
|
-
.bp_modal_module_content--
|
|
10390
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10375
10391
|
position:absolute;
|
|
10376
10392
|
}
|
|
10377
10393
|
}
|
|
10378
|
-
.bp_modal_module_content--
|
|
10394
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10379
10395
|
color:var(--modal-close-button-color);
|
|
10380
10396
|
right:var(--modal-close-button-offset-right);
|
|
10381
10397
|
top:var(--modal-close-button-offset-top);
|
|
10382
10398
|
}
|
|
10383
10399
|
|
|
10384
|
-
.bp_modal_module_close--
|
|
10400
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889{
|
|
10385
10401
|
background-color:var(--modal-close-button-on-color-background);
|
|
10386
10402
|
}
|
|
10387
|
-
.bp_modal_module_close--
|
|
10403
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:hover{
|
|
10388
10404
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
10389
10405
|
}
|
|
10390
|
-
.bp_modal_module_close--
|
|
10406
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:active{
|
|
10391
10407
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
10392
10408
|
}
|
|
10393
10409
|
|
|
10394
|
-
.bp_modal_module_content--
|
|
10410
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10395
10411
|
color:var(--modal-back-button-color);
|
|
10396
10412
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
10397
10413
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
10398
10414
|
}
|
|
10399
10415
|
@media (width > 459px){
|
|
10400
|
-
.bp_modal_module_content--
|
|
10416
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10401
10417
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
10402
10418
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
10403
10419
|
}
|
|
10404
10420
|
}
|
|
10405
10421
|
|
|
10406
|
-
.bp_modal_module_modalHeader--
|
|
10422
|
+
.bp_modal_module_modalHeader--0e889{
|
|
10407
10423
|
display:flex;
|
|
10408
10424
|
}
|
|
10409
10425
|
|
|
10410
|
-
.bp_modal_module_modalTitle--
|
|
10426
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10411
10427
|
display:flex;
|
|
10412
10428
|
flex-direction:column;
|
|
10413
10429
|
gap:var(--modal-title-gap);
|
|
@@ -10415,80 +10431,83 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10415
10431
|
padding:var(--modal-title-padding);
|
|
10416
10432
|
}
|
|
10417
10433
|
@media (width > 459px){
|
|
10418
|
-
.bp_modal_module_modalTitle--
|
|
10434
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10419
10435
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
10420
10436
|
}
|
|
10421
10437
|
}
|
|
10422
10438
|
|
|
10423
|
-
.bp_modal_module_body--
|
|
10439
|
+
.bp_modal_module_body--0e889{
|
|
10424
10440
|
color:var(--modal-body-text-color);
|
|
10425
10441
|
padding:var(--modal-body-padding-fullscreen);
|
|
10426
10442
|
}
|
|
10427
10443
|
@media (width > 459px){
|
|
10428
|
-
.bp_modal_module_body--
|
|
10444
|
+
.bp_modal_module_body--0e889{
|
|
10429
10445
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
10430
10446
|
}
|
|
10431
10447
|
}
|
|
10432
10448
|
|
|
10433
|
-
.bp_modal_module_footer--
|
|
10449
|
+
.bp_modal_module_footer--0e889{
|
|
10434
10450
|
display:flex;
|
|
10435
10451
|
justify-content:flex-end;
|
|
10436
10452
|
padding:var(--modal-footer-padding);
|
|
10437
10453
|
}
|
|
10438
10454
|
@media (width > 459px){
|
|
10439
|
-
.bp_modal_module_footer--
|
|
10455
|
+
.bp_modal_module_footer--0e889{
|
|
10440
10456
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
10441
10457
|
}
|
|
10442
10458
|
}
|
|
10459
|
+
.bp_modal_module_footer--0e889 .bp_modal_module_footerButton--0e889{
|
|
10460
|
+
cursor:pointer;
|
|
10461
|
+
}
|
|
10443
10462
|
|
|
10444
|
-
.bp_modal_module_footerButton--
|
|
10463
|
+
.bp_modal_module_footerButton--0e889 + .bp_modal_module_footerButton--0e889{
|
|
10445
10464
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
10446
10465
|
}
|
|
10447
10466
|
|
|
10448
|
-
.bp_modal_module_loadingContainer--
|
|
10467
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10449
10468
|
display:flex;
|
|
10450
10469
|
flex-direction:column;
|
|
10451
10470
|
flex-grow:1;
|
|
10452
10471
|
position:relative;
|
|
10453
10472
|
}
|
|
10454
10473
|
@media (width > 374px){
|
|
10455
|
-
.bp_modal_module_loadingContainer--
|
|
10474
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10456
10475
|
min-height:0;
|
|
10457
10476
|
}
|
|
10458
10477
|
}
|
|
10459
10478
|
|
|
10460
|
-
.bp_modal_module_loadingContainerActive--
|
|
10479
|
+
.bp_modal_module_loadingContainerActive--0e889{
|
|
10461
10480
|
overflow:hidden;
|
|
10462
10481
|
}
|
|
10463
10482
|
|
|
10464
|
-
.bp_modal_module_loading--
|
|
10483
|
+
.bp_modal_module_loading--0e889{
|
|
10465
10484
|
align-items:center;
|
|
10466
10485
|
display:flex;
|
|
10467
10486
|
}
|
|
10468
10487
|
|
|
10469
|
-
.bp_modal_module_loadingOverlay--
|
|
10488
|
+
.bp_modal_module_loadingOverlay--0e889{
|
|
10470
10489
|
background-color:var(--modal-content-background);
|
|
10471
10490
|
inset:0;
|
|
10472
10491
|
position:absolute;
|
|
10473
10492
|
z-index:1;
|
|
10474
10493
|
}
|
|
10475
10494
|
|
|
10476
|
-
.bp_modal_module_loadingContent--
|
|
10495
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10477
10496
|
display:flex;
|
|
10478
10497
|
flex-direction:column;
|
|
10479
10498
|
visibility:hidden;
|
|
10480
10499
|
}
|
|
10481
10500
|
@media (width > 374px){
|
|
10482
|
-
.bp_modal_module_loadingContent--
|
|
10501
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10483
10502
|
min-height:0;
|
|
10484
10503
|
}
|
|
10485
10504
|
}
|
|
10486
10505
|
|
|
10487
|
-
.bp_modal_module_loadingContentVisible--
|
|
10506
|
+
.bp_modal_module_loadingContentVisible--0e889{
|
|
10488
10507
|
visibility:visible;
|
|
10489
10508
|
}
|
|
10490
10509
|
|
|
10491
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
10510
|
+
@keyframes bp_modal_module_popup_bounce_in--0e889{
|
|
10492
10511
|
0%{
|
|
10493
10512
|
transform:scale3d(.1, .1, 1);
|
|
10494
10513
|
}
|
|
@@ -10496,7 +10515,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10496
10515
|
transform:scaleX(1);
|
|
10497
10516
|
}
|
|
10498
10517
|
}
|
|
10499
|
-
@keyframes bp_modal_module_bpModalEnter--
|
|
10518
|
+
@keyframes bp_modal_module_bpModalEnter--0e889{
|
|
10500
10519
|
from{
|
|
10501
10520
|
opacity:var(--bp-opacity-hidden);
|
|
10502
10521
|
transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
|
|
@@ -10506,7 +10525,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10506
10525
|
transform:translateY(0) scale(var(--bp-scale-default));
|
|
10507
10526
|
}
|
|
10508
10527
|
}
|
|
10509
|
-
@keyframes bp_modal_module_bpModalExit--
|
|
10528
|
+
@keyframes bp_modal_module_bpModalExit--0e889{
|
|
10510
10529
|
from{
|
|
10511
10530
|
opacity:var(--bp-opacity-visible);
|
|
10512
10531
|
}
|
|
@@ -12364,7 +12383,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12364
12383
|
.bp_menu_combobox_module_menuCloseButton--88105{
|
|
12365
12384
|
grid-area:close;
|
|
12366
12385
|
}
|
|
12367
|
-
.bp_notification_module_viewport--
|
|
12386
|
+
.bp_notification_module_viewport--c9108{
|
|
12368
12387
|
--notification-viewport-space:var(--space-4);
|
|
12369
12388
|
--notification-viewport-item-spacing:var(--space-3);
|
|
12370
12389
|
all:unset;
|
|
@@ -12379,7 +12398,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12379
12398
|
z-index:var(--z-index-notification);
|
|
12380
12399
|
}
|
|
12381
12400
|
|
|
12382
|
-
.bp_notification_module_root--
|
|
12401
|
+
.bp_notification_module_root--c9108[data-modern=false]{
|
|
12383
12402
|
--notification-padding-vertical:var(--space-3);
|
|
12384
12403
|
--notification-padding-horizontal:var(--space-4);
|
|
12385
12404
|
--notification-item-spacing:var(--space-3);
|
|
@@ -12398,9 +12417,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12398
12417
|
--notification-text-color:var(--text-text-on-light);
|
|
12399
12418
|
--notification-text-container-height:var(--space-8);
|
|
12400
12419
|
--notification-icon-size:var(--size-8);
|
|
12401
|
-
--notification-icon-margin
|
|
12420
|
+
--notification-icon-margin:0.375rem;
|
|
12402
12421
|
}
|
|
12403
|
-
.bp_notification_module_root--
|
|
12422
|
+
.bp_notification_module_root--c9108[data-modern=false] .bp_notification_module_text--c9108{
|
|
12404
12423
|
font-family:var(--body-default-bold-font-family);
|
|
12405
12424
|
font-size:var(--body-default-bold-font-size);
|
|
12406
12425
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -12410,7 +12429,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12410
12429
|
text-transform:var(--body-default-bold-text-case);
|
|
12411
12430
|
}
|
|
12412
12431
|
|
|
12413
|
-
.bp_notification_module_root--
|
|
12432
|
+
.bp_notification_module_root--c9108[data-modern=true]{
|
|
12414
12433
|
--notification-padding-vertical:var(--bp-space-030);
|
|
12415
12434
|
--notification-padding-horizontal:var(--bp-space-040);
|
|
12416
12435
|
--notification-item-spacing:var(--bp-space-030);
|
|
@@ -12431,9 +12450,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12431
12450
|
--notification-text-color:var(--bp-text-text-on-light);
|
|
12432
12451
|
--notification-text-container-height:var(--bp-space-080);
|
|
12433
12452
|
--notification-icon-size:var(--bp-size-080);
|
|
12434
|
-
--notification-icon-margin
|
|
12453
|
+
--notification-icon-margin:0.375rem;
|
|
12435
12454
|
}
|
|
12436
|
-
.bp_notification_module_root--
|
|
12455
|
+
.bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12437
12456
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12438
12457
|
font-size:var(--bp-font-size-05);
|
|
12439
12458
|
font-style:normal;
|
|
@@ -12441,7 +12460,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12441
12460
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12442
12461
|
line-height:var(--bp-font-line-height-04);
|
|
12443
12462
|
}
|
|
12444
|
-
:where(body.is-inter-font) .bp_notification_module_root--
|
|
12463
|
+
:where(body.is-inter-font) .bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12445
12464
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12446
12465
|
font-size:.875rem;
|
|
12447
12466
|
font-style:normal;
|
|
@@ -12452,20 +12471,20 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12452
12471
|
text-transform:none;
|
|
12453
12472
|
}
|
|
12454
12473
|
|
|
12455
|
-
.bp_notification_module_root--
|
|
12474
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_info--c9108{
|
|
12456
12475
|
background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
|
|
12457
12476
|
}
|
|
12458
|
-
.bp_notification_module_root--
|
|
12477
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_success--c9108{
|
|
12459
12478
|
background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
|
|
12460
12479
|
}
|
|
12461
|
-
.bp_notification_module_root--
|
|
12480
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_warning--c9108{
|
|
12462
12481
|
background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
|
|
12463
12482
|
}
|
|
12464
|
-
.bp_notification_module_root--
|
|
12483
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_error--c9108{
|
|
12465
12484
|
background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
|
|
12466
12485
|
}
|
|
12467
12486
|
|
|
12468
|
-
.bp_notification_module_root--
|
|
12487
|
+
.bp_notification_module_root--c9108{
|
|
12469
12488
|
backdrop-filter:blur(var(--notification-background-blur));
|
|
12470
12489
|
border:var(--notification-border) solid;
|
|
12471
12490
|
border-radius:var(--notification-radius);
|
|
@@ -12476,37 +12495,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12476
12495
|
width:max-content;
|
|
12477
12496
|
}
|
|
12478
12497
|
@media (width > 374px){
|
|
12479
|
-
.bp_notification_module_root--
|
|
12498
|
+
.bp_notification_module_root--c9108{
|
|
12480
12499
|
max-width:343px;
|
|
12481
12500
|
}
|
|
12482
12501
|
}
|
|
12483
12502
|
@media (width > 767px){
|
|
12484
|
-
.bp_notification_module_root--
|
|
12503
|
+
.bp_notification_module_root--c9108{
|
|
12485
12504
|
max-width:728px;
|
|
12486
12505
|
}
|
|
12487
12506
|
}
|
|
12488
12507
|
@media (width > 1023px){
|
|
12489
|
-
.bp_notification_module_root--
|
|
12508
|
+
.bp_notification_module_root--c9108{
|
|
12490
12509
|
max-width:848px;
|
|
12491
12510
|
}
|
|
12492
12511
|
}
|
|
12493
12512
|
@media (width > 1219px){
|
|
12494
|
-
.bp_notification_module_root--
|
|
12513
|
+
.bp_notification_module_root--c9108{
|
|
12495
12514
|
max-width:896px;
|
|
12496
12515
|
}
|
|
12497
12516
|
}
|
|
12498
|
-
.bp_notification_module_root--
|
|
12517
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12499
12518
|
align-items:flex-start;
|
|
12500
12519
|
display:flex;
|
|
12501
12520
|
gap:var(--notification-item-spacing);
|
|
12502
12521
|
width:100%;
|
|
12503
12522
|
}
|
|
12504
12523
|
@media (width > 767px){
|
|
12505
|
-
.bp_notification_module_root--
|
|
12524
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12506
12525
|
align-items:center;
|
|
12507
12526
|
}
|
|
12508
12527
|
}
|
|
12509
|
-
.bp_notification_module_root--
|
|
12528
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12510
12529
|
align-items:left;
|
|
12511
12530
|
display:flex;
|
|
12512
12531
|
flex-direction:column;
|
|
@@ -12514,46 +12533,46 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12514
12533
|
width:100%;
|
|
12515
12534
|
}
|
|
12516
12535
|
@media (width > 767px){
|
|
12517
|
-
.bp_notification_module_root--
|
|
12536
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12518
12537
|
align-items:center;
|
|
12519
12538
|
flex-direction:row;
|
|
12520
12539
|
}
|
|
12521
12540
|
}
|
|
12522
|
-
.bp_notification_module_root--
|
|
12541
|
+
.bp_notification_module_root--c9108 .bp_notification_module_withButtons--c9108{
|
|
12523
12542
|
gap:var(--notification-item-spacing);
|
|
12524
12543
|
}
|
|
12525
|
-
.bp_notification_module_root--
|
|
12544
|
+
.bp_notification_module_root--c9108.bp_notification_module_info--c9108{
|
|
12526
12545
|
background:var(--notification-background-info);
|
|
12527
12546
|
border-color:var(--notification-border-color-info);
|
|
12528
12547
|
}
|
|
12529
|
-
.bp_notification_module_root--
|
|
12548
|
+
.bp_notification_module_root--c9108.bp_notification_module_success--c9108{
|
|
12530
12549
|
background:var(--notification-background-success);
|
|
12531
12550
|
border-color:var(--notification-border-color-success);
|
|
12532
12551
|
}
|
|
12533
|
-
.bp_notification_module_root--
|
|
12552
|
+
.bp_notification_module_root--c9108.bp_notification_module_warning--c9108{
|
|
12534
12553
|
background:var(--notification-background-warning);
|
|
12535
12554
|
border-color:var(--notification-border-color-warning);
|
|
12536
12555
|
}
|
|
12537
|
-
.bp_notification_module_root--
|
|
12556
|
+
.bp_notification_module_root--c9108.bp_notification_module_error--c9108{
|
|
12538
12557
|
background:var(--notification-background-error);
|
|
12539
12558
|
border-color:var(--notification-border-color-error);
|
|
12540
12559
|
}
|
|
12541
|
-
.bp_notification_module_root--
|
|
12560
|
+
.bp_notification_module_root--c9108:focus-visible{
|
|
12542
12561
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
|
|
12543
12562
|
outline:none;
|
|
12544
12563
|
}
|
|
12545
|
-
.bp_notification_module_root--
|
|
12564
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108{
|
|
12546
12565
|
align-items:center;
|
|
12547
12566
|
display:flex;
|
|
12548
12567
|
height:var(--notification-icon-size);
|
|
12549
12568
|
justify-content:center;
|
|
12550
12569
|
width:var(--notification-icon-size);
|
|
12551
12570
|
}
|
|
12552
|
-
.bp_notification_module_root--
|
|
12571
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108 .bp_notification_module_typeIcon--c9108{
|
|
12553
12572
|
flex-shrink:0;
|
|
12554
12573
|
margin:var(--notification-icon-margin);
|
|
12555
12574
|
}
|
|
12556
|
-
.bp_notification_module_root--
|
|
12575
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108{
|
|
12557
12576
|
align-items:center;
|
|
12558
12577
|
color:var(--notification-text-color);
|
|
12559
12578
|
display:flex;
|
|
@@ -12561,33 +12580,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12561
12580
|
min-height:var(--notification-text-container-height);
|
|
12562
12581
|
overflow:hidden;
|
|
12563
12582
|
}
|
|
12564
|
-
.bp_notification_module_root--
|
|
12583
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108 > div{
|
|
12565
12584
|
overflow:hidden;
|
|
12566
12585
|
overflow-wrap:break-word;
|
|
12567
12586
|
}
|
|
12568
|
-
.bp_notification_module_root--
|
|
12587
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12569
12588
|
display:flex;
|
|
12570
12589
|
gap:var(--notification-item-spacing);
|
|
12571
12590
|
margin-left:0;
|
|
12572
12591
|
}
|
|
12573
12592
|
@media (width > 767px){
|
|
12574
|
-
.bp_notification_module_root--
|
|
12593
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12575
12594
|
margin-left:auto;
|
|
12576
12595
|
}
|
|
12577
12596
|
}
|
|
12578
|
-
.bp_notification_module_root--
|
|
12597
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108{
|
|
12579
12598
|
display:flex;
|
|
12580
12599
|
gap:var(--notification-item-spacing);
|
|
12581
12600
|
}
|
|
12582
|
-
.bp_notification_module_root--
|
|
12601
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108 a,.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108 button{
|
|
12602
|
+
cursor:pointer;
|
|
12603
|
+
}
|
|
12604
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108{
|
|
12583
12605
|
display:flex;
|
|
12584
12606
|
gap:var(--notification-item-spacing);
|
|
12585
12607
|
margin-left:auto;
|
|
12586
12608
|
}
|
|
12587
|
-
.bp_notification_module_root--
|
|
12609
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108{
|
|
12588
12610
|
align-self:center;
|
|
12589
12611
|
}
|
|
12590
|
-
.bp_notification_module_root--
|
|
12612
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108 svg *{
|
|
12591
12613
|
fill:currentcolor;
|
|
12592
12614
|
}
|
|
12593
12615
|
.bp_popover_module_popoverContentContainer--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverMainContent--6fc5b,.bp_popover_module_popoverContentContainer--6fc5b.bp_popover_module_accessibilitySmallBreakpoint--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverScrollContainer--6fc5b{
|