@i-cell/ids-styles 0.0.30 → 0.0.31
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/components.css +664 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +632 -0
- package/dist/table/table.css +663 -0
- package/dist/table/table.min.css +1 -0
- package/dist/table/table.plugin.js +641 -0
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -12006,6 +12006,670 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
12006
12006
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
|
|
12007
12007
|
}
|
|
12008
12008
|
|
|
12009
|
+
.ids-table {
|
|
12010
|
+
position: relative;
|
|
12011
|
+
box-sizing: border-box;
|
|
12012
|
+
display: block;
|
|
12013
|
+
max-width: 100%;
|
|
12014
|
+
}
|
|
12015
|
+
.ids-table > .ids-table__horizontal-scroll {
|
|
12016
|
+
position: relative;
|
|
12017
|
+
overflow: auto;
|
|
12018
|
+
width: 100%;
|
|
12019
|
+
}
|
|
12020
|
+
.ids-table.ids-table-compact.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12021
|
+
border-radius: var(--ids-comp-table-size-border-radius-compact);
|
|
12022
|
+
border-width: var(--ids-comp-table-size-border-width-compact);
|
|
12023
|
+
}
|
|
12024
|
+
.ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12025
|
+
border-top-style: solid;
|
|
12026
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-compact);
|
|
12027
|
+
}
|
|
12028
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12029
|
+
border-right-style: solid;
|
|
12030
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12031
|
+
}
|
|
12032
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12033
|
+
border-left-style: solid;
|
|
12034
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12035
|
+
}
|
|
12036
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12037
|
+
border-right-style: solid;
|
|
12038
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12039
|
+
}
|
|
12040
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12041
|
+
border-left-style: solid;
|
|
12042
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12043
|
+
}
|
|
12044
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12045
|
+
gap: var(--ids-comp-table-thead-th-size-gap-compact);
|
|
12046
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-compact);
|
|
12047
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12048
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12049
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12050
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12051
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-compact);
|
|
12052
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-compact);
|
|
12053
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-compact);
|
|
12054
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-compact);
|
|
12055
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-compact);
|
|
12056
|
+
}
|
|
12057
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12058
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-compact);
|
|
12059
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-compact);
|
|
12060
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12061
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12062
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12063
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12064
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-compact);
|
|
12065
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-compact);
|
|
12066
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-compact);
|
|
12067
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-compact);
|
|
12068
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-compact);
|
|
12069
|
+
}
|
|
12070
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12071
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-compact);
|
|
12072
|
+
}
|
|
12073
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12074
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-compact);
|
|
12075
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-compact);
|
|
12076
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-compact);
|
|
12077
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-compact);
|
|
12078
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-compact);
|
|
12079
|
+
}
|
|
12080
|
+
.ids-table.ids-table-comfortable.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12081
|
+
border-radius: var(--ids-comp-table-size-border-radius-comfortable);
|
|
12082
|
+
border-width: var(--ids-comp-table-size-border-width-comfortable);
|
|
12083
|
+
}
|
|
12084
|
+
.ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12085
|
+
border-top-style: solid;
|
|
12086
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-comfortable);
|
|
12087
|
+
}
|
|
12088
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12089
|
+
border-right-style: solid;
|
|
12090
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12091
|
+
}
|
|
12092
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12093
|
+
border-left-style: solid;
|
|
12094
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12095
|
+
}
|
|
12096
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12097
|
+
border-right-style: solid;
|
|
12098
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12099
|
+
}
|
|
12100
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12101
|
+
border-left-style: solid;
|
|
12102
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12103
|
+
}
|
|
12104
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12105
|
+
gap: var(--ids-comp-table-thead-th-size-gap-comfortable);
|
|
12106
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-comfortable);
|
|
12107
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12108
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12109
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12110
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12111
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-comfortable);
|
|
12112
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-comfortable);
|
|
12113
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-comfortable);
|
|
12114
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-comfortable);
|
|
12115
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-comfortable);
|
|
12116
|
+
}
|
|
12117
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12118
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-comfortable);
|
|
12119
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-comfortable);
|
|
12120
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12121
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12122
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12123
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12124
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-comfortable);
|
|
12125
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-comfortable);
|
|
12126
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-comfortable);
|
|
12127
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-comfortable);
|
|
12128
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-comfortable);
|
|
12129
|
+
}
|
|
12130
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12131
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-comfortable);
|
|
12132
|
+
}
|
|
12133
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12134
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-comfortable);
|
|
12135
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-comfortable);
|
|
12136
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-comfortable);
|
|
12137
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-comfortable);
|
|
12138
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-comfortable);
|
|
12139
|
+
}
|
|
12140
|
+
.ids-table.ids-table-spacious.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12141
|
+
border-radius: var(--ids-comp-table-size-border-radius-spacious);
|
|
12142
|
+
border-width: var(--ids-comp-table-size-border-width-spacious);
|
|
12143
|
+
}
|
|
12144
|
+
.ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12145
|
+
border-top-style: solid;
|
|
12146
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-spacious);
|
|
12147
|
+
}
|
|
12148
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12149
|
+
border-right-style: solid;
|
|
12150
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12151
|
+
}
|
|
12152
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12153
|
+
border-left-style: solid;
|
|
12154
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12155
|
+
}
|
|
12156
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12157
|
+
border-right-style: solid;
|
|
12158
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12159
|
+
}
|
|
12160
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12161
|
+
border-left-style: solid;
|
|
12162
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12163
|
+
}
|
|
12164
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12165
|
+
gap: var(--ids-comp-table-thead-th-size-gap-spacious);
|
|
12166
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-spacious);
|
|
12167
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12168
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12169
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12170
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12171
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-spacious);
|
|
12172
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-spacious);
|
|
12173
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-spacious);
|
|
12174
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-spacious);
|
|
12175
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-spacious);
|
|
12176
|
+
}
|
|
12177
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12178
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-spacious);
|
|
12179
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-spacious);
|
|
12180
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12181
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12182
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12183
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12184
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-spacious);
|
|
12185
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-spacious);
|
|
12186
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-spacious);
|
|
12187
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-spacious);
|
|
12188
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-spacious);
|
|
12189
|
+
}
|
|
12190
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12191
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-spacious);
|
|
12192
|
+
}
|
|
12193
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12194
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-spacious);
|
|
12195
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-spacious);
|
|
12196
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-spacious);
|
|
12197
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-spacious);
|
|
12198
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-spacious);
|
|
12199
|
+
}
|
|
12200
|
+
.ids-table.ids-table-dense.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12201
|
+
border-radius: var(--ids-comp-table-size-border-radius-dense);
|
|
12202
|
+
border-width: var(--ids-comp-table-size-border-width-dense);
|
|
12203
|
+
}
|
|
12204
|
+
.ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12205
|
+
border-top-style: solid;
|
|
12206
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-dense);
|
|
12207
|
+
}
|
|
12208
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12209
|
+
border-right-style: solid;
|
|
12210
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12211
|
+
}
|
|
12212
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12213
|
+
border-left-style: solid;
|
|
12214
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12215
|
+
}
|
|
12216
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12217
|
+
border-right-style: solid;
|
|
12218
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12219
|
+
}
|
|
12220
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12221
|
+
border-left-style: solid;
|
|
12222
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12223
|
+
}
|
|
12224
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12225
|
+
gap: var(--ids-comp-table-thead-th-size-gap-dense);
|
|
12226
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-dense);
|
|
12227
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12228
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12229
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12230
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12231
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-dense);
|
|
12232
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-dense);
|
|
12233
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-dense);
|
|
12234
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-dense);
|
|
12235
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-dense);
|
|
12236
|
+
}
|
|
12237
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12238
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-dense);
|
|
12239
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-dense);
|
|
12240
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12241
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12242
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12243
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12244
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-dense);
|
|
12245
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-dense);
|
|
12246
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-dense);
|
|
12247
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-dense);
|
|
12248
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-dense);
|
|
12249
|
+
}
|
|
12250
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12251
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-dense);
|
|
12252
|
+
}
|
|
12253
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12254
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-dense);
|
|
12255
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-dense);
|
|
12256
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-dense);
|
|
12257
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-dense);
|
|
12258
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-dense);
|
|
12259
|
+
}
|
|
12260
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12261
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-primary-default);
|
|
12262
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-primary-default);
|
|
12263
|
+
}
|
|
12264
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12265
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-primary-default);
|
|
12266
|
+
border-color: var(--ids-comp-table-thead-th-color-border-primary-default);
|
|
12267
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-primary-default);
|
|
12268
|
+
}
|
|
12269
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12270
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12271
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12272
|
+
}
|
|
12273
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12274
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12275
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12276
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12277
|
+
}
|
|
12278
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12279
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12280
|
+
}
|
|
12281
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12282
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12283
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12284
|
+
}
|
|
12285
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12286
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12287
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12288
|
+
}
|
|
12289
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12290
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12291
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12292
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12293
|
+
}
|
|
12294
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12295
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12296
|
+
}
|
|
12297
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12298
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12299
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12300
|
+
}
|
|
12301
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12302
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12303
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12304
|
+
}
|
|
12305
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12306
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12307
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12308
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12309
|
+
}
|
|
12310
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12311
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12312
|
+
}
|
|
12313
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12314
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12315
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12316
|
+
}
|
|
12317
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12318
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12319
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12320
|
+
}
|
|
12321
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12322
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12323
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12324
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12325
|
+
}
|
|
12326
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12327
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12328
|
+
}
|
|
12329
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12330
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12331
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12332
|
+
}
|
|
12333
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12334
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12335
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12336
|
+
}
|
|
12337
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12338
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12339
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12340
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12341
|
+
}
|
|
12342
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12343
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12344
|
+
}
|
|
12345
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12346
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12347
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12348
|
+
}
|
|
12349
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12350
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12351
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12352
|
+
}
|
|
12353
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12354
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12355
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12356
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12357
|
+
}
|
|
12358
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12359
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12360
|
+
}
|
|
12361
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12362
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12363
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12364
|
+
}
|
|
12365
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12366
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-secondary-default);
|
|
12367
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-secondary-default);
|
|
12368
|
+
}
|
|
12369
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12370
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-secondary-default);
|
|
12371
|
+
border-color: var(--ids-comp-table-thead-th-color-border-secondary-default);
|
|
12372
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-secondary-default);
|
|
12373
|
+
}
|
|
12374
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12375
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12376
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12377
|
+
}
|
|
12378
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12379
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12380
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12381
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12382
|
+
}
|
|
12383
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12384
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12385
|
+
}
|
|
12386
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12387
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12388
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12389
|
+
}
|
|
12390
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12391
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12392
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12393
|
+
}
|
|
12394
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12395
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12396
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12397
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12398
|
+
}
|
|
12399
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12400
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12401
|
+
}
|
|
12402
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12403
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12404
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12405
|
+
}
|
|
12406
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12407
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12408
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12409
|
+
}
|
|
12410
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12411
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12412
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12413
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12414
|
+
}
|
|
12415
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12416
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12417
|
+
}
|
|
12418
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12419
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12420
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12421
|
+
}
|
|
12422
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12423
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12424
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12425
|
+
}
|
|
12426
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12427
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12428
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12429
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12430
|
+
}
|
|
12431
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12432
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12433
|
+
}
|
|
12434
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12435
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12436
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12437
|
+
}
|
|
12438
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12439
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12440
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12441
|
+
}
|
|
12442
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12443
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12444
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12445
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12446
|
+
}
|
|
12447
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12448
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12449
|
+
}
|
|
12450
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12451
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12452
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12453
|
+
}
|
|
12454
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12455
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12456
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12457
|
+
}
|
|
12458
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12459
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12460
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12461
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12462
|
+
}
|
|
12463
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12464
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12465
|
+
}
|
|
12466
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12467
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12468
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12469
|
+
}
|
|
12470
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12471
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-surface-default);
|
|
12472
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-surface-default);
|
|
12473
|
+
}
|
|
12474
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12475
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-surface-default);
|
|
12476
|
+
border-color: var(--ids-comp-table-thead-th-color-border-surface-default);
|
|
12477
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-surface-default);
|
|
12478
|
+
}
|
|
12479
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12480
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12481
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12482
|
+
}
|
|
12483
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12484
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12485
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12486
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12487
|
+
}
|
|
12488
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12489
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12490
|
+
}
|
|
12491
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12492
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12493
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12494
|
+
}
|
|
12495
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12496
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12497
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12498
|
+
}
|
|
12499
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12500
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12501
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12502
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12503
|
+
}
|
|
12504
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12505
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12506
|
+
}
|
|
12507
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12508
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12509
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12510
|
+
}
|
|
12511
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12512
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12513
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12514
|
+
}
|
|
12515
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12516
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12517
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12518
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12519
|
+
}
|
|
12520
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12521
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12522
|
+
}
|
|
12523
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12524
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12525
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12526
|
+
}
|
|
12527
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12528
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12529
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12530
|
+
}
|
|
12531
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12532
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12533
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12534
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12535
|
+
}
|
|
12536
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12537
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12538
|
+
}
|
|
12539
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12540
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12541
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12542
|
+
}
|
|
12543
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12544
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12545
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12546
|
+
}
|
|
12547
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12548
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12549
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12550
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12551
|
+
}
|
|
12552
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12553
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12554
|
+
}
|
|
12555
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12556
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12557
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12558
|
+
}
|
|
12559
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12560
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12561
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12562
|
+
}
|
|
12563
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12564
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12565
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12566
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12567
|
+
}
|
|
12568
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12569
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12570
|
+
}
|
|
12571
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12572
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12573
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12574
|
+
}
|
|
12575
|
+
.ids-table > .ids-table__horizontal-scroll > table {
|
|
12576
|
+
width: 100%;
|
|
12577
|
+
box-sizing: border-box;
|
|
12578
|
+
border-collapse: collapse;
|
|
12579
|
+
border-style: solid;
|
|
12580
|
+
border-width: 0px;
|
|
12581
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12582
|
+
border-color: var(--ids-comp-table-color-border-surface-default);
|
|
12583
|
+
text-indent: 0;
|
|
12584
|
+
}
|
|
12585
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead {
|
|
12586
|
+
box-sizing: border-box;
|
|
12587
|
+
}
|
|
12588
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12589
|
+
box-sizing: border-box;
|
|
12590
|
+
}
|
|
12591
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12592
|
+
box-sizing: border-box;
|
|
12593
|
+
text-align: left;
|
|
12594
|
+
}
|
|
12595
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable {
|
|
12596
|
+
display: flex;
|
|
12597
|
+
flex-direction: row;
|
|
12598
|
+
align-items: center;
|
|
12599
|
+
justify-content: space-between;
|
|
12600
|
+
}
|
|
12601
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows {
|
|
12602
|
+
text-align: center;
|
|
12603
|
+
min-width: 2.5rem;
|
|
12604
|
+
width: 2.5em;
|
|
12605
|
+
}
|
|
12606
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows > .ids-checkbox {
|
|
12607
|
+
gap: 0;
|
|
12608
|
+
}
|
|
12609
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody {
|
|
12610
|
+
box-sizing: border-box;
|
|
12611
|
+
}
|
|
12612
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12613
|
+
box-sizing: border-box;
|
|
12614
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12615
|
+
}
|
|
12616
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12617
|
+
box-sizing: border-box;
|
|
12618
|
+
text-align: start;
|
|
12619
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12620
|
+
}
|
|
12621
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
12622
|
+
text-align: center;
|
|
12623
|
+
}
|
|
12624
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select .ids-table__checkbox--row-selector, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle .ids-table__checkbox--row-selector {
|
|
12625
|
+
margin-left: auto;
|
|
12626
|
+
margin-right: auto;
|
|
12627
|
+
}
|
|
12628
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select {
|
|
12629
|
+
min-width: 2.5rem;
|
|
12630
|
+
width: 2.5em;
|
|
12631
|
+
}
|
|
12632
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-checkbox {
|
|
12633
|
+
gap: 0;
|
|
12634
|
+
}
|
|
12635
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) > .ids-cell-content__numeric {
|
|
12636
|
+
text-align: end;
|
|
12637
|
+
}
|
|
12638
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row {
|
|
12639
|
+
box-sizing: border-box;
|
|
12640
|
+
height: 0px;
|
|
12641
|
+
}
|
|
12642
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12643
|
+
box-sizing: border-box;
|
|
12644
|
+
border-bottom-width: 0;
|
|
12645
|
+
}
|
|
12646
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row.ids-table__detail-row--expanded > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12647
|
+
border-bottom-width: 1px;
|
|
12648
|
+
}
|
|
12649
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row:not(.ids-table__detail-row--expanded) > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12650
|
+
padding-bottom: 0px;
|
|
12651
|
+
padding-top: 0px;
|
|
12652
|
+
}
|
|
12653
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody .ids-table__detail-cell--content-wrapper {
|
|
12654
|
+
display: flex;
|
|
12655
|
+
box-sizing: border-box;
|
|
12656
|
+
overflow: hidden;
|
|
12657
|
+
}
|
|
12658
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__cell--master-detail-toggle, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
12659
|
+
min-width: 2.5rem;
|
|
12660
|
+
width: 2.5em;
|
|
12661
|
+
}
|
|
12662
|
+
.ids-table .ids-table__no-rows-to-show {
|
|
12663
|
+
margin: 1.5rem;
|
|
12664
|
+
display: flex;
|
|
12665
|
+
flex: none;
|
|
12666
|
+
width: 100%;
|
|
12667
|
+
height: 100%;
|
|
12668
|
+
align-items: center;
|
|
12669
|
+
justify-content: center;
|
|
12670
|
+
text-align: center;
|
|
12671
|
+
}
|
|
12672
|
+
|
|
12009
12673
|
.ids-tag {
|
|
12010
12674
|
display: inline-flex;
|
|
12011
12675
|
align-items: center;
|