@i-cell/ids-styles 0.0.61 → 0.0.63

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 (10) hide show
  1. package/dist/autocomplete/autocomplete.css +69 -20
  2. package/dist/autocomplete/autocomplete.min.css +1 -1
  3. package/dist/autocomplete/autocomplete.plugin.js +38 -20
  4. package/dist/components.css +98 -21
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +70 -24
  7. package/dist/paginator/paginator.css +29 -1
  8. package/dist/paginator/paginator.min.css +1 -1
  9. package/dist/paginator/paginator.plugin.js +29 -1
  10. package/package.json +2 -2
package/dist/components.plugin.js CHANGED
@@ -327,8 +327,6 @@ module.exports = function ComponentsPlugin() {
327
327
  borderStyle: 'none',
328
328
  borderColor: 'rgba(0,0,0,0)',
329
329
  lineHeight: 1.5,
330
- display: 'inline-flex',
331
- alignItems: 'center',
332
330
  },
333
331
  '.ids-autocomplete::before,.ids-autocomplete::after,.ids-autocomplete *,.ids-autocomplete ::before,.ids-autocomplete ::after': {
334
332
  boxSizing: 'border-box',
@@ -336,27 +334,47 @@ module.exports = function ComponentsPlugin() {
336
334
  borderStyle: 'none',
337
335
  borderColor: 'rgba(0,0,0,0)',
338
336
  },
339
- '.ids-autocomplete>input': { textOverflow: 'ellipsis' },
340
- '.ids-autocomplete>ids-overlay-panel': { display: 'none' },
341
- '.ids-autocomplete.ids-autocomplete-compact': {
342
- gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-compact)',
343
- },
344
- '.ids-autocomplete.ids-autocomplete-comfortable': {
345
- gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-comfortable)',
346
- },
347
- '.ids-autocomplete.ids-autocomplete-spacious': {
348
- gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-spacious)',
349
- },
350
- '.ids-autocomplete.ids-autocomplete-dense': {
351
- gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-dense)',
352
- },
353
- '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(.ids-autocomplete)':
354
- { overflowX: 'visible' },
355
- '.ids-overlay-panel__autocomplete-panel': { width: '100%' },
356
- '.ids-overlay-panel__autocomplete-panel .ids-overlay-panel__autocomplete-message>.ids-option': { width: '100%' },
357
- '.ids-overlay-panel__autocomplete-panel .ids-overlay-panel__autocomplete-message>.ids-option:is([disabled])': {
358
- outlineStyle: 'none',
359
- },
337
+ '.ids-autocomplete-panel': { overflow: 'auto', width: '100%', padding: '8px', scrollbarWidth: 'thin' },
338
+ '.ids-autocomplete-overlay-panel': { width: '100%' },
339
+ '.ids-autocomplete-suffix': { display: 'flex', alignItems: 'center' },
340
+ '.ids-autocomplete-chip-list': { display: 'flex', flexWrap: 'wrap', gap: '4px', marginBottom: '4px' },
341
+ '.ids-autocomplete-chip-list:not(:has(button:first-child))': { display: 'none' },
342
+ '.ids-autocomplete-chip-list button[idsChip].ids-chip': { borderStyle: 'solid !important' },
343
+ '.ids-autocomplete-chip-list button[idsChip].ids-chip>div.ids-chip__label': {
344
+ textAlign: 'left',
345
+ wordBreak: 'break-all',
346
+ overflow: 'hidden',
347
+ display: '-webkit-box',
348
+ lineClamp: 1,
349
+ WebkitBoxOrient: 'vertical',
350
+ WebkitLineClamp: '1',
351
+ },
352
+ '.ids-autocomplete-hint__wrapper': { padding: '8px 12px' },
353
+ '.ids-autocomplete.ids-autocomplete-compact>.ids-autocomplete-suffix': { gap: 'var(--ids-comp-forms-input-size-icons-gap-compact)' },
354
+ '.ids-autocomplete.ids-autocomplete-comfortable>.ids-autocomplete-suffix': {
355
+ gap: 'var(--ids-comp-forms-input-size-icons-gap-comfortable)',
356
+ },
357
+ '.ids-autocomplete.ids-autocomplete-spacious>.ids-autocomplete-suffix': {
358
+ gap: 'var(--ids-comp-forms-input-size-icons-gap-spacious)',
359
+ },
360
+ '.ids-autocomplete.ids-autocomplete-dense>.ids-autocomplete-suffix': { gap: 'var(--ids-comp-forms-input-size-icons-gap-dense)' },
361
+ 'input[autocomplete]': { width: '100%', textOverflow: 'ellipsis' },
362
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete])':
363
+ { width: '100%', display: 'inline-flex', alignItems: 'center' },
364
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]):has(.ids-autocomplete-chip-list>button:first-child)':
365
+ { display: 'grid', gridTemplateColumns: '1fr auto' },
366
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]):has(.ids-autocomplete-chip-list>button:first-child)>input[autocomplete]':
367
+ { order: 3 },
368
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]):has(.ids-autocomplete-chip-list>button:first-child)>.ids-autocomplete':
369
+ { order: 2, gridRow: 'span 2/span 1' },
370
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]~.ids-autocomplete-compact)':
371
+ { columnGap: 'var(--ids-comp-forms-input-size-gap-compact)' },
372
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]~.ids-autocomplete-comfortable)':
373
+ { columnGap: 'var(--ids-comp-forms-input-size-gap-comfortable)' },
374
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]~.ids-autocomplete-spacious)':
375
+ { columnGap: 'var(--ids-comp-forms-input-size-gap-spacious)' },
376
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix:has(>input[autocomplete]~.ids-autocomplete-dense)':
377
+ { columnGap: 'var(--ids-comp-forms-input-size-gap-dense)' },
360
378
  '.ids-avatar': {
361
379
  boxSizing: 'border-box',
362
380
  borderWidth: '0',
@@ -9014,7 +9032,7 @@ module.exports = function ComponentsPlugin() {
9014
9032
  justifyContent: 'center',
9015
9033
  alignItems: 'center',
9016
9034
  fontStyle: 'normal',
9017
- borderStyle: 'none',
9035
+ borderStyle: 'solid',
9018
9036
  },
9019
9037
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible':
9020
9038
  { outlineOffset: '2px', outlineStyle: 'solid' },
@@ -9039,6 +9057,7 @@ module.exports = function ComponentsPlugin() {
9039
9057
  '.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button': {
9040
9058
  height: 'var(--ids-comp-paginator-page-links-size-height-compact)',
9041
9059
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-compact)',
9060
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-compact)',
9042
9061
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact)',
9043
9062
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-compact)',
9044
9063
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-compact)',
@@ -9084,6 +9103,7 @@ module.exports = function ComponentsPlugin() {
9084
9103
  '.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button': {
9085
9104
  height: 'var(--ids-comp-paginator-page-links-size-height-comfortable)',
9086
9105
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-comfortable)',
9106
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-comfortable)',
9087
9107
  padding:
