@patternfly/react-table 4.60.4 → 4.60.5

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.
@@ -7227,37 +7227,6 @@ svg.pf-c-spinner.pf-m-xl {
7227
7227
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
7228
7228
  }
7229
7229
 
7230
- .pf-c-action-list {
7231
- --pf-c-action-list--m-icon--spacer: 0;
7232
- --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
7233
- --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
7234
- }
7235
-
7236
- .pf-c-action-list,
7237
- .pf-c-action-list__group {
7238
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
7239
- --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
7240
- display: flex;
7241
- align-items: center;
7242
- }
7243
-
7244
- .pf-c-action-list > * + *,
7245
- .pf-c-action-list__group > * + * {
7246
- margin-left: var(--pf-c-action-list--child--spacer);
7247
- }
7248
-
7249
- .pf-c-action-list > * + .pf-c-action-list__group,
7250
- .pf-c-action-list .pf-c-action-list__group + *,
7251
- .pf-c-action-list__group > * + .pf-c-action-list__group,
7252
- .pf-c-action-list__group .pf-c-action-list__group + * {
7253
- margin-left: var(--pf-c-action-list--group--spacer);
7254
- }
7255
-
7256
- .pf-c-action-list.pf-m-icons,
7257
- .pf-c-action-list__group.pf-m-icons {
7258
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
7259
- }
7260
-
7261
7230
  .pf-c-alert {
7262
7231
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
7263
7232
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -8240,221 +8209,6 @@ button.pf-c-breadcrumb__link {
8240
8209
  visibility: hidden;
8241
8210
  }
8242
8211
 
8243
- .pf-c-calendar-month {
8244
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
8245
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
8246
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8247
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8248
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
8249
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8250
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8251
- }
8252
-
8253
- .pf-c-calendar-month {
8254
- --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
8255
- --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
8256
- --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
8257
- --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
8258
- --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
8259
- --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
8260
- --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
8261
- --pf-c-calendar-month__header-year--Width: 8ch;
8262
- --pf-c-calendar-month__header-nav-control--MarginRight: 0;
8263
- --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
8264
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
8265
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
8266
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
8267
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
8268
- --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
8269
- --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
8270
- --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
8271
- --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
8272
- --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
8273
- --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
8274
- --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
8275
- --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
8276
- --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
8277
- --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
8278
- --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
8279
- --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
8280
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
8281
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
8282
- --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
8283
- --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
8284
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8285
- --pf-c-calendar-month__dates-cell--before--Top: 0;
8286
- --pf-c-calendar-month__dates-cell--before--Right: 0;
8287
- --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
8288
- --pf-c-calendar-month__dates-cell--before--Left: 0;
8289
- --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
8290
- --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
8291
- --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
8292
- --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
8293
- --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
8294
- --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
8295
- --pf-c-calendar-month__date--Width: 4ch;
8296
- --pf-c-calendar-month__date--Height: 4ch;
8297
- --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
8298
- --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
8299
- --pf-c-calendar-month__date--BackgroundColor: transparent;
8300
- --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
8301
- --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
8302
- --pf-c-calendar-month__date--after--BorderColor: transparent;
8303
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
8304
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
8305
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
8306
- --pf-c-calendar-month__date--focus--BoxShadow: none;
8307
- color: var(--pf-global--Color--100);
8308
- display: inline-flex;
8309
- flex-direction: column;
8310
- padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
8311
- font-size: var(--pf-c-calendar-month--FontSize);
8312
- background-color: var(--pf-c-calendar-month--BackgroundColor);
8313
- }
8314
-
8315
- .pf-c-calendar-month__header {
8316
- display: flex;
8317
- margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
8318
- }
8319
-
8320
- .pf-c-calendar-month__header-nav-control {
8321
- margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
8322
- margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
8323
- }
8324
-
8325
- .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
8326
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
8327
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
8328
- }
8329
-
8330
- .pf-c-calendar-month__header-nav-control.pf-m-next-month {
8331
- --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
8332
- --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
8333
- }
8334
-
8335
- .pf-c-calendar-month__header-month {
8336
- flex-grow: 1;
8337
- }
8338
-
8339
- .pf-c-calendar-month__header-year {
8340
- width: var(--pf-c-calendar-month__header-year--Width);
8341
- }
8342
-
8343
- .pf-c-calendar-month__calendar {
8344
- table-layout: fixed;
8345
- }
8346
-
8347
- .pf-c-calendar-month__days {
8348
- border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
8349
- }
8350
-
8351
- .pf-c-calendar-month__day {
8352
- padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
8353
- font-weight: var(--pf-c-calendar-month__day--FontWeight);
8354
- text-align: center;
8355
- }
8356
-
8357
- .pf-c-calendar-month__dates-row:first-child {
8358
- --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
8359
- }
8360
-
8361
- .pf-c-calendar-month__dates-cell {
8362
- --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
8363
- position: relative;
8364
- padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
8365
- text-align: center;
8366
- }
8367
-
8368
- .pf-c-calendar-month__dates-cell::before {
8369
- position: absolute;
8370
- top: var(--pf-c-calendar-month__dates-cell--before--Top);
8371
- right: var(--pf-c-calendar-month__dates-cell--before--Right);
8372
- bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
8373
- left: var(--pf-c-calendar-month__dates-cell--before--Left);
8374
- content: "";
8375
- background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
8376
- }
8377
-
8378
- .pf-c-calendar-month__dates-cell.pf-m-current {
8379
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
8380
- }
8381
-
8382
- .pf-c-calendar-month__dates-cell.pf-m-in-range {
8383
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
8384
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
8385
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
8386
- }
8387
-
8388
- .pf-c-calendar-month__dates-cell.pf-m-start-range {
8389
- --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
8390
- }
8391
-
8392
- .pf-c-calendar-month__dates-cell.pf-m-end-range {
8393
- --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
8394
- }
8395
-
8396
- .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
8397
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
8398
- }
8399
-
8400
- .pf-c-calendar-month__dates-cell.pf-m-selected {
8401
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
8402
- --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
8403
- --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
8404
- --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
8405
- --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
8406
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
8407
- }
8408
-
8409
- .pf-c-calendar-month__dates-cell.pf-m-disabled {
8410
- --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8411
- --pf-c-calendar-month__date--BackgroundColor: transparent;
8412
- }
8413
-
8414
- .pf-c-calendar-month__date {
8415
- position: relative;
8416
- display: inline-flex;
8417
- align-items: center;
8418
- justify-content: center;
8419
- width: var(--pf-c-calendar-month__date--Width);
8420
- height: var(--pf-c-calendar-month__date--Height);
8421
- line-height: 1;
8422
- color: var(--pf-c-calendar-month__date--Color);
8423
- background-color: var(--pf-c-calendar-month__date--BackgroundColor);
8424
- border: 0;
8425
- }
8426
-
8427
- .pf-c-calendar-month__date::after {
8428
- position: absolute;
8429
- top: 0;
8430
- right: 0;
8431
- bottom: 0;
8432
- left: 0;
8433
- content: "";
8434
- border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
8435
- }
8436
-
8437
- .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
8438
- border-radius: var(--pf-c-calendar-month__date--BorderRadius);
8439
- }
8440
-
8441
- .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
8442
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
8443
- }
8444
-
8445
- .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
8446
- --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
8447
- --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
8448
- outline: 0;
8449
- box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8450
- }
8451
-
8452
- .pf-c-calendar-month__date:disabled {
8453
- pointer-events: none;
8454
- --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8455
- --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8456
- }
8457
-
8458
8212
  .pf-c-card {
8459
8213
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
8460
8214
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -8802,7 +8556,7 @@ button.pf-c-breadcrumb__link {
8802
8556
  font-weight: var(--pf-global--FontWeight--normal);
8803
8557
  }
8804
8558
 
8805
- .pf-c-chip-group {
8559
+ .pf-c-calendar-month {
8806
8560
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
8807
8561
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
8808
8562
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -8812,14 +8566,229 @@ button.pf-c-breadcrumb__link {
8812
8566
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8813
8567
  }
8814
8568
 
8815
- .pf-c-chip-group {
8816
- color: var(--pf-global--Color--100);
8817
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8818
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8819
- --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8820
- --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8821
- --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8822
- --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8569
+ .pf-c-calendar-month {
8570
+ --pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
8571
+ --pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
8572
+ --pf-c-calendar-month--PaddingRight: var(--pf-global--spacer--lg);
8573
+ --pf-c-calendar-month--PaddingBottom: var(--pf-global--spacer--md);
8574
+ --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
8575
+ --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
8576
+ --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
8577
+ --pf-c-calendar-month__header-year--Width: 8ch;
8578
+ --pf-c-calendar-month__header-nav-control--MarginRight: 0;
8579
+ --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
8580
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
8581
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
8582
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
8583
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
8584
+ --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
8585
+ --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
8586
+ --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
8587
+ --pf-c-calendar-month__day--FontWeight: var(--pf-global--FontWeight--normal);
8588
+ --pf-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
8589
+ --pf-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
8590
+ --pf-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
8591
+ --pf-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
8592
+ --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-global--spacer--sm);
8593
+ --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--BackgroundColor--200);
8594
+ --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--active-color--100);
8595
+ --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--active-color--100);
8596
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--primary-color--200);
8597
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-global--primary-color--200);
8598
+ --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-global--primary-color--100);
8599
+ --pf-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-global--Color--light-100);
8600
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8601
+ --pf-c-calendar-month__dates-cell--before--Top: 0;
8602
+ --pf-c-calendar-month__dates-cell--before--Right: 0;
8603
+ --pf-c-calendar-month__dates-cell--before--Bottom: var(--pf-c-calendar-month__dates-cell--PaddingBottom);
8604
+ --pf-c-calendar-month__dates-cell--before--Left: 0;
8605
+ --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--palette--blue-50);
8606
+ --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
8607
+ --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
8608
+ --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--palette--blue-100);
8609
+ --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--palette--blue-100);
8610
+ --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-global--disabled-color--100);
8611
+ --pf-c-calendar-month__date--Width: 4ch;
8612
+ --pf-c-calendar-month__date--Height: 4ch;
8613
+ --pf-c-calendar-month__date--BorderRadius: var(--pf-global--BorderRadius--lg);
8614
+ --pf-c-calendar-month__date--Color: var(--pf-global--Color--100);
8615
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
8616
+ --pf-c-calendar-month__date--disabled--Color: var(--pf-global--disabled-color--200);
8617
+ --pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--md);
8618
+ --pf-c-calendar-month__date--after--BorderColor: transparent;
8619
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--palette--blue-50);
8620
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--palette--blue-50);
8621
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-global--active-color--100);
8622
+ --pf-c-calendar-month__date--focus--BoxShadow: none;
8623
+ color: var(--pf-global--Color--100);
8624
+ display: inline-flex;
8625
+ flex-direction: column;
8626
+ padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft);
8627
+ font-size: var(--pf-c-calendar-month--FontSize);
8628
+ background-color: var(--pf-c-calendar-month--BackgroundColor);
8629
+ }
8630
+
8631
+ .pf-c-calendar-month__header {
8632
+ display: flex;
8633
+ margin-bottom: var(--pf-c-calendar-month__header--MarginBottom);
8634
+ }
8635
+
8636
+ .pf-c-calendar-month__header-nav-control {
8637
+ margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight);
8638
+ margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft);
8639
+ }
8640
+
8641
+ .pf-c-calendar-month__header-nav-control.pf-m-prev-month {
8642
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
8643
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
8644
+ }
8645
+
8646
+ .pf-c-calendar-month__header-nav-control.pf-m-next-month {
8647
+ --pf-c-calendar-month__header-nav-control--MarginRight: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight);
8648
+ --pf-c-calendar-month__header-nav-control--MarginLeft: var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
8649
+ }
8650
+
8651
+ .pf-c-calendar-month__header-month {
8652
+ flex-grow: 1;
8653
+ }
8654
+
8655
+ .pf-c-calendar-month__header-year {
8656
+ width: var(--pf-c-calendar-month__header-year--Width);
8657
+ }
8658
+
8659
+ .pf-c-calendar-month__calendar {
8660
+ table-layout: fixed;
8661
+ }
8662
+
8663
+ .pf-c-calendar-month__days {
8664
+ border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor);
8665
+ }
8666
+
8667
+ .pf-c-calendar-month__day {
8668
+ padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom);
8669
+ font-weight: var(--pf-c-calendar-month__day--FontWeight);
8670
+ text-align: center;
8671
+ }
8672
+
8673
+ .pf-c-calendar-month__dates-row:first-child {
8674
+ --pf-c-calendar-month__dates-cell--PaddingTop: var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop);
8675
+ }
8676
+
8677
+ .pf-c-calendar-month__dates-cell {
8678
+ --pf-c-calendar-month__dates-cell--before--Top: var(--pf-c-calendar-month__dates-cell--PaddingTop);
8679
+ position: relative;
8680
+ padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft);
8681
+ text-align: center;
8682
+ }
8683
+
8684
+ .pf-c-calendar-month__dates-cell::before {
8685
+ position: absolute;
8686
+ top: var(--pf-c-calendar-month__dates-cell--before--Top);
8687
+ right: var(--pf-c-calendar-month__dates-cell--before--Right);
8688
+ bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom);
8689
+ left: var(--pf-c-calendar-month__dates-cell--before--Left);
8690
+ content: "";
8691
+ background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor);
8692
+ }
8693
+
8694
+ .pf-c-calendar-month__dates-cell.pf-m-current {
8695
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
8696
+ }
8697
+
8698
+ .pf-c-calendar-month__dates-cell.pf-m-in-range {
8699
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
8700
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
8701
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
8702
+ }
8703
+
8704
+ .pf-c-calendar-month__dates-cell.pf-m-start-range {
8705
+ --pf-c-calendar-month__dates-cell--before--Left: var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left);
8706
+ }
8707
+
8708
+ .pf-c-calendar-month__dates-cell.pf-m-end-range {
8709
+ --pf-c-calendar-month__dates-cell--before--Right: var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right);
8710
+ }
8711
+
8712
+ .pf-c-calendar-month__dates-cell.pf-m-adjacent-month {
8713
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
8714
+ }
8715
+
8716
+ .pf-c-calendar-month__dates-cell.pf-m-selected {
8717
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
8718
+ --pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
8719
+ --pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
8720
+ --pf-c-calendar-month__date--focus--after--BorderColor: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
8721
+ --pf-c-calendar-month__date--focus--BoxShadow: var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
8722
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__dates-cell--m-selected__date--Color);
8723
+ }
8724
+
8725
+ .pf-c-calendar-month__dates-cell.pf-m-disabled {
8726
+ --pf-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
8727
+ --pf-c-calendar-month__date--BackgroundColor: transparent;
8728
+ }
8729
+
8730
+ .pf-c-calendar-month__date {
8731
+ position: relative;
8732
+ display: inline-flex;
8733
+ align-items: center;
8734
+ justify-content: center;
8735
+ width: var(--pf-c-calendar-month__date--Width);
8736
+ height: var(--pf-c-calendar-month__date--Height);
8737
+ line-height: 1;
8738
+ color: var(--pf-c-calendar-month__date--Color);
8739
+ background-color: var(--pf-c-calendar-month__date--BackgroundColor);
8740
+ border: 0;
8741
+ }
8742
+
8743
+ .pf-c-calendar-month__date::after {
8744
+ position: absolute;
8745
+ top: 0;
8746
+ right: 0;
8747
+ bottom: 0;
8748
+ left: 0;
8749
+ content: "";
8750
+ border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor);
8751
+ }
8752
+
8753
+ .pf-c-calendar-month__date, .pf-c-calendar-month__date::after {
8754
+ border-radius: var(--pf-c-calendar-month__date--BorderRadius);
8755
+ }
8756
+
8757
+ .pf-c-calendar-month__date:hover, .pf-c-calendar-month__date.pf-m-hover {
8758
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--hover--BackgroundColor);
8759
+ }
8760
+
8761
+ .pf-c-calendar-month__date:focus, .pf-c-calendar-month__date.pf-m-focus {
8762
+ --pf-c-calendar-month__date--BackgroundColor: var(--pf-c-calendar-month__date--focus--BackgroundColor);
8763
+ --pf-c-calendar-month__date--after--BorderColor: var(--pf-c-calendar-month__date--focus--after--BorderColor);
8764
+ outline: 0;
8765
+ box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow);
8766
+ }
8767
+
8768
+ .pf-c-calendar-month__date:disabled {
8769
+ pointer-events: none;
8770
+ --pf-c-calendar-month__date--Color: var(--pf-c-calendar-month__date--disabled--Color);
8771
+ --pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
8772
+ }
8773
+
8774
+ .pf-c-chip-group {
8775
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
8776
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
8777
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8778
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8779
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
8780
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8781
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8782
+ }
8783
+
8784
+ .pf-c-chip-group {
8785
+ color: var(--pf-global--Color--100);
8786
+ --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8787
+ --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8788
+ --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8789
+ --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8790
+ --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8791
+ --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8823
8792
  --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8824
8793
  --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8825
8794
  --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
@@ -13697,6 +13666,37 @@ label.pf-c-input-group__text {
13697
13666
  --pf-c-sidebar__panel--FlexBasis: 100%;
13698
13667
  }
13699
13668
  }
