@i-cell/ids-styles 0.0.59 → 0.0.61

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.
Files changed (13) hide show
  1. package/dist/components.css +428 -75
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +202 -202
  4. package/dist/menu-item/menu-item.css +356 -0
  5. package/dist/menu-item/menu-item.min.css +1 -1
  6. package/dist/menu-item/menu-item.plugin.js +20 -0
  7. package/dist/overlay-panel/overlay-panel.css +0 -3
  8. package/dist/overlay-panel/overlay-panel.min.css +1 -1
  9. package/dist/overlay-panel/overlay-panel.plugin.js +0 -3
  10. package/dist/segmented-control-toggle/segmented-control-toggle.css +72 -72
  11. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  12. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +182 -199
  13. package/package.json +1 -1
package/dist/overlay-panel/overlay-panel.plugin.js CHANGED
@@ -132,9 +132,6 @@ module.exports = function OverlayPanelPlugin() {
132
132
  borderColor: 'var(--ids-comp-overlay-panel-elevated-color-border-surface-default)',
133
133
  },
134
134
  '.ids-overlay-panel.ids-overlay-panel-has-menu button:hover': { borderColor: 'rgba(0,0,0,0)' },
135
- '.ids-overlay-panel.ids-overlay-panel-has-menu button:focus,.ids-overlay-panel.ids-overlay-panel-has-menu button:focus-visible': {
136
- outlineStyle: 'none !important',
137
- },
138
135
  };
139
136
 
140
137
  addComponents(cssObj);
package/dist/segmented-control-toggle/segmented-control-toggle.css CHANGED
@@ -171,297 +171,297 @@
171
171
  .ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item > button:focus-visible {
172
172
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused);
173
173
  }
174
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button {
174
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button {
175
175
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);
176
176
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);
177
177
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default);
178
178
  }
179
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button .ids-icon {
179
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button .ids-icon {
180
180
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default);
181
181
  }
182
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
182
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
183
183
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);
184
184
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);
185
185
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active);
186
186
  }
187
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
187
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
188
188
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active);
189
189
  }
190
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:hover {
190
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:hover {
191
191
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);
192
192
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);
193
193
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered);
194
194
  }
195
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:hover .ids-icon {
195
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:hover .ids-icon {
196
196
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered);
197
197
  }
198
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:active {
198
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:active {
199
199
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);
200
200
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);
201
201
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed);
202
202
  }
203
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:active .ids-icon {
203
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:active .ids-icon {
204
204
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed);
205
205
  }
206
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus-visible {
206
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus-visible {
207
207
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);
208
208
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);
209
209
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused);
210
210
  }
211
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus-visible .ids-icon {
211
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:focus-visible .ids-icon {
212
212
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused);
213
213
  }
214
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:disabled {
214
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:disabled {
215
215
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);
216
216
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);
217
217
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled);
218
218
  }
219
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:disabled .ids-icon {
219
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary > button:disabled .ids-icon {
220
220
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled);
221
221
  }
222
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button {
222
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button {
223
223
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);
224
224
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);
225
225
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default);
226
226
  }
227
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button .ids-icon {
227
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button .ids-icon {
228
228
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default);
229
229
  }
230
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
230
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
231
231
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);
232
232
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);
233
233
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active);
234
234
  }
235
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
235
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
236
236
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active);
237
237
  }
238
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:hover {
238
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:hover {
239
239
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);
240
240
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);
241
241
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered);
242
242
  }
243
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:hover .ids-icon {
243
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:hover .ids-icon {
244
244
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered);
245
245
  }
246
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:active {
246
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:active {
247
247
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);
248
248
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);
249
249
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed);
250
250
  }
251
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:active .ids-icon {
251
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:active .ids-icon {
252
252
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed);
253
253
  }
254
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus-visible {
254
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus-visible {
255
255
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);
256
256
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);
257
257
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused);
258
258
  }
259
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus-visible .ids-icon {
259
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:focus-visible .ids-icon {
260
260
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused);
261
261
  }
262
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:disabled {
262
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:disabled {
263
263
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);
264
264
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);
265
265
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled);
266
266
  }
267
- .ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:disabled .ids-icon {
267
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary > button:disabled .ids-icon {
268
268
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled);
269
269
  }
270
270
  .ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item > button:focus-visible {
271
271
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused);
272
272
  }
273
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button {
273
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button {
274
274
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);
275
275
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);
276
276
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default);
277
277
  }
278
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button .ids-icon {
278
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button .ids-icon {
279
279
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default);
280
280
  }
281
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
281
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
282
282
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);
283
283
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);
284
284
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active);
285
285
  }
286
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
286
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
287
287
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active);
288
288
  }
