@box/blueprint-web 17.10.0 → 17.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/components.css +190 -180
- 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 +190 -180
- 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
|
@@ -8212,7 +8212,7 @@
|
|
|
8212
8212
|
text-transform:none;
|
|
8213
8213
|
text-underline-offset:auto;
|
|
8214
8214
|
}
|
|
8215
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8215
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false]{
|
|
8216
8216
|
--small-list-gap:var(--space-2);
|
|
8217
8217
|
--small-list-padding:var(--space-1);
|
|
8218
8218
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -8236,7 +8236,7 @@
|
|
|
8236
8236
|
--small-list-focus-outline-radius:0.875rem;
|
|
8237
8237
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
8238
8238
|
}
|
|
8239
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8239
|
+
.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
8240
|
font-family:var(--body-default-semibold-font-family);
|
|
8241
8241
|
font-size:var(--body-default-semibold-font-size);
|
|
8242
8242
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -8245,7 +8245,7 @@
|
|
|
8245
8245
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
8246
8246
|
text-transform:var(--body-default-semibold-text-case);
|
|
8247
8247
|
}
|
|
8248
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8248
|
+
.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
8249
|
font-family:var(--caption-default-font-family);
|
|
8250
8250
|
font-size:var(--caption-default-font-size);
|
|
8251
8251
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8255,7 +8255,7 @@
|
|
|
8255
8255
|
text-transform:var(--caption-default-text-case);
|
|
8256
8256
|
}
|
|
8257
8257
|
|
|
8258
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8258
|
+
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=true]{
|
|
8259
8259
|
--small-list-gap:var(--bp-space-020);
|
|
8260
8260
|
--small-list-padding:initial;
|
|
8261
8261
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -8279,7 +8279,7 @@
|
|
|
8279
8279
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
8280
8280
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
8281
8281
|
}
|
|
8282
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8282
|
+
.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
8283
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8284
8284
|
font-size:var(--bp-font-size-05);
|
|
8285
8285
|
font-style:normal;
|
|
@@ -8287,7 +8287,7 @@
|
|
|
8287
8287
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8288
8288
|
line-height:var(--bp-font-line-height-04);
|
|
8289
8289
|
}
|
|
8290
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8290
|
+
: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
8291
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8292
8292
|
font-size:.875rem;
|
|
8293
8293
|
font-style:normal;
|
|
@@ -8298,7 +8298,7 @@
|
|
|
8298
8298
|
text-transform:none;
|
|
8299
8299
|
}
|
|
8300
8300
|
|
|
8301
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8301
|
+
.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
8302
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8303
8303
|
font-size:var(--bp-font-size-03);
|
|
8304
8304
|
font-style:normal;
|
|
@@ -8306,7 +8306,7 @@
|
|
|
8306
8306
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8307
8307
|
line-height:var(--bp-font-line-height-02);
|
|
8308
8308
|
}
|
|
8309
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8309
|
+
: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
8310
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8311
8311
|
font-size:.75rem;
|
|
8312
8312
|
font-style:normal;
|
|
@@ -8317,7 +8317,7 @@
|
|
|
8317
8317
|
text-transform:none;
|
|
8318
8318
|
}
|
|
8319
8319
|
|
|
8320
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8320
|
+
.bp_base_grid_list_item_module_smallList--e6f7b{
|
|
8321
8321
|
box-sizing:border-box;
|
|
8322
8322
|
display:grid;
|
|
8323
8323
|
gap:var(--small-list-gap);
|
|
@@ -8328,7 +8328,7 @@
|
|
|
8328
8328
|
padding:var(--small-list-padding);
|
|
8329
8329
|
width:auto;
|
|
8330
8330
|
}
|
|
8331
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8331
|
+
.bp_base_grid_list_item_module_smallList--e6f7b .bp_base_grid_list_item_module_smallListItem--e6f7b{
|
|
8332
8332
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
8333
8333
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
8334
8334
|
--item-background:var(--small-list-item-background);
|
|
@@ -8347,11 +8347,11 @@
|
|
|
8347
8347
|
transform:translateZ(0);
|
|
8348
8348
|
width:auto;
|
|
8349
8349
|
}
|
|
8350
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8350
|
+
.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
8351
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
8352
8352
|
grid-template-rows:100% 0;
|
|
8353
8353
|
}
|
|
8354
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8354
|
+
.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
8355
|
align-items:center;
|
|
8356
8356
|
aspect-ratio:1;
|
|
8357
8357
|
display:flex;
|
|
@@ -8360,35 +8360,35 @@
|
|
|
8360
8360
|
overflow:hidden;
|
|
8361
8361
|
z-index:1;
|
|
8362
8362
|
}
|
|
8363
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8363
|
+
.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
8364
|
height:100%;
|
|
8365
8365
|
object-fit:cover;
|
|
8366
8366
|
object-position:left;
|
|
8367
8367
|
width:100%;
|
|
8368
8368
|
}
|
|
8369
|
-
.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_header--e6f7b{
|
|
8370
8370
|
color:var(--small-list-header-color);
|
|
8371
8371
|
grid-area:head;
|
|
8372
8372
|
}
|
|
8373
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8373
|
+
.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
8374
|
align-items:center;
|
|
8375
8375
|
display:flex;
|
|
8376
8376
|
}
|
|
8377
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8377
|
+
.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
8378
|
color:var(--small-list-subtitle-color);
|
|
8379
8379
|
grid-area:subtitle;
|
|
8380
8380
|
}
|
|
8381
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8381
|
+
.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
8382
|
display:inline-block;
|
|
8383
8383
|
overflow:hidden;
|
|
8384
8384
|
text-overflow:ellipsis;
|
|
8385
8385
|
white-space:nowrap;
|
|
8386
8386
|
}
|
|
8387
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8387
|
+
.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
8388
|
grid-template-rows:100% 0;
|
|
8389
8389
|
row-gap:0;
|
|
8390
8390
|
}
|
|
8391
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8391
|
+
.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
8392
|
align-items:center;
|
|
8393
8393
|
display:flex;
|
|
8394
8394
|
grid-area:actions;
|
|
@@ -8398,11 +8398,11 @@
|
|
|
8398
8398
|
padding-right:0;
|
|
8399
8399
|
}
|
|
8400
8400
|
@media (pointer: coarse){
|
|
8401
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8401
|
+
.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
8402
|
--actions-opacity:1;
|
|
8403
8403
|
}
|
|
8404
8404
|
}
|
|
8405
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8405
|
+
.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
8406
|
align-items:center;
|
|
8407
8407
|
background:var(--item-background);
|
|
8408
8408
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -8411,10 +8411,10 @@
|
|
|
8411
8411
|
justify-content:center;
|
|
8412
8412
|
width:var(--small-list-selection-width);
|
|
8413
8413
|
}
|
|
8414
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8414
|
+
.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
8415
|
background:var(--small-list-selection-hover-background);
|
|
8416
8416
|
}
|
|
8417
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8417
|
+
.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
8418
|
align-items:center;
|
|
8419
8419
|
border-radius:var(--small-list-inner-border-radius);
|
|
8420
8420
|
display:flex;
|
|
@@ -8422,17 +8422,17 @@
|
|
|
8422
8422
|
justify-content:flex-end;
|
|
8423
8423
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
8424
8424
|
}
|
|
8425
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8425
|
+
.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
8426
|
margin-inline-end:0;
|
|
8427
8427
|
}
|
|
8428
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8428
|
+
.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
8429
|
display:flex;
|
|
8430
8430
|
}
|
|
8431
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8431
|
+
.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
8432
|
--actions-opacity:1;
|
|
8433
8433
|
background:var(--item-hover);
|
|
8434
8434
|
}
|
|
8435
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8435
|
+
.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
8436
|
--actions-opacity:1;
|
|
8437
8437
|
border-radius:var(--small-list-focus-outline-radius);
|
|
8438
8438
|
content:"";
|
|
@@ -8446,7 +8446,7 @@
|
|
|
8446
8446
|
width:100%;
|
|
8447
8447
|
}
|
|
8448
8448
|
|
|
8449
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8449
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=false]{
|
|
8450
8450
|
--large-list-gap:var(--space-05);
|
|
8451
8451
|
--large-list-padding:var(--space-1);
|
|
8452
8452
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8495,11 +8495,11 @@
|
|
|
8495
8495
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
8496
8496
|
--large-list-item-interaction-backdrop-filter:none;
|
|
8497
8497
|
}
|
|
8498
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8498
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=false] .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8499
8499
|
border-radius:var(--large-list-item-border-radius);
|
|
8500
8500
|
}
|
|
8501
8501
|
|
|
8502
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8502
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true]{
|
|
8503
8503
|
--large-list-gap:var(--bp-space-005);
|
|
8504
8504
|
--large-list-padding:var(--bp-space-010);
|
|
8505
8505
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8549,18 +8549,18 @@
|
|
|
8549
8549
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
8550
8550
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
8551
8551
|
}
|
|
8552
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8552
|
+
.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
8553
|
border-radius:var(--large-list-item-border-radius);
|
|
8554
8554
|
}
|
|
8555
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8555
|
+
.bp_base_grid_list_item_module_largeList--e6f7b[data-modern=true] .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]{
|
|
8556
8556
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8557
8557
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8558
8558
|
}
|
|
8559
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8559
|
+
.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
8560
|
--item-background:var(--large-list-item-hover-background);
|
|
8561
8561
|
}
|
|
8562
8562
|
|
|
8563
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8563
|
+
.bp_base_grid_list_item_module_largeList--e6f7b{
|
|
8564
8564
|
box-sizing:border-box;
|
|
8565
8565
|
display:flex;
|
|
8566
8566
|
flex-direction:column;
|
|
@@ -8570,7 +8570,7 @@
|
|
|
8570
8570
|
overflow:auto;
|
|
8571
8571
|
padding:var(--large-list-padding);
|
|
8572
8572
|
}
|
|
8573
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8573
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8574
8574
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
8575
8575
|
--actions-opacity:0;
|
|
8576
8576
|
--item-background:var(--large-list-item-background);
|
|
@@ -8586,18 +8586,18 @@
|
|
|
8586
8586
|
position:relative;
|
|
8587
8587
|
transform:translateZ(0);
|
|
8588
8588
|
}
|
|
8589
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8589
|
+
.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
8590
|
grid-template-rows:1fr 1fr 1fr;
|
|
8591
8591
|
}
|
|
8592
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8592
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b:focus-within{
|
|
8593
8593
|
--actions-opacity:1;
|
|
8594
8594
|
}
|
|
8595
8595
|
@media (max-width: 374px){
|
|
8596
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8596
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b{
|
|
8597
8597
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
8598
8598
|
}
|
|
8599
8599
|
}
|
|
8600
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8600
|
+
.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
8601
|
aspect-ratio:4/3;
|
|
8602
8602
|
border:var(--large-list-item-thumbnail-border);
|
|
8603
8603
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -8605,24 +8605,24 @@
|
|
|
8605
8605
|
overflow:hidden;
|
|
8606
8606
|
z-index:1;
|
|
8607
8607
|
}
|
|
8608
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8608
|
+
.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
8609
|
height:100%;
|
|
8610
8610
|
object-fit:cover;
|
|
8611
8611
|
object-position:left;
|
|
8612
8612
|
width:100%;
|
|
8613
8613
|
}
|
|
8614
|
-
.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.bp_base_grid_list_item_module_loading--e6f7b{
|
|
8615
8615
|
border:none;
|
|
8616
8616
|
}
|
|
8617
8617
|
@media (max-width: 374px){
|
|
8618
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8618
|
+
.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
8619
|
aspect-ratio:1/1;
|
|
8620
8620
|
}
|
|
8621
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8621
|
+
.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
8622
|
object-fit:contain;
|
|
8623
8623
|
}
|
|
8624
8624
|
}
|
|
8625
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8625
|
+
.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
8626
|
align-items:center;
|
|
8627
8627
|
display:flex;
|
|
8628
8628
|
height:var(--large-list-item-actions-height);
|
|
@@ -8634,11 +8634,11 @@
|
|
|
8634
8634
|
top:var(--large-list-item-actions-top);
|
|
8635
8635
|
}
|
|
8636
8636
|
@media (pointer: coarse){
|
|
8637
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8637
|
+
.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
8638
|
--actions-opacity:1;
|
|
8639
8639
|
}
|
|
8640
8640
|
}
|
|
8641
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8641
|
+
.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
8642
|
align-items:center;
|
|
8643
8643
|
background:var(--item-background);
|
|
8644
8644
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -8647,15 +8647,15 @@
|
|
|
8647
8647
|
justify-content:center;
|
|
8648
8648
|
width:var(--large-list-item-selection-width);
|
|
8649
8649
|
}
|
|
8650
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8650
|
+
.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
8651
|
background:var(--large-list-item-selection-hover-background);
|
|
8652
8652
|
}
|
|
8653
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8653
|
+
.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
8654
|
align-self:stretch;
|
|
8655
8655
|
background:var(--large-list-item-fade-background);
|
|
8656
8656
|
width:var(--large-list-item-fade-width);
|
|
8657
8657
|
}
|
|
8658
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8658
|
+
.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
8659
|
align-items:center;
|
|
8660
8660
|
background:var(--item-background);
|
|
8661
8661
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -8664,14 +8664,14 @@
|
|
|
8664
8664
|
justify-content:flex-end;
|
|
8665
8665
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
8666
8666
|
}
|
|
8667
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8667
|
+
.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
8668
|
margin-inline-end:0;
|
|
8669
8669
|
}
|
|
8670
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8670
|
+
.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
8671
|
background:var(--item-background);
|
|
8672
8672
|
display:flex;
|
|
8673
8673
|
}
|
|
8674
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8674
|
+
.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
8675
|
align-items:center;
|
|
8676
8676
|
color:var(--large-list-item-header-color);
|
|
8677
8677
|
display:inline-flex;
|
|
@@ -8688,7 +8688,7 @@
|
|
|
8688
8688
|
text-transform:var(--body-default-semibold-text-case);
|
|
8689
8689
|
white-space:nowrap;
|
|
8690
8690
|
}
|
|
8691
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8691
|
+
.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
8692
|
align-items:center;
|
|
8693
8693
|
color:var(--large-list-item-subtitle-color);
|
|
8694
8694
|
display:flex;
|
|
@@ -8703,7 +8703,7 @@
|
|
|
8703
8703
|
text-transform:var(--caption-default-text-case);
|
|
8704
8704
|
white-space:nowrap;
|
|
8705
8705
|
}
|
|
8706
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8706
|
+
.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
8707
|
-webkit-box-orient:vertical;
|
|
8708
8708
|
-webkit-line-clamp:3;
|
|
8709
8709
|
color:var(--large-list-item-description-color);
|
|
@@ -8720,12 +8720,12 @@
|
|
|
8720
8720
|
text-decoration:var(--body-default-text-decoration);
|
|
8721
8721
|
text-transform:var(--body-default-text-case);
|
|
8722
8722
|
}
|
|
8723
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8723
|
+
.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
8724
|
grid-area:description;
|
|
8725
8725
|
margin:0;
|
|
8726
8726
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
8727
8727
|
}
|
|
8728
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8728
|
+
.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
8729
|
-webkit-box-orient:vertical;
|
|
8730
8730
|
-webkit-line-clamp:2;
|
|
8731
8731
|
border:var(--large-list-item-snippet-border);
|
|
@@ -8744,13 +8744,13 @@
|
|
|
8744
8744
|
text-decoration:var(--body-default-text-decoration);
|
|
8745
8745
|
text-transform:var(--body-default-text-case);
|
|
8746
8746
|
}
|
|
8747
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8747
|
+
.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
8748
|
--actions-opacity:1;
|
|
8749
8749
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8750
8750
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8751
8751
|
outline:var(--large-list-item-hover-outline);
|
|
8752
8752
|
}
|
|
8753
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8753
|
+
.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
8754
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
8755
8755
|
content:"";
|
|
8756
8756
|
display:block;
|
|
@@ -8762,31 +8762,31 @@
|
|
|
8762
8762
|
top:0;
|
|
8763
8763
|
width:100%;
|
|
8764
8764
|
}
|
|
8765
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8765
|
+
.bp_base_grid_list_item_module_largeList--e6f7b .bp_base_grid_list_item_module_largeListItem--e6f7b[aria-selected=true]{
|
|
8766
8766
|
--actions-opacity:1;
|
|
8767
8767
|
--item-background:var(--large-list-item-selected-background);
|
|
8768
8768
|
outline:var(--large-list-item-selected-outline);
|
|
8769
8769
|
z-index:2;
|
|
8770
8770
|
}
|
|
8771
|
-
.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] .bp_base_grid_list_item_module_actions--e6f7b .bp_base_grid_list_item_module_fade--e6f7b{
|
|
8772
8772
|
background:var(--large-list-item-selected-fade-background);
|
|
8773
8773
|
}
|
|
8774
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8774
|
+
.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
8775
|
display:none;
|
|
8776
8776
|
}
|
|
8777
8777
|
@supports selector(:has(.foo)){
|
|
8778
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8778
|
+
.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
8779
|
border-end-end-radius:0;
|
|
8780
8780
|
border-end-start-radius:0;
|
|
8781
8781
|
}
|
|
8782
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8782
|
+
.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
8783
|
border-start-end-radius:0;
|
|
8784
8784
|
border-start-start-radius:0;
|
|
8785
8785
|
border-top:none;
|
|
8786
8786
|
}
|
|
8787
8787
|
}
|
|
8788
8788
|
|
|
8789
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8789
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=false]{
|
|
8790
8790
|
--grid-list-minimum-item-width:188px;
|
|
8791
8791
|
--grid-list-gap:var(--space-4);
|
|
8792
8792
|
--grid-list-padding:0;
|
|
@@ -8827,7 +8827,7 @@
|
|
|
8827
8827
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
8828
8828
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
8829
8829
|
}
|
|
8830
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8830
|
+
.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
8831
|
font-family:var(--body-default-font-family);
|
|
8832
8832
|
font-size:var(--body-default-font-size);
|
|
8833
8833
|
font-weight:var(--body-default-font-weight);
|
|
@@ -8836,7 +8836,7 @@
|
|
|
8836
8836
|
text-decoration:var(--body-default-text-decoration);
|
|
8837
8837
|
text-transform:var(--body-default-text-case);
|
|
8838
8838
|
}
|
|
8839
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8839
|
+
.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
8840
|
font-family:var(--caption-default-font-family);
|
|
8841
8841
|
font-size:var(--caption-default-font-size);
|
|
8842
8842
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8846,7 +8846,7 @@
|
|
|
8846
8846
|
text-transform:var(--caption-default-text-case);
|
|
8847
8847
|
}
|
|
8848
8848
|
|
|
8849
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8849
|
+
.bp_base_grid_list_item_module_gridList--e6f7b[data-modern=true]{
|
|
8850
8850
|
--grid-list-minimum-item-width:188px;
|
|
8851
8851
|
--grid-list-gap:var(--bp-space-040);
|
|
8852
8852
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -8887,7 +8887,7 @@
|
|
|
8887
8887
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
8888
8888
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
8889
8889
|
}
|
|
8890
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8890
|
+
.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
8891
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8892
8892
|
font-size:var(--bp-font-size-05);
|
|
8893
8893
|
font-style:normal;
|
|
@@ -8895,7 +8895,7 @@
|
|
|
8895
8895
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8896
8896
|
line-height:var(--bp-font-line-height-04);
|
|
8897
8897
|
}
|
|
8898
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
8898
|
+
: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
8899
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8900
8900
|
font-size:.875rem;
|
|
8901
8901
|
font-style:normal;
|
|
@@ -8906,7 +8906,7 @@
|
|
|
8906
8906
|
text-transform:none;
|
|
8907
8907
|
}
|
|
8908
8908
|
|
|
8909
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8909
|
+
.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
8910
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8911
8911
|
font-size:var(--bp-font-size-03);
|
|
8912
8912
|
font-style:normal;
|
|
@@ -8914,7 +8914,7 @@
|
|
|
8914
8914
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8915
8915
|
line-height:var(--bp-font-line-height-02);
|
|
8916
8916
|
}
|
|
8917
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
8917
|
+
: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
8918
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8919
8919
|
font-size:.75rem;
|
|
8920
8920
|
font-style:normal;
|
|
@@ -8925,7 +8925,7 @@
|
|
|
8925
8925
|
text-transform:none;
|
|
8926
8926
|
}
|
|
8927
8927
|
|
|
8928
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8928
|
+
.bp_base_grid_list_item_module_gridList--e6f7b{
|
|
8929
8929
|
box-sizing:border-box;
|
|
8930
8930
|
display:grid;
|
|
8931
8931
|
gap:var(--grid-list-gap);
|
|
@@ -8935,7 +8935,7 @@
|
|
|
8935
8935
|
overflow:auto;
|
|
8936
8936
|
padding:var(--grid-list-padding);
|
|
8937
8937
|
}
|
|
8938
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8938
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b{
|
|
8939
8939
|
--actions-opacity:0;
|
|
8940
8940
|
--item-background:var(--grid-list-item-background);
|
|
8941
8941
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -8953,15 +8953,15 @@
|
|
|
8953
8953
|
row-gap:var(--row-gap);
|
|
8954
8954
|
transform:translateZ(0);
|
|
8955
8955
|
}
|
|
8956
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8956
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b:focus-within{
|
|
8957
8957
|
--actions-opacity:1;
|
|
8958
8958
|
}
|
|
8959
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8959
|
+
.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
8960
|
left:var(--grid-list-item-status-pin-left);
|
|
8961
8961
|
position:absolute;
|
|
8962
8962
|
top:var(--grid-list-item-status-pin-top);
|
|
8963
8963
|
}
|
|
8964
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8964
|
+
.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
8965
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
8966
8966
|
background:var(--grid-list-thumbnail-background);
|
|
8967
8967
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -8969,25 +8969,25 @@
|
|
|
8969
8969
|
grid-area:thumbnail;
|
|
8970
8970
|
overflow:hidden;
|
|
8971
8971
|
}
|
|
8972
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8972
|
+
.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
8973
|
height:100%;
|
|
8974
8974
|
object-fit:contain;
|
|
8975
8975
|
width:100%;
|
|
8976
8976
|
}
|
|
8977
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8977
|
+
.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
8978
|
border:none;
|
|
8979
8979
|
}
|
|
8980
8980
|
@media (pointer: coarse){
|
|
8981
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8981
|
+
.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
8982
|
margin-block-end:var(--space-1);
|
|
8983
8983
|
}
|
|
8984
8984
|
}
|
|
8985
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8985
|
+
.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
8986
|
grid-area:subtitle;
|
|
8987
8987
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
8988
8988
|
opacity:var(--actions-opacity);
|
|
8989
8989
|
}
|
|
8990
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8990
|
+
.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
8991
|
align-items:center;
|
|
8992
8992
|
border-radius:var(--grid-list-selection-border-radius);
|
|
8993
8993
|
display:flex;
|
|
@@ -8998,10 +8998,10 @@
|
|
|
8998
8998
|
top:var(--grid-list-selection-top);
|
|
8999
8999
|
width:var(--grid-list-selection-width);
|
|
9000
9000
|
}
|
|
9001
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9001
|
+
.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
9002
|
background:var(--grid-list-selection-hover-background);
|
|
9003
9003
|
}
|
|
9004
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9004
|
+
.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
9005
|
align-items:center;
|
|
9006
9006
|
background:var(--item-background);
|
|
9007
9007
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -9010,29 +9010,29 @@
|
|
|
9010
9010
|
justify-content:center;
|
|
9011
9011
|
}
|
|
9012
9012
|
@media (pointer: coarse){
|
|
9013
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9013
|
+
.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
9014
|
grid-area:actions;
|
|
9015
9015
|
margin-block-start:0;
|
|
9016
9016
|
}
|
|
9017
9017
|
}
|
|
9018
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9018
|
+
.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
9019
|
color:var(--grid-list-header-color);
|
|
9020
9020
|
grid-area:head;
|
|
9021
9021
|
height:var(--grid-list-header-height);
|
|
9022
9022
|
overflow-wrap:anywhere;
|
|
9023
9023
|
text-align:center;
|
|
9024
9024
|
}
|
|
9025
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9025
|
+
.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
9026
|
align-items:center;
|
|
9027
9027
|
display:flex;
|
|
9028
9028
|
}
|
|
9029
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9029
|
+
.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
9030
|
-webkit-box-orient:vertical;
|
|
9031
9031
|
-webkit-line-clamp:2;
|
|
9032
9032
|
display:-webkit-box;
|
|
9033
9033
|
overflow:hidden;
|
|
9034
9034
|
}
|
|
9035
|
-
.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_subtitle--e6f7b{
|
|
9036
9036
|
color:var(--grid-list-subtitle-color);
|
|
9037
9037
|
grid-area:subtitle;
|
|
9038
9038
|
height:var(--grid-list-subtitle-height);
|
|
@@ -9041,16 +9041,16 @@
|
|
|
9041
9041
|
text-overflow:ellipsis;
|
|
9042
9042
|
white-space:nowrap;
|
|
9043
9043
|
}
|
|
9044
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9044
|
+
.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
9045
|
height:var(--grid-list-subtitle-loading-height);
|
|
9046
9046
|
}
|
|
9047
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9047
|
+
.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
9048
|
--actions-opacity:1;
|
|
9049
9049
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
9050
9050
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
9051
9051
|
outline:var(--grid-list-item-hover-outline);
|
|
9052
9052
|
}
|
|
9053
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9053
|
+
.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
9054
|
border-radius:var(--grid-list-item-border-radius);
|
|
9055
9055
|
content:"";
|
|
9056
9056
|
display:block;
|
|
@@ -9062,7 +9062,7 @@
|
|
|
9062
9062
|
top:0;
|
|
9063
9063
|
width:100%;
|
|
9064
9064
|
}
|
|
9065
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9065
|
+
.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
9066
|
border-radius:var(--grid-list-item-border-radius);
|
|
9067
9067
|
content:"";
|
|
9068
9068
|
display:block;
|
|
@@ -9074,16 +9074,16 @@
|
|
|
9074
9074
|
top:0;
|
|
9075
9075
|
width:100%;
|
|
9076
9076
|
}
|
|
9077
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9077
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b[aria-selected=true]{
|
|
9078
9078
|
--actions-opacity:1;
|
|
9079
9079
|
--item-background:var(--grid-list-item-selected-background);
|
|
9080
9080
|
outline:var(--grid-list-item-selected-outline);
|
|
9081
9081
|
}
|
|
9082
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9082
|
+
.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
9083
|
opacity:0;
|
|
9084
9084
|
}
|
|
9085
9085
|
@media (pointer: coarse){
|
|
9086
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9086
|
+
.bp_base_grid_list_item_module_gridList--e6f7b .bp_base_grid_list_item_module_gridListItem--e6f7b{
|
|
9087
9087
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
9088
9088
|
--actions-opacity:1;
|
|
9089
9089
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -9091,7 +9091,7 @@
|
|
|
9091
9091
|
}
|
|
9092
9092
|
}
|
|
9093
9093
|
|
|
9094
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9094
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-modern=false]{
|
|
9095
9095
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
9096
9096
|
--tooltip-offset:var(--space-2);
|
|
9097
9097
|
--tooltip-arrow-display:block;
|
|
@@ -9103,7 +9103,7 @@
|
|
|
9103
9103
|
--tooltip-backdrop-filter:none;
|
|
9104
9104
|
}
|
|
9105
9105
|
|
|
9106
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9106
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-modern=true]{
|
|
9107
9107
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
9108
9108
|
--tooltip-offset:var(--bp-space-020);
|
|
9109
9109
|
--tooltip-arrow-display:none;
|
|
@@ -9115,7 +9115,7 @@
|
|
|
9115
9115
|
--tooltip-backdrop-filter:blur(16px);
|
|
9116
9116
|
}
|
|
9117
9117
|
|
|
9118
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9118
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b{
|
|
9119
9119
|
background-color:var(--tooltip-background-color);
|
|
9120
9120
|
border:var(--tooltip-border);
|
|
9121
9121
|
border-radius:var(--tooltip-radius);
|
|
@@ -9133,27 +9133,27 @@
|
|
|
9133
9133
|
text-transform:var(--body-default-text-case);
|
|
9134
9134
|
z-index:var(--z-index-tooltip);
|
|
9135
9135
|
}
|
|
9136
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9136
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b .bp_base_grid_list_item_module_tooltipArrow--e6f7b svg{
|
|
9137
9137
|
display:var(--tooltip-arrow-display);
|
|
9138
9138
|
height:.5rem;
|
|
9139
9139
|
width:1rem;
|
|
9140
9140
|
}
|
|
9141
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9141
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=top]{
|
|
9142
9142
|
margin-block-end:var(--tooltip-offset);
|
|
9143
9143
|
}
|
|
9144
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9144
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--e6f7b svg{
|
|
9145
9145
|
transform:rotate(180deg);
|
|
9146
9146
|
}
|
|
9147
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9147
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=bottom]{
|
|
9148
9148
|
margin-block-start:var(--tooltip-offset);
|
|
9149
9149
|
}
|
|
9150
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9150
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=right]{
|
|
9151
9151
|
margin-inline-start:var(--tooltip-offset);
|
|
9152
9152
|
}
|
|
9153
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9153
|
+
.bp_base_grid_list_item_module_tooltipContent--e6f7b[data-placement=left]{
|
|
9154
9154
|
margin-inline-end:var(--tooltip-offset);
|
|
9155
9155
|
}
|
|
9156
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9156
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b{
|
|
9157
9157
|
--grid-v2-gap:var(--bp-space-020);
|
|
9158
9158
|
--grid-v2-padding:0;
|
|
9159
9159
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -9206,7 +9206,7 @@
|
|
|
9206
9206
|
overflow:auto;
|
|
9207
9207
|
padding:var(--grid-v2-padding) 0;
|
|
9208
9208
|
}
|
|
9209
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9209
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b{
|
|
9210
9210
|
--actions-opacity:0;
|
|
9211
9211
|
--subtitle-opacity:1;
|
|
9212
9212
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -9224,20 +9224,20 @@
|
|
|
9224
9224
|
position:relative;
|
|
9225
9225
|
transform:translateZ(0);
|
|
9226
9226
|
}
|
|
9227
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9227
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b:focus-within{
|
|
9228
9228
|
--actions-opacity:1;
|
|
9229
9229
|
--subtitle-opacity:0;
|
|
9230
9230
|
}
|
|
9231
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9231
|
+
.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
9232
|
--subtitle-opacity:1;
|
|
9233
9233
|
}
|
|
9234
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9234
|
+
.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
9235
|
left:var(--grid-v2-item-status-pin-left);
|
|
9236
9236
|
position:absolute;
|
|
9237
9237
|
top:var(--grid-v2-item-status-pin-top);
|
|
9238
9238
|
transition:transform .15s ease-out;
|
|
9239
9239
|
}
|
|
9240
|
-
.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_thumbnail--e6f7b{
|
|
9241
9241
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
9242
9242
|
background:var(--grid-v2-thumbnail-background);
|
|
9243
9243
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -9247,28 +9247,28 @@
|
|
|
9247
9247
|
position:relative;
|
|
9248
9248
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
9249
9249
|
}
|
|
9250
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9250
|
+
.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
9251
|
height:100%;
|
|
9252
9252
|
max-height:none;
|
|
9253
9253
|
max-width:none;
|
|
9254
9254
|
object-fit:cover;
|
|
9255
9255
|
width:100%;
|
|
9256
9256
|
}
|
|
9257
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9257
|
+
.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
9258
|
object-position:center;
|
|
9259
9259
|
}
|
|
9260
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9260
|
+
.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
9261
|
object-position:top left;
|
|
9262
9262
|
}
|
|
9263
|
-
.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.bp_base_grid_list_item_module_loading--e6f7b{
|
|
9264
9264
|
border:none;
|
|
9265
9265
|
}
|
|
9266
9266
|
@media (pointer: coarse){
|
|
9267
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9267
|
+
.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
9268
|
margin-block-end:var(--bp-space-010);
|
|
9269
9269
|
}
|
|
9270
9270
|
}
|
|
9271
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9271
|
+
.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
9272
|
align-items:center;
|
|
9273
9273
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
9274
9274
|
display:flex;
|
|
@@ -9276,12 +9276,12 @@
|
|
|
9276
9276
|
position:absolute;
|
|
9277
9277
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
9278
9278
|
}
|
|
9279
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9279
|
+
.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
9280
|
align-items:center;
|
|
9281
9281
|
display:flex;
|
|
9282
9282
|
justify-content:center;
|
|
9283
9283
|
}
|
|
9284
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9284
|
+
.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
9285
|
background:var(--grid-v2-file-type-pill-background);
|
|
9286
9286
|
border:var(--grid-v2-file-type-pill-border);
|
|
9287
9287
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -9290,13 +9290,13 @@
|
|
|
9290
9290
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
9291
9291
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
9292
9292
|
}
|
|
9293
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9293
|
+
.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
9294
|
grid-area:subtitle;
|
|
9295
9295
|
margin-top:.25rem;
|
|
9296
9296
|
opacity:var(--actions-opacity);
|
|
9297
9297
|
transition:opacity .15s ease-out;
|
|
9298
9298
|
}
|
|
9299
|
-
.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 .bp_base_grid_list_item_module_selection--e6f7b{
|
|
9300
9300
|
align-items:center;
|
|
9301
9301
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
9302
9302
|
display:flex;
|
|
@@ -9308,19 +9308,19 @@
|
|
|
9308
9308
|
transition:transform .15s ease-out;
|
|
9309
9309
|
width:var(--grid-v2-selection-width);
|
|
9310
9310
|
}
|
|
9311
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9311
|
+
.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
9312
|
background:var(--grid-v2-selection-hover-background);
|
|
9313
9313
|
}
|
|
9314
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9314
|
+
.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
9315
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
9316
9316
|
display:flex;
|
|
9317
9317
|
gap:var(--grid-v2-actions-inner-gap);
|
|
9318
9318
|
padding-inline-start:.25rem;
|
|
9319
9319
|
}
|
|
9320
|
-
.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_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
9321
|
padding-inline-start:.25rem;
|
|
9322
9322
|
}
|
|
9323
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9323
|
+
.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
9324
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9325
9325
|
font-size:var(--bp-font-size-05);
|
|
9326
9326
|
font-style:normal;
|
|
@@ -9328,7 +9328,7 @@
|
|
|
9328
9328
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9329
9329
|
line-height:var(--bp-font-line-height-04);
|
|
9330
9330
|
}
|
|
9331
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9331
|
+
: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
9332
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9333
9333
|
font-size:.875rem;
|
|
9334
9334
|
font-style:normal;
|
|
@@ -9339,7 +9339,7 @@
|
|
|
9339
9339
|
text-transform:none;
|
|
9340
9340
|
}
|
|
9341
9341
|
|
|
9342
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9342
|
+
.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
9343
|
color:var(--grid-v2-header-color);
|
|
9344
9344
|
display:block;
|
|
9345
9345
|
grid-area:head;
|
|
@@ -9348,7 +9348,7 @@
|
|
|
9348
9348
|
text-overflow:ellipsis;
|
|
9349
9349
|
white-space:nowrap;
|
|
9350
9350
|
}
|
|
9351
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9351
|
+
.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
9352
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9353
9353
|
font-size:var(--bp-font-size-04);
|
|
9354
9354
|
font-style:normal;
|
|
@@ -9356,7 +9356,7 @@
|
|
|
9356
9356
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9357
9357
|
line-height:var(--bp-font-line-height-04);
|
|
9358
9358
|
}
|
|
9359
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9359
|
+
: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
9360
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9361
9361
|
font-size:.8125rem;
|
|
9362
9362
|
font-style:normal;
|
|
@@ -9367,7 +9367,7 @@
|
|
|
9367
9367
|
text-transform:none;
|
|
9368
9368
|
}
|
|
9369
9369
|
|
|
9370
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9370
|
+
.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
9371
|
color:var(--grid-v2-subtitle-color);
|
|
9372
9372
|
display:block;
|
|
9373
9373
|
grid-area:subtitle;
|
|
@@ -9378,35 +9378,35 @@
|
|
|
9378
9378
|
transition:opacity .15s ease-out;
|
|
9379
9379
|
white-space:nowrap;
|
|
9380
9380
|
}
|
|
9381
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9381
|
+
.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
9382
|
justify-content:center;
|
|
9383
9383
|
padding-inline-start:0;
|
|
9384
9384
|
text-align:center;
|
|
9385
9385
|
}
|
|
9386
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9386
|
+
.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
9387
|
justify-content:center;
|
|
9388
9388
|
padding-inline-start:0;
|
|
9389
9389
|
}
|
|
9390
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9390
|
+
.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
9391
|
--actions-opacity:1;
|
|
9392
9392
|
--subtitle-opacity:0;
|
|
9393
9393
|
}
|
|
9394
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9394
|
+
.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
9395
|
transform:translateY(-.125rem);
|
|
9396
9396
|
}
|
|
9397
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9397
|
+
.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
9398
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
9399
9399
|
}
|
|
9400
|
-
.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_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
9401
|
pointer-events:none;
|
|
9402
9402
|
}
|
|
9403
|
-
.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_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
9404
|
--subtitle-opacity:1;
|
|
9405
9405
|
}
|
|
9406
|
-
.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_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
9407
|
pointer-events:auto;
|
|
9408
9408
|
}
|
|
9409
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9409
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[data-focus-visible]::before{
|
|
9410
9410
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
9411
9411
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
9412
9412
|
content:"";
|
|
@@ -9415,10 +9415,10 @@
|
|
|
9415
9415
|
position:absolute;
|
|
9416
9416
|
transform:translateY(-.125rem);
|
|
9417
9417
|
}
|
|
9418
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9418
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true]{
|
|
9419
9419
|
--item-background:var(--grid-v2-item-selected-background);
|
|
9420
9420
|
}
|
|
9421
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9421
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b[aria-selected=true]::after{
|
|
9422
9422
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
9423
9423
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
9424
9424
|
content:"";
|
|
@@ -9428,22 +9428,22 @@
|
|
|
9428
9428
|
transform:translateY(-.125rem);
|
|
9429
9429
|
}
|
|
9430
9430
|
@media (pointer: coarse){
|
|
9431
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9431
|
+
.bp_base_grid_list_item_module_gridListV2--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b{
|
|
9432
9432
|
--actions-opacity:1;
|
|
9433
9433
|
--subtitle-opacity:1;
|
|
9434
9434
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9435
9435
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9436
9436
|
}
|
|
9437
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9437
|
+
.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
9438
|
grid-area:actions;
|
|
9439
9439
|
}
|
|
9440
9440
|
}
|
|
9441
9441
|
|
|
9442
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
9442
|
+
.bp_base_grid_list_item_module_gridListV2Small--e6f7b{
|
|
9443
9443
|
--grid-v2-min-item-width:15.625rem;
|
|
9444
9444
|
}
|
|
9445
9445
|
|
|
9446
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
9446
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--e6f7b{
|
|
9447
9447
|
--grid-v2-min-item-width:8.75rem;
|
|
9448
9448
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
9449
9449
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -9451,7 +9451,17 @@
|
|
|
9451
9451
|
--grid-v2-selection-width:var(--bp-size-060);
|
|
9452
9452
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
9453
9453
|
}
|
|
9454
|
-
|
|
9454
|
+
|
|
9455
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--e6f7b .bp_base_grid_list_item_module_gridListV2Item--e6f7b::after{
|
|
9456
|
+
border:var(--grid-v2-thumbnail-border);
|
|
9457
|
+
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
9458
|
+
content:"";
|
|
9459
|
+
inset:0;
|
|
9460
|
+
pointer-events:none;
|
|
9461
|
+
position:absolute;
|
|
9462
|
+
transform:translateY(-.125rem);
|
|
9463
|
+
}
|
|
9464
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--e6f7b{
|
|
9455
9465
|
display:grid;
|
|
9456
9466
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
9457
9467
|
grid-template-columns:1fr;
|
|
@@ -9463,15 +9473,15 @@
|
|
|
9463
9473
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
9464
9474
|
}
|
|
9465
9475
|
@media (pointer: coarse){
|
|
9466
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
9476
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--e6f7b{
|
|
9467
9477
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9468
9478
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9469
9479
|
}
|
|
9470
9480
|
}
|
|
9471
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
9481
|
+
.bp_base_grid_list_item_module_listV2ClickShield--e6f7b{
|
|
9472
9482
|
display:contents;
|
|
9473
9483
|
}
|
|
9474
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9484
|
+
.bp_base_grid_list_item_module_listV2--e6f7b{
|
|
9475
9485
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
9476
9486
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
9477
9487
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -9516,7 +9526,7 @@
|
|
|
9516
9526
|
padding:var(--list-v2-padding);
|
|
9517
9527
|
width:100%;
|
|
9518
9528
|
}
|
|
9519
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9529
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b{
|
|
9520
9530
|
--actions-opacity:0;
|
|
9521
9531
|
--item-background:var(--list-v2-item-background);
|
|
9522
9532
|
align-items:center;
|
|
@@ -9534,10 +9544,10 @@
|
|
|
9534
9544
|
position:relative;
|
|
9535
9545
|
transition:background .15s ease-out;
|
|
9536
9546
|
}
|
|
9537
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9547
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b:not(:first-child){
|
|
9538
9548
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
9539
9549
|
}
|
|
9540
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9550
|
+
.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
9551
|
background:var(--list-v2-divider-color);
|
|
9542
9552
|
height:.0625rem;
|
|
9543
9553
|
left:0;
|
|
@@ -9546,10 +9556,10 @@
|
|
|
9546
9556
|
right:0;
|
|
9547
9557
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
9548
9558
|
}
|
|
9549
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9559
|
+
.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
9560
|
display:none;
|
|
9551
9561
|
}
|
|
9552
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9562
|
+
.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
9563
|
align-items:center;
|
|
9554
9564
|
align-self:stretch;
|
|
9555
9565
|
aspect-ratio:4/3;
|
|
@@ -9563,15 +9573,15 @@
|
|
|
9563
9573
|
position:relative;
|
|
9564
9574
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
9565
9575
|
}
|
|
9566
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9576
|
+
.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
9577
|
height:100%;
|
|
9568
9578
|
object-fit:cover;
|
|
9569
9579
|
width:100%;
|
|
9570
9580
|
}
|
|
9571
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9581
|
+
.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
9582
|
border:none;
|
|
9573
9583
|
}
|
|
9574
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9584
|
+
.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
9585
|
align-items:center;
|
|
9576
9586
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
9577
9587
|
display:flex;
|
|
@@ -9579,17 +9589,17 @@
|
|
|
9579
9589
|
position:absolute;
|
|
9580
9590
|
right:var(--list-v2-thumbnail-badges-right);
|
|
9581
9591
|
}
|
|
9582
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9592
|
+
.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
9593
|
align-items:center;
|
|
9584
9594
|
display:flex;
|
|
9585
9595
|
justify-content:center;
|
|
9586
9596
|
}
|
|
9587
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9597
|
+
.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
9598
|
height:.875rem;
|
|
9589
9599
|
object-fit:contain;
|
|
9590
9600
|
width:.875rem;
|
|
9591
9601
|
}
|
|
9592
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9602
|
+
.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
9603
|
align-items:center;
|
|
9594
9604
|
background:var(--list-v2-file-type-pill-background);
|
|
9595
9605
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -9598,7 +9608,7 @@
|
|
|
9598
9608
|
height:var(--list-v2-file-type-pill-height);
|
|
9599
9609
|
padding:var(--list-v2-file-type-pill-padding);
|
|
9600
9610
|
}
|
|
9601
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9611
|
+
.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
9612
|
display:flex;
|
|
9603
9613
|
flex-direction:column;
|
|
9604
9614
|
gap:var(--list-v2-content-gap);
|
|
@@ -9606,7 +9616,7 @@
|
|
|
9606
9616
|
min-width:0;
|
|
9607
9617
|
padding-right:.5rem;
|
|
9608
9618
|
}
|
|
9609
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9619
|
+
.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
9620
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9611
9621
|
font-size:var(--bp-font-size-05);
|
|
9612
9622
|
font-style:normal;
|
|
@@ -9614,7 +9624,7 @@
|
|
|
9614
9624
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9615
9625
|
line-height:var(--bp-font-line-height-04);
|
|
9616
9626
|
}
|
|
9617
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9627
|
+
: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
9628
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9619
9629
|
font-size:.875rem;
|
|
9620
9630
|
font-style:normal;
|
|
@@ -9625,14 +9635,14 @@
|
|
|
9625
9635
|
text-transform:none;
|
|
9626
9636
|
}
|
|
9627
9637
|
|
|
9628
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9638
|
+
.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
9639
|
color:var(--list-v2-header-color);
|
|
9630
9640
|
display:block;
|
|
9631
9641
|
overflow:hidden;
|
|
9632
9642
|
text-overflow:ellipsis;
|
|
9633
9643
|
white-space:nowrap;
|
|
9634
9644
|
}
|
|
9635
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9645
|
+
.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
9646
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9637
9647
|
font-size:var(--bp-font-size-04);
|
|
9638
9648
|
font-style:normal;
|
|
@@ -9640,7 +9650,7 @@
|
|
|
9640
9650
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9641
9651
|
line-height:var(--bp-font-line-height-04);
|
|
9642
9652
|
}
|
|
9643
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9653
|
+
: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
9654
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9645
9655
|
font-size:.8125rem;
|
|
9646
9656
|
font-style:normal;
|
|
@@ -9651,14 +9661,14 @@
|
|
|
9651
9661
|
text-transform:none;
|
|
9652
9662
|
}
|
|
9653
9663
|
|
|
9654
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9664
|
+
.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
9665
|
color:var(--list-v2-subtitle-color);
|
|
9656
9666
|
display:block;
|
|
9657
9667
|
overflow:hidden;
|
|
9658
9668
|
text-overflow:ellipsis;
|
|
9659
9669
|
white-space:nowrap;
|
|
9660
9670
|
}
|
|
9661
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9671
|
+
.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
9672
|
align-items:center;
|
|
9663
9673
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
9664
9674
|
display:flex;
|
|
@@ -9672,11 +9682,11 @@
|
|
|
9672
9682
|
transition:opacity .15s ease-out;
|
|
9673
9683
|
}
|
|
9674
9684
|
@media (pointer: coarse){
|
|
9675
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9685
|
+
.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
9686
|
--actions-opacity:1;
|
|
9677
9687
|
}
|
|
9678
9688
|
}
|
|
9679
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9689
|
+
.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
9690
|
align-items:center;
|
|
9681
9691
|
border-radius:var(--list-v2-selection-border-radius);
|
|
9682
9692
|
display:flex;
|
|
@@ -9684,28 +9694,28 @@
|
|
|
9684
9694
|
justify-content:center;
|
|
9685
9695
|
width:var(--list-v2-selection-size);
|
|
9686
9696
|
}
|
|
9687
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9697
|
+
.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
9698
|
background:var(--list-v2-selection-hover-background);
|
|
9689
9699
|
}
|
|
9690
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9700
|
+
.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
9701
|
align-items:center;
|
|
9692
9702
|
display:flex;
|
|
9693
9703
|
gap:var(--list-v2-actions-gap);
|
|
9694
9704
|
}
|
|
9695
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9705
|
+
.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
9706
|
display:flex;
|
|
9697
9707
|
}
|
|
9698
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9708
|
+
.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
9709
|
--actions-opacity:1;
|
|
9700
9710
|
}
|
|
9701
|
-
.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_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
9712
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
9703
9713
|
transform:translateY(-.125rem);
|
|
9704
9714
|
}
|
|
9705
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9715
|
+
.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
9716
|
--item-background:var(--list-v2-hover-background);
|
|
9707
9717
|
}
|
|
9708
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9718
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible]::before{
|
|
9709
9719
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
9710
9720
|
border-radius:var(--list-v2-focus-border-radius);
|
|
9711
9721
|
content:"";
|
|
@@ -9714,10 +9724,10 @@
|
|
|
9714
9724
|
position:absolute;
|
|
9715
9725
|
transform:translateY(-.125rem);
|
|
9716
9726
|
}
|
|
9717
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9727
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true]{
|
|
9718
9728
|
--item-background:var(--list-v2-selected-background);
|
|
9719
9729
|
}
|
|
9720
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9730
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[aria-selected=true]::after{
|
|
9721
9731
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
9722
9732
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9723
9733
|
content:"";
|
|
@@ -9726,13 +9736,13 @@
|
|
|
9726
9736
|
position:absolute;
|
|
9727
9737
|
transform:translateY(-.125rem);
|
|
9728
9738
|
}
|
|
9729
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9739
|
+
.bp_base_grid_list_item_module_listV2--e6f7b .bp_base_grid_list_item_module_listV2Item--e6f7b[data-focus-visible][aria-selected=true]::after{
|
|
9730
9740
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9731
9741
|
inset:-.1875rem;
|
|
9732
9742
|
transform:translateY(-.125rem);
|
|
9733
9743
|
}
|
|
9734
9744
|
|
|
9735
|
-
.bp_base_grid_list_item_module_staticList--
|
|
9745
|
+
.bp_base_grid_list_item_module_staticList--e6f7b .bp_base_grid_list_item_module_staticListItem--e6f7b{
|
|
9736
9746
|
display:contents;
|
|
9737
9747
|
}
|
|
9738
9748
|
.bp_guided_tooltip_module_content--39841{
|