13669
+ .pf-c-action-list {
13670
+ --pf-c-action-list--m-icon--spacer: 0;
13671
+ --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
13672
+ --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
13673
+ }
13674
+
13675
+ .pf-c-action-list,
13676
+ .pf-c-action-list__group {
13677
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
13678
+ --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
13679
+ display: flex;
13680
+ align-items: center;
13681
+ }
13682
+
13683
+ .pf-c-action-list > * + *,
13684
+ .pf-c-action-list__group > * + * {
13685
+ margin-left: var(--pf-c-action-list--child--spacer);
13686
+ }
13687
+
13688
+ .pf-c-action-list > * + .pf-c-action-list__group,
13689
+ .pf-c-action-list .pf-c-action-list__group + *,
13690
+ .pf-c-action-list__group > * + .pf-c-action-list__group,
13691
+ .pf-c-action-list__group .pf-c-action-list__group + * {
13692
+ margin-left: var(--pf-c-action-list--group--spacer);
13693
+ }
13694
+
13695
+ .pf-c-action-list.pf-m-icons,
13696
+ .pf-c-action-list__group.pf-m-icons {
13697
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
13698
+ }
13699
+
13700
13700
  .pf-c-label {
13701
13701
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
13702
13702
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -18990,8 +18990,200 @@ ul.pf-c-list {
18990
18990
  flex: 1 0 auto;
18991
18991
  }
18992
18992
 
18993
- .pf-c-pagination {
18994
- --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18993
+ .pf-c-popover {
18994
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
18995
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18996
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
18997
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
18998
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
18999
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19000
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19001
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19002
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19003
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19004
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19005
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19006
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19007
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19008
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19009
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19010
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19011
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19012
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19013
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19014
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19015
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19016
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19017
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
19018
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
19019
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
19020
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
19021
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
19022
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
19023
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19024
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19025
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19026
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
19027
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
19028
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
19029
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19030
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19031
+ --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19032
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19033
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19034
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19035
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19036
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19037
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19038
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19039
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19040
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19041
+ position: relative;
19042
+ min-width: var(--pf-c-popover--MinWidth);
19043
+ max-width: var(--pf-c-popover--MaxWidth);
19044
+ font-size: var(--pf-c-popover--FontSize);
19045
+ box-shadow: var(--pf-c-popover--BoxShadow);
19046
+ }
19047
+
19048
+ .pf-c-popover.pf-m-no-padding {
19049
+ --pf-c-popover__content--PaddingTop: 0px;
19050
+ --pf-c-popover__content--PaddingRight: 0px;
19051
+ --pf-c-popover__content--PaddingBottom: 0px;
19052
+ --pf-c-popover__content--PaddingLeft: 0px;
19053
+ }
19054
+
19055
+ .pf-c-popover.pf-m-width-auto {
19056
+ --pf-c-popover--MinWidth: auto;
19057
+ --pf-c-popover--MaxWidth: none;
19058
+ }
19059
+
19060
+ .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19061
+ bottom: 0;
19062
+ left: 50%;
19063
+ transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19064
+ }
19065
+
19066
+ .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19067
+ top: 0;
19068
+ left: 50%;
19069
+ transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19070
+ }
19071
+
19072
+ .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19073
+ top: 50%;
19074
+ right: 0;
19075
+ transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19076
+ }
19077
+
19078
+ .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19079
+ top: 50%;
19080
+ left: 0;
19081
+ transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19082
+ }
19083
+
19084
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19085
+ top: var(--pf-c-popover__arrow--Height);
19086
+ }
19087
+
19088
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19089
+ top: auto;
19090
+ bottom: 0;
19091
+ }
19092
+
19093
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19094
+ left: var(--pf-c-popover__arrow--Width);
19095
+ }
19096
+
19097
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19098
+ right: 0;
19099
+ left: auto;
19100
+ }
19101
+
19102
+ .pf-c-popover.pf-m-danger {
19103
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19104
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19105
+ }
19106
+
19107
+ .pf-c-popover.pf-m-warning {
19108
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19109
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19110
+ }
19111
+
19112
+ .pf-c-popover.pf-m-success {
19113
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19114
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19115
+ }
19116
+
19117
+ .pf-c-popover.pf-m-default {
19118
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19119
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19120
+ }
19121
+
19122
+ .pf-c-popover.pf-m-info {
19123
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19124
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19125
+ }
19126
+
19127
+ .pf-c-popover__content {
19128
+ position: relative;
19129
+ padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19130
+ background-color: var(--pf-c-popover__content--BackgroundColor);
19131
+ }
19132
+
19133
+ .pf-c-popover__content > .pf-c-title {
19134
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19135
+ }
19136
+
19137
+ .pf-c-popover__content > .pf-c-button {
19138
+ position: absolute;
19139
+ top: var(--pf-c-popover--c-button--Top);
19140
+ right: var(--pf-c-popover--c-button--Right);
19141
+ }
19142
+
19143
+ .pf-c-popover__content > .pf-c-button + * {
19144
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19145
+ }
19146
+
19147
+ .pf-c-popover__arrow {
19148
+ position: absolute;
19149
+ width: var(--pf-c-popover__arrow--Width);
19150
+ height: var(--pf-c-popover__arrow--Height);
19151
+ pointer-events: none;
19152
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
19153
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19154
+ }
19155
+
19156
+ .pf-c-popover__title {
19157
+ flex: 0 0 auto;
19158
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
19159
+ font-family: var(--pf-c-popover__title--FontFamily);
19160
+ font-size: var(--pf-c-popover__title--FontSize);
19161
+ line-height: var(--pf-c-popover__title--LineHeight);
19162
+ }
19163
+
19164
+ .pf-c-popover__title.pf-m-icon {
19165
+ display: flex;
19166
+ }
19167
+
19168
+ .pf-c-popover__title-icon {
19169
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
19170
+ color: var(--pf-c-popover__title-icon--Color);
19171
+ }
19172
+
19173
+ .pf-c-popover__title-text {
19174
+ color: var(--pf-c-popover__title-text--Color, inherit);
19175
+ }
19176
+
19177
+ .pf-c-popover__body {
19178
+ word-wrap: break-word;
19179
+ }
19180
+
19181
+ .pf-c-popover__footer {
19182
+ margin-top: var(--pf-c-popover__footer--MarginTop);
19183
+ }
19184
+
19185
+ .pf-c-pagination {
19186
+ --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18995
19187
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
18996
19188
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
18997
19189
  --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
@@ -19341,198 +19533,6 @@ ul.pf-c-list {
19341
19533
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19342
19534
  }
19343
19535
  }