289
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:hover {
289
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:hover {
290
290
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);
291
291
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);
292
292
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered);
293
293
  }
294
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:hover .ids-icon {
294
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:hover .ids-icon {
295
295
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered);
296
296
  }
297
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:active {
297
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:active {
298
298
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);
299
299
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);
300
300
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed);
301
301
  }
302
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:active .ids-icon {
302
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:active .ids-icon {
303
303
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed);
304
304
  }
305
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus-visible {
305
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus-visible {
306
306
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);
307
307
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);
308
308
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused);
309
309
  }
310
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus-visible .ids-icon {
310
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:focus-visible .ids-icon {
311
311
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused);
312
312
  }
313
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:disabled {
313
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:disabled {
314
314
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);
315
315
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);
316
316
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled);
317
317
  }
318
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:disabled .ids-icon {
318
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface > button:disabled .ids-icon {
319
319
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled);
320
320
  }
321
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button {
321
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button {
322
322
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);
323
323
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);
324
324
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default);
325
325
  }
326
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button .ids-icon {
326
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button .ids-icon {
327
327
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default);
328
328
  }
329
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
329
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
330
330
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);
331
331
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);
332
332
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active);
333
333
  }
334
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
334
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
335
335
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active);
336
336
  }
337
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:hover {
337
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:hover {
338
338
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);
339
339
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);
340
340
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered);
341
341
  }
342
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:hover .ids-icon {
342
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:hover .ids-icon {
343
343
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered);
344
344
  }
345
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:active {
345
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:active {
346
346
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);
347
347
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);
348
348
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed);
349
349
  }
350
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:active .ids-icon {
350
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:active .ids-icon {
351
351
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed);
352
352
  }
353
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus-visible {
353
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus-visible {
354
354
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);
355
355
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);
356
356
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused);
357
357
  }
358
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus-visible .ids-icon {
358
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:focus-visible .ids-icon {
359
359
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused);
360
360
  }
361
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:disabled {
361
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:disabled {
362
362
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);
363
363
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);
364
364
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled);
365
365
  }
366
- .ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:disabled .ids-icon {
366
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface > button:disabled .ids-icon {
367
367
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled);
368
368
  }
369
369
  .ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item > button:focus-visible {
370
370
  outline-color: var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused);
371
371
  }
372
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button {
372
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button {
373
373
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);
374
374
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);
375
375
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default);
376
376
  }
377
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button .ids-icon {
377
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button .ids-icon {
378
378
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default);
379
379
  }
380
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
380
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
381
381
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);
382
382
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);
383
383
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active);
384
384
  }
385
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
385
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
386
386
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active);
387
387
  }
388
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:hover {
388
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:hover {
389
389
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);
390
390
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);
391
391
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered);
392
392
  }
393
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:hover .ids-icon {
393
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:hover .ids-icon {
394
394
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered);
395
395
  }
396
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:active {
396
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:active {
397
397
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);
398
398
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);
399
399
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed);
400
400
  }
401
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:active .ids-icon {
401
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:active .ids-icon {
402
402
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed);
403
403
  }
404
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus-visible {
404
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus-visible {
405
405
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);
406
406
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);
407
407
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused);
408
408
  }
409
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus-visible .ids-icon {
409
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:focus-visible .ids-icon {
410
410
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused);
411
411
  }
412
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:disabled {
412
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:disabled {
413
413
  background-color: var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);
414
414
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);
415
415
  border-color: var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled);
416
416
  }
417
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:disabled .ids-icon {
417
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light > button:disabled .ids-icon {
418
418
  color: var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled);
419
419
  }
420
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button {
420
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button {
421
421
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);
422
422
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);
423
423
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default);
424
424
  }
425
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button .ids-icon {
425
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button .ids-icon {
426
426
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default);
427
427
  }
428
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
428
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) {
429
429
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);
430
430
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);
431
431
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active);
432
432
  }
433
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
433
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon {
434
434
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active);
435
435
  }
436
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:hover {
436
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:hover {
437
437
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);
438
438
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);
439
439
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered);
440
440
  }
441
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:hover .ids-icon {
441
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:hover .ids-icon {
442
442
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered);
443
443
  }
444
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:active {
444
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:active {
445
445
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);
446
446
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);
447
447
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed);
448
448
  }
449
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:active .ids-icon {
449
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:active .ids-icon {
450
450
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed);
451
451
  }
452
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus-visible {
452
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus-visible {
453
453
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);
454
454
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);
455
455
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused);
456
456
  }
457
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus-visible .ids-icon {
457
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus .ids-icon, .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:focus-visible .ids-icon {
458
458
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused);
459
459
  }