9088
9108
  'var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable)',
9089
9109
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable)',
@@ -9128,6 +9148,7 @@ module.exports = function ComponentsPlugin() {
9128
9148
  '.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button': {
9129
9149
  height: 'var(--ids-comp-paginator-page-links-size-height-spacious)',
9130
9150
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-spacious)',
9151
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-spacious)',
9131
9152
  padding:
9132
9153
  'var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious)',
9133
9154
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-spacious)',
@@ -9172,6 +9193,7 @@ module.exports = function ComponentsPlugin() {
9172
9193
  '.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button': {
9173
9194
  height: 'var(--ids-comp-paginator-page-links-size-height-dense)',
9174
9195
  minWidth: 'var(--ids-comp-paginator-page-links-size-min-width-dense)',
9196
+ borderWidth: 'var(--ids-comp-paginator-page-links-size-border-width-dense)',
9175
9197
  padding: 'var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense)',
9176
9198
  fontFamily: 'var(--ids-comp-paginator-page-links-label-typography-font-family-dense)',
9177
9199
  fontSize: 'var(--ids-comp-paginator-page-links-label-typography-font-size-dense)',
@@ -9217,31 +9239,37 @@ module.exports = function ComponentsPlugin() {
9217
9239
  {
9218
9240
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-default)',
9219
9241
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)',
9242
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-default)',
9220
9243
  },
