@i-cell/ids-styles 0.0.61 → 0.0.62

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 (7) hide show
  1. package/dist/components.css +29 -1
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +29 -1
  4. package/dist/paginator/paginator.css +29 -1
  5. package/dist/paginator/paginator.min.css +1 -1
  6. package/dist/paginator/paginator.plugin.js +29 -1
  7. package/package.json +1 -1
package/dist/components.plugin.js CHANGED
@@ -9014,7 +9014,7 @@ module.exports = function ComponentsPlugin() {
9014
9014
  justifyContent: 'center',
9015
9015
  alignItems: 'center',
9016
9016
  fontStyle: 'normal',
9017
- borderStyle: 'none',
9017
+ borderStyle: 'solid',
9018
9018
  },
9019
9019
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
9020
9020
  { outlineOffset: '2px', outlineStyle: 'solid' },
@@ -9039,6 +9039,7 @@ module.exports = function ComponentsPlugin() {
9039
9039
  '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button': {
9040
9040
  height: 'var(--ids-comp-paginator-page-links-size-height-compact)',
9041
9041
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-compact)',
9042
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-compact)',
9042
9043
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact)',
9043
9044
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-compact)',
9044
9045
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-compact)',
@@ -9084,6 +9085,7 @@ module.exports = function ComponentsPlugin() {
9084
9085
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button': {
9085
9086
  height: 'var(--ids-comp-paginator-page-links-size-height-comfortable)',
9086
9087
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-comfortable)',
9088
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-comfortable)',
9087
9089
  padding:
9088
9090
  'var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable)',
9089
9091
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable)',
@@ -9128,6 +9130,7 @@ module.exports = function ComponentsPlugin() {
9128
9130
  '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button': {
9129
9131
  height: 'var(--ids-comp-paginator-page-links-size-height-spacious)',
9130
9132
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-spacious)',
9133
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-spacious)',
9131
9134
  padding:
9132
9135
  'var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious)',
9133
9136
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-spacious)',
@@ -9172,6 +9175,7 @@ module.exports = function ComponentsPlugin() {
9172
9175
  '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button': {
9173
9176
  height: 'var(--ids-comp-paginator-page-links-size-height-dense)',
9174
9177
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-dense)',
9178
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-dense)',
9175
9179
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense)',
9176
9180
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-dense)',
9177
9181
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-dense)',
@@ -9217,31 +9221,37 @@ module.exports = function ComponentsPlugin() {
9217
9221
  {
9218
9222
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-default)',
9219
9223
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)',
9224
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-default)',
9220
9225
  },
9221
9226
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9222
9227
  {
9223
9228
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-active)',
9224
9229
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)',
9230
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-active)',
9225
9231
  },
9226
9232
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
9227
9233
  {
9228
9234
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused)',
9229
9235
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)',
9236
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-focused)',
9230
9237
  },
9231
9238
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9232
9239
  {
9233
9240
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered)',
9234
9241
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)',
9242
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered)',
9235
9243
  },
9236
9244
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9237
9245
  {
9238
9246
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed)',
9239
9247
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)',
9248
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed)',
9240
9249
  },
9241
9250
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9242
9251
  {
9243
9252
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled)',
9244
9253
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)',
9254
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled)',
9245
9255
  },
9246
9256
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9247
9257
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
@@ -9266,31 +9276,37 @@ module.exports = function ComponentsPlugin() {
9266
9276
  {
9267
9277
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default)',
9268
9278
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)',
9279
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-default)',
9269
9280
  },
9270
9281
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9271
9282
  {
9272
9283
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active)',
9273
9284
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)',
9285
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-active)',
9274
9286
  },
9275
9287
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
9276
9288
  {
9277
9289
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused)',
9278
9290
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)',
9291
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused)',
9279
9292
  },
9280
9293
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9281
9294
  {
9282
9295
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered)',
9283
9296
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)',
9297
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered)',
9284
9298
  },
9285
9299
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9286
9300
  {
9287
9301
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed)',
9288
9302
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)',
9303
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed)',
9289
9304
  },
9290
9305
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9291
9306
  {
9292
9307
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled)',
9293
9308
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)',
9309
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled)',
9294
9310
  },
9295
9311
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9296
9312
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
@@ -9315,31 +9331,37 @@ module.exports = function ComponentsPlugin() {
9315
9331
  {
9316
9332
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-default)',
9317
9333
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)',
9334
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-default)',
9318
9335
  },
9319
9336
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9320
9337
  {
9321
9338
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-active)',
9322
9339
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)',
9340
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-active)',
9323
9341
  },
9324
9342
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
9325
9343
  {
9326
9344
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-focused)',
9327
9345
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)',
9346
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-focused)',
9328
9347
  },
9329
9348
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9330
9349
  {
9331
9350
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered)',
9332
9351
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)',
9352
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-hovered)',
9333
9353
  },
9334
9354
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9335
9355
  {
9336
9356
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed)',
9337
9357
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)',
9358
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-pressed)',
9338
9359
  },
9339
9360
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9340
9361
  {
9341
9362
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled)',
9342
9363
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)',
9364
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-disabled)',
9343
9365
  },
9344
9366
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9345
9367
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
@@ -9364,31 +9386,37 @@ module.exports = function ComponentsPlugin() {
9364
9386
  {
9365
9387
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-default)',
9366
9388
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)',
9389
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-default)',
9367
9390
  },
9368
9391
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9369
9392
  {
9370
9393
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-active)',
9371
9394
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)',
9395
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-active)',
9372
9396
  },
