@carbon/ibmdotcom-styles 2.32.1 → 2.34.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.
@@ -5194,7 +5194,6 @@ screen and (prefers-contrast) {
5194
5194
  }
5195
5195
  .c4d--video-player[background-mode] .c4d--video-player__video-container,
5196
5196
  :host(c4d-video-player[background-mode]) .c4d--video-player__video-container {
5197
- padding: 0;
5198
5197
  block-size: 100%
5199
5198
  }
5200
5199
  .c4d--video-player[background-mode] .c4d--video-player__video,
@@ -12775,8 +12774,8 @@ screen and (prefers-contrast) {
12775
12774
  margin-block-end: 1rem
12776
12775
  }
12777
12776
  :host(c4d-card-group-item)[grid-mode=condensed] .cds--card {
12778
- -webkit-margin-after: 0;
12779
- margin-block-end: 0
12777
+ -webkit-margin-after: 1rem;
12778
+ margin-block-end: 1rem
12780
12779
  }
12781
12780
  :host(c4d-card-group-item) ::slotted(c4d-card-footer) {
12782
12781
  display: revert;
@@ -38100,8 +38099,7 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
38100
38099
  }
38101
38100
  }
38102
38101
  ::slotted([slot=action]) {
38103
- -webkit-padding-before: 2rem;
38104
- padding-block-start: 2rem
38102
+ padding-block: 2rem
38105
38103
  }
38106
38104
  :host(c4d-leadspace) {
38107
38105
  position: relative;
@@ -38452,7 +38450,7 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
38452
38450
  .c4d--leadspace ::slotted(c4d-leadspace-heading),
38453
38451
  :host(c4d-leadspace) .c4d--leadspace__title,
38454
38452
  :host(c4d-leadspace) ::slotted(c4d-leadspace-heading) {
38455
- inline-size: 50%
38453
+ inline-size: 37.5%
38456
38454
  }
38457
38455
  .c4d--leadspace .c4d--leadspace__desc,
38458
38456
  :host(c4d-leadspace) .c4d--leadspace__desc {
@@ -38468,9 +38466,9 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
38468
38466
  :host(c4d-leadspace) .c4d--leadspace--productive ::slotted(c4d-leadspace-heading) {
38469
38467
  display: block;
38470
38468
  -webkit-box-flex: 0;
38471
- -ms-flex: 0 0 43.75%;
38472
- flex: 0 0 43.75%;
38473
- max-inline-size: 43.75%
38469
+ -ms-flex: 0 0 37.5%;
38470
+ flex: 0 0 37.5%;
38471
+ max-inline-size: 37.5%
38474
38472
  }
38475
38473
  .c4d--leadspace .c4d--leadspace--centered ::slotted([slot=action]),
38476
38474
  .c4d--leadspace .c4d--leadspace--centered ::slotted(c4d-button-group),
@@ -45140,6 +45138,20 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
45140
45138
  -webkit-margin-after: 6rem;
45141
45139
  margin-block-end: 6rem
45142
45140
  }
45141
+ .cds--pricing-table-group tr ::slotted(:nth-child(1)),
45142
+ .cds--pricing-table-header-row ::slotted(:nth-child(1)),
45143
+ .cds--pricing-table-row ::slotted(:nth-child(1)),
45144
+ .cds--structured-list-all-rows ::slotted(:nth-child(1)),
45145
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(1)),
45146
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(1)),
45147
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(1)),
45148
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(1)),
45149
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(1)),
45150
+ :host(c4d-structured-list-row) ::slotted(:nth-child(1)) {
45151
+ --width: calc(
45152
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
45153
+ )
45154
+ }
45143
45155
  }
