@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:
|
|
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
|
-
|
|
7184
|
-
|
|
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:
|
|
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),
|