9373
9397
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible':
9374
9398
  {
9375
9399
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused)',
9376
9400
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)',
9401
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-focused)',
9377
9402
  },
9378
9403
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9379
9404
  {
9380
9405
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered)',
9381
9406
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)',
9407
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered)',
9382
9408
  },
9383
9409
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9384
9410
  {
9385
9411
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed)',
9386
9412
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)',
9413
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed)',
9387
9414
  },
9388
9415
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9389
9416
  {
9390
9417
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled)',
9391
9418
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)',
9419
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled)',
9392
9420
  },
9393
9421
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9394
9422
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)' },
package/dist/paginator/paginator.css CHANGED
@@ -37,7 +37,7 @@
37
37
  justify-content: center;
38
38
  align-items: center;
39
39
  font-style: normal;
40
- border-style: none;
40
+ border-style: solid;
41
41
  }
42
42
  .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus, .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible {
43
43
  outline-offset: 2px;
@@ -81,6 +81,7 @@
81
81
  .ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button {
82
82
  height: var(--ids-comp-paginator-page-links-size-height-compact);
83
83
  min-width: var(--ids-comp-paginator-page-links-size-min-width-compact);
84
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-compact);
84
85
  padding: var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);
85
86
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-compact);
86
87
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-compact);
@@ -129,6 +130,7 @@
129
130
  .ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button {
130
131
  height: var(--ids-comp-paginator-page-links-size-height-comfortable);
131
132
  min-width: var(--ids-comp-paginator-page-links-size-min-width-comfortable);
133
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-comfortable);
132
134
  padding: var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);
133
135
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);
134
136
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);
@@ -177,6 +179,7 @@
177
179
  .ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button {
178
180
  height: var(--ids-comp-paginator-page-links-size-height-spacious);
179
181
  min-width: var(--ids-comp-paginator-page-links-size-min-width-spacious);
182
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-spacious);
180
183
  padding: var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);
181
184
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);
182
185
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);
@@ -225,6 +228,7 @@
225
228
  .ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button {
226
229
  height: var(--ids-comp-paginator-page-links-size-height-dense);
227
230
  min-width: var(--ids-comp-paginator-page-links-size-min-width-dense);
231
+ border-width: var(--ids-comp-paginator-page-links-size-border-width-dense);
228
232
  padding: var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);
229
233
  font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-dense);
230
234
  font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-dense);
@@ -273,26 +277,32 @@
273
277
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
274
278
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);
275
279
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default);
280
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-default);
276
281
  }
277
282
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
278
283
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);
279
284
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active);
285
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-active);
280
286
  }
281
287
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
282
288
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);
283
289
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused);
290
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-focused);
284
291
  }
285
292
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
286
293
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);
287
294
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered);
295
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered);
288
296
  }
289
297
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
290
298
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);
291
299
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed);
300
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed);
292
301
  }
293
302
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
294
303
  background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);
295
304
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled);
305
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled);
296
306
  }
297
307
  .ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
298
308
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
@@ -324,26 +334,32 @@
324
334
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
325
335
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);
326
336
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default);
337
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-default);
327
338
  }
328
339
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
329
340
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);
330
341
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active);
342
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-active);
331
343
  }
332
344
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
333
345
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);
334
346
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused);
347
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused);
335
348
  }
336
349
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
337
350
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);
338
351
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered);
352
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered);
339
353
  }
340
354
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
341
355
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);
342
356
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed);
357
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed);
343
358
  }
344
359
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
345
360
  background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);
346
361
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled);
362
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled);
347
363
  }
348
364
  .ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
349
365
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
@@ -375,26 +391,32 @@
375
391
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
376
392
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-default);
377
393
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default);
394
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-default);
378
395
  }
379
396
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
380
397
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-active);
381
398
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active);
399
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-active);
382
400
  }
383
401
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
384
402
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);
385
403
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused);
404
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-focused);
386
405
  }
387
406
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
388
407
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);
389
408
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered);
409
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-hovered);
390
410
  }
391
411
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
392
412
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);
393
413
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed);
414
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-pressed);
394
415
  }
395
416
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
396
417
  background: var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);
397
418
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled);
419
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-light-disabled);
398
420
  }
399
421
  .ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
400
422
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
@@ -426,26 +448,32 @@
426
448
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
427
449
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);
428
450
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default);
451
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-default);
429
452
  }
430
453
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
431
454
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);
432
455
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active);
456
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-active);
433
457
  }
434
458
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus, .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible {
435
459
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);
436
460
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused);
461
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-focused);
437
462
  }
438
463
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
439
464
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);
440
465
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered);
466
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered);
441
467
  }
442
468
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
443
469
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);
444
470
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed);
471
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed);
445
472
  }
446
473
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
447
474
  background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);
448
475
  color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled);
476
+ border-color: var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled);
449
477
  }
450
478
  .ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow {
451
479
  color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
package/dist/paginator/paginator.min.css CHANGED
@@ -1 +1 @@
1
- .ids-paginator{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex}.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
1
+ .ids-paginator{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex}.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);border-width:var(--ids-comp-paginator-page-links-size-border-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);border-width:var(--ids-comp-paginator-page-links-size-border-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);border-width:var(--ids-comp-paginator-page-links-size-border-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);border-width:var(--ids-comp-paginator-page-links-size-border-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled);border-color:var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled);border-color:var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled);border-color:var(--ids-comp-paginator-page-links-plain-color-border-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled);border-color:var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}