460
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:disabled {
460
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:disabled {
461
461
  background-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);
462
462
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);
463
463
  border-color: var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled);
464
464
  }
465
- .ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:disabled .ids-icon {
465
+ .ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light > button:disabled .ids-icon {
466
466
  color: var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled);
467
467
  }
package/dist/segmented-control-toggle/segmented-control-toggle.min.css CHANGED
@@ -1 +1 @@
1
- .ids-segmented-control-toggle{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle::before,.ids-segmented-control-toggle::after,.ids-segmented-control-toggle *,.ids-segmented-control-toggle ::before,.ids-segmented-control-toggle ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}
1
+ .ids-segmented-control-toggle{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.ids-segmented-control-toggle::before,.ids-segmented-control-toggle::after,.ids-segmented-control-toggle *,.ids-segmented-control-toggle ::before,.ids-segmented-control-toggle ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button{display:flex;align-items:center;border-style:solid;position:relative;text-wrap:nowrap}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:focus-visible{z-index:1;outline-style:solid;outline-offset:2px}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button.selected{pointer-events:none}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:not(:disabled){cursor:pointer}.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button:disabled{cursor:not-allowed}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-container-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-compact);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-compact);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-compact);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-compact);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-compact) var(--ids-comp-segmented-control-toggle-button-size-padding-x-compact);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-compact);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-compact);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-compact);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-compact);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-compact);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-compact .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);width:var(--ids-comp-segmented-control-toggle-button-size-icon-compact);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-compact)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-container-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-comfortable);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-comfortable);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-comfortable);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-comfortable);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-comfortable) var(--ids-comp-segmented-control-toggle-button-size-padding-x-comfortable);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-comfortable);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-comfortable);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-comfortable .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);width:var(--ids-comp-segmented-control-toggle-button-size-icon-comfortable);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-comfortable)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-container-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-spacious);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-spacious);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-spacious);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-spacious);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-spacious) var(--ids-comp-segmented-control-toggle-button-size-padding-x-spacious);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-spacious);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-spacious);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-spacious);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-spacious .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);width:var(--ids-comp-segmented-control-toggle-button-size-icon-spacious);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-spacious)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense{padding:var(--ids-comp-segmented-control-toggle-container-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-container-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-container-size-gap-dense);border-top-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-top-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense);border-bottom-left-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-left-dense);border-bottom-right-radius:var(--ids-comp-segmented-control-toggle-container-size-border-radius-right-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button{border-radius:var(--ids-comp-segmented-control-toggle-button-size-border-radius-dense);border-width:var(--ids-comp-segmented-control-toggle-button-size-border-width-dense);padding:var(--ids-comp-segmented-control-toggle-button-size-padding-y-dense) var(--ids-comp-segmented-control-toggle-button-size-padding-x-dense);gap:var(--ids-comp-segmented-control-toggle-button-size-gap-dense);font-family:var(--ids-comp-segmented-control-toggle-button-typography-font-family-dense);font-size:var(--ids-comp-segmented-control-toggle-button-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-typography-font-weight-dense);letter-spacing:var(--ids-comp-segmented-control-toggle-button-typography-letter-spacing-dense);line-height:var(--ids-comp-segmented-control-toggle-button-typography-line-height-dense);min-height:var(--ids-comp-segmented-control-toggle-button-size-min-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item>button:focus-visible{outline-width:var(--ids-comp-segmented-control-toggle-focused-outline-size-outline-width-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-dense .ids-segmented-control-toggle-item .ids-icon{height:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);width:var(--ids-comp-segmented-control-toggle-button-size-icon-dense);font-size:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-segmented-control-toggle-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-segmented-control-toggle-button-icon-typography-line-height-dense)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-filled{background-color:var(--ids-comp-segmented-control-toggle-container-filled-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light.ids-segmented-control-toggle-outlined{background-color:var(--ids-comp-segmented-control-toggle-container-outlined-color-bg-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-primary .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-primary-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-primary>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-primary-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-surface .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-dark-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-surface-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-surface>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-surface-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-light .ids-segmented-control-toggle-item>button:focus-visible{outline-color:var(--ids-comp-segmented-control-toggle-focused-outline-color-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-filled-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-filled-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-filled .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-filled-color-fg-icon-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-default);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-default);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-default)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled){background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-active);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-active);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button.ids-segmented-control-toggle-item-selected:not(:disabled) .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-active)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-hovered);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-hovered);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:hover .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-hovered)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-pressed);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-pressed);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:active .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-pressed)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-focused);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-focused);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus .ids-icon,.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:focus-visible .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-focused)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled{background-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-bg-light-disabled);color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-label-light-disabled);border-color:var(--ids-comp-segmented-control-toggle-button-outlined-color-border-light-disabled)}.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon{color:var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)}