19344
- .pf-c-popover {
19345
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19346
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19347
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19348
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19349
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19350
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19351
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19352
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19353
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19354
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19355
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19356
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19357
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19358
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19359
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19360
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19361
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19362
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19363
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19364
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19365
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19366
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19367
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19368
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
19369
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
19370
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
19371
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
19372
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
19373
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
19374
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19375
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19376
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19377
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
19378
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
19379
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
19380
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19381
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19382
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19383
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19384
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19385
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19386
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19387
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19388
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19389
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19390
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19391
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19392
- position: relative;
19393
- min-width: var(--pf-c-popover--MinWidth);
19394
- max-width: var(--pf-c-popover--MaxWidth);
19395
- font-size: var(--pf-c-popover--FontSize);
19396
- box-shadow: var(--pf-c-popover--BoxShadow);
19397
- }
19398
-
19399
- .pf-c-popover.pf-m-no-padding {
19400
- --pf-c-popover__content--PaddingTop: 0px;
19401
- --pf-c-popover__content--PaddingRight: 0px;
19402
- --pf-c-popover__content--PaddingBottom: 0px;
19403
- --pf-c-popover__content--PaddingLeft: 0px;
19404
- }
19405
-
19406
- .pf-c-popover.pf-m-width-auto {
19407
- --pf-c-popover--MinWidth: auto;
19408
- --pf-c-popover--MaxWidth: none;
19409
- }
19410
-
19411
- .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19412
- bottom: 0;
19413
- left: 50%;
19414
- transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19415
- }
19416
-
19417
- .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19418
- top: 0;
19419
- left: 50%;
19420
- transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19421
- }
19422
-
19423
- .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19424
- top: 50%;
19425
- right: 0;
19426
- transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19427
- }
19428
-
19429
- .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19430
- top: 50%;
19431
- left: 0;
19432
- transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19433
- }
19434
-
19435
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19436
- top: var(--pf-c-popover__arrow--Height);
19437
- }
19438
-
19439
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19440
- top: auto;
19441
- bottom: 0;
19442
- }
19443
-
19444
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19445
- left: var(--pf-c-popover__arrow--Width);
19446
- }
19447
-
19448
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19449
- right: 0;
19450
- left: auto;
19451
- }
19452
-
19453
- .pf-c-popover.pf-m-danger {
19454
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19455
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19456
- }
19457
-
19458
- .pf-c-popover.pf-m-warning {
19459
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19460
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19461
- }
19462
-
19463
- .pf-c-popover.pf-m-success {
19464
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19465
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19466
- }
19467
-
19468
- .pf-c-popover.pf-m-default {
19469
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19470
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19471
- }
19472
-
19473
- .pf-c-popover.pf-m-info {
19474
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19475
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19476
- }
19477
-
19478
- .pf-c-popover__content {
19479
- position: relative;
19480
- padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19481
- background-color: var(--pf-c-popover__content--BackgroundColor);
19482
- }
19483
-
19484
- .pf-c-popover__content > .pf-c-title {
19485
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19486
- }
19487
-
19488
- .pf-c-popover__content > .pf-c-button {
19489
- position: absolute;
19490
- top: var(--pf-c-popover--c-button--Top);
19491
- right: var(--pf-c-popover--c-button--Right);
19492
- }
19493
-
19494
- .pf-c-popover__content > .pf-c-button + * {
19495
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19496
- }
19497
-
19498
- .pf-c-popover__arrow {
19499
- position: absolute;
19500
- width: var(--pf-c-popover__arrow--Width);
19501
- height: var(--pf-c-popover__arrow--Height);
19502
- pointer-events: none;
19503
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
19504
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19505
- }
19506
-
19507
- .pf-c-popover__title {
19508
- flex: 0 0 auto;
19509
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
19510
- font-family: var(--pf-c-popover__title--FontFamily);
19511
- font-size: var(--pf-c-popover__title--FontSize);
19512
- line-height: var(--pf-c-popover__title--LineHeight);
19513
- }
19514
-
19515
- .pf-c-popover__title.pf-m-icon {
19516
- display: flex;
19517
- }
19518
-
19519
- .pf-c-popover__title-icon {
19520
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
19521
- color: var(--pf-c-popover__title-icon--Color);
19522
- }
19523
-
19524
- .pf-c-popover__title-text {
19525
- color: var(--pf-c-popover__title-text--Color, inherit);
19526
- }
19527
-
19528
- .pf-c-popover__body {
19529
- word-wrap: break-word;
19530
- }
19531
-
19532
- .pf-c-popover__footer {
19533
- margin-top: var(--pf-c-popover__footer--MarginTop);
19534
- }
19535
-
19536
19536
  .pf-c-progress {
19537
19537
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19538
19538
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
@@ -21492,251 +21492,538 @@ label.pf-c-radio, .pf-c-radio__label,
21492
21492
  vertical-align: top;
21493
21493
  }
21494
21494
 