45144
45156
  :host(c4d-logo-grid-link) ::slotted(svg) {
45145
45157
  fill: var(--cds-link-primary,#0f62fe);
@@ -45949,6 +45961,15 @@ strong {
45949
45961
  border-block-end: 1px solid var(--cds-layer-accent-01,#e0e0e0);
45950
45962
  color: var(--cds-text-primary,#161616)
45951
45963
  }
45964
+ @media (max-width:65.98rem) {
45965
+ .cds--pricing-table-group tr,
45966
+ .cds--structured-list-group tr,
45967
+ :host(c4d-pricing-table-group) tr,
45968
+ :host(c4d-structured-list-group) tr {
45969
+ -webkit-box-shadow: 50vw 0 var(--cds-layer-accent-01,#e0e0e0),100vw 0 var(--cds-layer-accent-01,#e0e0e0),150vw 0 var(--cds-layer-accent-01,#e0e0e0),200vw 0 var(--cds-layer-accent-01,#e0e0e0),250vw 0 var(--cds-layer-accent-01,#e0e0e0),300vw 0 var(--cds-layer-accent-01,#e0e0e0),350vw 0 var(--cds-layer-accent-01,#e0e0e0),400vw 0 var(--cds-layer-accent-01,#e0e0e0),450vw 0 var(--cds-layer-accent-01,#e0e0e0),500vw 0 var(--cds-layer-accent-01,#e0e0e0),550vw 0 var(--cds-layer-accent-01,#e0e0e0),600vw 0 var(--cds-layer-accent-01,#e0e0e0),650vw 0 var(--cds-layer-accent-01,#e0e0e0),700vw 0 var(--cds-layer-accent-01,#e0e0e0),750vw 0 var(--cds-layer-accent-01,#e0e0e0),800vw 0 var(--cds-layer-accent-01,#e0e0e0),850vw 0 var(--cds-layer-accent-01,#e0e0e0),900vw 0 var(--cds-layer-accent-01,#e0e0e0),950vw 0 var(--cds-layer-accent-01,#e0e0e0),1000vw 0 var(--cds-layer-accent-01,#e0e0e0);
45970
+ box-shadow: 50vw 0 var(--cds-layer-accent-01,#e0e0e0),100vw 0 var(--cds-layer-accent-01,#e0e0e0),150vw 0 var(--cds-layer-accent-01,#e0e0e0),200vw 0 var(--cds-layer-accent-01,#e0e0e0),250vw 0 var(--cds-layer-accent-01,#e0e0e0),300vw 0 var(--cds-layer-accent-01,#e0e0e0),350vw 0 var(--cds-layer-accent-01,#e0e0e0),400vw 0 var(--cds-layer-accent-01,#e0e0e0),450vw 0 var(--cds-layer-accent-01,#e0e0e0),500vw 0 var(--cds-layer-accent-01,#e0e0e0),550vw 0 var(--cds-layer-accent-01,#e0e0e0),600vw 0 var(--cds-layer-accent-01,#e0e0e0),650vw 0 var(--cds-layer-accent-01,#e0e0e0),700vw 0 var(--cds-layer-accent-01,#e0e0e0),750vw 0 var(--cds-layer-accent-01,#e0e0e0),800vw 0 var(--cds-layer-accent-01,#e0e0e0),850vw 0 var(--cds-layer-accent-01,#e0e0e0),900vw 0 var(--cds-layer-accent-01,#e0e0e0),950vw 0 var(--cds-layer-accent-01,#e0e0e0),1000vw 0 var(--cds-layer-accent-01,#e0e0e0)
45971
+ }
45972
+ }
45952
45973
  .cds--pricing-table-group th,
45953
45974
  .cds--structured-list-group th,
45954
45975
  :host(c4d-pricing-table-group) th,
@@ -46017,7 +46038,7 @@ strong {
46017
46038
  :host(c4d-structured-list-row) ::slotted(:nth-child(1)) {
46018
46039
  --cols: var(
46019
46040
  --col-span-md-1,
46020
- var(--col-span-1, 2)
46041
+ var(--col-span-1, 3)
46021
46042
  );
46022
46043
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46023
46044
  -webkit-box-flex: 0;
@@ -46081,7 +46102,7 @@ strong {
46081
46102
  :host(c4d-structured-list-row) ::slotted(:nth-child(2)) {
46082
46103
  --cols: var(
46083
46104
  --col-span-md-2,
46084
- var(--col-span-2, 2)
46105
+ var(--col-span-2, 3)
46085
46106
  );
46086
46107
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46087
46108
  -webkit-box-flex: 0;
@@ -46145,7 +46166,7 @@ strong {
46145
46166
  :host(c4d-structured-list-row) ::slotted(:nth-child(3)) {
46146
46167
  --cols: var(
46147
46168
  --col-span-md-3,
46148
- var(--col-span-3, 2)
46169
+ var(--col-span-3, 3)
46149
46170
  );
46150
46171
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46151
46172
  -webkit-box-flex: 0;
@@ -46209,7 +46230,7 @@ strong {
46209
46230
  :host(c4d-structured-list-row) ::slotted(:nth-child(4)) {
46210
46231
  --cols: var(
46211
46232
  --col-span-md-4,
46212
- var(--col-span-4, 2)
46233
+ var(--col-span-4, 3)
46213
46234
  );
46214
46235
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46215
46236
  -webkit-box-flex: 0;
@@ -46273,7 +46294,7 @@ strong {
46273
46294
  :host(c4d-structured-list-row) ::slotted(:nth-child(5)) {
46274
46295
  --cols: var(
46275
46296
  --col-span-md-5,
46276
- var(--col-span-5, 2)
46297
+ var(--col-span-5, 3)
46277
46298
  );
46278
46299
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46279
46300
  -webkit-box-flex: 0;
@@ -46337,7 +46358,7 @@ strong {
46337
46358
  :host(c4d-structured-list-row) ::slotted(:nth-child(6)) {
46338
46359
  --cols: var(
46339
46360
  --col-span-md-6,
46340
- var(--col-span-6, 2)
46361
+ var(--col-span-6, 3)
46341
46362
  );
46342
46363
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46343
46364
  -webkit-box-flex: 0;
@@ -46401,7 +46422,7 @@ strong {
46401
46422
  :host(c4d-structured-list-row) ::slotted(:nth-child(7)) {
46402
46423
  --cols: var(
46403
46424
  --col-span-md-7,
46404
- var(--col-span-7, 2)
46425
+ var(--col-span-7, 3)
46405
46426
  );
46406
46427
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46407
46428
  -webkit-box-flex: 0;
@@ -46452,127 +46473,6 @@ strong {
46452
46473
  flex: 0 0 var(--width);
46453
46474
  max-inline-size: var(--width)
46454
46475
  }
46455
- @media (max-width:41.98rem) {
46456
- .cds--pricing-table-group tr,
46457
- .cds--structured-list-group tr,
46458
- :host(c4d-pricing-table-group) tr,
46459
- :host(c4d-structured-list-group) tr {
46460
- -webkit-box-shadow: 50vw 0 var(--cds-layer-accent-01,#e0e0e0),100vw 0 var(--cds-layer-accent-01,#e0e0e0),150vw 0 var(--cds-layer-accent-01,#e0e0e0),200vw 0 var(--cds-layer-accent-01,#e0e0e0),250vw 0 var(--cds-layer-accent-01,#e0e0e0),300vw 0 var(--cds-layer-accent-01,#e0e0e0),350vw 0 var(--cds-layer-accent-01,#e0e0e0),400vw 0 var(--cds-layer-accent-01,#e0e0e0),450vw 0 var(--cds-layer-accent-01,#e0e0e0),500vw 0 var(--cds-layer-accent-01,#e0e0e0),550vw 0 var(--cds-layer-accent-01,#e0e0e0),600vw 0 var(--cds-layer-accent-01,#e0e0e0),650vw 0 var(--cds-layer-accent-01,#e0e0e0),700vw 0 var(--cds-layer-accent-01,#e0e0e0),750vw 0 var(--cds-layer-accent-01,#e0e0e0),800vw 0 var(--cds-layer-accent-01,#e0e0e0),850vw 0 var(--cds-layer-accent-01,#e0e0e0),900vw 0 var(--cds-layer-accent-01,#e0e0e0),950vw 0 var(--cds-layer-accent-01,#e0e0e0),1000vw 0 var(--cds-layer-accent-01,#e0e0e0);
46461
- box-shadow: 50vw 0 var(--cds-layer-accent-01,#e0e0e0),100vw 0 var(--cds-layer-accent-01,#e0e0e0),150vw 0 var(--cds-layer-accent-01,#e0e0e0),200vw 0 var(--cds-layer-accent-01,#e0e0e0),250vw 0 var(--cds-layer-accent-01,#e0e0e0),300vw 0 var(--cds-layer-accent-01,#e0e0e0),350vw 0 var(--cds-layer-accent-01,#e0e0e0),400vw 0 var(--cds-layer-accent-01,#e0e0e0),450vw 0 var(--cds-layer-accent-01,#e0e0e0),500vw 0 var(--cds-layer-accent-01,#e0e0e0),550vw 0 var(--cds-layer-accent-01,#e0e0e0),600vw 0 var(--cds-layer-accent-01,#e0e0e0),650vw 0 var(--cds-layer-accent-01,#e0e0e0),700vw 0 var(--cds-layer-accent-01,#e0e0e0),750vw 0 var(--cds-layer-accent-01,#e0e0e0),800vw 0 var(--cds-layer-accent-01,#e0e0e0),850vw 0 var(--cds-layer-accent-01,#e0e0e0),900vw 0 var(--cds-layer-accent-01,#e0e0e0),950vw 0 var(--cds-layer-accent-01,#e0e0e0),1000vw 0 var(--cds-layer-accent-01,#e0e0e0)
46462
- }
46463
- .cds--pricing-table-group tr ::slotted(:nth-child(1)),
46464
- .cds--pricing-table-header-row ::slotted(:nth-child(1)),
46465
- .cds--pricing-table-row ::slotted(:nth-child(1)),
46466
- .cds--structured-list-all-rows ::slotted(:nth-child(1)),
46467
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(1)),
46468
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(1)),
46469
- :host(c4d-pricing-table-row) ::slotted(:nth-child(1)),
46470
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(1)),
46471
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(1)),
46472
- :host(c4d-structured-list-row) ::slotted(:nth-child(1)) {
46473
- --width: calc(
46474
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46475
- )
46476
- }
46477
- .cds--pricing-table-group tr ::slotted(:nth-child(2)),
46478
- .cds--pricing-table-header-row ::slotted(:nth-child(2)),
46479
- .cds--pricing-table-row ::slotted(:nth-child(2)),
46480
- .cds--structured-list-all-rows ::slotted(:nth-child(2)),
46481
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(2)),
46482
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(2)),
46483
- :host(c4d-pricing-table-row) ::slotted(:nth-child(2)),
46484
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(2)),
46485
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(2)),
46486
- :host(c4d-structured-list-row) ::slotted(:nth-child(2)) {
46487
- --width: calc(
46488
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46489
- )
46490
- }
46491
- .cds--pricing-table-group tr ::slotted(:nth-child(3)),
46492
- .cds--pricing-table-header-row ::slotted(:nth-child(3)),
46493
- .cds--pricing-table-row ::slotted(:nth-child(3)),
46494
- .cds--structured-list-all-rows ::slotted(:nth-child(3)),
46495
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(3)),
46496
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(3)),
46497
- :host(c4d-pricing-table-row) ::slotted(:nth-child(3)),
46498
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(3)),
46499
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(3)),
46500
- :host(c4d-structured-list-row) ::slotted(:nth-child(3)) {
46501
- --width: calc(
46502
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46503
- )
46504
- }
46505
- .cds--pricing-table-group tr ::slotted(:nth-child(4)),
46506
- .cds--pricing-table-header-row ::slotted(:nth-child(4)),
46507
- .cds--pricing-table-row ::slotted(:nth-child(4)),
46508
- .cds--structured-list-all-rows ::slotted(:nth-child(4)),
46509
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(4)),
46510
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(4)),
46511
- :host(c4d-pricing-table-row) ::slotted(:nth-child(4)),
46512
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(4)),
46513
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(4)),
46514
- :host(c4d-structured-list-row) ::slotted(:nth-child(4)) {
46515
- --width: calc(
46516
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46517
- )
46518
- }
46519
- .cds--pricing-table-group tr ::slotted(:nth-child(5)),
46520
- .cds--pricing-table-header-row ::slotted(:nth-child(5)),
46521
- .cds--pricing-table-row ::slotted(:nth-child(5)),
46522
- .cds--structured-list-all-rows ::slotted(:nth-child(5)),
46523
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(5)),
46524
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(5)),
46525
- :host(c4d-pricing-table-row) ::slotted(:nth-child(5)),
46526
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(5)),
46527
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(5)),
46528
- :host(c4d-structured-list-row) ::slotted(:nth-child(5)) {
46529
- --width: calc(
46530
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46531
- )
46532
- }
46533
- .cds--pricing-table-group tr ::slotted(:nth-child(6)),
46534
- .cds--pricing-table-header-row ::slotted(:nth-child(6)),
46535
- .cds--pricing-table-row ::slotted(:nth-child(6)),
46536
- .cds--structured-list-all-rows ::slotted(:nth-child(6)),
46537
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(6)),
46538
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(6)),
46539
- :host(c4d-pricing-table-row) ::slotted(:nth-child(6)),
46540
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(6)),
46541
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(6)),
46542
- :host(c4d-structured-list-row) ::slotted(:nth-child(6)) {
46543
- --width: calc(
46544
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46545
- )
46546
- }
46547
- .cds--pricing-table-group tr ::slotted(:nth-child(7)),
46548
- .cds--pricing-table-header-row ::slotted(:nth-child(7)),
46549
- .cds--pricing-table-row ::slotted(:nth-child(7)),
46550
- .cds--structured-list-all-rows ::slotted(:nth-child(7)),
46551
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(7)),
46552
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(7)),
46553
- :host(c4d-pricing-table-row) ::slotted(:nth-child(7)),
46554
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(7)),
46555
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(7)),
46556
- :host(c4d-structured-list-row) ::slotted(:nth-child(7)) {
46557
- --width: calc(
46558
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46559
- )
46560
- }
46561
- .cds--pricing-table-group tr ::slotted(:nth-child(8)),
46562
- .cds--pricing-table-header-row ::slotted(:nth-child(8)),
46563
- .cds--pricing-table-row ::slotted(:nth-child(8)),
46564
- .cds--structured-list-all-rows ::slotted(:nth-child(8)),
46565
- :host(c4d-pricing-table-group) tr ::slotted(:nth-child(8)),
46566
- :host(c4d-pricing-table-header-row) ::slotted(:nth-child(8)),
46567
- :host(c4d-pricing-table-row) ::slotted(:nth-child(8)),
46568
- :host(c4d-structured-list-group) tr ::slotted(:nth-child(8)),
46569
- :host(c4d-structured-list-header-row) ::slotted(:nth-child(8)),
46570
- :host(c4d-structured-list-row) ::slotted(:nth-child(8)) {
46571
- --width: calc(
46572
- (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46573
- )
46574
- }
46575
- }
46576
46476
  @media (min-width:42rem) {
46577
46477
  .cds--pricing-table-group tr ::slotted(:nth-child(8)),
46578
46478
  .cds--pricing-table-header-row ::slotted(:nth-child(8)),
@@ -46586,7 +46486,7 @@ strong {
46586
46486
  :host(c4d-structured-list-row) ::slotted(:nth-child(8)) {
46587
46487
  --cols: var(
46588
46488
  --col-span-md-8,
46589
- var(--col-span-8, 2)
46489
+ var(--col-span-8, 3)
46590
46490
  );
46591
46491
  --width: calc((var(--cols) / var(--max-cols)) * 100%);
46592
46492
  -webkit-box-flex: 0;
@@ -47030,6 +46930,104 @@ strong {
47030
46930
  border-block-end-color: transparent
47031
46931
  }
47032
46932
  @media (max-width:41.98rem) {
46933
+ .cds--pricing-table-group tr ::slotted(:nth-child(2)),
46934
+ .cds--pricing-table-header-row ::slotted(:nth-child(2)),
46935
+ .cds--pricing-table-row ::slotted(:nth-child(2)),
46936
+ .cds--structured-list-all-rows ::slotted(:nth-child(2)),
46937
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(2)),
46938
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(2)),
46939
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(2)),
46940
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(2)),
46941
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(2)),
46942
+ :host(c4d-structured-list-row) ::slotted(:nth-child(2)) {
46943
+ --width: calc(
46944
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46945
+ )
46946
+ }
46947
+ .cds--pricing-table-group tr ::slotted(:nth-child(3)),
46948
+ .cds--pricing-table-header-row ::slotted(:nth-child(3)),
46949
+ .cds--pricing-table-row ::slotted(:nth-child(3)),
46950
+ .cds--structured-list-all-rows ::slotted(:nth-child(3)),
46951
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(3)),
46952
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(3)),
46953
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(3)),
46954
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(3)),
46955
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(3)),
46956
+ :host(c4d-structured-list-row) ::slotted(:nth-child(3)) {
46957
+ --width: calc(
46958
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46959
+ )
46960
+ }
46961
+ .cds--pricing-table-group tr ::slotted(:nth-child(4)),
46962
+ .cds--pricing-table-header-row ::slotted(:nth-child(4)),
46963
+ .cds--pricing-table-row ::slotted(:nth-child(4)),
46964
+ .cds--structured-list-all-rows ::slotted(:nth-child(4)),
46965
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(4)),
46966
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(4)),
46967
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(4)),
46968
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(4)),
46969
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(4)),
46970
+ :host(c4d-structured-list-row) ::slotted(:nth-child(4)) {
46971
+ --width: calc(
46972
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46973
+ )
46974
+ }
46975
+ .cds--pricing-table-group tr ::slotted(:nth-child(5)),
46976
+ .cds--pricing-table-header-row ::slotted(:nth-child(5)),
46977
+ .cds--pricing-table-row ::slotted(:nth-child(5)),
46978
+ .cds--structured-list-all-rows ::slotted(:nth-child(5)),
46979
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(5)),
46980
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(5)),
46981
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(5)),
46982
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(5)),
46983
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(5)),
46984
+ :host(c4d-structured-list-row) ::slotted(:nth-child(5)) {
46985
+ --width: calc(
46986
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
46987
+ )
46988
+ }
46989
+ .cds--pricing-table-group tr ::slotted(:nth-child(6)),
46990
+ .cds--pricing-table-header-row ::slotted(:nth-child(6)),
46991
+ .cds--pricing-table-row ::slotted(:nth-child(6)),
46992
+ .cds--structured-list-all-rows ::slotted(:nth-child(6)),
46993
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(6)),
46994
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(6)),
46995
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(6)),
46996
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(6)),
46997
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(6)),
46998
+ :host(c4d-structured-list-row) ::slotted(:nth-child(6)) {
46999
+ --width: calc(
47000
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
47001
+ )
47002
+ }
47003
+ .cds--pricing-table-group tr ::slotted(:nth-child(7)),
47004
+ .cds--pricing-table-header-row ::slotted(:nth-child(7)),
47005
+ .cds--pricing-table-row ::slotted(:nth-child(7)),
47006
+ .cds--structured-list-all-rows ::slotted(:nth-child(7)),
47007
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(7)),
47008
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(7)),
47009
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(7)),
47010
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(7)),
47011
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(7)),
47012
+ :host(c4d-structured-list-row) ::slotted(:nth-child(7)) {
47013
+ --width: calc(
47014
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
47015
+ )
47016
+ }
47017
+ .cds--pricing-table-group tr ::slotted(:nth-child(8)),
47018
+ .cds--pricing-table-header-row ::slotted(:nth-child(8)),
47019
+ .cds--pricing-table-row ::slotted(:nth-child(8)),
47020
+ .cds--structured-list-all-rows ::slotted(:nth-child(8)),
47021
+ :host(c4d-pricing-table-group) tr ::slotted(:nth-child(8)),
47022
+ :host(c4d-pricing-table-header-row) ::slotted(:nth-child(8)),
47023
+ :host(c4d-pricing-table-row) ::slotted(:nth-child(8)),
47024
+ :host(c4d-structured-list-group) tr ::slotted(:nth-child(8)),
47025
+ :host(c4d-structured-list-header-row) ::slotted(:nth-child(8)),
47026
+ :host(c4d-structured-list-row) ::slotted(:nth-child(8)) {
47027
+ --width: calc(
47028
+ (var(--cols) / var(--max-cols)) * 100% - var(--mobile-peek, 5%)
47029
+ )
47030
+ }
47033
47031
  .cds--pricing-table-header-cell:not([scope=row]).cds--pricing-table-header-cell--sticky::after,
47034
47032
  :host(c4d-pricing-table-header-cell:not([scope=row])).cds--pricing-table-header-cell--sticky::after {
47035
47033
  position: absolute;