@carbon/ibmdotcom-styles 2.10.0-nightly.9359730276.0 → 2.10.0-nightly.9376700065.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.
@@ -7102,7 +7102,7 @@ screen and (prefers-contrast) {
7102
7102
  border-radius: 1rem;
7103
7103
  margin: .25rem;
7104
7104
  cursor: default;
7105
- max-inline-size: 100%;
7105
+ max-inline-size: 13rem;
7106
7106
  min-block-size: var(--cds-layout-size-height-local);
7107
7107
  min-inline-size: 2rem;
7108
7108
  padding-inline: .5rem;
@@ -7167,28 +7167,30 @@ screen and (prefers-contrast) {
7167
7167
  -webkit-padding-start: .5rem;
7168
7168
  padding-inline-start: .5rem
7169
7169
  }
7170
+ .cds--pricing-table-header-cell-tag:not(.cds--tag--selectable),
7171
+ .cds--tag:not(.cds--tag--selectable),
7172
+ :host(c4d-pricing-table-header-cell-tag) a:not(.cds--tag--selectable) {
7173
+ border: 0
7174
+ }
7170
7175
  .cds--pricing-table-header-cell-tag:not(:first-child),
7171
7176
  .cds--tag:not(:first-child),
7172
7177
  :host(c4d-pricing-table-header-cell-tag) a:not(:first-child) {
7173
7178
  -webkit-margin-start: 0;
7174
7179
  margin-inline-start: 0
7175
7180
  }
7181
+ .cds--tag--operational > span,
7182
+ .cds--tag--selectable > span,
7176
7183
  .cds--tag__label {
7184
+ display: block;
7177
7185
  overflow: hidden;
7178
- max-inline-size: 100%;
7179
7186
  text-overflow: ellipsis;
7180
7187
  white-space: nowrap
7181
7188
  }
7182
7189
  .cds--tag--interactive:focus {
7183
- -webkit-box-shadow: inset 0 0 0 1px var(--cds-focus,#0f62fe);
7184
- box-shadow: inset 0 0 0 1px var(--cds-focus,#0f62fe);
7185
- outline: 0
7186
- }
7187
- .cds--tag--interactive:hover {
7188
- cursor: pointer
7190
+ outline: 2px solid var(--cds-focus,#0f62fe);
7191
+ outline-offset: 1px
7189
7192
  }
7190
7193
  .cds--tag--filter {
7191
- cursor: pointer;
7192
7194
  -webkit-padding-after: 0;
7193
7195
  padding-block-end: 0;
7194
7196
  -webkit-padding-before: 0;
@@ -7199,12 +7201,6 @@ screen and (prefers-contrast) {
7199
7201
  .cds--tag--filter:hover {
7200
7202
  outline: 0
7201
7203
  }
7202
- .cds--interactive--tag-children {
7203
- display: -webkit-inline-box;
7204
- display: -ms-inline-flexbox;
7205
- display: inline-flex;
7206
- place-items: center
7207
- }
7208
7204
  .cds--tag--selectable {
7209
7205
  border: 1px solid var(--cds-border-inverse,#161616);
7210
7206
  background-color: var(--cds-layer);
@@ -7371,17 +7367,17 @@ screen and (prefers-contrast) {
7371
7367
  .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
7372
7368
  background-color: var(--cds-background-inverse-hover,#474747)
7373
7369
  }
7374
- .cds--tag--outline:not(.cds--tag--operational) {
7370
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
7375
7371
  background-color: var(--cds-background,#fff);
7376
7372
  color: var(--cds-text-primary,#161616);
7377
7373
  outline: 1px solid var(--cds-background-inverse,#393939);
7378
7374
  outline-offset: -1px
7379
7375
  }
7380
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
7376
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
7381
7377
  border: 1px solid var(--cds-background,#fff)
7382
7378
  }
7383
- .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover,
7384
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
7379
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover,
7380
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
7385
7381
  background-color: var(--cds-layer-hover)
7386
7382
  }
7387
7383
  .cds--tag--disabled:not(.cds--tag--operational),
@@ -7607,6 +7603,48 @@ screen and (prefers-contrast) {
7607
7603
  outline: Highlight solid 1px
7608
7604
  }
7609
7605
  }
7606
+ .cds--tag-label-tooltip {
7607
+ max-inline-size: -webkit-fill-available
7608
+ }
7609
+ .cds--tag__custom-icon + .cds--tag-label-tooltip {
7610
+ max-inline-size: 11rem
7611
+ }
7612
+ .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
7613
+ max-inline-size: 9.875rem
7614
+ }
7615
+ .cds--interactive--tag-children {
7616
+ display: -webkit-inline-box;
7617
+ display: -ms-inline-flexbox;
7618
+ display: inline-flex;
7619
+ max-inline-size: 12.5rem;
7620
+ place-items: center
7621
+ }
7622
+ .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
7623
+ max-inline-size: 11.5rem
7624
+ }
7625
+ .cds--pricing-table-header-cell-tag .cds--definition-term,
7626
+ .cds--tag .cds--definition-term,
7627
+ :host(c4d-pricing-table-header-cell-tag) a .cds--definition-term {
7628
+ -webkit-border-after: none;
7629
+ border-block-end: none;
7630
+ cursor: default;
7631
+ max-inline-size: 12rem
7632
+ }
7633
+ .cds--pricing-table-header-cell-tag .cds--tag__custom-icon + span > .cds--definition-term,
7634
+ .cds--tag .cds--tag__custom-icon + span > .cds--definition-term,
7635
+ :host(c4d-pricing-table-header-cell-tag) a .cds--tag__custom-icon + span > .cds--definition-term {
7636
+ max-inline-size: 11rem
7637
+ }
7638
+ .cds--pricing-table-header-cell-tag > .cds--popover-container,
7639
+ .cds--tag > .cds--popover-container,
7640
+ :host(c4d-pricing-table-header-cell-tag) a > .cds--popover-container {
7641
+ display: -webkit-box;
7642
+ display: -ms-flexbox;
7643
+ display: flex
7644
+ }
7645
+ .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
7646
+ pointer-events: none
7647
+ }
7610
7648
  .cds--tile-group html {
7611
7649
  font-size: 100%
7612
7650
  }
@@ -16638,33 +16676,6 @@ div.cds--content-group-pictograms .cds--content-group__title {
16638
16676
  .cds--cta-section--g100 .cds--content-item__cta {
16639
16677
  color: var(--cds-link-primary,#0f62fe)
16640
16678
  }
16641
- .cds--accordion--flush .cds--accordion__title,
16642
- :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,
16643
- :host(cds-accordion-item[isFlush]) .cds--accordion__title {
16644
- -webkit-margin-start: 0;
16645
- margin-inline-start: 0
16646
- }
16647
- .cds--accordion--flush .cds--accordion__arrow,
16648
- :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,
16649
- :host(cds-accordion-item[isFlush]) .cds--accordion__arrow {
16650
- -webkit-margin-end: 0;
16651
- margin-inline-end: 0
16652
- }
16653
- .cds--accordion--flush .cds--accordion__content,
16654
- :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,
16655
- :host(cds-accordion-item[isFlush]) .cds--accordion__content {
16656
- -webkit-padding-start: 0;
16657
- padding-inline-start: 0
16658
- }
16659
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,
16660
- .cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
16661
- :not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:focus::before,
16662
- :not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,
16663
- :not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:focus::before,
16664
- :not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before {
16665
- inline-size: calc(100% + 32px);
16666
- inset-inline-start: -1rem
16667
- }
16668
16679
  .cds--accordion,
16669
16680
  :host(c4d-filter-group),
16670
16681
  :host(cds-accordion),
@@ -16704,12 +16715,24 @@ div.cds--content-group-pictograms .cds--content-group__title {
16704
16715
  display: list-item;
16705
16716
  overflow: visible;
16706
16717
  -webkit-border-before: 1px solid var(--cds-border-subtle);
16707
- border-block-start: 1px solid var(--cds-border-subtle)
16718
+ border-block-start: 1px solid var(--cds-border-subtle);
16719
+ -webkit-transition: border-color 110ms cubic-bezier(.2,0,.38,.9);
16720
+ transition: border-color 110ms cubic-bezier(.2,0,.38,.9)
16708
16721
  }
16709
16722
  .cds--accordion__item:last-child {
16710
16723
  -webkit-border-after: 1px solid var(--cds-border-subtle);
16711
16724
  border-block-end: 1px solid var(--cds-border-subtle)
16712
16725
  }
16726
+ .cds--accordion__item:not(.cds--accordion__item--active):hover,
16727
+ .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item,
16728
+ .cds--accordion__item:not(.cds--accordion__item--active):hover + :host(c4d-filter-group-item),
16729
+ .cds--accordion__item:not(.cds--accordion__item--active):hover + :host(cds-accordion-item),
16730
+ .cds--accordion__item:not(.cds--accordion__item--active):hover + :host(cds-accordion-item-skeleton) {
16731
+ border-block-start-color: var(--cds-layer-hover)
16732
+ }
16733
+ .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
16734
+ border-block-end-color: var(--cds-layer-hover)
16735
+ }
16713
16736
  .cds--accordion__heading {
16714
16737
  -webkit-box-sizing: border-box;
16715
16738
  box-sizing: border-box;
@@ -16759,9 +16782,12 @@ div.cds--content-group-pictograms .cds--content-group__title {
16759
16782
  border: 0
16760
16783
  }
16761
16784
  .cds--accordion__heading:hover {
16762
- background-color: var(--cds-layer-hover)
16785
+ background-color: var(--cds-layer-hover);
16786
+ outline: 0
16763
16787
  }
16764
16788
  .cds--accordion__heading:focus {
16789
+ position: relative;
16790
+ z-index: 2;
16765
16791
  -webkit-box-shadow: 0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);
16766
16792
  box-shadow: 0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);
16767
16793
  outline: 0
@@ -16915,6 +16941,132 @@ li.cds--accordion__item--disabled:last-of-type {
16915
16941
  -webkit-transform: rotate(-90deg);
16916
16942
  transform: rotate(-90deg)
16917
16943
  }
16944
+ .cds--accordion--flush .cds--accordion__item,
16945
+ .cds--accordion--flush :host(c4d-filter-group-item),
16946
+ .cds--accordion--flush :host(cds-accordion-item),
16947
+ .cds--accordion--flush :host(cds-accordion-item-skeleton),
16948
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item,
16949
+ :host(cds-accordion-item-skeleton[isFlush]) :host(c4d-filter-group-item),
16950
+ :host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item),
16951
+ :host(cds-accordion-item-skeleton[isFlush]) :host(cds-accordion-item-skeleton),
16952
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item,
16953
+ :host(cds-accordion-item[isFlush]) :host(c4d-filter-group-item),
16954
+ :host(cds-accordion-item[isFlush]) :host(cds-accordion-item),
16955
+ :host(cds-accordion-item[isFlush]) :host(cds-accordion-item-skeleton) {
16956
+ position: relative;
16957
+ border-color: transparent
16958
+ }
16959
+ .cds--accordion--flush .cds--accordion__item:hover,
16960
+ .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item,
16961
+ .cds--accordion--flush .cds--accordion__item:hover + :host(c4d-filter-group-item),
16962
+ .cds--accordion--flush .cds--accordion__item:hover + :host(cds-accordion-item),
16963
+ .cds--accordion--flush .cds--accordion__item:hover + :host(cds-accordion-item-skeleton),
16964
+ .cds--accordion--flush .cds--accordion__item:last-child,
16965
+ .cds--accordion--flush .cds--accordion__item:last-child:hover,
16966
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover,
16967
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover + .cds--accordion__item,
16968
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover + :host(c4d-filter-group-item),
16969
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover + :host(cds-accordion-item),
16970
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:hover + :host(cds-accordion-item-skeleton),
16971
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child,
16972
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:hover,
16973
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:hover + .cds--accordion__item,
16974
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:hover + :host(c4d-filter-group-item),
16975
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:hover + :host(cds-accordion-item),
16976
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:hover + :host(cds-accordion-item-skeleton),
16977
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child {
16978
+ border-color: transparent
16979
+ }
16980
+ .cds--accordion--flush .cds--accordion__item::after,
16981
+ .cds--accordion--flush .cds--accordion__item::before,
16982
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,
16983
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,
16984
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item::after,
16985
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item::before {
16986
+ position: absolute;
16987
+ display: block;
16988
+ block-size: 1px;
16989
+ content: "";
16990
+ inline-size: calc(100% - 1rem - 1rem);
16991
+ -webkit-margin-start: 1rem;
16992
+ margin-inline-start: 1rem;
16993
+ -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9);
16994
+ transition: background 110ms cubic-bezier(.2,0,.38,.9)
16995
+ }
16996
+ @media screen and (prefers-reduced-motion:reduce) {
16997
+ .cds--accordion--flush .cds--accordion__item::after,
16998
+ .cds--accordion--flush .cds--accordion__item::before,
16999
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::after,
17000
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,
17001
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item::after,
17002
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item::before {
17003
+ -webkit-transition: none;
17004
+ transition: none
17005
+ }
17006
+ }
17007
+ .cds--accordion--flush .cds--accordion__item::before,
17008
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item::before,
17009
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item::before {
17010
+ background: var(--cds-border-subtle);
17011
+ inset-block-start: -1px
17012
+ }
17013
+ .cds--accordion--flush .cds--accordion__item:last-child::after,
17014
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__item:last-child::after,
17015
+ :host(cds-accordion-item[isFlush]) .cds--accordion__item:last-child::after {
17016
+ background: var(--cds-border-subtle);
17017
+ inset-block-end: -1px
17018
+ }
17019
+ .cds--accordion--flush .cds--accordion__heading:hover,
17020
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover,
17021
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover {
17022
+ position: relative;
17023
+ z-index: 1
17024
+ }
17025
+ .cds--accordion--flush .cds--accordion__heading:hover::after,
17026
+ .cds--accordion--flush .cds--accordion__heading:hover::before,
17027
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,
17028
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,
17029
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,
17030
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before {
17031
+ position: absolute;
17032
+ display: block;
17033
+ background: var(--cds-layer-hover);
17034
+ block-size: 1px;
17035
+ content: "";
17036
+ inline-size: 100%;
17037
+ inset-inline-start: 0;
17038
+ -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9);
17039
+ transition: background 110ms cubic-bezier(.2,0,.38,.9)
17040
+ }
17041
+ @media screen and (prefers-reduced-motion:reduce) {
17042
+ .cds--accordion--flush .cds--accordion__heading:hover::after,
17043
+ .cds--accordion--flush .cds--accordion__heading:hover::before,
17044
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,
17045
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,
17046
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after,
17047
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before {
17048
+ -webkit-transition: none;
17049
+ transition: none
17050
+ }
17051
+ }
17052
+ .cds--accordion--flush .cds--accordion__heading:hover::before,
17053
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,
17054
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before {
17055
+ inset-block-start: -1px
17056
+ }
17057
+ .cds--accordion--flush .cds--accordion__heading:hover::after,
17058
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::after,
17059
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::after {
17060
+ inset-block-end: -1px
17061
+ }
17062
+ .cds--accordion--flush .cds--accordion__heading:hover:focus::after,
17063
+ .cds--accordion--flush .cds--accordion__heading:hover:focus::before,
17064
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::after,
17065
+ :host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover:focus::before,
17066
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::after,
17067
+ :host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover:focus::before {
17068
+ background: 0 0
17069
+ }
16918
17070
  .cds--accordion.cds--skeleton .cds--accordion__button,
16919
17071
  .cds--accordion.cds--skeleton .cds--accordion__heading {
16920
17072
  cursor: default
@@ -16931,6 +17083,7 @@ li.cds--accordion__item--disabled:last-of-type {
16931
17083
  cursor: default;
16932
17084
  outline: 0
16933
17085
  }
17086
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover,
16934
17087
  .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
16935
17088
  background-color: transparent
16936
17089
  }
@@ -16947,6 +17100,10 @@ li.cds--accordion__item--disabled:last-of-type {
16947
17100
  -webkit-margin-after: 0;
16948
17101
  margin-block-end: 0
16949
17102
  }
17103
+ .cds--accordion.cds--skeleton .cds--accordion__title {
17104
+ -webkit-margin-start: 1rem;
17105
+ margin-inline-start: 1rem
17106
+ }
16950
17107
  @media screen and (-ms-high-contrast:active),
16951
17108
  (forced-colors:active) {
16952
17109
  .cds--accordion__arrow,
@@ -22216,12 +22373,21 @@ optgroup.cds--select-optgroup:disabled {
22216
22373
  display: list-item;
22217
22374
  overflow: visible;
22218
22375
  -webkit-border-before: 1px solid var(--cds-border-subtle);
22219
- border-block-start: 1px solid var(--cds-border-subtle)
22376
+ border-block-start: 1px solid var(--cds-border-subtle);
22377
+ -webkit-transition: border-color 110ms cubic-bezier(.2,0,.38,.9);
22378
+ transition: border-color 110ms cubic-bezier(.2,0,.38,.9)
22220
22379
  }
22221
22380
  :host(c4d-footer-nav) .cds--accordion__item:last-child {
22222
22381
  -webkit-border-after: 1px solid var(--cds-border-subtle);
22223
22382
  border-block-end: 1px solid var(--cds-border-subtle)
22224
22383
  }
22384
+ :host(c4d-footer-nav) .cds--accordion__item:not(.cds--accordion__item--active):hover,
22385
+ :host(c4d-footer-nav) .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
22386
+ border-block-start-color: var(--cds-layer-hover)
22387
+ }
22388
+ :host(c4d-footer-nav) .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
22389
+ border-block-end-color: var(--cds-layer-hover)
22390
+ }
22225
22391
  :host(c4d-footer-nav) .cds--accordion__heading {
22226
22392
  -webkit-box-sizing: border-box;
22227
22393
  box-sizing: border-box;
@@ -22270,9 +22436,12 @@ optgroup.cds--select-optgroup:disabled {
22270
22436
  border: 0
22271
22437
  }
22272
22438
  :host(c4d-footer-nav) .cds--accordion__heading:hover {
22273
- background-color: var(--cds-layer-hover)
22439
+ background-color: var(--cds-layer-hover);
22440
+ outline: 0
22274
22441
  }
22275
22442
  :host(c4d-footer-nav) .cds--accordion__heading:focus {
22443
+ position: relative;
22444
+ z-index: 2;
22276
22445
  -webkit-box-shadow: 0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);
22277
22446
  box-shadow: 0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);
22278
22447
  outline: 0
@@ -22395,6 +22564,76 @@ optgroup.cds--select-optgroup:disabled {
22395
22564
  -webkit-transform: rotate(-90deg);
22396
22565
  transform: rotate(-90deg)
22397
22566
  }
22567
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item {
22568
+ position: relative;
22569
+ border-color: transparent
22570
+ }
22571
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item:hover,
22572
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item,
22573
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item:last-child,
22574
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item:last-child:hover {
22575
+ border-color: transparent
22576
+ }
22577
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item::after,
22578
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item::before {
22579
+ position: absolute;
22580
+ display: block;
22581
+ block-size: 1px;
22582
+ content: "";
22583
+ inline-size: calc(100% - 1rem - 1rem);
22584
+ -webkit-margin-start: 1rem;
22585
+ margin-inline-start: 1rem;
22586
+ -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9);
22587
+ transition: background 110ms cubic-bezier(.2,0,.38,.9)
22588
+ }
22589
+ @media screen and (prefers-reduced-motion:reduce) {
22590
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item::after,
22591
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item::before {
22592
+ -webkit-transition: none;
22593
+ transition: none
22594
+ }
22595
+ }
22596
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item::before {
22597
+ background: var(--cds-border-subtle);
22598
+ inset-block-start: -1px
22599
+ }
22600
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__item:last-child::after {
22601
+ background: var(--cds-border-subtle);
22602
+ inset-block-end: -1px
22603
+ }
22604
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover {
22605
+ position: relative;
22606
+ z-index: 1
22607
+ }
22608
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::after,
22609
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::before {
22610
+ position: absolute;
22611
+ display: block;
22612
+ background: var(--cds-layer-hover);
22613
+ block-size: 1px;
22614
+ content: "";
22615
+ inline-size: 100%;
22616
+ inset-inline-start: 0;
22617
+ -webkit-transition: background 110ms cubic-bezier(.2,0,.38,.9);
22618
+ transition: background 110ms cubic-bezier(.2,0,.38,.9)
22619
+ }
22620
+ @media screen and (prefers-reduced-motion:reduce) {
22621
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::after,
22622
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::before {
22623
+ -webkit-transition: none;
22624
+ transition: none
22625
+ }
22626
+ }
22627
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::before {
22628
+ inset-block-start: -1px
22629
+ }
22630
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover::after {
22631
+ inset-block-end: -1px
22632
+ }
22633
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover:focus::after,
22634
+ :host(c4d-footer-nav) .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
22635
+ background: 0 0
22636
+ }
22398
22637
  :host(c4d-footer-nav) .cds--accordion.cds--skeleton .cds--accordion__button,
22399
22638
  :host(c4d-footer-nav) .cds--accordion.cds--skeleton .cds--accordion__heading {
22400
22639
  cursor: default
@@ -22411,6 +22650,7 @@ optgroup.cds--select-optgroup:disabled {
22411
22650
  cursor: default;
22412
22651
  outline: 0
22413
22652
  }
22653
+ :host(c4d-footer-nav) .cds--accordion.cds--skeleton .cds--accordion__heading:hover,
22414
22654
  :host(c4d-footer-nav) .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
22415
22655
  background-color: transparent
22416
22656
  }
@@ -22427,6 +22667,10 @@ optgroup.cds--select-optgroup:disabled {
22427
22667
  -webkit-margin-after: 0;
22428
22668
  margin-block-end: 0
22429
22669
  }
22670
+ :host(c4d-footer-nav) .cds--accordion.cds--skeleton .cds--accordion__title {
22671
+ -webkit-margin-start: 1rem;
22672
+ margin-inline-start: 1rem
22673
+ }
22430
22674
  :host(c4d-footer-nav) [dir=rtl] .cds--accordion--start .cds--accordion__heading {
22431
22675
  -webkit-padding-end: 0;
22432
22676
  padding-inline-end: 0;
@@ -31532,7 +31776,7 @@ button.cds--dropdown-text:focus {
31532
31776
  background-color: none;
31533
31777
  block-size: 100%;
31534
31778
  inline-size: 100%;
31535
- inset-block-start: 3rem;
31779
+ inset-block-start: 0;
31536
31780
  inset-inline-start: 0;
31537
31781
  opacity: 0;
31538
31782
  -webkit-transition: opacity .3s cubic-bezier(.5,0,.1,1),visibility .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1);
@@ -36131,7 +36375,7 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
36131
36375
  }
36132
36376
  .cds--masthead__megamenu__l0-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu,
36133
36377
  :host(c4d-megamenu-top-nav-menu) .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
36134
- inset-block-start: 3rem
36378
+ inset-block-start: var(--c4d-masthead-l0-bottom-edge,3rem)
36135
36379
  }
36136
36380
  .cds--masthead__megamenu__l1-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
36137
36381
  inset-block-start: 6.125rem
@@ -45566,6 +45810,19 @@ cds-hr {
45566
45810
  vertical-align: top;
45567
45811
  fill: transparent
45568
45812
  }
45813
+ .cds--pricing-table-group .cds--structured-list--selection th:last-child,
45814
+ .cds--structured-list--selection .cds--pricing-table-cell:last-child,
45815
+ .cds--structured-list--selection .cds--pricing-table-group th:last-child,
45816
+ .cds--structured-list--selection .cds--structured-list-cell:last-child,
45817
+ .cds--structured-list--selection .cds--structured-list-group th:last-child,
45818
+ .cds--structured-list--selection .cds--structured-list-td:last-child,
45819
+ .cds--structured-list-group .cds--structured-list--selection th:last-child,
45820
+ :host(c4d-pricing-table-group) .cds--structured-list--selection th:last-child,
45821
+ :host(c4d-structured-list-group) .cds--structured-list--selection th:last-child {
45822
+ inline-size: 2rem;
45823
+ -webkit-padding-start: 0;
45824
+ padding-inline-start: 0
45825
+ }
45569
45826
  .cds--structured-list.cds--skeleton .cds--pricing-table-header-cell:first-child,
45570
45827
  .cds--structured-list.cds--skeleton .cds--structured-list-header-cell:first-child,
45571
45828
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
@@ -45645,6 +45902,19 @@ cds-hr {
45645
45902
  margin-block-start: .125rem;
45646
45903
  vertical-align: top
45647
45904
  }
45905
+ .cds--pricing-table-group .cds--structured-list--selection th:first-child:has(.cds--structured-list__icon),
45906
+ .cds--structured-list--selection .cds--pricing-table-cell:first-child:has(.cds--structured-list__icon),
45907
+ .cds--structured-list--selection .cds--pricing-table-group th:first-child:has(.cds--structured-list__icon),
45908
+ .cds--structured-list--selection .cds--structured-list-cell:first-child:has(.cds--structured-list__icon),
45909
+ .cds--structured-list--selection .cds--structured-list-group th:first-child:has(.cds--structured-list__icon),
45910
+ .cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon),
45911
+ .cds--structured-list-group .cds--structured-list--selection th:first-child:has(.cds--structured-list__icon),
45912
+ :host(c4d-pricing-table-group) .cds--structured-list--selection th:first-child:has(.cds--structured-list__icon),
45913
+ :host(c4d-structured-list-group) .cds--structured-list--selection th:first-child:has(.cds--structured-list__icon) {
45914
+ inline-size: 2rem;
45915
+ -webkit-padding-end: 0;
45916
+ padding-inline-end: 0
45917
+ }
45648
45918
  .cds--pricing-table-header-row,
45649
45919
  .cds--structured-list-header-row,
45650
45920
  :host(c4d-pricing-table-header-row),