21495
- .pf-c-tabs {
21496
- --pf-c-tabs--inset: 0;
21497
- --pf-c-tabs--Width: auto;
21498
- --pf-c-tabs--before--BorderColor: var(--pf-global--BorderColor--100);
21499
- --pf-c-tabs--before--border-width--base: var(--pf-global--BorderWidth--sm);
21500
- --pf-c-tabs--before--BorderTopWidth: 0;
21501
- --pf-c-tabs--before--BorderRightWidth: 0;
21502
- --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
21503
- --pf-c-tabs--before--BorderLeftWidth: 0;
21504
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
21505
- --pf-c-tabs--m-page-insets--inset: var(--pf-global--spacer--md);
21506
- --pf-c-tabs--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
21507
- --pf-c-tabs--m-vertical--Width: 100%;
21508
- --pf-c-tabs--m-vertical--MaxWidth: 15.625rem;
21509
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
21510
- --pf-c-tabs--m-vertical__list--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
21511
- --pf-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
21512
- --pf-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
21513
- --pf-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
21514
- --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
21515
- --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
21516
- --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
21517
- --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
21518
- --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
21519
- --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
21520
- --pf-c-tabs__list--Display: flex;
21521
- --pf-c-tabs__list--Visibility: visible;
21522
- --pf-c-tabs__link--Color: var(--pf-global--Color--200);
21523
- --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
21524
- --pf-c-tabs__link--BackgroundColor: transparent;
21525
- --pf-c-tabs__link--OutlineOffset: calc(-1 * 0.375rem);
21526
- --pf-c-tabs__link--PaddingTop: var(--pf-global--spacer--sm);
21527
- --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
21528
- --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
21529
- --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
21530
- --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
21531
- --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
21532
- --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
21533
- --pf-c-tabs--m-vertical__link--PaddingTop: var(--pf-global--spacer--md);
21534
- --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
21535
- --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
21536
- --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
21537
- --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
21538
- --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
21539
- --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__link--before--border-color--base);
21540
- --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
21541
- --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
21542
- --pf-c-tabs__link--before--BorderTopWidth: 0;
21543
- --pf-c-tabs__link--before--BorderRightWidth: 0;
21544
- --pf-c-tabs__link--before--BorderBottomWidth: 0;
21545
- --pf-c-tabs__link--before--BorderLeftWidth: 0;
21546
- --pf-c-tabs__link--before--Left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21547
- --pf-c-tabs__link--disabled--before--BorderRightWidth: 0;
21548
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
21549
- --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
21550
- --pf-c-tabs__link--after--Top: auto;
21551
- --pf-c-tabs__link--after--Right: 0;
21552
- --pf-c-tabs__link--after--Bottom: 0;
21553
- --pf-c-tabs__link--after--BorderColor: var(--pf-global--BorderColor--light-100);
21554
- --pf-c-tabs__link--after--BorderWidth: 0;
21555
- --pf-c-tabs__link--after--BorderTopWidth: 0;
21556
- --pf-c-tabs__link--after--BorderRightWidth: 0;
21557
- --pf-c-tabs__link--after--BorderLeftWidth: 0;
21558
- --pf-c-tabs__link--hover--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21559
- --pf-c-tabs__link--focus--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21560
- --pf-c-tabs__link--active--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21561
- --pf-c-tabs__item--m-current__link--after--BorderColor: var(--pf-global--active-color--100);
21562
- --pf-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21563
- --pf-c-tabs__link--child--MarginRight: var(--pf-global--spacer--md);
21564
- --pf-c-tabs__scroll-button--Color: var(--pf-global--Color--100);
21565
- --pf-c-tabs__scroll-button--hover--Color: var(--pf-global--active-color--100);
21566
- --pf-c-tabs__scroll-button--disabled--Color: var(--pf-global--disabled-color--200);
21567
- --pf-c-tabs__scroll-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
21568
- --pf-c-tabs__scroll-button--Width: var(--pf-global--spacer--2xl);
21569
- --pf-c-tabs__scroll-button--xl--Width: var(--pf-global--spacer--3xl);
21570
- --pf-c-tabs__scroll-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
21571
- --pf-c-tabs__scroll-button--TransitionDuration--margin: .125s;
21572
- --pf-c-tabs__scroll-button--TransitionDuration--transform: .125s;
21573
- --pf-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
21574
- --pf-c-tabs__scroll-button--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
21575
- --pf-c-tabs__scroll-button--before--border-width--base: var(--pf-global--BorderWidth--sm);
21576
- --pf-c-tabs__scroll-button--before--BorderRightWidth: 0;
21577
- --pf-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
21578
- --pf-c-tabs__scroll-button--before--BorderLeftWidth: 0;
21579
- --pf-c-tabs__list--ScrollSnapTypeAxis: x;
21580
- --pf-c-tabs__list--ScrollSnapTypeStrictness: proximity;
21581
- --pf-c-tabs__list--ScrollSnapType: var(--pf-c-tabs__list--ScrollSnapTypeAxis) var(--pf-c-tabs__list--ScrollSnapTypeStrictness);
21582
- --pf-c-tabs__item--ScrollSnapAlign: end;
21583
- --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
21584
- --pf-c-tabs__toggle--Display: flex;
21585
- --pf-c-tabs__toggle--Visibility: hidden;
21586
- --pf-c-tabs__toggle--MarginBottom: 0;
21587
- --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
21588
- --pf-c-tabs__toggle-icon--Color: currentColor;
21589
- --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
21590
- --pf-c-tabs__toggle-icon--Rotate: 0;
21591
- --pf-c-tabs__toggle-text--MarginLeft: 0;
21592
- --pf-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-global--spacer--md);
21593
- --pf-c-tabs__toggle-button__toggle-text--Color: var(--pf-global--Color--100);
21594
- --pf-c-tabs__toggle-button--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
21595
- --pf-c-tabs__toggle-button--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
21596
- --pf-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
21597
- --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
21598
- --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
21599
- position: relative;
21600
- display: flex;
21601
- width: var(--pf-c-tabs--Width);
21602
- padding-right: var(--pf-c-tabs--inset);
21603
- padding-left: var(--pf-c-tabs--inset);
21604
- overflow: hidden;
21605
- }
21606
-
21607
- @media screen and (min-width: 1200px) {
21608
- .pf-c-tabs {
21609
- --pf-c-tabs__scroll-button--Width: var(--pf-c-tabs__scroll-button--xl--Width);
21610
- --pf-c-tabs--m-page-insets--inset: var(--pf-c-tabs--m-page-insets--xl--inset);
21611
- }
21612
- }
21613
- .pf-c-tabs::before {
21614
- position: absolute;
21615
- right: 0;
21616
- bottom: 0;
21617
- left: 0;
21618
- border: solid var(--pf-c-tabs--before--BorderColor);
21619
- border-width: var(--pf-c-tabs--before--BorderTopWidth) var(--pf-c-tabs--before--BorderRightWidth) var(--pf-c-tabs--before--BorderBottomWidth) var(--pf-c-tabs--before--BorderLeftWidth);
21620
- }
21495
+ .pf-c-content {
21496
+ --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
21497
+ --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
21498
+ --pf-c-content--FontSize: var(--pf-global--FontSize--md);
21499
+ --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
21500
+ --pf-c-content--Color: var(--pf-global--Color--100);
21501
+ --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
21502
+ --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
21503
+ --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
21504
+ --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
21505
+ --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
21506
+ --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
21507
+ --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
21508
+ --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
21509
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
21510
+ --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
21511
+ --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
21512
+ --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
21513
+ --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
21514
+ --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
21515
+ --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
21516
+ --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
21517
+ --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
21518
+ --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
21519
+ --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
21520
+ --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
21521
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
21522
+ --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
21523
+ --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
21524
+ --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
21525
+ --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
21526
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
21527
+ --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
21528
+ --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
21529
+ --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
21530
+ --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
21531
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
21532
+ --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
21533
+ --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
21534
+ --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
21535
+ --pf-c-content--small--Color: var(--pf-global--Color--200);
21536
+ --pf-c-content--a--Color: var(--pf-global--link--Color);
21537
+ --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
21538
+ --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
21539
+ --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
21540
+ --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
21541
+ --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
21542
+ --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
21543
+ --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
21544
+ --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
21545
+ --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
21546
+ --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
21547
+ --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
21548
+ --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
21549
+ --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
21550
+ --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
21551
+ --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
21552
+ --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
21553
+ --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
21554
+ --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
21555
+ --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
21556
+ --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
21557
+ --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
21558
+ --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
21559
+ --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
21560
+ --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
21561
+ --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
21562
+ --pf-c-content--dt--sm--MarginTop: 0;
21563
+ --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
21564
+ --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
21565
+ font-size: var(--pf-c-content--FontSize);
21566
+ line-height: var(--pf-c-content--LineHeight);
21567
+ color: var(--pf-c-content--Color);
21568
+ }
21621
21569
 
