@i-cell/ids-styles 0.0.15-beta.9 → 0.0.16
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/accordion/accordion.css +184 -45
- package/dist/accordion/accordion.min.css +1 -1
- package/dist/accordion/accordion.plugin.js +194 -55
- package/dist/avatar/avatar.css +176 -195
- package/dist/avatar/avatar.min.css +1 -1
- package/dist/avatar/avatar.plugin.js +168 -170
- package/dist/button/button.css +788 -656
- package/dist/button/button.min.css +1 -1
- package/dist/button/button.plugin.js +792 -693
- package/dist/card/card.css +61 -35
- package/dist/card/card.min.css +1 -1
- package/dist/card/card.plugin.js +181 -126
- package/dist/checkbox/checkbox.css +57 -29
- package/dist/checkbox/checkbox.min.css +1 -1
- package/dist/checkbox/checkbox.plugin.js +78 -53
- package/dist/checkbox/pseudo-checkbox.css +53 -25
- package/dist/checkbox/pseudo-checkbox.min.css +1 -1
- package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
- package/dist/components.css +2434 -1796
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +2763 -2126
- package/dist/dialog/dialog.css +12 -1
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +11 -4
- package/dist/divider/divider.css +0 -3
- package/dist/divider/divider.min.css +1 -1
- package/dist/divider/divider.plugin.js +1 -1
- package/dist/form-elements/form-field/form-field.css +84 -60
- package/dist/form-elements/form-field/form-field.min.css +1 -1
- package/dist/form-elements/form-field/form-field.plugin.js +84 -60
- package/dist/form-elements/message/message.css +21 -12
- package/dist/form-elements/message/message.min.css +1 -1
- package/dist/form-elements/message/message.plugin.js +21 -4
- package/dist/icon/icon.css +3 -2
- package/dist/icon/icon.min.css +1 -1
- package/dist/icon/icon.plugin.js +3 -2
- package/dist/icon-button/icon-button.css +133 -82
- package/dist/icon-button/icon-button.min.css +1 -1
- package/dist/icon-button/icon-button.plugin.js +256 -182
- package/dist/menu-item/menu-item.css +184 -0
- package/dist/menu-item/menu-item.min.css +1 -0
- package/dist/menu-item/menu-item.plugin.js +181 -0
- package/dist/option/option.css +13 -0
- package/dist/option/option.min.css +1 -1
- package/dist/option/option.plugin.js +13 -1
- package/dist/overlay-panel/overlay-panel.css +125 -0
- package/dist/overlay-panel/overlay-panel.min.css +1 -0
- package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
- package/dist/paginator/paginator.css +133 -23
- package/dist/paginator/paginator.min.css +1 -1
- package/dist/paginator/paginator.plugin.js +113 -41
- package/dist/radio/radio.css +49 -49
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +56 -61
- package/dist/segmented-control/segmented-control-toggle.css +37 -25
- package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
- package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
- package/dist/segmented-control/segmented-control.css +37 -25
- package/dist/segmented-control/segmented-control.min.css +1 -1
- package/dist/segmented-control/segmented-control.plugin.js +87 -75
- package/dist/snackbar/snackbar.css +12 -0
- package/dist/snackbar/snackbar.min.css +1 -1
- package/dist/snackbar/snackbar.plugin.js +28 -4
- package/dist/switch/switch.css +44 -56
- package/dist/switch/switch.min.css +1 -1
- package/dist/switch/switch.plugin.js +55 -74
- package/dist/tag/tag.css +230 -199
- package/dist/tag/tag.min.css +1 -1
- package/dist/tag/tag.plugin.js +228 -195
- package/package.json +4 -4
- package/dist/action-item/action-item.css +0 -185
- package/dist/action-item/action-item.min.css +0 -1
- package/dist/action-item/action-item.plugin.js +0 -176
- package/dist/action-panel/action-panel.css +0 -91
- package/dist/action-panel/action-panel.min.css +0 -1
- package/dist/action-panel/action-panel.plugin.js +0 -91
|
@@ -18,6 +18,9 @@
|
|
|
18
18
|
.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox] + .ids-pseudo-checkbox__icon {
|
|
19
19
|
position: absolute;
|
|
20
20
|
}
|
|
21
|
+
.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox] + .ids-pseudo-checkbox__icon > .ids-icon {
|
|
22
|
+
color: inherit;
|
|
23
|
+
}
|
|
21
24
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-compact {
|
|
22
25
|
padding: var(--ids-comp-checkbox-container-size-padding-y-compact) var(--ids-comp-checkbox-container-size-padding-x-compact);
|
|
23
26
|
gap: var(--ids-comp-checkbox-container-size-gap-compact);
|
|
@@ -28,7 +31,7 @@
|
|
|
28
31
|
border-radius: var(--ids-comp-checkbox-input-size-border-radius-compact);
|
|
29
32
|
border-width: var(--ids-comp-checkbox-input-size-border-width-compact);
|
|
30
33
|
}
|
|
31
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus {
|
|
34
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible {
|
|
32
35
|
outline-width: var(--ids-comp-checkbox-focused-outline-outline-compact);
|
|
33
36
|
}
|
|
34
37
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon {
|
|
@@ -36,6 +39,13 @@
|
|
|
36
39
|
width: var(--ids-comp-checkbox-input-size-icon-compact);
|
|
37
40
|
line-height: var(--ids-comp-checkbox-input-size-icon-compact);
|
|
38
41
|
}
|
|
42
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon > .ids-icon {
|
|
43
|
+
height: var(--ids-comp-checkbox-input-size-icon-compact);
|
|
44
|
+
width: var(--ids-comp-checkbox-input-size-icon-compact);
|
|
45
|
+
font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-compact);
|
|
46
|
+
font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-compact);
|
|
47
|
+
line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-compact);
|
|
48
|
+
}
|
|
39
49
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable {
|
|
40
50
|
padding: var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);
|
|
41
51
|
gap: var(--ids-comp-checkbox-container-size-gap-comfortable);
|
|
@@ -46,7 +56,7 @@
|
|
|
46
56
|
border-radius: var(--ids-comp-checkbox-input-size-border-radius-comfortable);
|
|
47
57
|
border-width: var(--ids-comp-checkbox-input-size-border-width-comfortable);
|
|
48
58
|
}
|
|
49
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus {
|
|
59
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible {
|
|
50
60
|
outline-width: var(--ids-comp-checkbox-focused-outline-outline-comfortable);
|
|
51
61
|
}
|
|
52
62
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon {
|
|
@@ -54,6 +64,13 @@
|
|
|
54
64
|
width: var(--ids-comp-checkbox-input-size-icon-comfortable);
|
|
55
65
|
line-height: var(--ids-comp-checkbox-input-size-icon-comfortable);
|
|
56
66
|
}
|
|
67
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon > .ids-icon {
|
|
68
|
+
height: var(--ids-comp-checkbox-input-size-icon-comfortable);
|
|
69
|
+
width: var(--ids-comp-checkbox-input-size-icon-comfortable);
|
|
70
|
+
font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-comfortable);
|
|
71
|
+
font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-comfortable);
|
|
72
|
+
line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-comfortable);
|
|
73
|
+
}
|
|
57
74
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious {
|
|
58
75
|
padding: var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);
|
|
59
76
|
gap: var(--ids-comp-checkbox-container-size-gap-spacious);
|
|
@@ -64,7 +81,7 @@
|
|
|
64
81
|
border-radius: var(--ids-comp-checkbox-input-size-border-radius-spacious);
|
|
65
82
|
border-width: var(--ids-comp-checkbox-input-size-border-width-spacious);
|
|
66
83
|
}
|
|
67
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus {
|
|
84
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible {
|
|
68
85
|
outline-width: var(--ids-comp-checkbox-focused-outline-outline-spacious);
|
|
69
86
|
}
|
|
70
87
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon {
|
|
@@ -72,6 +89,13 @@
|
|
|
72
89
|
width: var(--ids-comp-checkbox-input-size-icon-spacious);
|
|
73
90
|
line-height: var(--ids-comp-checkbox-input-size-icon-spacious);
|
|
74
91
|
}
|
|
92
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon > .ids-icon {
|
|
93
|
+
height: var(--ids-comp-checkbox-input-size-icon-spacious);
|
|
94
|
+
width: var(--ids-comp-checkbox-input-size-icon-spacious);
|
|
95
|
+
font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-spacious);
|
|
96
|
+
font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-spacious);
|
|
97
|
+
line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-spacious);
|
|
98
|
+
}
|
|
75
99
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-dense {
|
|
76
100
|
padding: var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);
|
|
77
101
|
gap: var(--ids-comp-checkbox-container-size-gap-dense);
|
|
@@ -82,7 +106,7 @@
|
|
|
82
106
|
border-radius: var(--ids-comp-checkbox-input-size-border-radius-dense);
|
|
83
107
|
border-width: var(--ids-comp-checkbox-input-size-border-width-dense);
|
|
84
108
|
}
|
|
85
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus {
|
|
109
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible {
|
|
86
110
|
outline-width: var(--ids-comp-checkbox-focused-outline-outline-dense);
|
|
87
111
|
}
|
|
88
112
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon {
|
|
@@ -90,6 +114,13 @@
|
|
|
90
114
|
width: var(--ids-comp-checkbox-input-size-icon-dense);
|
|
91
115
|
line-height: var(--ids-comp-checkbox-input-size-icon-dense);
|
|
92
116
|
}
|
|
117
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon > .ids-icon {
|
|
118
|
+
height: var(--ids-comp-checkbox-input-size-icon-dense);
|
|
119
|
+
width: var(--ids-comp-checkbox-input-size-icon-dense);
|
|
120
|
+
font-size: var(--ids-comp-checkbox-input-icon-typography-font-size-dense);
|
|
121
|
+
font-weight: var(--ids-comp-checkbox-input-icon-typography-font-weight-dense);
|
|
122
|
+
line-height: var(--ids-comp-checkbox-input-icon-typography-line-height-dense);
|
|
123
|
+
}
|
|
93
124
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
|
|
94
125
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-default);
|
|
95
126
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-default);
|
|
@@ -102,7 +133,7 @@
|
|
|
102
133
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);
|
|
103
134
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed);
|
|
104
135
|
}
|
|
105
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
136
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
106
137
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-focused);
|
|
107
138
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);
|
|
108
139
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused);
|
|
@@ -123,7 +154,7 @@
|
|
|
123
154
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-light-pressed);
|
|
124
155
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-pressed);
|
|
125
156
|
}
|
|
126
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
157
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
127
158
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-light-focused);
|
|
128
159
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-focused);
|
|
129
160
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused);
|
|
@@ -141,7 +172,7 @@
|
|
|
141
172
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
142
173
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed);
|
|
143
174
|
}
|
|
144
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
175
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
145
176
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused);
|
|
146
177
|
}
|
|
147
178
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
|
|
@@ -159,7 +190,7 @@
|
|
|
159
190
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);
|
|
160
191
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed);
|
|
161
192
|
}
|
|
162
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
193
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
163
194
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);
|
|
164
195
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);
|
|
165
196
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused);
|
|
@@ -180,7 +211,7 @@
|
|
|
180
211
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);
|
|
181
212
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed);
|
|
182
213
|
}
|
|
183
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
214
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
184
215
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-focused);
|
|
185
216
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);
|
|
186
217
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused);
|
|
@@ -198,7 +229,7 @@
|
|
|
198
229
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
199
230
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed);
|
|
200
231
|
}
|
|
201
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
232
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
202
233
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused);
|
|
203
234
|
}
|
|
204
235
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
|
|
@@ -216,7 +247,7 @@
|
|
|
216
247
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);
|
|
217
248
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed);
|
|
218
249
|
}
|
|
219
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
250
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
220
251
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);
|
|
221
252
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);
|
|
222
253
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused);
|
|
@@ -237,7 +268,7 @@
|
|
|
237
268
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);
|
|
238
269
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed);
|
|
239
270
|
}
|
|
240
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
271
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
241
272
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-focused);
|
|
242
273
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);
|
|
243
274
|
outline-color: var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused);
|
|
@@ -255,15 +286,12 @@
|
|
|
255
286
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
256
287
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed);
|
|
257
288
|
}
|
|
258
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
289
|
+
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
259
290
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused);
|
|
260
291
|
}
|
|
261
292
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled, .ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled {
|
|
262
293
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled);
|
|
263
294
|
}
|
|
264
|
-
.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled {
|
|
265
|
-
opacity: var(--ids-comp-checkbox-disabled);
|
|
266
|
-
}
|
|
267
295
|
.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__touch-target {
|
|
268
296
|
cursor: not-allowed;
|
|
269
297
|
}
|
|
@@ -294,7 +322,7 @@
|
|
|
294
322
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);
|
|
295
323
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed);
|
|
296
324
|
}
|
|
297
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
325
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
298
326
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);
|
|
299
327
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);
|
|
300
328
|
}
|
|
@@ -310,7 +338,7 @@
|
|
|
310
338
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);
|
|
311
339
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-pressed);
|
|
312
340
|
}
|
|
313
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
341
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
314
342
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);
|
|
315
343
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-light-focused);
|
|
316
344
|
}
|
|
@@ -323,7 +351,7 @@
|
|
|
323
351
|
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
324
352
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed);
|
|
325
353
|
}
|
|
326
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
354
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
327
355
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused);
|
|
328
356
|
}
|
|
329
357
|
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled), .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
|
|
@@ -338,7 +366,7 @@
|
|
|
338
366
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);
|
|
339
367
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed);
|
|
340
368
|
}
|
|
341
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
369
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
342
370
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);
|
|
343
371
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);
|
|
344
372
|
}
|
|
@@ -354,7 +382,7 @@
|
|
|
354
382
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);
|
|
355
383
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed);
|
|
356
384
|
}
|
|
357
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
385
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
358
386
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);
|
|
359
387
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);
|
|
360
388
|
}
|
|
@@ -367,7 +395,7 @@
|
|
|
367
395
|
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
368
396
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed);
|
|
369
397
|
}
|
|
370
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
398
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
371
399
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused);
|
|
372
400
|
}
|
|
373
401
|
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled), .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled) {
|
|
@@ -382,7 +410,7 @@
|
|
|
382
410
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);
|
|
383
411
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed);
|
|
384
412
|
}
|
|
385
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus {
|
|
413
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible {
|
|
386
414
|
border-color: var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);
|
|
387
415
|
background-color: var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);
|
|
388
416
|
}
|
|
@@ -398,7 +426,7 @@
|
|
|
398
426
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);
|
|
399
427
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed);
|
|
400
428
|
}
|
|
401
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus {
|
|
429
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible {
|
|
402
430
|
border-color: var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);
|
|
403
431
|
background-color: var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);
|
|
404
432
|
}
|
|
@@ -411,6 +439,6 @@
|
|
|
411
439
|
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active + .ids-pseudo-checkbox__icon {
|
|
412
440
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed);
|
|
413
441
|
}
|
|
414
|
-
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon {
|
|
442
|
+
.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus + .ids-pseudo-checkbox__icon, .ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible + .ids-pseudo-checkbox__icon {
|
|
415
443
|
color: var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused);
|
|
416
444
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-pseudo-checkbox{display:inline-flex;align-self:stretch}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{position:absolute}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact{padding:var(--ids-comp-checkbox-container-size-padding-y-compact) var(--ids-comp-checkbox-container-size-padding-x-compact);gap:var(--ids-comp-checkbox-container-size-gap-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-compact);height:var(--ids-comp-checkbox-input-size-height-compact);border-radius:var(--ids-comp-checkbox-input-size-border-radius-compact);border-width:var(--ids-comp-checkbox-input-size-border-width-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);line-height:var(--ids-comp-checkbox-input-size-icon-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable{padding:var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-container-size-gap-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-comfortable);height:var(--ids-comp-checkbox-input-size-height-comfortable);border-radius:var(--ids-comp-checkbox-input-size-border-radius-comfortable);border-width:var(--ids-comp-checkbox-input-size-border-width-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);line-height:var(--ids-comp-checkbox-input-size-icon-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious{padding:var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);gap:var(--ids-comp-checkbox-container-size-gap-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-spacious);height:var(--ids-comp-checkbox-input-size-height-spacious);border-radius:var(--ids-comp-checkbox-input-size-border-radius-spacious);border-width:var(--ids-comp-checkbox-input-size-border-width-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);line-height:var(--ids-comp-checkbox-input-size-icon-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense{padding:var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);gap:var(--ids-comp-checkbox-container-size-gap-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-dense);height:var(--ids-comp-checkbox-input-size-height-dense);border-radius:var(--ids-comp-checkbox-input-size-border-radius-dense);border-width:var(--ids-comp-checkbox-input-size-border-width-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus{outline-width:var(--ids-comp-checkbox-focused-outline-outline-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);line-height:var(--ids-comp-checkbox-input-size-icon-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled{opacity:var(--ids-comp-checkbox-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__touch-target{cursor:not-allowed}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{cursor:not-allowed}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{cursor:not-allowed}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__touch-target{cursor:pointer}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{cursor:pointer}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{cursor:pointer}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)}
|
|
1
|
+
.ids-pseudo-checkbox{display:inline-flex;align-self:stretch}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;border-style:solid;margin:0}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{position:absolute}.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon>.ids-icon{color:inherit}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact{padding:var(--ids-comp-checkbox-container-size-padding-y-compact) var(--ids-comp-checkbox-container-size-padding-x-compact);gap:var(--ids-comp-checkbox-container-size-gap-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-compact);height:var(--ids-comp-checkbox-input-size-height-compact);border-radius:var(--ids-comp-checkbox-input-size-border-radius-compact);border-width:var(--ids-comp-checkbox-input-size-border-width-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);line-height:var(--ids-comp-checkbox-input-size-icon-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-compact .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-compact);width:var(--ids-comp-checkbox-input-size-icon-compact);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-compact);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-compact);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-compact)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable{padding:var(--ids-comp-checkbox-container-size-padding-y-comfortable) var(--ids-comp-checkbox-container-size-padding-x-comfortable);gap:var(--ids-comp-checkbox-container-size-gap-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-comfortable);height:var(--ids-comp-checkbox-input-size-height-comfortable);border-radius:var(--ids-comp-checkbox-input-size-border-radius-comfortable);border-width:var(--ids-comp-checkbox-input-size-border-width-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);line-height:var(--ids-comp-checkbox-input-size-icon-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-comfortable .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-comfortable);width:var(--ids-comp-checkbox-input-size-icon-comfortable);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-comfortable)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious{padding:var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious);gap:var(--ids-comp-checkbox-container-size-gap-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-spacious);height:var(--ids-comp-checkbox-input-size-height-spacious);border-radius:var(--ids-comp-checkbox-input-size-border-radius-spacious);border-width:var(--ids-comp-checkbox-input-size-border-width-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);line-height:var(--ids-comp-checkbox-input-size-icon-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-spacious .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-spacious);width:var(--ids-comp-checkbox-input-size-icon-spacious);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-spacious);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-spacious);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-spacious)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense{padding:var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense);gap:var(--ids-comp-checkbox-container-size-gap-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{width:var(--ids-comp-checkbox-input-size-width-dense);height:var(--ids-comp-checkbox-input-size-height-dense);border-radius:var(--ids-comp-checkbox-input-size-border-radius-dense);border-width:var(--ids-comp-checkbox-input-size-border-width-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:focus-visible{outline-width:var(--ids-comp-checkbox-focused-outline-outline-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);line-height:var(--ids-comp-checkbox-input-size-icon-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dense .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__icon>.ids-icon{height:var(--ids-comp-checkbox-input-size-icon-dense);width:var(--ids-comp-checkbox-input-size-icon-dense);font-size:var(--ids-comp-checkbox-input-icon-typography-font-size-dense);font-weight:var(--ids-comp-checkbox-input-icon-typography-font-weight-dense);line-height:var(--ids-comp-checkbox-input-icon-typography-line-height-dense)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:disabled{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused);outline-color:var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)}.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-pseudo-checkbox.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__touch-target{cursor:not-allowed}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{cursor:not-allowed}.ids-pseudo-checkbox.ids-pseudo-checkbox-disabled .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{cursor:not-allowed}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper .ids-pseudo-checkbox__touch-target{cursor:pointer}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper input[type=checkbox]{cursor:pointer}.ids-pseudo-checkbox:not(.ids-pseudo-checkbox-disabled) .ids-pseudo-checkbox__input-wrapper input[type=checkbox]+.ids-pseudo-checkbox__icon{cursor:pointer}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-light-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-light-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-light .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-dark .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled){border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled){border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible{border-color:var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused);background-color:var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)}.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ng-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-pseudo-checkbox__icon,.ids-pseudo-checkbox.ids-pseudo-checkbox-invalid.ids-pseudo-checkbox-surface .ids-pseudo-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-pseudo-checkbox__icon{color:var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)}
|