9221
9244
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9222
9245
  {
9223
9246
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-active)',
9224
9247
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)',
9248
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-active)',
9225
9249
  },
9226
9250
  '.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
9251
  {
9228
9252
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused)',
9229
9253
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)',
9254
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-focused)',
9230
9255
  },
9231
9256
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9232
9257
  {
9233
9258
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered)',
9234
9259
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)',
9260
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-hovered)',
9235
9261
  },
9236
9262
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9237
9263
  {
9238
9264
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed)',
9239
9265
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)',
9266
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-pressed)',
9240
9267
  },
9241
9268
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9242
9269
  {
9243
9270
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled)',
9244
9271
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)',
9272
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-primary-disabled)',
9245
9273
  },
9246
9274
  '.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9247
9275
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)' },
@@ -9266,31 +9294,37 @@ module.exports = function ComponentsPlugin() {
9266
9294
  {
9267
9295
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default)',
9268
9296
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)',
9297
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-default)',
9269
9298
  },
9270
9299
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9271
9300
  {
9272
9301
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active)',
9273
9302
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)',
9303
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-active)',
9274
9304
  },
9275
9305
  '.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
9306
  {
9277
9307
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused)',
9278
9308
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)',
9309
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-focused)',
9279
9310
  },
9280
9311
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9281
9312
  {
9282
9313
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered)',
9283
9314
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)',
9315
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-hovered)',
9284
9316
  },
9285
9317
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9286
9318
  {
9287
9319
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed)',
9288
9320
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)',
9321
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-pressed)',
9289
9322
  },
9290
9323
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9291
9324
  {
9292
9325
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled)',
9293
9326
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)',
9327
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-secondary-disabled)',
9294
9328
  },
9295
9329
  '.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9296
9330
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)' },
@@ -9315,31 +9349,37 @@ module.exports = function ComponentsPlugin() {
9315
9349
  {
9316
9350
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-default)',
9317
9351
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)',
9352
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-default)',
9318
9353
  },
9319
9354
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9320
9355
  {
9321
9356
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-active)',
9322
9357
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)',
9358
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-active)',
9323
9359
  },
9324
9360
  '.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
9361
  {
9326
9362
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-focused)',
9327
9363
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)',
9364
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-focused)',
9328
9365
  },
9329
9366
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9330
9367
  {
9331
9368
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered)',
9332
9369
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)',
9370
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-hovered)',
9333
9371
  },
9334
9372
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9335
9373
  {
9336
9374
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed)',
9337
9375
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)',
9376
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-pressed)',
9338
9377
  },
9339
9378
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9340
9379
  {
9341
9380
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled)',
9342
9381
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)',
9382
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-light-disabled)',
9343
9383
  },
9344
9384
  '.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9345
9385
  { color: 'var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)' },
@@ -9364,31 +9404,37 @@ module.exports = function ComponentsPlugin() {
9364
9404
  {
9365
9405
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-default)',
9366
9406
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)',
9407
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-default)',
9367
9408
  },
9368
9409
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled)':
9369
9410
  {
9370
9411
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-active)',
9371
9412
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)',
9413
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-active)',
9372
9414
  },
9373
9415
  '.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
9416
  {
9375
9417
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused)',
9376
9418
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)',
9419
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-focused)',
9377
9420
  },
9378
9421
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover':
9379
9422
  {
9380
9423
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered)',
9381
9424
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)',
9425
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-hovered)',
9382
9426
  },
9383
9427
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active':
9384
9428
  {
9385
9429
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed)',
9386
9430
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)',
9431
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-pressed)',
9387
9432
  },
9388
9433
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled':
9389
9434
  {
9390
9435
  background: 'var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled)',
9391
9436
  color: 'var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)',
9437
+ borderColor: 'var(--ids-comp-paginator-page-links-plain-color-border-surface-disabled)',
9392
9438
  },
9393
9439
  '.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow':
9394
9440
  { 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}