21622
- .pf-c-tabs.pf-m-fill .pf-c-tabs__list {
21623
- flex-basis: 100%;
21570
+ .pf-c-content a {
21571
+ color: var(--pf-c-content--a--Color);
21572
+ text-decoration: var(--pf-c-content--a--TextDecoration);
21624
21573
  }
21625
21574
 
21626
- .pf-c-tabs.pf-m-fill .pf-c-tabs__item {
21627
- flex-grow: 1;
21575
+ .pf-c-content a:hover {
21576
+ --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
21577
+ --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
21628
21578
  }
21629
21579
 
21630
- .pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child {
21631
- --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
21580
+ .pf-c-content.pf-m-visited a:visited,
21581
+ .pf-c-content a.pf-m-visited:visited {
21582
+ color: var(--pf-c-content--a--visited--Color);
21632
21583
  }
21633
21584
 
21634
- .pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child {
21635
- --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
21585
+ .pf-c-content li + li {
21586
+ margin-top: var(--pf-c-content--li--MarginTop);
21636
21587
  }
21637
21588
 
21638
- .pf-c-tabs.pf-m-fill .pf-c-tabs__link {
21639
- flex-basis: 100%;
21640
- justify-content: center;
21589
+ .pf-c-content p:not(:last-child),
21590
+ .pf-c-content dl:not(:last-child),
21591
+ .pf-c-content ol:not(:last-child),
21592
+ .pf-c-content ul:not(:last-child),
21593
+ .pf-c-content blockquote:not(:last-child),
21594
+ .pf-c-content small:not(:last-child),
21595
+ .pf-c-content pre:not(:last-child),
21596
+ .pf-c-content table:not(:last-child),
21597
+ .pf-c-content hr:not(:last-child) {
21598
+ margin-bottom: var(--pf-c-content--MarginBottom);
21641
21599
  }
21642
21600
 
21643
- .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button {
21644
- opacity: 1;
21601
+ .pf-c-content h1,
21602
+ .pf-c-content h2,
21603
+ .pf-c-content h3,
21604
+ .pf-c-content h4,
21605
+ .pf-c-content h5,
21606
+ .pf-c-content h6 {
21607
+ margin: 0;
21608
+ font-family: var(--pf-c-content--heading--FontFamily);
21645
21609
  }
21646
21610
 
21647
- .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(1) {
21648
- margin-right: 0;
21649
- transform: translateX(0);
21611
+ .pf-c-content h1:first-child,
21612
+ .pf-c-content h2:first-child,
21613
+ .pf-c-content h3:first-child,
21614
+ .pf-c-content h4:first-child,
21615
+ .pf-c-content h5:first-child,
21616
+ .pf-c-content h6:first-child {
21617
+ margin-top: 0;
21650
21618
  }
21651
21619
 
21652
- .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
21653
- margin-left: 0;
21654
- transform: translateX(0);
21620
+ .pf-c-content h1:last-child,
21621
+ .pf-c-content h2:last-child,
21622
+ .pf-c-content h3:last-child,
21623
+ .pf-c-content h4:last-child,
21624
+ .pf-c-content h5:last-child,
21625
+ .pf-c-content h6:last-child {
21626
+ margin-bottom: 0;
21655
21627
  }
21656
21628
 
21657
- .pf-c-tabs.pf-m-secondary, .pf-c-tabs.pf-m-no-border-bottom {
21658
- --pf-c-tabs--before--BorderBottomWidth: 0;
21659
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
21629
+ .pf-c-content ol,
21630
+ .pf-c-content ul {
21631
+ margin: 0;
21660
21632
  }
21661
21633
 
21662
- .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
21663
- --pf-c-tabs__link--after--BorderBottomWidth: 0;
21634
+ .pf-c-content h1 {
21635
+ margin-top: var(--pf-c-content--h1--MarginTop);
21636
+ margin-bottom: var(--pf-c-content--h1--MarginBottom);
21637
+ font-size: var(--pf-c-content--h1--FontSize);
21638
+ font-weight: var(--pf-c-content--h1--FontWeight);
21639
+ line-height: var(--pf-c-content--h1--LineHeight);
21664
21640
  }
21665
21641
 
21666
- .pf-c-tabs.pf-m-box {
21667
- --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-box__link--BackgroundColor);
21668
- --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-box__link--disabled--BackgroundColor);
21669
- --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base);
21670
- --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
21671
- --pf-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
21672
- --pf-c-tabs__link--after--Top: 0;
21673
- --pf-c-tabs__link--after--Bottom: auto;
21642
+ .pf-c-content h2 {
21643
+ margin-top: var(--pf-c-content--h2--MarginTop);
21644
+ margin-bottom: var(--pf-c-content--h2--MarginBottom);
21645
+ font-size: var(--pf-c-content--h2--FontSize);
21646
+ font-weight: var(--pf-c-content--h2--FontWeight);
21647
+ line-height: var(--pf-c-content--h2--LineHeight);
21674
21648
  }
21675
21649
 
21676
- .pf-c-tabs.pf-m-box .pf-c-tabs__link {
21677
- --pf-c-tabs__link--after--BorderTopWidth: var(--pf-c-tabs__link--after--BorderWidth);
21650
+ .pf-c-content h3 {
21651
+ margin-top: var(--pf-c-content--h3--MarginTop);
21652
+ margin-bottom: var(--pf-c-content--h3--MarginBottom);
21653
+ font-size: var(--pf-c-content--h3--FontSize);
21654
+ font-weight: var(--pf-c-content--h3--FontWeight);
21655
+ line-height: var(--pf-c-content--h3--LineHeight);
21678
21656
  }
21679
21657
 
21680
- .pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child {
21681
- --pf-c-tabs__link--before--BorderRightWidth: 0;
21658
+ .pf-c-content h4 {
21659
+ margin-top: var(--pf-c-content--h4--MarginTop);
21660
+ margin-bottom: var(--pf-c-content--h4--MarginBottom);
21661
+ font-size: var(--pf-c-content--h4--FontSize);
21662
+ font-weight: var(--pf-c-content--h4--FontWeight);
21663
+ line-height: var(--pf-c-content--h4--LineHeight);
21682
21664
  }
21683
21665
 
21684
- .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current {
21685
- --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
21686
- --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--BackgroundColor);
21666
+ .pf-c-content h5 {
21667
+ margin-top: var(--pf-c-content--h5--MarginTop);
21668
+ margin-bottom: var(--pf-c-content--h5--MarginBottom);
21669
+ font-size: var(--pf-c-content--h5--FontSize);
21670
+ font-weight: var(--pf-c-content--h5--FontWeight);
21671
+ line-height: var(--pf-c-content--h5--LineHeight);
21687
21672
  }
21688
21673
 
21689
- .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
21690
- border-left-width: var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
21674
+ .pf-c-content h6 {
21675
+ margin-top: var(--pf-c-content--h6--MarginTop);
21676
+ margin-bottom: var(--pf-c-content--h6--MarginBottom);
21677
+ font-size: var(--pf-c-content--h6--FontSize);
21678
+ font-weight: var(--pf-c-content--h6--FontWeight);
21679
+ line-height: var(--pf-c-content--h6--LineHeight);
21691
21680
  }
21692
21681
 
21693
- .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:last-child .pf-c-tabs__link::before {
21694
- border-right-width: var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
21682
+ .pf-c-content small {
21683
+ display: block;
21684
+ font-size: var(--pf-c-content--small--FontSize);
21685
+ line-height: var(--pf-c-content--small--LineHeight);
21686
+ color: var(--pf-c-content--small--Color);
21695
21687
  }
21696
21688
 
21697
- .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
21698
- left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21689
+ .pf-c-content small:not(:last-child) {
21690
+ margin-bottom: var(--pf-c-content--small--MarginBottom);
21699
21691
  }
21700
21692
 
21701
- .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2)::before {
21702
- left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21693
+ .pf-c-content blockquote {
21694
+ padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
21695
+ color: var(--pf-c-content--blockquote--Color);
21696
+ border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
21703
21697
  }
21704
21698
 
21705
- .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current + .pf-c-tabs__item {
21706
- --pf-c-tabs__link--before--Left: 0;
21699
+ .pf-c-content hr {
21700
+ height: var(--pf-c-content--hr--Height);
21701
+ background-color: var(--pf-c-content--hr--BackgroundColor);
21702
+ border: none;
21707
21703
  }
21708
21704
 
21709
- .pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
21710
- --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
21711
- --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
21712
- --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
21705
+ .pf-c-content ol {
21706
+ padding-left: var(--pf-c-content--ol--PaddingLeft);
21707
+ margin-left: var(--pf-c-content--ol--MarginLeft);
21713
21708
  }
21714
21709
 
21715
- .pf-c-tabs.pf-m-vertical {
21716
- --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
21717
- --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
21718
- --pf-c-tabs--before--BorderBottomWidth: 0;
21719
- --pf-c-tabs__link--PaddingTop: var(--pf-c-tabs--m-vertical__link--PaddingTop);
21720
- --pf-c-tabs__link--PaddingBottom: var(--pf-c-tabs--m-vertical__link--PaddingBottom);
21721
- --pf-c-tabs__link--before--Left: 0;
21722
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
21723
- --pf-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
21724
- --pf-c-tabs__link--after--Top: 0;
21725
- --pf-c-tabs__link--after--Bottom: 0;
21726
- --pf-c-tabs__link--after--Right: auto;
21727
- --pf-c-tabs__list--ScrollSnapTypeAxis: var(--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
21728
- display: inline-flex;
21729
- flex-direction: column;
21730
- height: 100%;
21731
- padding: 0;
21732
- overflow: visible;
21710
+ .pf-c-content ol ul {
21711
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
21712
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21733
21713
  }
21734
21714
 
21735
- .pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
21736
- position: relative;
21737
- flex-direction: column;
21738
- flex-grow: 1;
21739
- max-width: var(--pf-c-tabs--m-vertical--MaxWidth);
21715
+ .pf-c-content ol ol {
21716
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
21717
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21718
+ }
21719
+
21720
+ .pf-c-content ul {
21721
+ padding-left: var(--pf-c-content--ul--PaddingLeft);
21722
+ margin-left: var(--pf-c-content--ul--MarginLeft);
21723
+ list-style: var(--pf-c-content--ul--ListStyle);
21724
+ }
21725
+
21726
+ .pf-c-content ul ul {
21727
+ margin-top: var(--pf-c-content--ul--nested--MarginTop);
21728
+ --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
21729
+ }
21730
+
21731
+ .pf-c-content ul ol {
21732
+ margin-top: var(--pf-c-content--ol--nested--MarginTop);
21733
+ --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
21734
+ }
21735
+
21736
+ .pf-c-content dl {
21737
+ display: grid;
21738
+ grid-template-columns: 1fr;
21739
+ }
21740
+
21741
+ @media screen and (min-width: 576px) {
21742
+ .pf-c-content dl {
21743
+ grid-template: auto/auto 1fr;
21744
+ grid-column-gap: var(--pf-c-content--dl--ColumnGap);
21745
+ grid-row-gap: var(--pf-c-content--dl--RowGap);
21746
+ }
21747
+ }
21748
+ .pf-c-content dt {
21749
+ font-weight: var(--pf-c-content--dt--FontWeight);
21750
+ }
21751
+
21752
+ .pf-c-content dt:not(:first-child) {
21753
+ margin-top: var(--pf-c-content--dt--MarginTop);
21754
+ }
21755
+
21756
+ @media screen and (min-width: 576px) {
21757
+ .pf-c-content dt:not(:first-child) {
21758
+ --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
21759
+ }
21760
+ }
21761
+ @media screen and (min-width: 576px) {
21762
+ .pf-c-content dt {
21763
+ grid-column: 1;
21764
+ }
21765
+ }
21766
+ @media screen and (min-width: 576px) {
21767
+ .pf-c-content dd {
21768
+ grid-column: 2;
21769
+ }
21770
+ }
21771
+ .pf-m-overpass-font .pf-c-content {
21772
+ --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
21773
+ --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
21774
+ --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
21775
+ --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
21776
+ }
21777
+
21778
+ .pf-m-overpass-font .pf-c-content blockquote {
21779
+ font-weight: var(--pf-global--FontWeight--light);
21780
+ }
21781
+
21782
+ .pf-c-tabs {
21783
+ --pf-c-tabs--inset: 0;
21784
+ --pf-c-tabs--Width: auto;
21785
+ --pf-c-tabs--before--BorderColor: var(--pf-global--BorderColor--100);
21786
+ --pf-c-tabs--before--border-width--base: var(--pf-global--BorderWidth--sm);
21787
+ --pf-c-tabs--before--BorderTopWidth: 0;
21788
+ --pf-c-tabs--before--BorderRightWidth: 0;
21789
+ --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
21790
+ --pf-c-tabs--before--BorderLeftWidth: 0;
21791
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
21792
+ --pf-c-tabs--m-page-insets--inset: var(--pf-global--spacer--md);
21793
+ --pf-c-tabs--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
21794
+ --pf-c-tabs--m-vertical--Width: 100%;
21795
+ --pf-c-tabs--m-vertical--MaxWidth: 15.625rem;
21796
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
21797
+ --pf-c-tabs--m-vertical__list--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
21798
+ --pf-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
21799
+ --pf-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
21800
+ --pf-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
21801
+ --pf-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
21802
+ --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
21803
+ --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-c-tabs--before--border-width--base);
21804
+ --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
21805
+ --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
21806
+ --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
21807
+ --pf-c-tabs__list--Display: flex;
21808
+ --pf-c-tabs__list--Visibility: visible;
21809
+ --pf-c-tabs__link--Color: var(--pf-global--Color--200);
21810
+ --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
21811
+ --pf-c-tabs__link--BackgroundColor: transparent;
21812
+ --pf-c-tabs__link--OutlineOffset: calc(-1 * 0.375rem);
21813
+ --pf-c-tabs__link--PaddingTop: var(--pf-global--spacer--sm);
21814
+ --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
21815
+ --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
21816
+ --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
21817
+ --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
21818
+ --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
21819
+ --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
21820
+ --pf-c-tabs--m-vertical__link--PaddingTop: var(--pf-global--spacer--md);
21821
+ --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
21822
+ --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
21823
+ --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
21824
+ --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
21825
+ --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
21826
+ --pf-c-tabs__link--before--BorderRightColor: var(--pf-c-tabs__link--before--border-color--base);
21827
+ --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--before--border-color--base);
21828
+ --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
21829
+ --pf-c-tabs__link--before--BorderTopWidth: 0;
21830
+ --pf-c-tabs__link--before--BorderRightWidth: 0;
21831
+ --pf-c-tabs__link--before--BorderBottomWidth: 0;
21832
+ --pf-c-tabs__link--before--BorderLeftWidth: 0;
21833
+ --pf-c-tabs__link--before--Left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21834
+ --pf-c-tabs__link--disabled--before--BorderRightWidth: 0;
21835
+ --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
21836
+ --pf-c-tabs__link--disabled--before--BorderLeftWidth: 0;
21837
+ --pf-c-tabs__link--after--Top: auto;
21838
+ --pf-c-tabs__link--after--Right: 0;
21839
+ --pf-c-tabs__link--after--Bottom: 0;
21840
+ --pf-c-tabs__link--after--BorderColor: var(--pf-global--BorderColor--light-100);
21841
+ --pf-c-tabs__link--after--BorderWidth: 0;
21842
+ --pf-c-tabs__link--after--BorderTopWidth: 0;
21843
+ --pf-c-tabs__link--after--BorderRightWidth: 0;
21844
+ --pf-c-tabs__link--after--BorderLeftWidth: 0;
21845
+ --pf-c-tabs__link--hover--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21846
+ --pf-c-tabs__link--focus--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21847
+ --pf-c-tabs__link--active--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21848
+ --pf-c-tabs__item--m-current__link--after--BorderColor: var(--pf-global--active-color--100);
21849
+ --pf-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-global--BorderWidth--lg);
21850
+ --pf-c-tabs__link--child--MarginRight: var(--pf-global--spacer--md);
21851
+ --pf-c-tabs__scroll-button--Color: var(--pf-global--Color--100);
21852
+ --pf-c-tabs__scroll-button--hover--Color: var(--pf-global--active-color--100);
21853
+ --pf-c-tabs__scroll-button--disabled--Color: var(--pf-global--disabled-color--200);
21854
+ --pf-c-tabs__scroll-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
21855
+ --pf-c-tabs__scroll-button--Width: var(--pf-global--spacer--2xl);
21856
+ --pf-c-tabs__scroll-button--xl--Width: var(--pf-global--spacer--3xl);
21857
+ --pf-c-tabs__scroll-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
21858
+ --pf-c-tabs__scroll-button--TransitionDuration--margin: .125s;
21859
+ --pf-c-tabs__scroll-button--TransitionDuration--transform: .125s;
21860
+ --pf-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
21861
+ --pf-c-tabs__scroll-button--before--BorderColor: var(--pf-c-tabs--before--BorderColor);
21862
+ --pf-c-tabs__scroll-button--before--border-width--base: var(--pf-global--BorderWidth--sm);
21863
+ --pf-c-tabs__scroll-button--before--BorderRightWidth: 0;
21864
+ --pf-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-c-tabs__scroll-button--before--border-width--base);
21865
+ --pf-c-tabs__scroll-button--before--BorderLeftWidth: 0;
21866
+ --pf-c-tabs__list--ScrollSnapTypeAxis: x;
21867
+ --pf-c-tabs__list--ScrollSnapTypeStrictness: proximity;
21868
+ --pf-c-tabs__list--ScrollSnapType: var(--pf-c-tabs__list--ScrollSnapTypeAxis) var(--pf-c-tabs__list--ScrollSnapTypeStrictness);
21869
+ --pf-c-tabs__item--ScrollSnapAlign: end;
21870
+ --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
21871
+ --pf-c-tabs__toggle--Display: flex;
21872
+ --pf-c-tabs__toggle--Visibility: hidden;
21873
+ --pf-c-tabs__toggle--MarginBottom: 0;
21874
+ --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
21875
+ --pf-c-tabs__toggle-icon--Color: currentColor;
21876
+ --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
21877
+ --pf-c-tabs__toggle-icon--Rotate: 0;
21878
+ --pf-c-tabs__toggle-text--MarginLeft: 0;
21879
+ --pf-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-global--spacer--md);
21880
+ --pf-c-tabs__toggle-button__toggle-text--Color: var(--pf-global--Color--100);
21881
+ --pf-c-tabs__toggle-button--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
21882
+ --pf-c-tabs__toggle-button--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
21883
+ --pf-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
21884
+ --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
21885
+ --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
21886
+ position: relative;
21887
+ display: flex;
21888
+ width: var(--pf-c-tabs--Width);
21889
+ padding-right: var(--pf-c-tabs--inset);
21890
+ padding-left: var(--pf-c-tabs--inset);
21891
+ overflow: hidden;
21892
+ }
21893
+
21894
+ @media screen and (min-width: 1200px) {
21895
+ .pf-c-tabs {
21896
+ --pf-c-tabs__scroll-button--Width: var(--pf-c-tabs__scroll-button--xl--Width);
21897
+ --pf-c-tabs--m-page-insets--inset: var(--pf-c-tabs--m-page-insets--xl--inset);
21898
+ }
21899
+ }
21900
+ .pf-c-tabs::before {
21901
+ position: absolute;
21902
+ right: 0;
21903
+ bottom: 0;
21904
+ left: 0;
21905
+ border: solid var(--pf-c-tabs--before--BorderColor);
21906
+ border-width: var(--pf-c-tabs--before--BorderTopWidth) var(--pf-c-tabs--before--BorderRightWidth) var(--pf-c-tabs--before--BorderBottomWidth) var(--pf-c-tabs--before--BorderLeftWidth);
21907
+ }
21908
+
21909
+ .pf-c-tabs.pf-m-fill .pf-c-tabs__list {
21910
+ flex-basis: 100%;
21911
+ }
21912
+
21913
+ .pf-c-tabs.pf-m-fill .pf-c-tabs__item {
21914
+ flex-grow: 1;
21915
+ }
21916
+
21917
+ .pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child {
21918
+ --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
21919
+ }
21920
+
21921
+ .pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child {
21922
+ --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
21923
+ }
21924
+
21925
+ .pf-c-tabs.pf-m-fill .pf-c-tabs__link {
21926
+ flex-basis: 100%;
21927
+ justify-content: center;
21928
+ }
21929
+
21930
+ .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button {
21931
+ opacity: 1;
21932
+ }
21933
+
21934
+ .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(1) {
21935
+ margin-right: 0;
21936
+ transform: translateX(0);
21937
+ }
21938
+
21939
+ .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) {
21940
+ margin-left: 0;
21941
+ transform: translateX(0);
21942
+ }
21943
+
21944
+ .pf-c-tabs.pf-m-secondary, .pf-c-tabs.pf-m-no-border-bottom {
21945
+ --pf-c-tabs--before--BorderBottomWidth: 0;
21946
+ --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
21947
+ }
21948
+
21949
+ .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
21950
+ --pf-c-tabs__link--after--BorderBottomWidth: 0;
21951
+ }
21952
+
21953
+ .pf-c-tabs.pf-m-box {
21954
+ --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-box__link--BackgroundColor);
21955
+ --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-box__link--disabled--BackgroundColor);
21956
+ --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--before--border-width--base);
21957
+ --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
21958
+ --pf-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-c-tabs__link--before--border-width--base);
21959
+ --pf-c-tabs__link--after--Top: 0;
21960
+ --pf-c-tabs__link--after--Bottom: auto;
21961
+ }
21962
+
21963
+ .pf-c-tabs.pf-m-box .pf-c-tabs__link {
21964
+ --pf-c-tabs__link--after--BorderTopWidth: var(--pf-c-tabs__link--after--BorderWidth);
21965
+ }
21966
+
21967
+ .pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child {
21968
+ --pf-c-tabs__link--before--BorderRightWidth: 0;
21969
+ }
21970
+
21971
+ .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current {
21972
+ --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__item--m-current__link--BackgroundColor);
21973
+ --pf-c-tabs__link--before--BorderBottomColor: var(--pf-c-tabs__link--BackgroundColor);
21974
+ }
21975
+
21976
+ .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
21977
+ border-left-width: var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
21978
+ }
21979
+
21980
+ .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:last-child .pf-c-tabs__link::before {
21981
+ border-right-width: var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
21982
+ }
21983
+
21984
+ .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link::before {
21985
+ left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21986
+ }
21987
+
21988
+ .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2)::before {
21989
+ left: calc(var(--pf-c-tabs__link--before--border-width--base) * -1);
21990
+ }
21991
+
21992
+ .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current + .pf-c-tabs__item {
21993
+ --pf-c-tabs__link--before--Left: 0;
21994
+ }
21995
+
21996
+ .pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
21997
+ --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
21998
+ --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
21999
+ --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
22000
+ }
22001
+
22002
+ .pf-c-tabs.pf-m-vertical {
22003
+ --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
22004
+ --pf-c-tabs--inset: var(--pf-c-tabs--m-vertical--inset);
22005
+ --pf-c-tabs--before--BorderBottomWidth: 0;
22006
+ --pf-c-tabs__link--PaddingTop: var(--pf-c-tabs--m-vertical__link--PaddingTop);
22007
+ --pf-c-tabs__link--PaddingBottom: var(--pf-c-tabs--m-vertical__link--PaddingBottom);
22008
+ --pf-c-tabs__link--before--Left: 0;
22009
+ --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
22010
+ --pf-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-c-tabs--before--border-width--base);
22011
+ --pf-c-tabs__link--after--Top: 0;
22012
+ --pf-c-tabs__link--after--Bottom: 0;
22013
+ --pf-c-tabs__link--after--Right: auto;
22014
+ --pf-c-tabs__list--ScrollSnapTypeAxis: var(--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
22015
+ display: inline-flex;
22016
+ flex-direction: column;
22017
+ height: 100%;
22018
+ padding: 0;
22019
+ overflow: visible;
22020
+ }
22021
+
22022
+ .pf-c-tabs.pf-m-vertical .pf-c-tabs__list {
22023
+ position: relative;
22024
+ flex-direction: column;
22025
+ flex-grow: 1;
22026
+ max-width: var(--pf-c-tabs--m-vertical--MaxWidth);
21740
22027
  }
21741
22028
 
21742
22029
  .pf-c-tabs.pf-m-vertical .pf-c-tabs__list::before {
@@ -22108,549 +22395,262 @@ label.pf-c-radio, .pf-c-radio__label,
22108
22395
 
22109
22396
  .pf-c-tabs.pf-m-inset-none {
22110
22397
  --pf-c-tabs--inset: 0;
22111
- --pf-c-tabs--m-vertical--inset: 0;
22112
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22113
- }
22114
-
22115
- .pf-c-tabs.pf-m-inset-sm {
22116
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22117
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22118
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22119
- }
22120
-
22121
- .pf-c-tabs.pf-m-inset-md {
22122
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22123
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22124
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22125
- }
22126
-
22127
- .pf-c-tabs.pf-m-inset-lg {
22128
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22129
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22130
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22131
- }
22132
-
22133
- .pf-c-tabs.pf-m-inset-xl {
22134
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22135
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22136
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22137
- }
22138
-
22139
- .pf-c-tabs.pf-m-inset-2xl {
22140
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22141
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22142
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22143
- }
22144
-
22145
- @media (min-width: 576px) {
22146
- .pf-c-tabs.pf-m-inset-none-on-sm {
22147
- --pf-c-tabs--inset: 0;
22148
- --pf-c-tabs--m-vertical--inset: 0;
22149
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22150
- }
22151
-
22152
- .pf-c-tabs.pf-m-inset-sm-on-sm {
22153
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22154
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22155
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22156
- }
22157
-
22158
- .pf-c-tabs.pf-m-inset-md-on-sm {
22159
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22160
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22161
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22162
- }
22163
-
22164
- .pf-c-tabs.pf-m-inset-lg-on-sm {
22165
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22166
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22167
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22168
- }
22169
-
22170
- .pf-c-tabs.pf-m-inset-xl-on-sm {
22171
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22172
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22173
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22174
- }
22175
-
22176
- .pf-c-tabs.pf-m-inset-2xl-on-sm {
22177
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22178
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22179
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22180
- }
22181
- }
22182
- @media (min-width: 768px) {
22183
- .pf-c-tabs.pf-m-inset-none-on-md {
22184
- --pf-c-tabs--inset: 0;
22185
- --pf-c-tabs--m-vertical--inset: 0;
22186
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22187
- }
22188
-
22189
- .pf-c-tabs.pf-m-inset-sm-on-md {
22190
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22191
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22192
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22193
- }
22194
-
22195
- .pf-c-tabs.pf-m-inset-md-on-md {
22196
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22197
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22198
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22199
- }
22200
-
22201
- .pf-c-tabs.pf-m-inset-lg-on-md {
22202
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22203
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22204
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22205
- }
22206
-
22207
- .pf-c-tabs.pf-m-inset-xl-on-md {
22208
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22209
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22210
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22211
- }
22212
-
22213
- .pf-c-tabs.pf-m-inset-2xl-on-md {
22214
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22215
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22216
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22217
- }
22218
- }
22219
- @media (min-width: 992px) {
22220
- .pf-c-tabs.pf-m-inset-none-on-lg {
22221
- --pf-c-tabs--inset: 0;
22222
- --pf-c-tabs--m-vertical--inset: 0;
22223
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22224
- }
22225
-
22226
- .pf-c-tabs.pf-m-inset-sm-on-lg {
22227
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22228
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22229
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22230
- }
22231
-
22232
- .pf-c-tabs.pf-m-inset-md-on-lg {
22233
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22234
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22235
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22236
- }
22237
-
22238
- .pf-c-tabs.pf-m-inset-lg-on-lg {
22239
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22240
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22241
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22242
- }
22243
-
22244
- .pf-c-tabs.pf-m-inset-xl-on-lg {
22245
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22246
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22247
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22248
- }
22249
-
22250
- .pf-c-tabs.pf-m-inset-2xl-on-lg {
22251
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22252
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22253
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22254
- }
22255
- }
22256
- @media (min-width: 1200px) {
22257
- .pf-c-tabs.pf-m-inset-none-on-xl {
22258
- --pf-c-tabs--inset: 0;
22259
- --pf-c-tabs--m-vertical--inset: 0;
22260
- --pf-c-tabs--m-vertical--m-box--inset: 0;
22261
- }
22398
+ --pf-c-tabs--m-vertical--inset: 0;
22399
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22400
+ }
22262
22401
 
22263
- .pf-c-tabs.pf-m-inset-sm-on-xl {
22264
- --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22265
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22266
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22267
- }
22402
+ .pf-c-tabs.pf-m-inset-sm {
22403
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22404
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22405
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22406
+ }
22268
22407
 
22269
- .pf-c-tabs.pf-m-inset-md-on-xl {
22270
- --pf-c-tabs--inset: var(--pf-global--spacer--md);
22271
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22272
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22273
- }
22408
+ .pf-c-tabs.pf-m-inset-md {
22409
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22410
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22411
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22412
+ }
22274
22413
 
22275
- .pf-c-tabs.pf-m-inset-lg-on-xl {
22276
- --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22277
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22278
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22279
- }
22414
+ .pf-c-tabs.pf-m-inset-lg {
22415
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22416
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22417
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22418
+ }
22280
22419
 
22281
- .pf-c-tabs.pf-m-inset-xl-on-xl {
22282
- --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22283
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22284
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22285
- }
22420
+ .pf-c-tabs.pf-m-inset-xl {
22421
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22422
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22423
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22424
+ }
22286
22425
 
22287
- .pf-c-tabs.pf-m-inset-2xl-on-xl {
22288
- --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22289
- --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22290
- --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22291
- }
22426
+ .pf-c-tabs.pf-m-inset-2xl {
22427
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22428
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22429
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22292
22430
  }
22293
- @media (min-width: 1450px) {
22294
- .pf-c-tabs.pf-m-inset-none-on-2xl {
22431
+
22432
+ @media (min-width: 576px) {
22433
+ .pf-c-tabs.pf-m-inset-none-on-sm {
22295
22434
  --pf-c-tabs--inset: 0;
22296
22435
  --pf-c-tabs--m-vertical--inset: 0;
22297
22436
  --pf-c-tabs--m-vertical--m-box--inset: 0;
22298
22437
  }
22299
22438
 
22300
- .pf-c-tabs.pf-m-inset-sm-on-2xl {
22439
+ .pf-c-tabs.pf-m-inset-sm-on-sm {
22301
22440
  --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22302
22441
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22303
22442
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22304
22443
  }
22305
22444
 
22306
- .pf-c-tabs.pf-m-inset-md-on-2xl {
22445
+ .pf-c-tabs.pf-m-inset-md-on-sm {
22307
22446
  --pf-c-tabs--inset: var(--pf-global--spacer--md);
22308
22447
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22309
22448
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22310
22449
  }
22311
22450
 
22312
- .pf-c-tabs.pf-m-inset-lg-on-2xl {
22451
+ .pf-c-tabs.pf-m-inset-lg-on-sm {
22313
22452
  --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22314
22453
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22315
22454
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22316
22455
  }
22317
22456
 
22318
- .pf-c-tabs.pf-m-inset-xl-on-2xl {
22457
+ .pf-c-tabs.pf-m-inset-xl-on-sm {
22319
22458
  --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22320
22459
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22321
22460
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22322
22461
  }
22323
22462
 
22324
- .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22463
+ .pf-c-tabs.pf-m-inset-2xl-on-sm {
22325
22464
  --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22326
22465
  --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22327
22466
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22328
22467
  }
22329
22468
  }
22330
- .pf-c-tab-content {
22331
- --pf-c-tab-content__body--PaddingTop: 0;
22332
- --pf-c-tab-content__body--PaddingRight: 0;
22333
- --pf-c-tab-content__body--PaddingBottom: 0;
22334
- --pf-c-tab-content__body--PaddingLeft: 0;
22335
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22336
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22337
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22338
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22339
- --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22340
- --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22341
- --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22342
- --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22343
- --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22344
- }
22345
-
22346
- @media screen and (min-width: 1200px) {
22347
- .pf-c-tab-content {
22348
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22349
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22350
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22351
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22469
+ @media (min-width: 768px) {
22470
+ .pf-c-tabs.pf-m-inset-none-on-md {
22471
+ --pf-c-tabs--inset: 0;
22472
+ --pf-c-tabs--m-vertical--inset: 0;
22473
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22352
22474
  }
22353
- }
22354
- .pf-c-tab-content.pf-m-light-300 {
22355
- background-color: var(--pf-c-tab-content--m-light-300);
22356
- }
22357
-
22358
- .pf-c-tab-content__body {
22359
- padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22360
- }
22361
-
22362
- .pf-c-tab-content__body.pf-m-padding {
22363
- --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22364
- --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22365
- --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22366
- --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22367
- }
22368
-
22369
- .pf-c-content {
22370
- --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
22371
- --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
22372
- --pf-c-content--FontSize: var(--pf-global--FontSize--md);
22373
- --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
22374
- --pf-c-content--Color: var(--pf-global--Color--100);
22375
- --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
22376
- --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
22377
- --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
22378
- --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
22379
- --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
22380
- --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
22381
- --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
22382
- --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
22383
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
22384
- --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
22385
- --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
22386
- --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
22387
- --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
22388
- --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
22389
- --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
22390
- --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
22391
- --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
22392
- --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
22393
- --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
22394
- --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
22395
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
22396
- --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
22397
- --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
22398
- --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
22399
- --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
22400
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
22401
- --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
22402
- --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
22403
- --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
22404
- --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
22405
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
22406
- --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
22407
- --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
22408
- --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
22409
- --pf-c-content--small--Color: var(--pf-global--Color--200);
22410
- --pf-c-content--a--Color: var(--pf-global--link--Color);
22411
- --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
22412
- --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
22413
- --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
22414
- --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
22415
- --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
22416
- --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
22417
- --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
22418
- --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
22419
- --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
22420
- --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
22421
- --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
22422
- --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
22423
- --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
22424
- --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
22425
- --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
22426
- --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
22427
- --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
22428
- --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
22429
- --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
22430
- --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
22431
- --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
22432
- --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
22433
- --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
22434
- --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--semi-bold);
22435
- --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
22436
- --pf-c-content--dt--sm--MarginTop: 0;
22437
- --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
22438
- --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
22439
- font-size: var(--pf-c-content--FontSize);
22440
- line-height: var(--pf-c-content--LineHeight);
22441
- color: var(--pf-c-content--Color);
22442
- }
22443
-
22444
- .pf-c-content a {
22445
- color: var(--pf-c-content--a--Color);
22446
- text-decoration: var(--pf-c-content--a--TextDecoration);
22447
- }
22448
-
22449
- .pf-c-content a:hover {
22450
- --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
22451
- --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
22452
- }
22453
-
22454
- .pf-c-content.pf-m-visited a:visited,
22455
- .pf-c-content a.pf-m-visited:visited {
22456
- color: var(--pf-c-content--a--visited--Color);
22457
- }
22458
-
22459
- .pf-c-content li + li {
22460
- margin-top: var(--pf-c-content--li--MarginTop);
22461
- }
22462
-
22463
- .pf-c-content p:not(:last-child),
22464
- .pf-c-content dl:not(:last-child),
22465
- .pf-c-content ol:not(:last-child),
22466
- .pf-c-content ul:not(:last-child),
22467
- .pf-c-content blockquote:not(:last-child),
22468
- .pf-c-content small:not(:last-child),
22469
- .pf-c-content pre:not(:last-child),
22470
- .pf-c-content table:not(:last-child),
22471
- .pf-c-content hr:not(:last-child) {
22472
- margin-bottom: var(--pf-c-content--MarginBottom);
22473
- }
22474
-
22475
- .pf-c-content h1,
22476
- .pf-c-content h2,
22477
- .pf-c-content h3,
22478
- .pf-c-content h4,
22479
- .pf-c-content h5,
22480
- .pf-c-content h6 {
22481
- margin: 0;
22482
- font-family: var(--pf-c-content--heading--FontFamily);
22483
- }
22484
-
22485
- .pf-c-content h1:first-child,
22486
- .pf-c-content h2:first-child,
22487
- .pf-c-content h3:first-child,
22488
- .pf-c-content h4:first-child,
22489
- .pf-c-content h5:first-child,
22490
- .pf-c-content h6:first-child {
22491
- margin-top: 0;
22492
- }
22493
-
22494
- .pf-c-content h1:last-child,
22495
- .pf-c-content h2:last-child,
22496
- .pf-c-content h3:last-child,
22497
- .pf-c-content h4:last-child,
22498
- .pf-c-content h5:last-child,
22499
- .pf-c-content h6:last-child {
22500
- margin-bottom: 0;
22501
- }
22502
-
22503
- .pf-c-content ol,
22504
- .pf-c-content ul {
22505
- margin: 0;
22506
- }
22507
22475
 
22508
- .pf-c-content h1 {
22509
- margin-top: var(--pf-c-content--h1--MarginTop);
22510
- margin-bottom: var(--pf-c-content--h1--MarginBottom);
22511
- font-size: var(--pf-c-content--h1--FontSize);
22512
- font-weight: var(--pf-c-content--h1--FontWeight);
22513
- line-height: var(--pf-c-content--h1--LineHeight);
22514
- }
22476
+ .pf-c-tabs.pf-m-inset-sm-on-md {
22477
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22478
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22479
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22480
+ }
22515
22481
 
22516
- .pf-c-content h2 {
22517
- margin-top: var(--pf-c-content--h2--MarginTop);
22518
- margin-bottom: var(--pf-c-content--h2--MarginBottom);
22519
- font-size: var(--pf-c-content--h2--FontSize);
22520
- font-weight: var(--pf-c-content--h2--FontWeight);
22521
- line-height: var(--pf-c-content--h2--LineHeight);
22522
- }
22482
+ .pf-c-tabs.pf-m-inset-md-on-md {
22483
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22484
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22485
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22486
+ }
22523
22487
 
22524
- .pf-c-content h3 {
22525
- margin-top: var(--pf-c-content--h3--MarginTop);
22526
- margin-bottom: var(--pf-c-content--h3--MarginBottom);
22527
- font-size: var(--pf-c-content--h3--FontSize);
22528
- font-weight: var(--pf-c-content--h3--FontWeight);
22529
- line-height: var(--pf-c-content--h3--LineHeight);
22530
- }
22488
+ .pf-c-tabs.pf-m-inset-lg-on-md {
22489
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22490
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22491
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22492
+ }
22531
22493
 
22532
- .pf-c-content h4 {
22533
- margin-top: var(--pf-c-content--h4--MarginTop);
22534
- margin-bottom: var(--pf-c-content--h4--MarginBottom);
22535
- font-size: var(--pf-c-content--h4--FontSize);
22536
- font-weight: var(--pf-c-content--h4--FontWeight);
22537
- line-height: var(--pf-c-content--h4--LineHeight);
22538
- }
22494
+ .pf-c-tabs.pf-m-inset-xl-on-md {
22495
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22496
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22497
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22498
+ }
22539
22499
 
22540
- .pf-c-content h5 {
22541
- margin-top: var(--pf-c-content--h5--MarginTop);
22542
- margin-bottom: var(--pf-c-content--h5--MarginBottom);
22543
- font-size: var(--pf-c-content--h5--FontSize);
22544
- font-weight: var(--pf-c-content--h5--FontWeight);
22545
- line-height: var(--pf-c-content--h5--LineHeight);
22500
+ .pf-c-tabs.pf-m-inset-2xl-on-md {
22501
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22502
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22503
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22504
+ }
22546
22505
  }
22506
+ @media (min-width: 992px) {
22507
+ .pf-c-tabs.pf-m-inset-none-on-lg {
22508
+ --pf-c-tabs--inset: 0;
22509
+ --pf-c-tabs--m-vertical--inset: 0;
22510
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22511
+ }
22547
22512
 
22548
- .pf-c-content h6 {
22549
- margin-top: var(--pf-c-content--h6--MarginTop);
22550
- margin-bottom: var(--pf-c-content--h6--MarginBottom);
22551
- font-size: var(--pf-c-content--h6--FontSize);
22552
- font-weight: var(--pf-c-content--h6--FontWeight);
22553
- line-height: var(--pf-c-content--h6--LineHeight);
22554
- }
22513
+ .pf-c-tabs.pf-m-inset-sm-on-lg {
22514
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22515
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22516
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22517
+ }
22555
22518
 
22556
- .pf-c-content small {
22557
- display: block;
22558
- font-size: var(--pf-c-content--small--FontSize);
22559
- line-height: var(--pf-c-content--small--LineHeight);
22560
- color: var(--pf-c-content--small--Color);
22561
- }
22519
+ .pf-c-tabs.pf-m-inset-md-on-lg {
22520
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22521
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22522
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22523
+ }
22562
22524
 
22563
- .pf-c-content small:not(:last-child) {
22564
- margin-bottom: var(--pf-c-content--small--MarginBottom);
22565
- }
22525
+ .pf-c-tabs.pf-m-inset-lg-on-lg {
22526
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22527
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22528
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22529
+ }
22566
22530
 
22567
- .pf-c-content blockquote {
22568
- padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
22569
- color: var(--pf-c-content--blockquote--Color);
22570
- border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
22571
- }
22531
+ .pf-c-tabs.pf-m-inset-xl-on-lg {
22532
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22533
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22534
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22535
+ }
22572
22536
 
22573
- .pf-c-content hr {
22574
- height: var(--pf-c-content--hr--Height);
22575
- background-color: var(--pf-c-content--hr--BackgroundColor);
22576
- border: none;
22537
+ .pf-c-tabs.pf-m-inset-2xl-on-lg {
22538
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22539
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22540
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22541
+ }
22577
22542
  }
22543
+ @media (min-width: 1200px) {
22544
+ .pf-c-tabs.pf-m-inset-none-on-xl {
22545
+ --pf-c-tabs--inset: 0;
22546
+ --pf-c-tabs--m-vertical--inset: 0;
22547
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22548
+ }
22578
22549
 
22579
- .pf-c-content ol {
22580
- padding-left: var(--pf-c-content--ol--PaddingLeft);
22581
- margin-left: var(--pf-c-content--ol--MarginLeft);
22582
- }
22550
+ .pf-c-tabs.pf-m-inset-sm-on-xl {
22551
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22552
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22553
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22554
+ }
22583
22555
 
22584
- .pf-c-content ol ul {
22585
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
22586
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22587
- }
22556
+ .pf-c-tabs.pf-m-inset-md-on-xl {
22557
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22558
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22559
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22560
+ }
22588
22561
 
22589
- .pf-c-content ol ol {
22590
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
22591
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22592
- }
22562
+ .pf-c-tabs.pf-m-inset-lg-on-xl {
22563
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22564
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22565
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22566
+ }
22593
22567
 
22594
- .pf-c-content ul {
22595
- padding-left: var(--pf-c-content--ul--PaddingLeft);
22596
- margin-left: var(--pf-c-content--ul--MarginLeft);
22597
- list-style: var(--pf-c-content--ul--ListStyle);
22598
- }
22568
+ .pf-c-tabs.pf-m-inset-xl-on-xl {
22569
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22570
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22571
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22572
+ }
22599
22573
 
22600
- .pf-c-content ul ul {
22601
- margin-top: var(--pf-c-content--ul--nested--MarginTop);
22602
- --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
22574
+ .pf-c-tabs.pf-m-inset-2xl-on-xl {
22575
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22576
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22577
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22578
+ }
22603
22579
  }
22580
+ @media (min-width: 1450px) {
22581
+ .pf-c-tabs.pf-m-inset-none-on-2xl {
22582
+ --pf-c-tabs--inset: 0;
22583
+ --pf-c-tabs--m-vertical--inset: 0;
22584
+ --pf-c-tabs--m-vertical--m-box--inset: 0;
22585
+ }
22604
22586
 
22605
- .pf-c-content ul ol {
22606
- margin-top: var(--pf-c-content--ol--nested--MarginTop);
22607
- --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
22608
- }
22587
+ .pf-c-tabs.pf-m-inset-sm-on-2xl {
22588
+ --pf-c-tabs--inset: var(--pf-global--spacer--sm);
22589
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--sm);
22590
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--sm);
22591
+ }
22609
22592
 
22610
- .pf-c-content dl {
22611
- display: grid;
22612
- grid-template-columns: 1fr;
22613
- }
22593
+ .pf-c-tabs.pf-m-inset-md-on-2xl {
22594
+ --pf-c-tabs--inset: var(--pf-global--spacer--md);
22595
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--md);
22596
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--md);
22597
+ }
22614
22598
 
22615
- @media screen and (min-width: 576px) {
22616
- .pf-c-content dl {
22617
- grid-template: auto/auto 1fr;
22618
- grid-column-gap: var(--pf-c-content--dl--ColumnGap);
22619
- grid-row-gap: var(--pf-c-content--dl--RowGap);
22599
+ .pf-c-tabs.pf-m-inset-lg-on-2xl {
22600
+ --pf-c-tabs--inset: var(--pf-global--spacer--lg);
22601
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--lg);
22602
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--lg);
22620
22603
  }
22621
- }
22622
- .pf-c-content dt {
22623
- font-weight: var(--pf-c-content--dt--FontWeight);
22624
- }
22625
22604
 
22626
- .pf-c-content dt:not(:first-child) {
22627
- margin-top: var(--pf-c-content--dt--MarginTop);
22628
- }
22605
+ .pf-c-tabs.pf-m-inset-xl-on-2xl {
22606
+ --pf-c-tabs--inset: var(--pf-global--spacer--xl);
22607
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--xl);
22608
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--xl);
22609
+ }
22629
22610
 
22630
- @media screen and (min-width: 576px) {
22631
- .pf-c-content dt:not(:first-child) {
22632
- --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
22611
+ .pf-c-tabs.pf-m-inset-2xl-on-2xl {
22612
+ --pf-c-tabs--inset: var(--pf-global--spacer--2xl);
22613
+ --pf-c-tabs--m-vertical--inset: var(--pf-global--spacer--2xl);
22614
+ --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
22633
22615
  }
22634
22616
  }
22635
- @media screen and (min-width: 576px) {
22636
- .pf-c-content dt {
22637
- grid-column: 1;
22638
- }
22617
+ .pf-c-tab-content {
22618
+ --pf-c-tab-content__body--PaddingTop: 0;
22619
+ --pf-c-tab-content__body--PaddingRight: 0;
22620
+ --pf-c-tab-content__body--PaddingBottom: 0;
22621
+ --pf-c-tab-content__body--PaddingLeft: 0;
22622
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
22623
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
22624
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
22625
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
22626
+ --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
22627
+ --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
22628
+ --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
22629
+ --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
22630
+ --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
22639
22631
  }
22640
- @media screen and (min-width: 576px) {
22641
- .pf-c-content dd {
22642
- grid-column: 2;
22632
+
22633
+ @media screen and (min-width: 1200px) {
22634
+ .pf-c-tab-content {
22635
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
22636
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
22637
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
22638
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
22643
22639
  }
22644
22640
  }
22645
- .pf-m-overpass-font .pf-c-content {
22646
- --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--sm);
22647
- --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--semi-bold);
22648
- --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--semi-bold);
22649
- --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--semi-bold);
22641
+ .pf-c-tab-content.pf-m-light-300 {
22642
+ background-color: var(--pf-c-tab-content--m-light-300);
22650
22643
  }
22651
22644
 
22652
- .pf-m-overpass-font .pf-c-content blockquote {
22653
- font-weight: var(--pf-global--FontWeight--light);
22645
+ .pf-c-tab-content__body {
22646
+ padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
22647
+ }
22648
+
22649
+ .pf-c-tab-content__body.pf-m-padding {
22650
+ --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
22651
+ --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
22652
+ --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
22653
+ --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
22654
22654
  }
22655
22655
 
22656
22656
  .pf-c-tile {