@dialpad/dialtone-css 8.45.0 → 8.45.2

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.
@@ -2664,6 +2664,9 @@ legend .d-label--md {
2664
2664
  .d-input-icon--right:not(:empty) {
2665
2665
  margin-right: var(--dt-space-400);
2666
2666
  }
2667
+ .d-input-icon--right:not(:empty) .d-btn {
2668
+ margin-right: var(--dt-space-350-negative);
2669
+ }
2667
2670
  .d-input-icon--left:not(:empty) {
2668
2671
  margin-left: var(--dt-space-400);
2669
2672
  }
@@ -4570,10 +4573,10 @@ legend .d-label--md {
4570
4573
  .d-scrollbar .os-scrollbar .os-scrollbar-handle:active {
4571
4574
  opacity: var(--dt-opacity-900);
4572
4575
  }
4573
- :root.d-scrollbar-disabled {
4576
+ .d-scrollbar-disabled {
4574
4577
  overflow: hidden !important;
4575
4578
  }
4576
- :root.d-scrollbar-disabled .os-scrollbar {
4579
+ .d-scrollbar-disabled .os-scrollbar {
4577
4580
  display: none;
4578
4581
  }
4579
4582
  .d-emoji {
@@ -5243,78 +5246,6 @@ legend .d-label--md {
5243
5246
  .d-divide-x-reverse > * + * {
5244
5247
  --divide-x-reverse: 1;
5245
5248
  }
5246
- .d-fc-primary, .h\:d-fc-primary:hover, .f\:d-fc-primary:focus, .f\:d-fc-primary:focus-within, .fv\:d-fc-primary:focus-visible {
5247
- color: var(--dt-color-foreground-primary) !important;
5248
- }
5249
- .d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
5250
- color: var(--dt-color-foreground-primary-inverted) !important;
5251
- }
5252
- .d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
5253
- color: var(--dt-color-foreground-secondary) !important;
5254
- }
5255
- .d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
5256
- color: var(--dt-color-foreground-secondary-inverted) !important;
5257
- }
5258
- .d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
5259
- color: var(--dt-color-foreground-tertiary) !important;
5260
- }
5261
- .d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
5262
- color: var(--dt-color-foreground-tertiary-inverted) !important;
5263
- }
5264
- .d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
5265
- color: var(--dt-color-foreground-muted) !important;
5266
- }
5267
- .d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
5268
- color: var(--dt-color-foreground-muted-inverted) !important;
5269
- }
5270
- .d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
5271
- color: var(--dt-color-foreground-placeholder) !important;
5272
- }
5273
- .d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
5274
- color: var(--dt-color-foreground-placeholder-inverted) !important;
5275
- }
5276
- .d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
5277
- color: var(--dt-color-foreground-disabled) !important;
5278
- }
5279
- .d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
5280
- color: var(--dt-color-foreground-disabled-inverted) !important;
5281
- }
5282
- .d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
5283
- color: var(--dt-color-foreground-success) !important;
5284
- }
5285
- .d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
5286
- color: var(--dt-color-foreground-success-inverted) !important;
5287
- }
5288
- .d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
5289
- color: var(--dt-color-foreground-success-strong) !important;
5290
- }
5291
- .d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
5292
- color: var(--dt-color-foreground-success-strong-inverted) !important;
5293
- }
5294
- .d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
5295
- color: var(--dt-color-foreground-warning) !important;
5296
- }
5297
- .d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
5298
- color: var(--dt-color-foreground-warning-inverted) !important;
5299
- }
5300
- .d-fc-error, .h\:d-fc-error:hover, .f\:d-fc-error:focus, .f\:d-fc-error:focus-within, .fv\:d-fc-error:focus-visible {
5301
- color: var(--dt-color-foreground-critical) !important;
5302
- }
5303
- .d-fc-error-strong, .h\:d-fc-error-strong:hover, .f\:d-fc-error-strong:focus, .f\:d-fc-error-strong:focus-within, .fv\:d-fc-error-strong:focus-visible {
5304
- color: var(--dt-color-foreground-critical-strong) !important;
5305
- }
5306
- .d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
5307
- color: var(--dt-color-foreground-critical) !important;
5308
- }
5309
- .d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
5310
- color: var(--dt-color-foreground-critical-inverted) !important;
5311
- }
5312
- .d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
5313
- color: var(--dt-color-foreground-critical-strong) !important;
5314
- }
5315
- .d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
5316
- color: var(--dt-color-foreground-critical-strong-inverted) !important;
5317
- }
5318
5249
  .d-fc-current, .h\:d-fc-current:hover, .f\:d-fc-current:focus, .f\:d-fc-current:focus-within, .fv\:d-fc-current:focus-visible {
5319
5250
  color: currentColor !important;
5320
5251
  }
@@ -5324,102 +5255,6 @@ legend .d-label--md {
5324
5255
  .d-fc-unset, .h\:d-fc-unset:hover, .f\:d-fc-unset:focus, .f\:d-fc-unset:focus-within, .fv\:d-fc-unset:focus-visible {
5325
5256
  color: unset !important;
5326
5257
  }
5327
- .d-bgc-primary, .h\:d-bgc-primary:hover, .f\:d-bgc-primary:focus, .f\:d-bgc-primary:focus-within, .fv\:d-bgc-primary:focus-visible {
5328
- background-color: var(--dt-color-surface-primary) !important;
5329
- }
5330
- .d-bgc-secondary, .h\:d-bgc-secondary:hover, .f\:d-bgc-secondary:focus, .f\:d-bgc-secondary:focus-within, .fv\:d-bgc-secondary:focus-visible {
5331
- background-color: var(--dt-color-surface-secondary) !important;
5332
- }
5333
- .d-bgc-secondary-opaque, .h\:d-bgc-secondary-opaque:hover, .f\:d-bgc-secondary-opaque:focus, .f\:d-bgc-secondary-opaque:focus-within, .fv\:d-bgc-secondary-opaque:focus-visible {
5334
- background-color: var(--dt-color-surface-secondary-opaque) !important;
5335
- }
5336
- .d-bgc-moderate, .h\:d-bgc-moderate:hover, .f\:d-bgc-moderate:focus, .f\:d-bgc-moderate:focus-within, .fv\:d-bgc-moderate:focus-visible {
5337
- background-color: var(--dt-color-surface-moderate) !important;
5338
- }
5339
- .d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
5340
- background-color: var(--dt-color-surface-moderate-opaque) !important;
5341
- }
5342
- .d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
5343
- background-color: var(--dt-color-surface-strong-opaque) !important;
5344
- }
5345
- .d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
5346
- background-color: var(--dt-color-surface-contrast-opaque) !important;
5347
- }
5348
- .d-bgc-bold, .h\:d-bgc-bold:hover, .f\:d-bgc-bold:focus, .f\:d-bgc-bold:focus-within, .fv\:d-bgc-bold:focus-visible {
5349
- background-color: var(--dt-color-surface-bold) !important;
5350
- }
5351
- .d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
5352
- background-color: var(--dt-color-surface-bold-opaque) !important;
5353
- }
5354
- .d-bgc-strong, .h\:d-bgc-strong:hover, .f\:d-bgc-strong:focus, .f\:d-bgc-strong:focus-within, .fv\:d-bgc-strong:focus-visible {
5355
- background-color: var(--dt-color-surface-strong) !important;
5356
- }
5357
- .d-bgc-contrast, .h\:d-bgc-contrast:hover, .f\:d-bgc-contrast:focus, .f\:d-bgc-contrast:focus-within, .fv\:d-bgc-contrast:focus-visible {
5358
- background-color: var(--dt-color-surface-contrast) !important;
5359
- }
5360
- .d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
5361
- background-color: var(--dt-color-surface-backdrop) !important;
5362
- }
5363
- .d-bgc-success, .h\:d-bgc-success:hover, .f\:d-bgc-success:focus, .f\:d-bgc-success:focus-within, .fv\:d-bgc-success:focus-visible {
5364
- background-color: var(--dt-color-surface-success) !important;
5365
- }
5366
- .d-bgc-success-opaque, .h\:d-bgc-success-opaque:hover, .f\:d-bgc-success-opaque:focus, .f\:d-bgc-success-opaque:focus-within, .fv\:d-bgc-success-opaque:focus-visible {
5367
- background-color: var(--dt-color-surface-success-opaque) !important;
5368
- }
5369
- .d-bgc-success-subtle, .h\:d-bgc-success-subtle:hover, .f\:d-bgc-success-subtle:focus, .f\:d-bgc-success-subtle:focus-within, .fv\:d-bgc-success-subtle:focus-visible {
5370
- background-color: var(--dt-color-surface-success-subtle) !important;
5371
- }
5372
- .d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
5373
- background-color: var(--dt-color-surface-success-subtle-opaque) !important;
5374
- }
5375
- .d-bgc-success-strong, .h\:d-bgc-success-strong:hover, .f\:d-bgc-success-strong:focus, .f\:d-bgc-success-strong:focus-within, .fv\:d-bgc-success-strong:focus-visible {
5376
- background-color: var(--dt-color-surface-success-strong) !important;
5377
- }
5378
- .d-bgc-warning, .h\:d-bgc-warning:hover, .f\:d-bgc-warning:focus, .f\:d-bgc-warning:focus-within, .fv\:d-bgc-warning:focus-visible {
5379
- background-color: var(--dt-color-surface-warning) !important;
5380
- }
5381
- .d-bgc-warning-opaque, .h\:d-bgc-warning-opaque:hover, .f\:d-bgc-warning-opaque:focus, .f\:d-bgc-warning-opaque:focus-within, .fv\:d-bgc-warning-opaque:focus-visible {
5382
- background-color: var(--dt-color-surface-warning-opaque) !important;
5383
- }
5384
- .d-bgc-warning-subtle, .h\:d-bgc-warning-subtle:hover, .f\:d-bgc-warning-subtle:focus, .f\:d-bgc-warning-subtle:focus-within, .fv\:d-bgc-warning-subtle:focus-visible {
5385
- background-color: var(--dt-color-surface-warning-subtle) !important;
5386
- }
5387
- .d-bgc-warning-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
5388
- background-color: var(--dt-color-surface-warning-subtle-opaque) !important;
5389
- }
5390
- .d-bgc-warning-strong, .h\:d-bgc-warning-strong:hover, .f\:d-bgc-warning-strong:focus, .f\:d-bgc-warning-strong:focus-within, .fv\:d-bgc-warning-strong:focus-visible {
5391
- background-color: var(--dt-color-surface-warning-strong) !important;
5392
- }
5393
- .d-bgc-info, .h\:d-bgc-info:hover, .f\:d-bgc-info:focus, .f\:d-bgc-info:focus-within, .fv\:d-bgc-info:focus-visible {
5394
- background-color: var(--dt-color-surface-info) !important;
5395
- }
5396
- .d-bgc-info-opaque, .h\:d-bgc-info-opaque:hover, .f\:d-bgc-info-opaque:focus, .f\:d-bgc-info-opaque:focus-within, .fv\:d-bgc-info-opaque:focus-visible {
5397
- background-color: var(--dt-color-surface-info-opaque) !important;
5398
- }
5399
- .d-bgc-info-subtle, .h\:d-bgc-info-subtle:hover, .f\:d-bgc-info-subtle:focus, .f\:d-bgc-info-subtle:focus-within, .fv\:d-bgc-info-subtle:focus-visible {
5400
- background-color: var(--dt-color-surface-info-subtle) !important;
5401
- }
5402
- .d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
5403
- background-color: var(--dt-color-surface-info-subtle-opaque) !important;
5404
- }
5405
- .d-bgc-info-strong, .h\:d-bgc-info-strong:hover, .f\:d-bgc-info-strong:focus, .f\:d-bgc-info-strong:focus-within, .fv\:d-bgc-info-strong:focus-visible {
5406
- background-color: var(--dt-color-surface-info-strong) !important;
5407
- }
5408
- .d-bgc-critical, .h\:d-bgc-critical:hover, .f\:d-bgc-critical:focus, .f\:d-bgc-critical:focus-within, .fv\:d-bgc-critical:focus-visible, .d-bgc-error, .h\:d-bgc-error:hover, .f\:d-bgc-error:focus, .f\:d-bgc-error:focus-within, .fv\:d-bgc-error:focus-visible, .d-bgc-danger, .h\:d-bgc-danger:hover, .f\:d-bgc-danger:focus, .f\:d-bgc-danger:focus-within, .fv\:d-bgc-danger:focus-visible {
5409
- background-color: var(--dt-color-surface-critical) !important;
5410
- }
5411
- .d-bgc-critical-opaque, .h\:d-bgc-critical-opaque:hover, .f\:d-bgc-critical-opaque:focus, .f\:d-bgc-critical-opaque:focus-within, .fv\:d-bgc-critical-opaque:focus-visible {
5412
- background-color: var(--dt-color-surface-critical-opaque) !important;
5413
- }
5414
- .d-bgc-critical-subtle, .h\:d-bgc-critical-subtle:hover, .f\:d-bgc-critical-subtle:focus, .f\:d-bgc-critical-subtle:focus-within, .fv\:d-bgc-critical-subtle:focus-visible {
5415
- background-color: var(--dt-color-surface-critical-subtle) !important;
5416
- }
5417
- .d-bgc-critical-subtle-opaque, .h\:d-bgc-critical-subtle-opaque:hover, .f\:d-bgc-critical-subtle-opaque:focus, .f\:d-bgc-critical-subtle-opaque:focus-within, .fv\:d-bgc-critical-subtle-opaque:focus-visible {
5418
- background-color: var(--dt-color-surface-critical-subtle-opaque) !important;
5419
- }
5420
- .d-bgc-critical-strong, .h\:d-bgc-critical-strong:hover, .f\:d-bgc-critical-strong:focus, .f\:d-bgc-critical-strong:focus-within, .fv\:d-bgc-critical-strong:focus-visible {
5421
- background-color: var(--dt-color-surface-critical-strong) !important;
5422
- }
5423
5258
  .d-bgc-transparent, .h\:d-bgc-transparent:hover, .f\:d-bgc-transparent:focus, .f\:d-bgc-transparent:focus-within, .fv\:d-bgc-transparent:focus-visible {
5424
5259
  background-color: transparent !important;
5425
5260
  background-image: none !important;
@@ -5428,117 +5263,15 @@ legend .d-label--md {
5428
5263
  background-color: unset !important;
5429
5264
  background-image: unset !important;
5430
5265
  }
5431
- .d-bc-transparent {
5266
+ .d-bc-transparent, .h\:d-bc-transparent:hover, .f\:d-bc-transparent:focus, .f\:d-bc-transparent:focus-within, .fv\:d-bc-transparent:focus-visible {
5432
5267
  border-color: transparent !important;
5433
5268
  }
5434
- .d-bc-current {
5269
+ .d-bc-current, .h\:d-bc-current:hover, .f\:d-bc-current:focus, .f\:d-bc-current:focus-within, .fv\:d-bc-current:focus-visible {
5435
5270
  border-color: currentColor !important;
5436
5271
  }
5437
- .d-bc-unset {
5272
+ .d-bc-unset, .h\:d-bc-unset:hover, .f\:d-bc-unset:focus, .f\:d-bc-unset:focus-within, .fv\:d-bc-unset:focus-visible {
5438
5273
  border-color: unset !important;
5439
5274
  }
5440
- .d-bc-subtle, .h\:d-bc-subtle:hover, .f\:d-bc-subtle:focus, .f\:d-bc-subtle:focus-within, .fv\:d-bc-subtle:focus-visible {
5441
- border-color: var(--dt-color-border-subtle) !important;
5442
- }
5443
- .d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
5444
- border-color: var(--dt-color-border-default) !important;
5445
- }
5446
- .d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
5447
- border-color: var(--dt-color-border-moderate) !important;
5448
- }
5449
- .d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
5450
- border-color: var(--dt-color-border-bold) !important;
5451
- }
5452
- .d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
5453
- border-color: var(--dt-color-border-subtle-inverted) !important;
5454
- }
5455
- .d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
5456
- border-color: var(--dt-color-border-default-inverted) !important;
5457
- }
5458
- .d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
5459
- border-color: var(--dt-color-border-moderate-inverted) !important;
5460
- }
5461
- .d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
5462
- border-color: var(--dt-color-border-bold-inverted) !important;
5463
- }
5464
- .d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
5465
- border-color: var(--dt-color-border-focus) !important;
5466
- }
5467
- .d-bc-critical, .h\:d-bc-critical:hover, .f\:d-bc-critical:focus, .f\:d-bc-critical:focus-within, .fv\:d-bc-critical:focus-visible {
5468
- border-color: var(--dt-color-border-critical) !important;
5469
- }
5470
- .d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
5471
- border-color: var(--dt-color-border-critical-inverted) !important;
5472
- }
5473
- .d-bc-critical-subtle, .h\:d-bc-critical-subtle:hover, .f\:d-bc-critical-subtle:focus, .f\:d-bc-critical-subtle:focus-within, .fv\:d-bc-critical-subtle:focus-visible {
5474
- border-color: var(--dt-color-border-critical-subtle) !important;
5475
- }
5476
- .d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
5477
- border-color: var(--dt-color-border-critical-subtle-inverted) !important;
5478
- }
5479
- .d-bc-critical-strong, .h\:d-bc-critical-strong:hover, .f\:d-bc-critical-strong:focus, .f\:d-bc-critical-strong:focus-within, .fv\:d-bc-critical-strong:focus-visible {
5480
- border-color: var(--dt-color-border-critical-strong) !important;
5481
- }
5482
- .d-bc-critical-strong-inverted, .h\:d-bc-critical-strong-inverted:hover, .f\:d-bc-critical-strong-inverted:focus, .f\:d-bc-critical-strong-inverted:focus-within, .fv\:d-bc-critical-strong-inverted:focus-visible {
5483
- border-color: var(--dt-color-border-critical-strong-inverted) !important;
5484
- }
5485
- .d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
5486
- border-color: var(--dt-color-border-success) !important;
5487
- }
5488
- .d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
5489
- border-color: var(--dt-color-border-success-inverted) !important;
5490
- }
5491
- .d-bc-success-subtle, .h\:d-bc-success-subtle:hover, .f\:d-bc-success-subtle:focus, .f\:d-bc-success-subtle:focus-within, .fv\:d-bc-success-subtle:focus-visible {
5492
- border-color: var(--dt-color-border-success-subtle) !important;
5493
- }
5494
- .d-bc-success-subtle-inverted, .h\:d-bc-success-subtle-inverted:hover, .f\:d-bc-success-subtle-inverted:focus, .f\:d-bc-success-subtle-inverted:focus-within, .fv\:d-bc-success-subtle-inverted:focus-visible {
5495
- border-color: var(--dt-color-border-success-subtle-inverted) !important;
5496
- }
5497
- .d-bc-success-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
5498
- border-color: var(--dt-color-border-success-strong) !important;
5499
- }
5500
- .d-bc-success-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
5501
- border-color: var(--dt-color-border-success-strong-inverted) !important;
5502
- }
5503
- .d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
5504
- border-color: var(--dt-color-border-warning) !important;
5505
- }
5506
- .d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
5507
- border-color: var(--dt-color-border-warning-inverted) !important;
5508
- }
5509
- .d-bc-warning-subtle, .h\:d-bc-warning-subtle:hover, .f\:d-bc-warning-subtle:focus, .f\:d-bc-warning-subtle:focus-within, .fv\:d-bc-warning-subtle:focus-visible {
5510
- border-color: var(--dt-color-border-warning-subtle) !important;
5511
- }
5512
- .d-bc-warning-subtle-inverted, .h\:d-bc-warning-subtle-inverted:hover, .f\:d-bc-warning-subtle-inverted:focus, .f\:d-bc-warning-subtle-inverted:focus-within, .fv\:d-bc-warning-subtle-inverted:focus-visible {
5513
- border-color: var(--dt-color-border-warning-subtle-inverted) !important;
5514
- }
5515
- .d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
5516
- border-color: var(--dt-color-border-warning-strong) !important;
5517
- }
5518
- .d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
5519
- border-color: var(--dt-color-border-warning-strong-inverted) !important;
5520
- }
5521
- .d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
5522
- border-color: var(--dt-color-border-brand) !important;
5523
- }
5524
- .d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
5525
- border-color: var(--dt-color-border-brand-inverted) !important;
5526
- }
5527
- .d-bc-brand-subtle, .h\:d-bc-brand-subtle:hover, .f\:d-bc-brand-subtle:focus, .f\:d-bc-brand-subtle:focus-within, .fv\:d-bc-brand-subtle:focus-visible {
5528
- border-color: var(--dt-color-border-brand-subtle) !important;
5529
- }
5530
- .d-bc-brand-subtle-inverted, .h\:d-bc-brand-subtle-inverted:hover, .f\:d-bc-brand-subtle-inverted:focus, .f\:d-bc-brand-subtle-inverted:focus-within, .fv\:d-bc-brand-subtle-inverted:focus-visible {
5531
- border-color: var(--dt-color-border-brand-subtle-inverted) !important;
5532
- }
5533
- .d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
5534
- border-color: var(--dt-color-border-brand-strong) !important;
5535
- }
5536
- .d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
5537
- border-color: var(--dt-color-border-brand-strong-inverted) !important;
5538
- }
5539
- .d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
5540
- border-color: var(--dt-color-border-accent) !important;
5541
- }
5542
5275
  @-webkit-keyframes d-loading-circle {
5543
5276
  from {
5544
5277
  -webkit-transform: rotate(0deg);
@@ -8013,1179 +7746,1535 @@ body {
8013
7746
  font-size: 10px;
8014
7747
  }
8015
7748
  .d-fc-neutral-white, .h\:d-fc-neutral-white:hover, .f\:d-fc-neutral-white:focus, .f\:d-fc-neutral-white:focus-within, .fv\:d-fc-neutral-white:focus-visible {
8016
- --fco: 100%;
8017
- color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
7749
+ --fco: var(--dt-color-neutral-white-a);
7750
+ color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco)) !important;
8018
7751
  }
8019
7752
  .d-fc-neutral-black, .h\:d-fc-neutral-black:hover, .f\:d-fc-neutral-black:focus, .f\:d-fc-neutral-black:focus-within, .fv\:d-fc-neutral-black:focus-visible {
8020
- --fco: 100%;
8021
- color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
7753
+ --fco: var(--dt-color-neutral-black-a);
7754
+ color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--fco)) !important;
8022
7755
  }
8023
7756
  .d-fc-black-100, .h\:d-fc-black-100:hover, .f\:d-fc-black-100:focus, .f\:d-fc-black-100:focus-within, .fv\:d-fc-black-100:focus-visible {
8024
- --fco: 100%;
8025
- color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
7757
+ --fco: var(--dt-color-black-100-a);
7758
+ color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--fco)) !important;
8026
7759
  }
8027
7760
  .d-fc-black-200, .h\:d-fc-black-200:hover, .f\:d-fc-black-200:focus, .f\:d-fc-black-200:focus-within, .fv\:d-fc-black-200:focus-visible {
8028
- --fco: 100%;
8029
- color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
7761
+ --fco: var(--dt-color-black-200-a);
7762
+ color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--fco)) !important;
8030
7763
  }
8031
7764
  .d-fc-black-300, .h\:d-fc-black-300:hover, .f\:d-fc-black-300:focus, .f\:d-fc-black-300:focus-within, .fv\:d-fc-black-300:focus-visible {
8032
- --fco: 100%;
8033
- color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
7765
+ --fco: var(--dt-color-black-300-a);
7766
+ color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--fco)) !important;
8034
7767
  }
8035
7768
  .d-fc-black-400, .h\:d-fc-black-400:hover, .f\:d-fc-black-400:focus, .f\:d-fc-black-400:focus-within, .fv\:d-fc-black-400:focus-visible {
8036
- --fco: 100%;
8037
- color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
7769
+ --fco: var(--dt-color-black-400-a);
7770
+ color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--fco)) !important;
8038
7771
  }
8039
7772
  .d-fc-black-500, .h\:d-fc-black-500:hover, .f\:d-fc-black-500:focus, .f\:d-fc-black-500:focus-within, .fv\:d-fc-black-500:focus-visible {
8040
- --fco: 100%;
8041
- color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
7773
+ --fco: var(--dt-color-black-500-a);
7774
+ color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--fco)) !important;
8042
7775
  }
8043
7776
  .d-fc-black-600, .h\:d-fc-black-600:hover, .f\:d-fc-black-600:focus, .f\:d-fc-black-600:focus-within, .fv\:d-fc-black-600:focus-visible {
8044
- --fco: 100%;
8045
- color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
7777
+ --fco: var(--dt-color-black-600-a);
7778
+ color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--fco)) !important;
8046
7779
  }
8047
7780
  .d-fc-black-700, .h\:d-fc-black-700:hover, .f\:d-fc-black-700:focus, .f\:d-fc-black-700:focus-within, .fv\:d-fc-black-700:focus-visible {
8048
- --fco: 100%;
8049
- color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
7781
+ --fco: var(--dt-color-black-700-a);
7782
+ color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--fco)) !important;
8050
7783
  }
8051
7784
  .d-fc-black-800, .h\:d-fc-black-800:hover, .f\:d-fc-black-800:focus, .f\:d-fc-black-800:focus-within, .fv\:d-fc-black-800:focus-visible {
8052
- --fco: 100%;
8053
- color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
7785
+ --fco: var(--dt-color-black-800-a);
7786
+ color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--fco)) !important;
8054
7787
  }
8055
7788
  .d-fc-black-900, .h\:d-fc-black-900:hover, .f\:d-fc-black-900:focus, .f\:d-fc-black-900:focus-within, .fv\:d-fc-black-900:focus-visible {
8056
- --fco: 100%;
8057
- color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
7789
+ --fco: var(--dt-color-black-900-a);
7790
+ color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--fco)) !important;
8058
7791
  }
8059
7792
  .d-fc-purple-100, .h\:d-fc-purple-100:hover, .f\:d-fc-purple-100:focus, .f\:d-fc-purple-100:focus-within, .fv\:d-fc-purple-100:focus-visible {
8060
- --fco: 100%;
8061
- color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
7793
+ --fco: var(--dt-color-purple-100-a);
7794
+ color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--fco)) !important;
8062
7795
  }
8063
7796
  .d-fc-purple-200, .h\:d-fc-purple-200:hover, .f\:d-fc-purple-200:focus, .f\:d-fc-purple-200:focus-within, .fv\:d-fc-purple-200:focus-visible {
8064
- --fco: 100%;
8065
- color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
7797
+ --fco: var(--dt-color-purple-200-a);
7798
+ color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--fco)) !important;
8066
7799
  }
8067
7800
  .d-fc-purple-300, .h\:d-fc-purple-300:hover, .f\:d-fc-purple-300:focus, .f\:d-fc-purple-300:focus-within, .fv\:d-fc-purple-300:focus-visible {
8068
- --fco: 100%;
8069
- color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
7801
+ --fco: var(--dt-color-purple-300-a);
7802
+ color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--fco)) !important;
8070
7803
  }
8071
7804
  .d-fc-purple-400, .h\:d-fc-purple-400:hover, .f\:d-fc-purple-400:focus, .f\:d-fc-purple-400:focus-within, .fv\:d-fc-purple-400:focus-visible {
8072
- --fco: 100%;
8073
- color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
7805
+ --fco: var(--dt-color-purple-400-a);
7806
+ color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--fco)) !important;
8074
7807
  }
8075
7808
  .d-fc-purple-500, .h\:d-fc-purple-500:hover, .f\:d-fc-purple-500:focus, .f\:d-fc-purple-500:focus-within, .fv\:d-fc-purple-500:focus-visible {
8076
- --fco: 100%;
8077
- color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
7809
+ --fco: var(--dt-color-purple-500-a);
7810
+ color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--fco)) !important;
8078
7811
  }
8079
7812
  .d-fc-purple-600, .h\:d-fc-purple-600:hover, .f\:d-fc-purple-600:focus, .f\:d-fc-purple-600:focus-within, .fv\:d-fc-purple-600:focus-visible {
8080
- --fco: 100%;
8081
- color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
7813
+ --fco: var(--dt-color-purple-600-a);
7814
+ color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--fco)) !important;
8082
7815
  }
8083
7816
  .d-fc-blue-100, .h\:d-fc-blue-100:hover, .f\:d-fc-blue-100:focus, .f\:d-fc-blue-100:focus-within, .fv\:d-fc-blue-100:focus-visible {
8084
- --fco: 100%;
8085
- color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
7817
+ --fco: var(--dt-color-blue-100-a);
7818
+ color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--fco)) !important;
8086
7819
  }
8087
7820
  .d-fc-blue-200, .h\:d-fc-blue-200:hover, .f\:d-fc-blue-200:focus, .f\:d-fc-blue-200:focus-within, .fv\:d-fc-blue-200:focus-visible {
8088
- --fco: 100%;
8089
- color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
7821
+ --fco: var(--dt-color-blue-200-a);
7822
+ color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--fco)) !important;
8090
7823
  }
8091
7824
  .d-fc-blue-300, .h\:d-fc-blue-300:hover, .f\:d-fc-blue-300:focus, .f\:d-fc-blue-300:focus-within, .fv\:d-fc-blue-300:focus-visible {
8092
- --fco: 100%;
8093
- color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
7825
+ --fco: var(--dt-color-blue-300-a);
7826
+ color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--fco)) !important;
8094
7827
  }
8095
7828
  .d-fc-blue-400, .h\:d-fc-blue-400:hover, .f\:d-fc-blue-400:focus, .f\:d-fc-blue-400:focus-within, .fv\:d-fc-blue-400:focus-visible {
8096
- --fco: 100%;
8097
- color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
7829
+ --fco: var(--dt-color-blue-400-a);
7830
+ color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--fco)) !important;
8098
7831
  }
8099
7832
  .d-fc-blue-500, .h\:d-fc-blue-500:hover, .f\:d-fc-blue-500:focus, .f\:d-fc-blue-500:focus-within, .fv\:d-fc-blue-500:focus-visible {
8100
- --fco: 100%;
8101
- color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
7833
+ --fco: var(--dt-color-blue-500-a);
7834
+ color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--fco)) !important;
8102
7835
  }
8103
7836
  .d-fc-magenta-100, .h\:d-fc-magenta-100:hover, .f\:d-fc-magenta-100:focus, .f\:d-fc-magenta-100:focus-within, .fv\:d-fc-magenta-100:focus-visible {
8104
- --fco: 100%;
8105
- color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
7837
+ --fco: var(--dt-color-magenta-100-a);
7838
+ color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--fco)) !important;
8106
7839
  }
8107
7840
  .d-fc-magenta-200, .h\:d-fc-magenta-200:hover, .f\:d-fc-magenta-200:focus, .f\:d-fc-magenta-200:focus-within, .fv\:d-fc-magenta-200:focus-visible {
8108
- --fco: 100%;
8109
- color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
7841
+ --fco: var(--dt-color-magenta-200-a);
7842
+ color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--fco)) !important;
8110
7843
  }
8111
7844
  .d-fc-magenta-300, .h\:d-fc-magenta-300:hover, .f\:d-fc-magenta-300:focus, .f\:d-fc-magenta-300:focus-within, .fv\:d-fc-magenta-300:focus-visible {
8112
- --fco: 100%;
8113
- color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
7845
+ --fco: var(--dt-color-magenta-300-a);
7846
+ color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--fco)) !important;
8114
7847
  }
8115
7848
  .d-fc-magenta-400, .h\:d-fc-magenta-400:hover, .f\:d-fc-magenta-400:focus, .f\:d-fc-magenta-400:focus-within, .fv\:d-fc-magenta-400:focus-visible {
8116
- --fco: 100%;
8117
- color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
7849
+ --fco: var(--dt-color-magenta-400-a);
7850
+ color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--fco)) !important;
8118
7851
  }
8119
7852
  .d-fc-magenta-500, .h\:d-fc-magenta-500:hover, .f\:d-fc-magenta-500:focus, .f\:d-fc-magenta-500:focus-within, .fv\:d-fc-magenta-500:focus-visible {
8120
- --fco: 100%;
8121
- color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
7853
+ --fco: var(--dt-color-magenta-500-a);
7854
+ color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--fco)) !important;
8122
7855
  }
8123
7856
  .d-fc-gold-100, .h\:d-fc-gold-100:hover, .f\:d-fc-gold-100:focus, .f\:d-fc-gold-100:focus-within, .fv\:d-fc-gold-100:focus-visible {
8124
- --fco: 100%;
8125
- color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
7857
+ --fco: var(--dt-color-gold-100-a);
7858
+ color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--fco)) !important;
8126
7859
  }
8127
7860
  .d-fc-gold-200, .h\:d-fc-gold-200:hover, .f\:d-fc-gold-200:focus, .f\:d-fc-gold-200:focus-within, .fv\:d-fc-gold-200:focus-visible {
8128
- --fco: 100%;
8129
- color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
7861
+ --fco: var(--dt-color-gold-200-a);
7862
+ color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--fco)) !important;
8130
7863
  }
8131
7864
  .d-fc-gold-300, .h\:d-fc-gold-300:hover, .f\:d-fc-gold-300:focus, .f\:d-fc-gold-300:focus-within, .fv\:d-fc-gold-300:focus-visible {
8132
- --fco: 100%;
8133
- color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
7865
+ --fco: var(--dt-color-gold-300-a);
7866
+ color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--fco)) !important;
8134
7867
  }
8135
7868
  .d-fc-gold-400, .h\:d-fc-gold-400:hover, .f\:d-fc-gold-400:focus, .f\:d-fc-gold-400:focus-within, .fv\:d-fc-gold-400:focus-visible {
8136
- --fco: 100%;
8137
- color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
7869
+ --fco: var(--dt-color-gold-400-a);
7870
+ color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--fco)) !important;
8138
7871
  }
8139
7872
  .d-fc-gold-500, .h\:d-fc-gold-500:hover, .f\:d-fc-gold-500:focus, .f\:d-fc-gold-500:focus-within, .fv\:d-fc-gold-500:focus-visible {
8140
- --fco: 100%;
8141
- color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
7873
+ --fco: var(--dt-color-gold-500-a);
7874
+ color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--fco)) !important;
8142
7875
  }
8143
7876
  .d-fc-green-100, .h\:d-fc-green-100:hover, .f\:d-fc-green-100:focus, .f\:d-fc-green-100:focus-within, .fv\:d-fc-green-100:focus-visible {
8144
- --fco: 100%;
8145
- color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
7877
+ --fco: var(--dt-color-green-100-a);
7878
+ color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--fco)) !important;
8146
7879
  }
8147
7880
  .d-fc-green-200, .h\:d-fc-green-200:hover, .f\:d-fc-green-200:focus, .f\:d-fc-green-200:focus-within, .fv\:d-fc-green-200:focus-visible {
8148
- --fco: 100%;
8149
- color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
7881
+ --fco: var(--dt-color-green-200-a);
7882
+ color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--fco)) !important;
8150
7883
  }
8151
7884
  .d-fc-green-300, .h\:d-fc-green-300:hover, .f\:d-fc-green-300:focus, .f\:d-fc-green-300:focus-within, .fv\:d-fc-green-300:focus-visible {
8152
- --fco: 100%;
8153
- color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
7885
+ --fco: var(--dt-color-green-300-a);
7886
+ color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--fco)) !important;
8154
7887
  }
8155
7888
  .d-fc-green-400, .h\:d-fc-green-400:hover, .f\:d-fc-green-400:focus, .f\:d-fc-green-400:focus-within, .fv\:d-fc-green-400:focus-visible {
8156
- --fco: 100%;
8157
- color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
7889
+ --fco: var(--dt-color-green-400-a);
7890
+ color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--fco)) !important;
8158
7891
  }
8159
7892
  .d-fc-green-500, .h\:d-fc-green-500:hover, .f\:d-fc-green-500:focus, .f\:d-fc-green-500:focus-within, .fv\:d-fc-green-500:focus-visible {
8160
- --fco: 100%;
8161
- color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
7893
+ --fco: var(--dt-color-green-500-a);
7894
+ color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--fco)) !important;
8162
7895
  }
8163
7896
  .d-fc-red-100, .h\:d-fc-red-100:hover, .f\:d-fc-red-100:focus, .f\:d-fc-red-100:focus-within, .fv\:d-fc-red-100:focus-visible {
8164
- --fco: 100%;
8165
- color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
7897
+ --fco: var(--dt-color-red-100-a);
7898
+ color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--fco)) !important;
8166
7899
  }
8167
7900
  .d-fc-red-200, .h\:d-fc-red-200:hover, .f\:d-fc-red-200:focus, .f\:d-fc-red-200:focus-within, .fv\:d-fc-red-200:focus-visible {
8168
- --fco: 100%;
8169
- color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
7901
+ --fco: var(--dt-color-red-200-a);
7902
+ color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--fco)) !important;
8170
7903
  }
8171
7904
  .d-fc-red-300, .h\:d-fc-red-300:hover, .f\:d-fc-red-300:focus, .f\:d-fc-red-300:focus-within, .fv\:d-fc-red-300:focus-visible {
8172
- --fco: 100%;
8173
- color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
7905
+ --fco: var(--dt-color-red-300-a);
7906
+ color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--fco)) !important;
8174
7907
  }
8175
7908
  .d-fc-red-400, .h\:d-fc-red-400:hover, .f\:d-fc-red-400:focus, .f\:d-fc-red-400:focus-within, .fv\:d-fc-red-400:focus-visible {
8176
- --fco: 100%;
8177
- color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
7909
+ --fco: var(--dt-color-red-400-a);
7910
+ color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--fco)) !important;
8178
7911
  }
8179
7912
  .d-fc-red-500, .h\:d-fc-red-500:hover, .f\:d-fc-red-500:focus, .f\:d-fc-red-500:focus-within, .fv\:d-fc-red-500:focus-visible {
8180
- --fco: 100%;
8181
- color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
7913
+ --fco: var(--dt-color-red-500-a);
7914
+ color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--fco)) !important;
8182
7915
  }
8183
7916
  .d-fc-tan-100, .h\:d-fc-tan-100:hover, .f\:d-fc-tan-100:focus, .f\:d-fc-tan-100:focus-within, .fv\:d-fc-tan-100:focus-visible {
8184
- --fco: 100%;
8185
- color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
7917
+ --fco: var(--dt-color-tan-100-a);
7918
+ color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--fco)) !important;
8186
7919
  }
8187
7920
  .d-fc-tan-200, .h\:d-fc-tan-200:hover, .f\:d-fc-tan-200:focus, .f\:d-fc-tan-200:focus-within, .fv\:d-fc-tan-200:focus-visible {
8188
- --fco: 100%;
8189
- color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
7921
+ --fco: var(--dt-color-tan-200-a);
7922
+ color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--fco)) !important;
8190
7923
  }
8191
7924
  .d-fc-tan-300, .h\:d-fc-tan-300:hover, .f\:d-fc-tan-300:focus, .f\:d-fc-tan-300:focus-within, .fv\:d-fc-tan-300:focus-visible {
8192
- --fco: 100%;
8193
- color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
7925
+ --fco: var(--dt-color-tan-300-a);
7926
+ color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--fco)) !important;
8194
7927
  }
8195
7928
  .d-fc-tan-400, .h\:d-fc-tan-400:hover, .f\:d-fc-tan-400:focus, .f\:d-fc-tan-400:focus-within, .fv\:d-fc-tan-400:focus-visible {
8196
- --fco: 100%;
8197
- color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
7929
+ --fco: var(--dt-color-tan-400-a);
7930
+ color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--fco)) !important;
8198
7931
  }
8199
7932
  .d-fc-tan-500, .h\:d-fc-tan-500:hover, .f\:d-fc-tan-500:focus, .f\:d-fc-tan-500:focus-within, .fv\:d-fc-tan-500:focus-visible {
8200
- --fco: 100%;
8201
- color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
7933
+ --fco: var(--dt-color-tan-500-a);
7934
+ color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--fco)) !important;
7935
+ }
7936
+ .d-fc-primary, .h\:d-fc-primary:hover, .f\:d-fc-primary:focus, .f\:d-fc-primary:focus-within, .fv\:d-fc-primary:focus-visible {
7937
+ --fco: var(--dt-color-foreground-primary-a);
7938
+ color: hsl(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--fco)) !important;
7939
+ }
7940
+ .d-fc-secondary, .h\:d-fc-secondary:hover, .f\:d-fc-secondary:focus, .f\:d-fc-secondary:focus-within, .fv\:d-fc-secondary:focus-visible {
7941
+ --fco: var(--dt-color-foreground-secondary-a);
7942
+ color: hsl(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--fco)) !important;
7943
+ }
7944
+ .d-fc-tertiary, .h\:d-fc-tertiary:hover, .f\:d-fc-tertiary:focus, .f\:d-fc-tertiary:focus-within, .fv\:d-fc-tertiary:focus-visible {
7945
+ --fco: var(--dt-color-foreground-tertiary-a);
7946
+ color: hsl(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--fco)) !important;
7947
+ }
7948
+ .d-fc-muted, .h\:d-fc-muted:hover, .f\:d-fc-muted:focus, .f\:d-fc-muted:focus-within, .fv\:d-fc-muted:focus-visible {
7949
+ --fco: var(--dt-color-foreground-muted-a);
7950
+ color: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--fco)) !important;
7951
+ }
7952
+ .d-fc-placeholder, .h\:d-fc-placeholder:hover, .f\:d-fc-placeholder:focus, .f\:d-fc-placeholder:focus-within, .fv\:d-fc-placeholder:focus-visible {
7953
+ --fco: var(--dt-color-foreground-placeholder-a);
7954
+ color: hsl(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--fco)) !important;
7955
+ }
7956
+ .d-fc-disabled, .h\:d-fc-disabled:hover, .f\:d-fc-disabled:focus, .f\:d-fc-disabled:focus-within, .fv\:d-fc-disabled:focus-visible {
7957
+ --fco: var(--dt-color-foreground-disabled-a);
7958
+ color: hsl(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--fco)) !important;
7959
+ }
7960
+ .d-fc-critical, .h\:d-fc-critical:hover, .f\:d-fc-critical:focus, .f\:d-fc-critical:focus-within, .fv\:d-fc-critical:focus-visible {
7961
+ --fco: var(--dt-color-foreground-critical-a);
7962
+ color: hsl(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--fco)) !important;
7963
+ }
7964
+ .d-fc-critical-strong, .h\:d-fc-critical-strong:hover, .f\:d-fc-critical-strong:focus, .f\:d-fc-critical-strong:focus-within, .fv\:d-fc-critical-strong:focus-visible {
7965
+ --fco: var(--dt-color-foreground-critical-strong-a);
7966
+ color: hsl(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--fco)) !important;
7967
+ }
7968
+ .d-fc-success, .h\:d-fc-success:hover, .f\:d-fc-success:focus, .f\:d-fc-success:focus-within, .fv\:d-fc-success:focus-visible {
7969
+ --fco: var(--dt-color-foreground-success-a);
7970
+ color: hsl(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--fco)) !important;
7971
+ }
7972
+ .d-fc-success-strong, .h\:d-fc-success-strong:hover, .f\:d-fc-success-strong:focus, .f\:d-fc-success-strong:focus-within, .fv\:d-fc-success-strong:focus-visible {
7973
+ --fco: var(--dt-color-foreground-success-strong-a);
7974
+ color: hsl(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--fco)) !important;
7975
+ }
7976
+ .d-fc-warning, .h\:d-fc-warning:hover, .f\:d-fc-warning:focus, .f\:d-fc-warning:focus-within, .fv\:d-fc-warning:focus-visible {
7977
+ --fco: var(--dt-color-foreground-warning-a);
7978
+ color: hsl(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--fco)) !important;
7979
+ }
7980
+ .d-fc-primary-inverted, .h\:d-fc-primary-inverted:hover, .f\:d-fc-primary-inverted:focus, .f\:d-fc-primary-inverted:focus-within, .fv\:d-fc-primary-inverted:focus-visible {
7981
+ --fco: var(--dt-color-foreground-primary-inverted-a);
7982
+ color: hsl(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--fco)) !important;
7983
+ }
7984
+ .d-fc-secondary-inverted, .h\:d-fc-secondary-inverted:hover, .f\:d-fc-secondary-inverted:focus, .f\:d-fc-secondary-inverted:focus-within, .fv\:d-fc-secondary-inverted:focus-visible {
7985
+ --fco: var(--dt-color-foreground-secondary-inverted-a);
7986
+ color: hsl(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--fco)) !important;
7987
+ }
7988
+ .d-fc-tertiary-inverted, .h\:d-fc-tertiary-inverted:hover, .f\:d-fc-tertiary-inverted:focus, .f\:d-fc-tertiary-inverted:focus-within, .fv\:d-fc-tertiary-inverted:focus-visible {
7989
+ --fco: var(--dt-color-foreground-tertiary-inverted-a);
7990
+ color: hsl(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--fco)) !important;
7991
+ }
7992
+ .d-fc-muted-inverted, .h\:d-fc-muted-inverted:hover, .f\:d-fc-muted-inverted:focus, .f\:d-fc-muted-inverted:focus-within, .fv\:d-fc-muted-inverted:focus-visible {
7993
+ --fco: var(--dt-color-foreground-muted-inverted-a);
7994
+ color: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--fco)) !important;
7995
+ }
7996
+ .d-fc-placeholder-inverted, .h\:d-fc-placeholder-inverted:hover, .f\:d-fc-placeholder-inverted:focus, .f\:d-fc-placeholder-inverted:focus-within, .fv\:d-fc-placeholder-inverted:focus-visible {
7997
+ --fco: var(--dt-color-foreground-placeholder-inverted-a);
7998
+ color: hsl(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--fco)) !important;
7999
+ }
8000
+ .d-fc-disabled-inverted, .h\:d-fc-disabled-inverted:hover, .f\:d-fc-disabled-inverted:focus, .f\:d-fc-disabled-inverted:focus-within, .fv\:d-fc-disabled-inverted:focus-visible {
8001
+ --fco: var(--dt-color-foreground-disabled-inverted-a);
8002
+ color: hsl(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--fco)) !important;
8003
+ }
8004
+ .d-fc-critical-inverted, .h\:d-fc-critical-inverted:hover, .f\:d-fc-critical-inverted:focus, .f\:d-fc-critical-inverted:focus-within, .fv\:d-fc-critical-inverted:focus-visible {
8005
+ --fco: var(--dt-color-foreground-critical-inverted-a);
8006
+ color: hsl(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--fco)) !important;
8007
+ }
8008
+ .d-fc-critical-strong-inverted, .h\:d-fc-critical-strong-inverted:hover, .f\:d-fc-critical-strong-inverted:focus, .f\:d-fc-critical-strong-inverted:focus-within, .fv\:d-fc-critical-strong-inverted:focus-visible {
8009
+ --fco: var(--dt-color-foreground-critical-strong-inverted-a);
8010
+ color: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--fco)) !important;
8011
+ }
8012
+ .d-fc-success-inverted, .h\:d-fc-success-inverted:hover, .f\:d-fc-success-inverted:focus, .f\:d-fc-success-inverted:focus-within, .fv\:d-fc-success-inverted:focus-visible {
8013
+ --fco: var(--dt-color-foreground-success-inverted-a);
8014
+ color: hsl(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--fco)) !important;
8015
+ }
8016
+ .d-fc-success-strong-inverted, .h\:d-fc-success-strong-inverted:hover, .f\:d-fc-success-strong-inverted:focus, .f\:d-fc-success-strong-inverted:focus-within, .fv\:d-fc-success-strong-inverted:focus-visible {
8017
+ --fco: var(--dt-color-foreground-success-strong-inverted-a);
8018
+ color: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--fco)) !important;
8019
+ }
8020
+ .d-fc-warning-inverted, .h\:d-fc-warning-inverted:hover, .f\:d-fc-warning-inverted:focus, .f\:d-fc-warning-inverted:focus-within, .fv\:d-fc-warning-inverted:focus-visible {
8021
+ --fco: var(--dt-color-foreground-warning-inverted-a);
8022
+ color: hsl(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--fco)) !important;
8202
8023
  }
8203
8024
  .d-bc-neutral-white, .h\:d-bc-neutral-white:hover, .f\:d-bc-neutral-white:focus, .f\:d-bc-neutral-white:focus-within, .fv\:d-bc-neutral-white:focus-visible {
8204
- --bco: 100%;
8205
- border-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
8025
+ --bco: var(--dt-color-neutral-white-a);
8026
+ border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bco)) !important;
8206
8027
  }
8207
8028
  .d-bc-neutral-black, .h\:d-bc-neutral-black:hover, .f\:d-bc-neutral-black:focus, .f\:d-bc-neutral-black:focus-within, .fv\:d-bc-neutral-black:focus-visible {
8208
- --bco: 100%;
8209
- border-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
8029
+ --bco: var(--dt-color-neutral-black-a);
8030
+ border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bco)) !important;
8210
8031
  }
8211
8032
  .d-bc-black-100, .h\:d-bc-black-100:hover, .f\:d-bc-black-100:focus, .f\:d-bc-black-100:focus-within, .fv\:d-bc-black-100:focus-visible {
8212
- --bco: 100%;
8213
- border-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
8033
+ --bco: var(--dt-color-black-100-a);
8034
+ border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bco)) !important;
8214
8035
  }
8215
8036
  .d-bc-black-200, .h\:d-bc-black-200:hover, .f\:d-bc-black-200:focus, .f\:d-bc-black-200:focus-within, .fv\:d-bc-black-200:focus-visible {
8216
- --bco: 100%;
8217
- border-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
8037
+ --bco: var(--dt-color-black-200-a);
8038
+ border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bco)) !important;
8218
8039
  }
8219
8040
  .d-bc-black-300, .h\:d-bc-black-300:hover, .f\:d-bc-black-300:focus, .f\:d-bc-black-300:focus-within, .fv\:d-bc-black-300:focus-visible {
8220
- --bco: 100%;
8221
- border-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
8041
+ --bco: var(--dt-color-black-300-a);
8042
+ border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bco)) !important;
8222
8043
  }
8223
8044
  .d-bc-black-400, .h\:d-bc-black-400:hover, .f\:d-bc-black-400:focus, .f\:d-bc-black-400:focus-within, .fv\:d-bc-black-400:focus-visible {
8224
- --bco: 100%;
8225
- border-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
8045
+ --bco: var(--dt-color-black-400-a);
8046
+ border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bco)) !important;
8226
8047
  }
8227
8048
  .d-bc-black-500, .h\:d-bc-black-500:hover, .f\:d-bc-black-500:focus, .f\:d-bc-black-500:focus-within, .fv\:d-bc-black-500:focus-visible {
8228
- --bco: 100%;
8229
- border-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
8049
+ --bco: var(--dt-color-black-500-a);
8050
+ border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bco)) !important;
8230
8051
  }
8231
8052
  .d-bc-black-600, .h\:d-bc-black-600:hover, .f\:d-bc-black-600:focus, .f\:d-bc-black-600:focus-within, .fv\:d-bc-black-600:focus-visible {
8232
- --bco: 100%;
8233
- border-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
8053
+ --bco: var(--dt-color-black-600-a);
8054
+ border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bco)) !important;
8234
8055
  }
8235
8056
  .d-bc-black-700, .h\:d-bc-black-700:hover, .f\:d-bc-black-700:focus, .f\:d-bc-black-700:focus-within, .fv\:d-bc-black-700:focus-visible {
8236
- --bco: 100%;
8237
- border-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
8057
+ --bco: var(--dt-color-black-700-a);
8058
+ border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bco)) !important;
8238
8059
  }
8239
8060
  .d-bc-black-800, .h\:d-bc-black-800:hover, .f\:d-bc-black-800:focus, .f\:d-bc-black-800:focus-within, .fv\:d-bc-black-800:focus-visible {
8240
- --bco: 100%;
8241
- border-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
8061
+ --bco: var(--dt-color-black-800-a);
8062
+ border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bco)) !important;
8242
8063
  }
8243
8064
  .d-bc-black-900, .h\:d-bc-black-900:hover, .f\:d-bc-black-900:focus, .f\:d-bc-black-900:focus-within, .fv\:d-bc-black-900:focus-visible {
8244
- --bco: 100%;
8245
- border-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
8065
+ --bco: var(--dt-color-black-900-a);
8066
+ border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bco)) !important;
8246
8067
  }
8247
8068
  .d-bc-purple-100, .h\:d-bc-purple-100:hover, .f\:d-bc-purple-100:focus, .f\:d-bc-purple-100:focus-within, .fv\:d-bc-purple-100:focus-visible {
8248
- --bco: 100%;
8249
- border-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
8069
+ --bco: var(--dt-color-purple-100-a);
8070
+ border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bco)) !important;
8250
8071
  }
8251
8072
  .d-bc-purple-200, .h\:d-bc-purple-200:hover, .f\:d-bc-purple-200:focus, .f\:d-bc-purple-200:focus-within, .fv\:d-bc-purple-200:focus-visible {
8252
- --bco: 100%;
8253
- border-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
8073
+ --bco: var(--dt-color-purple-200-a);
8074
+ border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bco)) !important;
8254
8075
  }
8255
8076
  .d-bc-purple-300, .h\:d-bc-purple-300:hover, .f\:d-bc-purple-300:focus, .f\:d-bc-purple-300:focus-within, .fv\:d-bc-purple-300:focus-visible {
8256
- --bco: 100%;
8257
- border-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
8077
+ --bco: var(--dt-color-purple-300-a);
8078
+ border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bco)) !important;
8258
8079
  }
8259
8080
  .d-bc-purple-400, .h\:d-bc-purple-400:hover, .f\:d-bc-purple-400:focus, .f\:d-bc-purple-400:focus-within, .fv\:d-bc-purple-400:focus-visible {
8260
- --bco: 100%;
8261
- border-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
8081
+ --bco: var(--dt-color-purple-400-a);
8082
+ border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bco)) !important;
8262
8083
  }
8263
8084
  .d-bc-purple-500, .h\:d-bc-purple-500:hover, .f\:d-bc-purple-500:focus, .f\:d-bc-purple-500:focus-within, .fv\:d-bc-purple-500:focus-visible {
8264
- --bco: 100%;
8265
- border-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
8085
+ --bco: var(--dt-color-purple-500-a);
8086
+ border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bco)) !important;
8266
8087
  }
8267
8088
  .d-bc-purple-600, .h\:d-bc-purple-600:hover, .f\:d-bc-purple-600:focus, .f\:d-bc-purple-600:focus-within, .fv\:d-bc-purple-600:focus-visible {
8268
- --bco: 100%;
8269
- border-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
8089
+ --bco: var(--dt-color-purple-600-a);
8090
+ border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bco)) !important;
8270
8091
  }
8271
8092
  .d-bc-blue-100, .h\:d-bc-blue-100:hover, .f\:d-bc-blue-100:focus, .f\:d-bc-blue-100:focus-within, .fv\:d-bc-blue-100:focus-visible {
8272
- --bco: 100%;
8273
- border-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
8093
+ --bco: var(--dt-color-blue-100-a);
8094
+ border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bco)) !important;
8274
8095
  }
8275
8096
  .d-bc-blue-200, .h\:d-bc-blue-200:hover, .f\:d-bc-blue-200:focus, .f\:d-bc-blue-200:focus-within, .fv\:d-bc-blue-200:focus-visible {
8276
- --bco: 100%;
8277
- border-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
8097
+ --bco: var(--dt-color-blue-200-a);
8098
+ border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bco)) !important;
8278
8099
  }
8279
8100
  .d-bc-blue-300, .h\:d-bc-blue-300:hover, .f\:d-bc-blue-300:focus, .f\:d-bc-blue-300:focus-within, .fv\:d-bc-blue-300:focus-visible {
8280
- --bco: 100%;
8281
- border-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
8101
+ --bco: var(--dt-color-blue-300-a);
8102
+ border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bco)) !important;
8282
8103
  }
8283
8104
  .d-bc-blue-400, .h\:d-bc-blue-400:hover, .f\:d-bc-blue-400:focus, .f\:d-bc-blue-400:focus-within, .fv\:d-bc-blue-400:focus-visible {
8284
- --bco: 100%;
8285
- border-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
8105
+ --bco: var(--dt-color-blue-400-a);
8106
+ border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bco)) !important;
8286
8107
  }
8287
8108
  .d-bc-blue-500, .h\:d-bc-blue-500:hover, .f\:d-bc-blue-500:focus, .f\:d-bc-blue-500:focus-within, .fv\:d-bc-blue-500:focus-visible {
8288
- --bco: 100%;
8289
- border-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
8109
+ --bco: var(--dt-color-blue-500-a);
8110
+ border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bco)) !important;
8290
8111
  }
8291
8112
  .d-bc-magenta-100, .h\:d-bc-magenta-100:hover, .f\:d-bc-magenta-100:focus, .f\:d-bc-magenta-100:focus-within, .fv\:d-bc-magenta-100:focus-visible {
8292
- --bco: 100%;
8293
- border-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
8113
+ --bco: var(--dt-color-magenta-100-a);
8114
+ border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bco)) !important;
8294
8115
  }
8295
8116
  .d-bc-magenta-200, .h\:d-bc-magenta-200:hover, .f\:d-bc-magenta-200:focus, .f\:d-bc-magenta-200:focus-within, .fv\:d-bc-magenta-200:focus-visible {
8296
- --bco: 100%;
8297
- border-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
8117
+ --bco: var(--dt-color-magenta-200-a);
8118
+ border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bco)) !important;
8298
8119
  }
8299
8120
  .d-bc-magenta-300, .h\:d-bc-magenta-300:hover, .f\:d-bc-magenta-300:focus, .f\:d-bc-magenta-300:focus-within, .fv\:d-bc-magenta-300:focus-visible {
8300
- --bco: 100%;
8301
- border-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
8121
+ --bco: var(--dt-color-magenta-300-a);
8122
+ border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bco)) !important;
8302
8123
  }
8303
8124
  .d-bc-magenta-400, .h\:d-bc-magenta-400:hover, .f\:d-bc-magenta-400:focus, .f\:d-bc-magenta-400:focus-within, .fv\:d-bc-magenta-400:focus-visible {
8304
- --bco: 100%;
8305
- border-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
8125
+ --bco: var(--dt-color-magenta-400-a);
8126
+ border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bco)) !important;
8306
8127
  }
8307
8128
  .d-bc-magenta-500, .h\:d-bc-magenta-500:hover, .f\:d-bc-magenta-500:focus, .f\:d-bc-magenta-500:focus-within, .fv\:d-bc-magenta-500:focus-visible {
8308
- --bco: 100%;
8309
- border-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
8129
+ --bco: var(--dt-color-magenta-500-a);
8130
+ border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bco)) !important;
8310
8131
  }
8311
8132
  .d-bc-gold-100, .h\:d-bc-gold-100:hover, .f\:d-bc-gold-100:focus, .f\:d-bc-gold-100:focus-within, .fv\:d-bc-gold-100:focus-visible {
8312
- --bco: 100%;
8313
- border-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
8133
+ --bco: var(--dt-color-gold-100-a);
8134
+ border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bco)) !important;
8314
8135
  }
8315
8136
  .d-bc-gold-200, .h\:d-bc-gold-200:hover, .f\:d-bc-gold-200:focus, .f\:d-bc-gold-200:focus-within, .fv\:d-bc-gold-200:focus-visible {
8316
- --bco: 100%;
8317
- border-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
8137
+ --bco: var(--dt-color-gold-200-a);
8138
+ border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bco)) !important;
8318
8139
  }
8319
8140
  .d-bc-gold-300, .h\:d-bc-gold-300:hover, .f\:d-bc-gold-300:focus, .f\:d-bc-gold-300:focus-within, .fv\:d-bc-gold-300:focus-visible {
8320
- --bco: 100%;
8321
- border-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
8141
+ --bco: var(--dt-color-gold-300-a);
8142
+ border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bco)) !important;
8322
8143
  }
8323
8144
  .d-bc-gold-400, .h\:d-bc-gold-400:hover, .f\:d-bc-gold-400:focus, .f\:d-bc-gold-400:focus-within, .fv\:d-bc-gold-400:focus-visible {
8324
- --bco: 100%;
8325
- border-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
8145
+ --bco: var(--dt-color-gold-400-a);
8146
+ border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bco)) !important;
8326
8147
  }
8327
8148
  .d-bc-gold-500, .h\:d-bc-gold-500:hover, .f\:d-bc-gold-500:focus, .f\:d-bc-gold-500:focus-within, .fv\:d-bc-gold-500:focus-visible {
8328
- --bco: 100%;
8329
- border-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
8149
+ --bco: var(--dt-color-gold-500-a);
8150
+ border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bco)) !important;
8330
8151
  }
8331
8152
  .d-bc-green-100, .h\:d-bc-green-100:hover, .f\:d-bc-green-100:focus, .f\:d-bc-green-100:focus-within, .fv\:d-bc-green-100:focus-visible {
8332
- --bco: 100%;
8333
- border-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
8153
+ --bco: var(--dt-color-green-100-a);
8154
+ border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bco)) !important;
8334
8155
  }
8335
8156
  .d-bc-green-200, .h\:d-bc-green-200:hover, .f\:d-bc-green-200:focus, .f\:d-bc-green-200:focus-within, .fv\:d-bc-green-200:focus-visible {
8336
- --bco: 100%;
8337
- border-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
8157
+ --bco: var(--dt-color-green-200-a);
8158
+ border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bco)) !important;
8338
8159
  }
8339
8160
  .d-bc-green-300, .h\:d-bc-green-300:hover, .f\:d-bc-green-300:focus, .f\:d-bc-green-300:focus-within, .fv\:d-bc-green-300:focus-visible {
8340
- --bco: 100%;
8341
- border-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
8161
+ --bco: var(--dt-color-green-300-a);
8162
+ border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bco)) !important;
8342
8163
  }
8343
8164
  .d-bc-green-400, .h\:d-bc-green-400:hover, .f\:d-bc-green-400:focus, .f\:d-bc-green-400:focus-within, .fv\:d-bc-green-400:focus-visible {
8344
- --bco: 100%;
8345
- border-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
8165
+ --bco: var(--dt-color-green-400-a);
8166
+ border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bco)) !important;
8346
8167
  }
8347
8168
  .d-bc-green-500, .h\:d-bc-green-500:hover, .f\:d-bc-green-500:focus, .f\:d-bc-green-500:focus-within, .fv\:d-bc-green-500:focus-visible {
8348
- --bco: 100%;
8349
- border-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
8169
+ --bco: var(--dt-color-green-500-a);
8170
+ border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bco)) !important;
8350
8171
  }
8351
8172
  .d-bc-red-100, .h\:d-bc-red-100:hover, .f\:d-bc-red-100:focus, .f\:d-bc-red-100:focus-within, .fv\:d-bc-red-100:focus-visible {
8352
- --bco: 100%;
8353
- border-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
8173
+ --bco: var(--dt-color-red-100-a);
8174
+ border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bco)) !important;
8354
8175
  }
8355
8176
  .d-bc-red-200, .h\:d-bc-red-200:hover, .f\:d-bc-red-200:focus, .f\:d-bc-red-200:focus-within, .fv\:d-bc-red-200:focus-visible {
8356
- --bco: 100%;
8357
- border-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
8177
+ --bco: var(--dt-color-red-200-a);
8178
+ border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bco)) !important;
8358
8179
  }
8359
8180
  .d-bc-red-300, .h\:d-bc-red-300:hover, .f\:d-bc-red-300:focus, .f\:d-bc-red-300:focus-within, .fv\:d-bc-red-300:focus-visible {
8360
- --bco: 100%;
8361
- border-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
8181
+ --bco: var(--dt-color-red-300-a);
8182
+ border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bco)) !important;
8362
8183
  }
8363
8184
  .d-bc-red-400, .h\:d-bc-red-400:hover, .f\:d-bc-red-400:focus, .f\:d-bc-red-400:focus-within, .fv\:d-bc-red-400:focus-visible {
8364
- --bco: 100%;
8365
- border-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
8185
+ --bco: var(--dt-color-red-400-a);
8186
+ border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bco)) !important;
8366
8187
  }
8367
8188
  .d-bc-red-500, .h\:d-bc-red-500:hover, .f\:d-bc-red-500:focus, .f\:d-bc-red-500:focus-within, .fv\:d-bc-red-500:focus-visible {
8368
- --bco: 100%;
8369
- border-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
8189
+ --bco: var(--dt-color-red-500-a);
8190
+ border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bco)) !important;
8370
8191
  }
8371
8192
  .d-bc-tan-100, .h\:d-bc-tan-100:hover, .f\:d-bc-tan-100:focus, .f\:d-bc-tan-100:focus-within, .fv\:d-bc-tan-100:focus-visible {
8372
- --bco: 100%;
8373
- border-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
8193
+ --bco: var(--dt-color-tan-100-a);
8194
+ border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bco)) !important;
8374
8195
  }
8375
8196
  .d-bc-tan-200, .h\:d-bc-tan-200:hover, .f\:d-bc-tan-200:focus, .f\:d-bc-tan-200:focus-within, .fv\:d-bc-tan-200:focus-visible {
8376
- --bco: 100%;
8377
- border-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
8197
+ --bco: var(--dt-color-tan-200-a);
8198
+ border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bco)) !important;
8378
8199
  }
8379
8200
  .d-bc-tan-300, .h\:d-bc-tan-300:hover, .f\:d-bc-tan-300:focus, .f\:d-bc-tan-300:focus-within, .fv\:d-bc-tan-300:focus-visible {
8380
- --bco: 100%;
8381
- border-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
8201
+ --bco: var(--dt-color-tan-300-a);
8202
+ border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bco)) !important;
8382
8203
  }
8383
8204
  .d-bc-tan-400, .h\:d-bc-tan-400:hover, .f\:d-bc-tan-400:focus, .f\:d-bc-tan-400:focus-within, .fv\:d-bc-tan-400:focus-visible {
8384
- --bco: 100%;
8385
- border-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
8205
+ --bco: var(--dt-color-tan-400-a);
8206
+ border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bco)) !important;
8386
8207
  }
8387
8208
  .d-bc-tan-500, .h\:d-bc-tan-500:hover, .f\:d-bc-tan-500:focus, .f\:d-bc-tan-500:focus-within, .fv\:d-bc-tan-500:focus-visible {
8388
- --bco: 100%;
8389
- border-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
8209
+ --bco: var(--dt-color-tan-500-a);
8210
+ border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bco)) !important;
8211
+ }
8212
+ .d-bc-subtle, .h\:d-bc-subtle:hover, .f\:d-bc-subtle:focus, .f\:d-bc-subtle:focus-within, .fv\:d-bc-subtle:focus-visible {
8213
+ --bco: var(--dt-color-border-subtle-a);
8214
+ border-color: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--bco)) !important;
8215
+ }
8216
+ .d-bc-default, .h\:d-bc-default:hover, .f\:d-bc-default:focus, .f\:d-bc-default:focus-within, .fv\:d-bc-default:focus-visible {
8217
+ --bco: var(--dt-color-border-default-a);
8218
+ border-color: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--bco)) !important;
8219
+ }
8220
+ .d-bc-moderate, .h\:d-bc-moderate:hover, .f\:d-bc-moderate:focus, .f\:d-bc-moderate:focus-within, .fv\:d-bc-moderate:focus-visible {
8221
+ --bco: var(--dt-color-border-moderate-a);
8222
+ border-color: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--bco)) !important;
8223
+ }
8224
+ .d-bc-bold, .h\:d-bc-bold:hover, .f\:d-bc-bold:focus, .f\:d-bc-bold:focus-within, .fv\:d-bc-bold:focus-visible {
8225
+ --bco: var(--dt-color-border-bold-a);
8226
+ border-color: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--bco)) !important;
8227
+ }
8228
+ .d-bc-subtle-inverted, .h\:d-bc-subtle-inverted:hover, .f\:d-bc-subtle-inverted:focus, .f\:d-bc-subtle-inverted:focus-within, .fv\:d-bc-subtle-inverted:focus-visible {
8229
+ --bco: var(--dt-color-border-subtle-inverted-a);
8230
+ border-color: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--bco)) !important;
8231
+ }
8232
+ .d-bc-default-inverted, .h\:d-bc-default-inverted:hover, .f\:d-bc-default-inverted:focus, .f\:d-bc-default-inverted:focus-within, .fv\:d-bc-default-inverted:focus-visible {
8233
+ --bco: var(--dt-color-border-default-inverted-a);
8234
+ border-color: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--bco)) !important;
8235
+ }
8236
+ .d-bc-moderate-inverted, .h\:d-bc-moderate-inverted:hover, .f\:d-bc-moderate-inverted:focus, .f\:d-bc-moderate-inverted:focus-within, .fv\:d-bc-moderate-inverted:focus-visible {
8237
+ --bco: var(--dt-color-border-moderate-inverted-a);
8238
+ border-color: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--bco)) !important;
8239
+ }
8240
+ .d-bc-bold-inverted, .h\:d-bc-bold-inverted:hover, .f\:d-bc-bold-inverted:focus, .f\:d-bc-bold-inverted:focus-within, .fv\:d-bc-bold-inverted:focus-visible {
8241
+ --bco: var(--dt-color-border-bold-inverted-a);
8242
+ border-color: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--bco)) !important;
8243
+ }
8244
+ .d-bc-focus, .h\:d-bc-focus:hover, .f\:d-bc-focus:focus, .f\:d-bc-focus:focus-within, .fv\:d-bc-focus:focus-visible {
8245
+ --bco: var(--dt-color-border-focus-a);
8246
+ border-color: hsl(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--bco)) !important;
8247
+ }
8248
+ .d-bc-critical, .h\:d-bc-critical:hover, .f\:d-bc-critical:focus, .f\:d-bc-critical:focus-within, .fv\:d-bc-critical:focus-visible {
8249
+ --bco: var(--dt-color-border-critical-a);
8250
+ border-color: hsl(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--bco)) !important;
8251
+ }
8252
+ .d-bc-success, .h\:d-bc-success:hover, .f\:d-bc-success:focus, .f\:d-bc-success:focus-within, .fv\:d-bc-success:focus-visible {
8253
+ --bco: var(--dt-color-border-success-a);
8254
+ border-color: hsl(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--bco)) !important;
8255
+ }
8256
+ .d-bc-warning, .h\:d-bc-warning:hover, .f\:d-bc-warning:focus, .f\:d-bc-warning:focus-within, .fv\:d-bc-warning:focus-visible {
8257
+ --bco: var(--dt-color-border-warning-a);
8258
+ border-color: hsl(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--bco)) !important;
8259
+ }
8260
+ .d-bc-brand, .h\:d-bc-brand:hover, .f\:d-bc-brand:focus, .f\:d-bc-brand:focus-within, .fv\:d-bc-brand:focus-visible {
8261
+ --bco: var(--dt-color-border-brand-a);
8262
+ border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
8263
+ }
8264
+ .d-bc-ai, .h\:d-bc-ai:hover, .f\:d-bc-ai:focus, .f\:d-bc-ai:focus-within, .fv\:d-bc-ai:focus-visible {
8265
+ --bco: var(--dt-color-border-ai-a);
8266
+ border-color: hsl(var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l) / var(--bco)) !important;
8267
+ }
8268
+ .d-bc-accent, .h\:d-bc-accent:hover, .f\:d-bc-accent:focus, .f\:d-bc-accent:focus-within, .fv\:d-bc-accent:focus-visible {
8269
+ --bco: var(--dt-color-border-accent-a);
8270
+ border-color: hsl(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--bco)) !important;
8271
+ }
8272
+ .d-bc-critical-subtle, .h\:d-bc-critical-subtle:hover, .f\:d-bc-critical-subtle:focus, .f\:d-bc-critical-subtle:focus-within, .fv\:d-bc-critical-subtle:focus-visible {
8273
+ --bco: var(--dt-color-border-critical-subtle-a);
8274
+ border-color: hsl(var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l) / var(--bco)) !important;
8275
+ }
8276
+ .d-bc-critical-strong, .h\:d-bc-critical-strong:hover, .f\:d-bc-critical-strong:focus, .f\:d-bc-critical-strong:focus-within, .fv\:d-bc-critical-strong:focus-visible {
8277
+ --bco: var(--dt-color-border-critical-strong-a);
8278
+ border-color: hsl(var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l) / var(--bco)) !important;
8279
+ }
8280
+ .d-bc-success-subtle, .h\:d-bc-success-subtle:hover, .f\:d-bc-success-subtle:focus, .f\:d-bc-success-subtle:focus-within, .fv\:d-bc-success-subtle:focus-visible {
8281
+ --bco: var(--dt-color-border-success-subtle-a);
8282
+ border-color: hsl(var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l) / var(--bco)) !important;
8283
+ }
8284
+ .d-bc-success-strong, .h\:d-bc-success-strong:hover, .f\:d-bc-success-strong:focus, .f\:d-bc-success-strong:focus-within, .fv\:d-bc-success-strong:focus-visible {
8285
+ --bco: var(--dt-color-border-success-strong-a);
8286
+ border-color: hsl(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--bco)) !important;
8287
+ }
8288
+ .d-bc-warning-subtle, .h\:d-bc-warning-subtle:hover, .f\:d-bc-warning-subtle:focus, .f\:d-bc-warning-subtle:focus-within, .fv\:d-bc-warning-subtle:focus-visible {
8289
+ --bco: var(--dt-color-border-warning-subtle-a);
8290
+ border-color: hsl(var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l) / var(--bco)) !important;
8291
+ }
8292
+ .d-bc-warning-strong, .h\:d-bc-warning-strong:hover, .f\:d-bc-warning-strong:focus, .f\:d-bc-warning-strong:focus-within, .fv\:d-bc-warning-strong:focus-visible {
8293
+ --bco: var(--dt-color-border-warning-strong-a);
8294
+ border-color: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--bco)) !important;
8295
+ }
8296
+ .d-bc-brand-subtle, .h\:d-bc-brand-subtle:hover, .f\:d-bc-brand-subtle:focus, .f\:d-bc-brand-subtle:focus-within, .fv\:d-bc-brand-subtle:focus-visible {
8297
+ --bco: var(--dt-color-border-brand-subtle-a);
8298
+ border-color: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--bco)) !important;
8299
+ }
8300
+ .d-bc-brand-strong, .h\:d-bc-brand-strong:hover, .f\:d-bc-brand-strong:focus, .f\:d-bc-brand-strong:focus-within, .fv\:d-bc-brand-strong:focus-visible {
8301
+ --bco: var(--dt-color-border-brand-strong-a);
8302
+ border-color: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--bco)) !important;
8303
+ }
8304
+ .d-bc-critical-inverted, .h\:d-bc-critical-inverted:hover, .f\:d-bc-critical-inverted:focus, .f\:d-bc-critical-inverted:focus-within, .fv\:d-bc-critical-inverted:focus-visible {
8305
+ --bco: var(--dt-color-border-critical-inverted-a);
8306
+ border-color: hsl(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--bco)) !important;
8307
+ }
8308
+ .d-bc-success-inverted, .h\:d-bc-success-inverted:hover, .f\:d-bc-success-inverted:focus, .f\:d-bc-success-inverted:focus-within, .fv\:d-bc-success-inverted:focus-visible {
8309
+ --bco: var(--dt-color-border-success-inverted-a);
8310
+ border-color: hsl(var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l) / var(--bco)) !important;
8311
+ }
8312
+ .d-bc-warning-inverted, .h\:d-bc-warning-inverted:hover, .f\:d-bc-warning-inverted:focus, .f\:d-bc-warning-inverted:focus-within, .fv\:d-bc-warning-inverted:focus-visible {
8313
+ --bco: var(--dt-color-border-warning-inverted-a);
8314
+ border-color: hsl(var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l) / var(--bco)) !important;
8315
+ }
8316
+ .d-bc-brand-inverted, .h\:d-bc-brand-inverted:hover, .f\:d-bc-brand-inverted:focus, .f\:d-bc-brand-inverted:focus-within, .fv\:d-bc-brand-inverted:focus-visible {
8317
+ --bco: var(--dt-color-border-brand-inverted-a);
8318
+ border-color: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--bco)) !important;
8319
+ }
8320
+ .d-bc-critical-subtle-inverted, .h\:d-bc-critical-subtle-inverted:hover, .f\:d-bc-critical-subtle-inverted:focus, .f\:d-bc-critical-subtle-inverted:focus-within, .fv\:d-bc-critical-subtle-inverted:focus-visible {
8321
+ --bco: var(--dt-color-border-critical-subtle-inverted-a);
8322
+ border-color: hsl(var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l) / var(--bco)) !important;
8323
+ }
8324
+ .d-bc-critical-strong-inverted, .h\:d-bc-critical-strong-inverted:hover, .f\:d-bc-critical-strong-inverted:focus, .f\:d-bc-critical-strong-inverted:focus-within, .fv\:d-bc-critical-strong-inverted:focus-visible {
8325
+ --bco: var(--dt-color-border-critical-strong-inverted-a);
8326
+ border-color: hsl(var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l) / var(--bco)) !important;
8327
+ }
8328
+ .d-bc-success-subtle-inverted, .h\:d-bc-success-subtle-inverted:hover, .f\:d-bc-success-subtle-inverted:focus, .f\:d-bc-success-subtle-inverted:focus-within, .fv\:d-bc-success-subtle-inverted:focus-visible {
8329
+ --bco: var(--dt-color-border-success-subtle-inverted-a);
8330
+ border-color: hsl(var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l) / var(--bco)) !important;
8331
+ }
8332
+ .d-bc-success-strong-inverted, .h\:d-bc-success-strong-inverted:hover, .f\:d-bc-success-strong-inverted:focus, .f\:d-bc-success-strong-inverted:focus-within, .fv\:d-bc-success-strong-inverted:focus-visible {
8333
+ --bco: var(--dt-color-border-success-strong-inverted-a);
8334
+ border-color: hsl(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--bco)) !important;
8335
+ }
8336
+ .d-bc-warning-subtle-inverted, .h\:d-bc-warning-subtle-inverted:hover, .f\:d-bc-warning-subtle-inverted:focus, .f\:d-bc-warning-subtle-inverted:focus-within, .fv\:d-bc-warning-subtle-inverted:focus-visible {
8337
+ --bco: var(--dt-color-border-warning-subtle-inverted-a);
8338
+ border-color: hsl(var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l) / var(--bco)) !important;
8339
+ }
8340
+ .d-bc-warning-strong-inverted, .h\:d-bc-warning-strong-inverted:hover, .f\:d-bc-warning-strong-inverted:focus, .f\:d-bc-warning-strong-inverted:focus-within, .fv\:d-bc-warning-strong-inverted:focus-visible {
8341
+ --bco: var(--dt-color-border-warning-strong-inverted-a);
8342
+ border-color: hsl(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--bco)) !important;
8343
+ }
8344
+ .d-bc-brand-subtle-inverted, .h\:d-bc-brand-subtle-inverted:hover, .f\:d-bc-brand-subtle-inverted:focus, .f\:d-bc-brand-subtle-inverted:focus-within, .fv\:d-bc-brand-subtle-inverted:focus-visible {
8345
+ --bco: var(--dt-color-border-brand-subtle-inverted-a);
8346
+ border-color: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--bco)) !important;
8347
+ }
8348
+ .d-bc-brand-strong-inverted, .h\:d-bc-brand-strong-inverted:hover, .f\:d-bc-brand-strong-inverted:focus, .f\:d-bc-brand-strong-inverted:focus-within, .fv\:d-bc-brand-strong-inverted:focus-visible {
8349
+ --bco: var(--dt-color-border-brand-strong-inverted-a);
8350
+ border-color: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--bco)) !important;
8390
8351
  }
8391
8352
  .d-bgc-neutral-white, .h\:d-bgc-neutral-white:hover, .f\:d-bgc-neutral-white:focus, .f\:d-bgc-neutral-white:focus-within, .fv\:d-bgc-neutral-white:focus-visible {
8392
- --bgo: 100%;
8393
- background-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
8353
+ --bgo: var(--dt-color-neutral-white-a);
8354
+ background-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgo)) !important;
8394
8355
  }
8395
8356
  .d-bgc-neutral-black, .h\:d-bgc-neutral-black:hover, .f\:d-bgc-neutral-black:focus, .f\:d-bgc-neutral-black:focus-within, .fv\:d-bgc-neutral-black:focus-visible {
8396
- --bgo: 100%;
8397
- background-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
8357
+ --bgo: var(--dt-color-neutral-black-a);
8358
+ background-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgo)) !important;
8398
8359
  }
8399
8360
  .d-bgc-black-100, .h\:d-bgc-black-100:hover, .f\:d-bgc-black-100:focus, .f\:d-bgc-black-100:focus-within, .fv\:d-bgc-black-100:focus-visible {
8400
- --bgo: 100%;
8401
- background-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
8361
+ --bgo: var(--dt-color-black-100-a);
8362
+ background-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgo)) !important;
8402
8363
  }
8403
8364
  .d-bgc-black-200, .h\:d-bgc-black-200:hover, .f\:d-bgc-black-200:focus, .f\:d-bgc-black-200:focus-within, .fv\:d-bgc-black-200:focus-visible {
8404
- --bgo: 100%;
8405
- background-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
8365
+ --bgo: var(--dt-color-black-200-a);
8366
+ background-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgo)) !important;
8406
8367
  }
8407
8368
  .d-bgc-black-300, .h\:d-bgc-black-300:hover, .f\:d-bgc-black-300:focus, .f\:d-bgc-black-300:focus-within, .fv\:d-bgc-black-300:focus-visible {
8408
- --bgo: 100%;
8409
- background-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
8369
+ --bgo: var(--dt-color-black-300-a);
8370
+ background-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgo)) !important;
8410
8371
  }
8411
8372
  .d-bgc-black-400, .h\:d-bgc-black-400:hover, .f\:d-bgc-black-400:focus, .f\:d-bgc-black-400:focus-within, .fv\:d-bgc-black-400:focus-visible {
8412
- --bgo: 100%;
8413
- background-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
8373
+ --bgo: var(--dt-color-black-400-a);
8374
+ background-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgo)) !important;
8414
8375
  }
8415
8376
  .d-bgc-black-500, .h\:d-bgc-black-500:hover, .f\:d-bgc-black-500:focus, .f\:d-bgc-black-500:focus-within, .fv\:d-bgc-black-500:focus-visible {
8416
- --bgo: 100%;
8417
- background-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
8377
+ --bgo: var(--dt-color-black-500-a);
8378
+ background-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgo)) !important;
8418
8379
  }
8419
8380
  .d-bgc-black-600, .h\:d-bgc-black-600:hover, .f\:d-bgc-black-600:focus, .f\:d-bgc-black-600:focus-within, .fv\:d-bgc-black-600:focus-visible {
8420
- --bgo: 100%;
8421
- background-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
8381
+ --bgo: var(--dt-color-black-600-a);
8382
+ background-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgo)) !important;
8422
8383
  }
8423
8384
  .d-bgc-black-700, .h\:d-bgc-black-700:hover, .f\:d-bgc-black-700:focus, .f\:d-bgc-black-700:focus-within, .fv\:d-bgc-black-700:focus-visible {
8424
- --bgo: 100%;
8425
- background-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
8385
+ --bgo: var(--dt-color-black-700-a);
8386
+ background-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgo)) !important;
8426
8387
  }
8427
8388
  .d-bgc-black-800, .h\:d-bgc-black-800:hover, .f\:d-bgc-black-800:focus, .f\:d-bgc-black-800:focus-within, .fv\:d-bgc-black-800:focus-visible {
8428
- --bgo: 100%;
8429
- background-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
8389
+ --bgo: var(--dt-color-black-800-a);
8390
+ background-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgo)) !important;
8430
8391
  }
8431
8392
  .d-bgc-black-900, .h\:d-bgc-black-900:hover, .f\:d-bgc-black-900:focus, .f\:d-bgc-black-900:focus-within, .fv\:d-bgc-black-900:focus-visible {
8432
- --bgo: 100%;
8433
- background-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
8393
+ --bgo: var(--dt-color-black-900-a);
8394
+ background-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgo)) !important;
8434
8395
  }
8435
8396
  .d-bgc-purple-100, .h\:d-bgc-purple-100:hover, .f\:d-bgc-purple-100:focus, .f\:d-bgc-purple-100:focus-within, .fv\:d-bgc-purple-100:focus-visible {
8436
- --bgo: 100%;
8437
- background-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
8397
+ --bgo: var(--dt-color-purple-100-a);
8398
+ background-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgo)) !important;
8438
8399
  }
8439
8400
  .d-bgc-purple-200, .h\:d-bgc-purple-200:hover, .f\:d-bgc-purple-200:focus, .f\:d-bgc-purple-200:focus-within, .fv\:d-bgc-purple-200:focus-visible {
8440
- --bgo: 100%;
8441
- background-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
8401
+ --bgo: var(--dt-color-purple-200-a);
8402
+ background-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgo)) !important;
8442
8403
  }
8443
8404
  .d-bgc-purple-300, .h\:d-bgc-purple-300:hover, .f\:d-bgc-purple-300:focus, .f\:d-bgc-purple-300:focus-within, .fv\:d-bgc-purple-300:focus-visible {
8444
- --bgo: 100%;
8445
- background-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
8405
+ --bgo: var(--dt-color-purple-300-a);
8406
+ background-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgo)) !important;
8446
8407
  }
8447
8408
  .d-bgc-purple-400, .h\:d-bgc-purple-400:hover, .f\:d-bgc-purple-400:focus, .f\:d-bgc-purple-400:focus-within, .fv\:d-bgc-purple-400:focus-visible {
8448
- --bgo: 100%;
8449
- background-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
8409
+ --bgo: var(--dt-color-purple-400-a);
8410
+ background-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgo)) !important;
8450
8411
  }
8451
8412
  .d-bgc-purple-500, .h\:d-bgc-purple-500:hover, .f\:d-bgc-purple-500:focus, .f\:d-bgc-purple-500:focus-within, .fv\:d-bgc-purple-500:focus-visible {
8452
- --bgo: 100%;
8453
- background-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
8413
+ --bgo: var(--dt-color-purple-500-a);
8414
+ background-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgo)) !important;
8454
8415
  }
8455
8416
  .d-bgc-purple-600, .h\:d-bgc-purple-600:hover, .f\:d-bgc-purple-600:focus, .f\:d-bgc-purple-600:focus-within, .fv\:d-bgc-purple-600:focus-visible {
8456
- --bgo: 100%;
8457
- background-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
8417
+ --bgo: var(--dt-color-purple-600-a);
8418
+ background-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgo)) !important;
8458
8419
  }
8459
8420
  .d-bgc-blue-100, .h\:d-bgc-blue-100:hover, .f\:d-bgc-blue-100:focus, .f\:d-bgc-blue-100:focus-within, .fv\:d-bgc-blue-100:focus-visible {
8460
- --bgo: 100%;
8461
- background-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
8421
+ --bgo: var(--dt-color-blue-100-a);
8422
+ background-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgo)) !important;
8462
8423
  }
8463
8424
  .d-bgc-blue-200, .h\:d-bgc-blue-200:hover, .f\:d-bgc-blue-200:focus, .f\:d-bgc-blue-200:focus-within, .fv\:d-bgc-blue-200:focus-visible {
8464
- --bgo: 100%;
8465
- background-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
8425
+ --bgo: var(--dt-color-blue-200-a);
8426
+ background-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgo)) !important;
8466
8427
  }
8467
8428
  .d-bgc-blue-300, .h\:d-bgc-blue-300:hover, .f\:d-bgc-blue-300:focus, .f\:d-bgc-blue-300:focus-within, .fv\:d-bgc-blue-300:focus-visible {
8468
- --bgo: 100%;
8469
- background-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
8429
+ --bgo: var(--dt-color-blue-300-a);
8430
+ background-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgo)) !important;
8470
8431
  }
8471
8432
  .d-bgc-blue-400, .h\:d-bgc-blue-400:hover, .f\:d-bgc-blue-400:focus, .f\:d-bgc-blue-400:focus-within, .fv\:d-bgc-blue-400:focus-visible {
8472
- --bgo: 100%;
8473
- background-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
8433
+ --bgo: var(--dt-color-blue-400-a);
8434
+ background-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgo)) !important;
8474
8435
  }
8475
8436
  .d-bgc-blue-500, .h\:d-bgc-blue-500:hover, .f\:d-bgc-blue-500:focus, .f\:d-bgc-blue-500:focus-within, .fv\:d-bgc-blue-500:focus-visible {
8476
- --bgo: 100%;
8477
- background-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
8437
+ --bgo: var(--dt-color-blue-500-a);
8438
+ background-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgo)) !important;
8478
8439
  }
8479
8440
  .d-bgc-magenta-100, .h\:d-bgc-magenta-100:hover, .f\:d-bgc-magenta-100:focus, .f\:d-bgc-magenta-100:focus-within, .fv\:d-bgc-magenta-100:focus-visible {
8480
- --bgo: 100%;
8481
- background-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
8441
+ --bgo: var(--dt-color-magenta-100-a);
8442
+ background-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgo)) !important;
8482
8443
  }
8483
8444
  .d-bgc-magenta-200, .h\:d-bgc-magenta-200:hover, .f\:d-bgc-magenta-200:focus, .f\:d-bgc-magenta-200:focus-within, .fv\:d-bgc-magenta-200:focus-visible {
8484
- --bgo: 100%;
8485
- background-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
8445
+ --bgo: var(--dt-color-magenta-200-a);
8446
+ background-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgo)) !important;
8486
8447
  }
8487
8448
  .d-bgc-magenta-300, .h\:d-bgc-magenta-300:hover, .f\:d-bgc-magenta-300:focus, .f\:d-bgc-magenta-300:focus-within, .fv\:d-bgc-magenta-300:focus-visible {
8488
- --bgo: 100%;
8489
- background-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
8449
+ --bgo: var(--dt-color-magenta-300-a);
8450
+ background-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgo)) !important;
8490
8451
  }
8491
8452
  .d-bgc-magenta-400, .h\:d-bgc-magenta-400:hover, .f\:d-bgc-magenta-400:focus, .f\:d-bgc-magenta-400:focus-within, .fv\:d-bgc-magenta-400:focus-visible {
8492
- --bgo: 100%;
8493
- background-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
8453
+ --bgo: var(--dt-color-magenta-400-a);
8454
+ background-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgo)) !important;
8494
8455
  }
8495
8456
  .d-bgc-magenta-500, .h\:d-bgc-magenta-500:hover, .f\:d-bgc-magenta-500:focus, .f\:d-bgc-magenta-500:focus-within, .fv\:d-bgc-magenta-500:focus-visible {
8496
- --bgo: 100%;
8497
- background-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
8457
+ --bgo: var(--dt-color-magenta-500-a);
8458
+ background-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgo)) !important;
8498
8459
  }
8499
8460
  .d-bgc-gold-100, .h\:d-bgc-gold-100:hover, .f\:d-bgc-gold-100:focus, .f\:d-bgc-gold-100:focus-within, .fv\:d-bgc-gold-100:focus-visible {
8500
- --bgo: 100%;
8501
- background-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
8461
+ --bgo: var(--dt-color-gold-100-a);
8462
+ background-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgo)) !important;
8502
8463
  }
8503
8464
  .d-bgc-gold-200, .h\:d-bgc-gold-200:hover, .f\:d-bgc-gold-200:focus, .f\:d-bgc-gold-200:focus-within, .fv\:d-bgc-gold-200:focus-visible {
8504
- --bgo: 100%;
8505
- background-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
8465
+ --bgo: var(--dt-color-gold-200-a);
8466
+ background-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgo)) !important;
8506
8467
  }
8507
8468
  .d-bgc-gold-300, .h\:d-bgc-gold-300:hover, .f\:d-bgc-gold-300:focus, .f\:d-bgc-gold-300:focus-within, .fv\:d-bgc-gold-300:focus-visible {
8508
- --bgo: 100%;
8509
- background-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
8469
+ --bgo: var(--dt-color-gold-300-a);
8470
+ background-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgo)) !important;
8510
8471
  }
8511
8472
  .d-bgc-gold-400, .h\:d-bgc-gold-400:hover, .f\:d-bgc-gold-400:focus, .f\:d-bgc-gold-400:focus-within, .fv\:d-bgc-gold-400:focus-visible {
8512
- --bgo: 100%;
8513
- background-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
8473
+ --bgo: var(--dt-color-gold-400-a);
8474
+ background-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgo)) !important;
8514
8475
  }
8515
8476
  .d-bgc-gold-500, .h\:d-bgc-gold-500:hover, .f\:d-bgc-gold-500:focus, .f\:d-bgc-gold-500:focus-within, .fv\:d-bgc-gold-500:focus-visible {
8516
- --bgo: 100%;
8517
- background-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
8477
+ --bgo: var(--dt-color-gold-500-a);
8478
+ background-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgo)) !important;
8518
8479
  }
8519
8480
  .d-bgc-green-100, .h\:d-bgc-green-100:hover, .f\:d-bgc-green-100:focus, .f\:d-bgc-green-100:focus-within, .fv\:d-bgc-green-100:focus-visible {
8520
- --bgo: 100%;
8521
- background-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
8481
+ --bgo: var(--dt-color-green-100-a);
8482
+ background-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgo)) !important;
8522
8483
  }
8523
8484
  .d-bgc-green-200, .h\:d-bgc-green-200:hover, .f\:d-bgc-green-200:focus, .f\:d-bgc-green-200:focus-within, .fv\:d-bgc-green-200:focus-visible {
8524
- --bgo: 100%;
8525
- background-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
8485
+ --bgo: var(--dt-color-green-200-a);
8486
+ background-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgo)) !important;
8526
8487
  }
8527
8488
  .d-bgc-green-300, .h\:d-bgc-green-300:hover, .f\:d-bgc-green-300:focus, .f\:d-bgc-green-300:focus-within, .fv\:d-bgc-green-300:focus-visible {
8528
- --bgo: 100%;
8529
- background-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
8489
+ --bgo: var(--dt-color-green-300-a);
8490
+ background-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgo)) !important;
8530
8491
  }
8531
8492
  .d-bgc-green-400, .h\:d-bgc-green-400:hover, .f\:d-bgc-green-400:focus, .f\:d-bgc-green-400:focus-within, .fv\:d-bgc-green-400:focus-visible {
8532
- --bgo: 100%;
8533
- background-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
8493
+ --bgo: var(--dt-color-green-400-a);
8494
+ background-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgo)) !important;
8534
8495
  }
8535
8496
  .d-bgc-green-500, .h\:d-bgc-green-500:hover, .f\:d-bgc-green-500:focus, .f\:d-bgc-green-500:focus-within, .fv\:d-bgc-green-500:focus-visible {
8536
- --bgo: 100%;
8537
- background-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
8497
+ --bgo: var(--dt-color-green-500-a);
8498
+ background-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgo)) !important;
8538
8499
  }
8539
8500
  .d-bgc-red-100, .h\:d-bgc-red-100:hover, .f\:d-bgc-red-100:focus, .f\:d-bgc-red-100:focus-within, .fv\:d-bgc-red-100:focus-visible {
8540
- --bgo: 100%;
8541
- background-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
8501
+ --bgo: var(--dt-color-red-100-a);
8502
+ background-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgo)) !important;
8542
8503
  }
8543
8504
  .d-bgc-red-200, .h\:d-bgc-red-200:hover, .f\:d-bgc-red-200:focus, .f\:d-bgc-red-200:focus-within, .fv\:d-bgc-red-200:focus-visible {
8544
- --bgo: 100%;
8545
- background-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
8505
+ --bgo: var(--dt-color-red-200-a);
8506
+ background-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgo)) !important;
8546
8507
  }
8547
8508
  .d-bgc-red-300, .h\:d-bgc-red-300:hover, .f\:d-bgc-red-300:focus, .f\:d-bgc-red-300:focus-within, .fv\:d-bgc-red-300:focus-visible {
8548
- --bgo: 100%;
8549
- background-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
8509
+ --bgo: var(--dt-color-red-300-a);
8510
+ background-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgo)) !important;
8550
8511
  }
8551
8512
  .d-bgc-red-400, .h\:d-bgc-red-400:hover, .f\:d-bgc-red-400:focus, .f\:d-bgc-red-400:focus-within, .fv\:d-bgc-red-400:focus-visible {
8552
- --bgo: 100%;
8553
- background-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
8513
+ --bgo: var(--dt-color-red-400-a);
8514
+ background-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgo)) !important;
8554
8515
  }
8555
8516
  .d-bgc-red-500, .h\:d-bgc-red-500:hover, .f\:d-bgc-red-500:focus, .f\:d-bgc-red-500:focus-within, .fv\:d-bgc-red-500:focus-visible {
8556
- --bgo: 100%;
8557
- background-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
8517
+ --bgo: var(--dt-color-red-500-a);
8518
+ background-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgo)) !important;
8558
8519
  }
8559
8520
  .d-bgc-tan-100, .h\:d-bgc-tan-100:hover, .f\:d-bgc-tan-100:focus, .f\:d-bgc-tan-100:focus-within, .fv\:d-bgc-tan-100:focus-visible {
8560
- --bgo: 100%;
8561
- background-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
8521
+ --bgo: var(--dt-color-tan-100-a);
8522
+ background-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgo)) !important;
8562
8523
  }
8563
8524
  .d-bgc-tan-200, .h\:d-bgc-tan-200:hover, .f\:d-bgc-tan-200:focus, .f\:d-bgc-tan-200:focus-within, .fv\:d-bgc-tan-200:focus-visible {
8564
- --bgo: 100%;
8565
- background-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
8525
+ --bgo: var(--dt-color-tan-200-a);
8526
+ background-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgo)) !important;
8566
8527
  }
8567
8528
  .d-bgc-tan-300, .h\:d-bgc-tan-300:hover, .f\:d-bgc-tan-300:focus, .f\:d-bgc-tan-300:focus-within, .fv\:d-bgc-tan-300:focus-visible {
8568
- --bgo: 100%;
8569
- background-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
8529
+ --bgo: var(--dt-color-tan-300-a);
8530
+ background-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgo)) !important;
8570
8531
  }
8571
8532
  .d-bgc-tan-400, .h\:d-bgc-tan-400:hover, .f\:d-bgc-tan-400:focus, .f\:d-bgc-tan-400:focus-within, .fv\:d-bgc-tan-400:focus-visible {
8572
- --bgo: 100%;
8573
- background-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
8533
+ --bgo: var(--dt-color-tan-400-a);
8534
+ background-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgo)) !important;
8574
8535
  }
8575
8536
  .d-bgc-tan-500, .h\:d-bgc-tan-500:hover, .f\:d-bgc-tan-500:focus, .f\:d-bgc-tan-500:focus-within, .fv\:d-bgc-tan-500:focus-visible {
8576
- --bgo: 100%;
8577
- background-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
8537
+ --bgo: var(--dt-color-tan-500-a);
8538
+ background-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgo)) !important;
8539
+ }
8540
+ .d-bgc-secondary-opaque, .h\:d-bgc-secondary-opaque:hover, .f\:d-bgc-secondary-opaque:focus, .f\:d-bgc-secondary-opaque:focus-within, .fv\:d-bgc-secondary-opaque:focus-visible {
8541
+ --bgo: var(--dt-color-surface-secondary-opaque-a);
8542
+ background-color: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--bgo)) !important;
8543
+ }
8544
+ .d-bgc-moderate-opaque, .h\:d-bgc-moderate-opaque:hover, .f\:d-bgc-moderate-opaque:focus, .f\:d-bgc-moderate-opaque:focus-within, .fv\:d-bgc-moderate-opaque:focus-visible {
8545
+ --bgo: var(--dt-color-surface-moderate-opaque-a);
8546
+ background-color: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--bgo)) !important;
8547
+ }
8548
+ .d-bgc-bold-opaque, .h\:d-bgc-bold-opaque:hover, .f\:d-bgc-bold-opaque:focus, .f\:d-bgc-bold-opaque:focus-within, .fv\:d-bgc-bold-opaque:focus-visible {
8549
+ --bgo: var(--dt-color-surface-bold-opaque-a);
8550
+ background-color: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--bgo)) !important;
8551
+ }
8552
+ .d-bgc-strong-opaque, .h\:d-bgc-strong-opaque:hover, .f\:d-bgc-strong-opaque:focus, .f\:d-bgc-strong-opaque:focus-within, .fv\:d-bgc-strong-opaque:focus-visible {
8553
+ --bgo: var(--dt-color-surface-strong-opaque-a);
8554
+ background-color: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--bgo)) !important;
8555
+ }
8556
+ .d-bgc-contrast-opaque, .h\:d-bgc-contrast-opaque:hover, .f\:d-bgc-contrast-opaque:focus, .f\:d-bgc-contrast-opaque:focus-within, .fv\:d-bgc-contrast-opaque:focus-visible {
8557
+ --bgo: var(--dt-color-surface-contrast-opaque-a);
8558
+ background-color: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--bgo)) !important;
8559
+ }
8560
+ .d-bgc-backdrop, .h\:d-bgc-backdrop:hover, .f\:d-bgc-backdrop:focus, .f\:d-bgc-backdrop:focus-within, .fv\:d-bgc-backdrop:focus-visible {
8561
+ --bgo: var(--dt-color-surface-backdrop-a);
8562
+ background-color: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--bgo)) !important;
8563
+ }
8564
+ .d-bgc-critical-opaque, .h\:d-bgc-critical-opaque:hover, .f\:d-bgc-critical-opaque:focus, .f\:d-bgc-critical-opaque:focus-within, .fv\:d-bgc-critical-opaque:focus-visible {
8565
+ --bgo: var(--dt-color-surface-critical-opaque-a);
8566
+ background-color: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--bgo)) !important;
8567
+ }
8568
+ .d-bgc-critical-subtle-opaque, .h\:d-bgc-critical-subtle-opaque:hover, .f\:d-bgc-critical-subtle-opaque:focus, .f\:d-bgc-critical-subtle-opaque:focus-within, .fv\:d-bgc-critical-subtle-opaque:focus-visible {
8569
+ --bgo: var(--dt-color-surface-critical-subtle-opaque-a);
8570
+ background-color: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--bgo)) !important;
8571
+ }
8572
+ .d-bgc-warning-opaque, .h\:d-bgc-warning-opaque:hover, .f\:d-bgc-warning-opaque:focus, .f\:d-bgc-warning-opaque:focus-within, .fv\:d-bgc-warning-opaque:focus-visible {
8573
+ --bgo: var(--dt-color-surface-warning-opaque-a);
8574
+ background-color: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--bgo)) !important;
8575
+ }
8576
+ .d-bgc-warning-subtle-opaque, .h\:d-bgc-warning-subtle-opaque:hover, .f\:d-bgc-warning-subtle-opaque:focus, .f\:d-bgc-warning-subtle-opaque:focus-within, .fv\:d-bgc-warning-subtle-opaque:focus-visible {
8577
+ --bgo: var(--dt-color-surface-warning-subtle-opaque-a);
8578
+ background-color: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--bgo)) !important;
8579
+ }
8580
+ .d-bgc-success-opaque, .h\:d-bgc-success-opaque:hover, .f\:d-bgc-success-opaque:focus, .f\:d-bgc-success-opaque:focus-within, .fv\:d-bgc-success-opaque:focus-visible {
8581
+ --bgo: var(--dt-color-surface-success-opaque-a);
8582
+ background-color: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--bgo)) !important;
8583
+ }
8584
+ .d-bgc-success-subtle-opaque, .h\:d-bgc-success-subtle-opaque:hover, .f\:d-bgc-success-subtle-opaque:focus, .f\:d-bgc-success-subtle-opaque:focus-within, .fv\:d-bgc-success-subtle-opaque:focus-visible {
8585
+ --bgo: var(--dt-color-surface-success-subtle-opaque-a);
8586
+ background-color: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--bgo)) !important;
8587
+ }
8588
+ .d-bgc-info-opaque, .h\:d-bgc-info-opaque:hover, .f\:d-bgc-info-opaque:focus, .f\:d-bgc-info-opaque:focus-within, .fv\:d-bgc-info-opaque:focus-visible {
8589
+ --bgo: var(--dt-color-surface-info-opaque-a);
8590
+ background-color: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--bgo)) !important;
8591
+ }
8592
+ .d-bgc-info-subtle-opaque, .h\:d-bgc-info-subtle-opaque:hover, .f\:d-bgc-info-subtle-opaque:focus, .f\:d-bgc-info-subtle-opaque:focus-within, .fv\:d-bgc-info-subtle-opaque:focus-visible {
8593
+ --bgo: var(--dt-color-surface-info-subtle-opaque-a);
8594
+ background-color: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--bgo)) !important;
8595
+ }
8596
+ .d-bgc-primary, .h\:d-bgc-primary:hover, .f\:d-bgc-primary:focus, .f\:d-bgc-primary:focus-within, .fv\:d-bgc-primary:focus-visible {
8597
+ --bgo: var(--dt-color-surface-primary-a);
8598
+ background-color: hsl(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--bgo)) !important;
8599
+ }
8600
+ .d-bgc-secondary, .h\:d-bgc-secondary:hover, .f\:d-bgc-secondary:focus, .f\:d-bgc-secondary:focus-within, .fv\:d-bgc-secondary:focus-visible {
8601
+ --bgo: var(--dt-color-surface-secondary-a);
8602
+ background-color: hsl(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--bgo)) !important;
8603
+ }
8604
+ .d-bgc-moderate, .h\:d-bgc-moderate:hover, .f\:d-bgc-moderate:focus, .f\:d-bgc-moderate:focus-within, .fv\:d-bgc-moderate:focus-visible {
8605
+ --bgo: var(--dt-color-surface-moderate-a);
8606
+ background-color: hsl(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--bgo)) !important;
8607
+ }
8608
+ .d-bgc-bold, .h\:d-bgc-bold:hover, .f\:d-bgc-bold:focus, .f\:d-bgc-bold:focus-within, .fv\:d-bgc-bold:focus-visible {
8609
+ --bgo: var(--dt-color-surface-bold-a);
8610
+ background-color: hsl(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--bgo)) !important;
8611
+ }
8612
+ .d-bgc-strong, .h\:d-bgc-strong:hover, .f\:d-bgc-strong:focus, .f\:d-bgc-strong:focus-within, .fv\:d-bgc-strong:focus-visible {
8613
+ --bgo: var(--dt-color-surface-strong-a);
8614
+ background-color: hsl(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--bgo)) !important;
8615
+ }
8616
+ .d-bgc-contrast, .h\:d-bgc-contrast:hover, .f\:d-bgc-contrast:focus, .f\:d-bgc-contrast:focus-within, .fv\:d-bgc-contrast:focus-visible {
8617
+ --bgo: var(--dt-color-surface-contrast-a);
8618
+ background-color: hsl(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--bgo)) !important;
8619
+ }
8620
+ .d-bgc-critical, .h\:d-bgc-critical:hover, .f\:d-bgc-critical:focus, .f\:d-bgc-critical:focus-within, .fv\:d-bgc-critical:focus-visible {
8621
+ --bgo: var(--dt-color-surface-critical-a);
8622
+ background-color: hsl(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--bgo)) !important;
8623
+ }
8624
+ .d-bgc-critical-subtle, .h\:d-bgc-critical-subtle:hover, .f\:d-bgc-critical-subtle:focus, .f\:d-bgc-critical-subtle:focus-within, .fv\:d-bgc-critical-subtle:focus-visible {
8625
+ --bgo: var(--dt-color-surface-critical-subtle-a);
8626
+ background-color: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--bgo)) !important;
8627
+ }
8628
+ .d-bgc-critical-strong, .h\:d-bgc-critical-strong:hover, .f\:d-bgc-critical-strong:focus, .f\:d-bgc-critical-strong:focus-within, .fv\:d-bgc-critical-strong:focus-visible {
8629
+ --bgo: var(--dt-color-surface-critical-strong-a);
8630
+ background-color: hsl(var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l) / var(--bgo)) !important;
8631
+ }
8632
+ .d-bgc-warning, .h\:d-bgc-warning:hover, .f\:d-bgc-warning:focus, .f\:d-bgc-warning:focus-within, .fv\:d-bgc-warning:focus-visible {
8633
+ --bgo: var(--dt-color-surface-warning-a);
8634
+ background-color: hsl(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--bgo)) !important;
8635
+ }
8636
+ .d-bgc-warning-subtle, .h\:d-bgc-warning-subtle:hover, .f\:d-bgc-warning-subtle:focus, .f\:d-bgc-warning-subtle:focus-within, .fv\:d-bgc-warning-subtle:focus-visible {
8637
+ --bgo: var(--dt-color-surface-warning-subtle-a);
8638
+ background-color: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--bgo)) !important;
8639
+ }
8640
+ .d-bgc-warning-strong, .h\:d-bgc-warning-strong:hover, .f\:d-bgc-warning-strong:focus, .f\:d-bgc-warning-strong:focus-within, .fv\:d-bgc-warning-strong:focus-visible {
8641
+ --bgo: var(--dt-color-surface-warning-strong-a);
8642
+ background-color: hsl(var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l) / var(--bgo)) !important;
8643
+ }
8644
+ .d-bgc-success, .h\:d-bgc-success:hover, .f\:d-bgc-success:focus, .f\:d-bgc-success:focus-within, .fv\:d-bgc-success:focus-visible {
8645
+ --bgo: var(--dt-color-surface-success-a);
8646
+ background-color: hsl(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--bgo)) !important;
8647
+ }
8648
+ .d-bgc-success-subtle, .h\:d-bgc-success-subtle:hover, .f\:d-bgc-success-subtle:focus, .f\:d-bgc-success-subtle:focus-within, .fv\:d-bgc-success-subtle:focus-visible {
8649
+ --bgo: var(--dt-color-surface-success-subtle-a);
8650
+ background-color: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--bgo)) !important;
8651
+ }
8652
+ .d-bgc-success-strong, .h\:d-bgc-success-strong:hover, .f\:d-bgc-success-strong:focus, .f\:d-bgc-success-strong:focus-within, .fv\:d-bgc-success-strong:focus-visible {
8653
+ --bgo: var(--dt-color-surface-success-strong-a);
8654
+ background-color: hsl(var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l) / var(--bgo)) !important;
8655
+ }
8656
+ .d-bgc-info, .h\:d-bgc-info:hover, .f\:d-bgc-info:focus, .f\:d-bgc-info:focus-within, .fv\:d-bgc-info:focus-visible {
8657
+ --bgo: var(--dt-color-surface-info-a);
8658
+ background-color: hsl(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--bgo)) !important;
8659
+ }
8660
+ .d-bgc-info-subtle, .h\:d-bgc-info-subtle:hover, .f\:d-bgc-info-subtle:focus, .f\:d-bgc-info-subtle:focus-within, .fv\:d-bgc-info-subtle:focus-visible {
8661
+ --bgo: var(--dt-color-surface-info-subtle-a);
8662
+ background-color: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--bgo)) !important;
8663
+ }
8664
+ .d-bgc-info-strong, .h\:d-bgc-info-strong:hover, .f\:d-bgc-info-strong:focus, .f\:d-bgc-info-strong:focus-within, .fv\:d-bgc-info-strong:focus-visible {
8665
+ --bgo: var(--dt-color-surface-info-strong-a);
8666
+ background-color: hsl(var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l) / var(--bgo)) !important;
8578
8667
  }
8579
8668
  .d-divide-neutral-white > * + * {
8580
- --dco: 100%;
8581
- border-color: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
8669
+ --dco: var(--dt-color-neutral-white-a);
8670
+ border-color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--dco)) !important;
8582
8671
  }
8583
8672
  .d-divide-neutral-black > * + * {
8584
- --dco: 100%;
8585
- border-color: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
8673
+ --dco: var(--dt-color-neutral-black-a);
8674
+ border-color: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--dco)) !important;
8586
8675
  }
8587
8676
  .d-divide-black-100 > * + * {
8588
- --dco: 100%;
8589
- border-color: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
8677
+ --dco: var(--dt-color-black-100-a);
8678
+ border-color: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--dco)) !important;
8590
8679
  }
8591
8680
  .d-divide-black-200 > * + * {
8592
- --dco: 100%;
8593
- border-color: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
8681
+ --dco: var(--dt-color-black-200-a);
8682
+ border-color: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--dco)) !important;
8594
8683
  }
8595
8684
  .d-divide-black-300 > * + * {
8596
- --dco: 100%;
8597
- border-color: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
8685
+ --dco: var(--dt-color-black-300-a);
8686
+ border-color: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--dco)) !important;
8598
8687
  }
8599
8688
  .d-divide-black-400 > * + * {
8600
- --dco: 100%;
8601
- border-color: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
8689
+ --dco: var(--dt-color-black-400-a);
8690
+ border-color: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--dco)) !important;
8602
8691
  }
8603
8692
  .d-divide-black-500 > * + * {
8604
- --dco: 100%;
8605
- border-color: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
8693
+ --dco: var(--dt-color-black-500-a);
8694
+ border-color: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--dco)) !important;
8606
8695
  }
8607
8696
  .d-divide-black-600 > * + * {
8608
- --dco: 100%;
8609
- border-color: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
8697
+ --dco: var(--dt-color-black-600-a);
8698
+ border-color: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--dco)) !important;
8610
8699
  }
8611
8700
  .d-divide-black-700 > * + * {
8612
- --dco: 100%;
8613
- border-color: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
8701
+ --dco: var(--dt-color-black-700-a);
8702
+ border-color: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--dco)) !important;
8614
8703
  }
8615
8704
  .d-divide-black-800 > * + * {
8616
- --dco: 100%;
8617
- border-color: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
8705
+ --dco: var(--dt-color-black-800-a);
8706
+ border-color: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--dco)) !important;
8618
8707
  }
8619
8708
  .d-divide-black-900 > * + * {
8620
- --dco: 100%;
8621
- border-color: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
8709
+ --dco: var(--dt-color-black-900-a);
8710
+ border-color: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--dco)) !important;
8622
8711
  }
8623
8712
  .d-divide-purple-100 > * + * {
8624
- --dco: 100%;
8625
- border-color: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
8713
+ --dco: var(--dt-color-purple-100-a);
8714
+ border-color: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--dco)) !important;
8626
8715
  }
8627
8716
  .d-divide-purple-200 > * + * {
8628
- --dco: 100%;
8629
- border-color: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
8717
+ --dco: var(--dt-color-purple-200-a);
8718
+ border-color: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--dco)) !important;
8630
8719
  }
8631
8720
  .d-divide-purple-300 > * + * {
8632
- --dco: 100%;
8633
- border-color: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
8721
+ --dco: var(--dt-color-purple-300-a);
8722
+ border-color: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--dco)) !important;
8634
8723
  }
8635
8724
  .d-divide-purple-400 > * + * {
8636
- --dco: 100%;
8637
- border-color: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
8725
+ --dco: var(--dt-color-purple-400-a);
8726
+ border-color: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--dco)) !important;
8638
8727
  }
8639
8728
  .d-divide-purple-500 > * + * {
8640
- --dco: 100%;
8641
- border-color: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
8729
+ --dco: var(--dt-color-purple-500-a);
8730
+ border-color: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--dco)) !important;
8642
8731
  }
8643
8732
  .d-divide-purple-600 > * + * {
8644
- --dco: 100%;
8645
- border-color: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
8733
+ --dco: var(--dt-color-purple-600-a);
8734
+ border-color: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--dco)) !important;
8646
8735
  }
8647
8736
  .d-divide-blue-100 > * + * {
8648
- --dco: 100%;
8649
- border-color: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
8737
+ --dco: var(--dt-color-blue-100-a);
8738
+ border-color: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--dco)) !important;
8650
8739
  }
8651
8740
  .d-divide-blue-200 > * + * {
8652
- --dco: 100%;
8653
- border-color: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
8741
+ --dco: var(--dt-color-blue-200-a);
8742
+ border-color: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--dco)) !important;
8654
8743
  }
8655
8744
  .d-divide-blue-300 > * + * {
8656
- --dco: 100%;
8657
- border-color: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
8745
+ --dco: var(--dt-color-blue-300-a);
8746
+ border-color: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--dco)) !important;
8658
8747
  }
8659
8748
  .d-divide-blue-400 > * + * {
8660
- --dco: 100%;
8661
- border-color: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
8749
+ --dco: var(--dt-color-blue-400-a);
8750
+ border-color: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--dco)) !important;
8662
8751
  }
8663
8752
  .d-divide-blue-500 > * + * {
8664
- --dco: 100%;
8665
- border-color: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
8753
+ --dco: var(--dt-color-blue-500-a);
8754
+ border-color: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--dco)) !important;
8666
8755
  }
8667
8756
  .d-divide-magenta-100 > * + * {
8668
- --dco: 100%;
8669
- border-color: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
8757
+ --dco: var(--dt-color-magenta-100-a);
8758
+ border-color: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--dco)) !important;
8670
8759
  }
8671
8760
  .d-divide-magenta-200 > * + * {
8672
- --dco: 100%;
8673
- border-color: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
8761
+ --dco: var(--dt-color-magenta-200-a);
8762
+ border-color: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--dco)) !important;
8674
8763
  }
8675
8764
  .d-divide-magenta-300 > * + * {
8676
- --dco: 100%;
8677
- border-color: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
8765
+ --dco: var(--dt-color-magenta-300-a);
8766
+ border-color: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--dco)) !important;
8678
8767
  }
8679
8768
  .d-divide-magenta-400 > * + * {
8680
- --dco: 100%;
8681
- border-color: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
8769
+ --dco: var(--dt-color-magenta-400-a);
8770
+ border-color: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--dco)) !important;
8682
8771
  }
8683
8772
  .d-divide-magenta-500 > * + * {
8684
- --dco: 100%;
8685
- border-color: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
8773
+ --dco: var(--dt-color-magenta-500-a);
8774
+ border-color: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--dco)) !important;
8686
8775
  }
8687
8776
  .d-divide-gold-100 > * + * {
8688
- --dco: 100%;
8689
- border-color: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
8777
+ --dco: var(--dt-color-gold-100-a);
8778
+ border-color: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--dco)) !important;
8690
8779
  }
8691
8780
  .d-divide-gold-200 > * + * {
8692
- --dco: 100%;
8693
- border-color: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
8781
+ --dco: var(--dt-color-gold-200-a);
8782
+ border-color: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--dco)) !important;
8694
8783
  }
8695
8784
  .d-divide-gold-300 > * + * {
8696
- --dco: 100%;
8697
- border-color: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
8785
+ --dco: var(--dt-color-gold-300-a);
8786
+ border-color: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--dco)) !important;
8698
8787
  }
8699
8788
  .d-divide-gold-400 > * + * {
8700
- --dco: 100%;
8701
- border-color: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
8789
+ --dco: var(--dt-color-gold-400-a);
8790
+ border-color: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--dco)) !important;
8702
8791
  }
8703
8792
  .d-divide-gold-500 > * + * {
8704
- --dco: 100%;
8705
- border-color: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
8793
+ --dco: var(--dt-color-gold-500-a);
8794
+ border-color: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--dco)) !important;
8706
8795
  }
8707
8796
  .d-divide-green-100 > * + * {
8708
- --dco: 100%;
8709
- border-color: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
8797
+ --dco: var(--dt-color-green-100-a);
8798
+ border-color: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--dco)) !important;
8710
8799
  }
8711
8800
  .d-divide-green-200 > * + * {
8712
- --dco: 100%;
8713
- border-color: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
8801
+ --dco: var(--dt-color-green-200-a);
8802
+ border-color: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--dco)) !important;
8714
8803
  }
8715
8804
  .d-divide-green-300 > * + * {
8716
- --dco: 100%;
8717
- border-color: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
8805
+ --dco: var(--dt-color-green-300-a);
8806
+ border-color: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--dco)) !important;
8718
8807
  }
8719
8808
  .d-divide-green-400 > * + * {
8720
- --dco: 100%;
8721
- border-color: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
8809
+ --dco: var(--dt-color-green-400-a);
8810
+ border-color: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--dco)) !important;
8722
8811
  }
8723
8812
  .d-divide-green-500 > * + * {
8724
- --dco: 100%;
8725
- border-color: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
8813
+ --dco: var(--dt-color-green-500-a);
8814
+ border-color: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--dco)) !important;
8726
8815
  }
8727
8816
  .d-divide-red-100 > * + * {
8728
- --dco: 100%;
8729
- border-color: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
8817
+ --dco: var(--dt-color-red-100-a);
8818
+ border-color: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--dco)) !important;
8730
8819
  }
8731
8820
  .d-divide-red-200 > * + * {
8732
- --dco: 100%;
8733
- border-color: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
8821
+ --dco: var(--dt-color-red-200-a);
8822
+ border-color: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--dco)) !important;
8734
8823
  }
8735
8824
  .d-divide-red-300 > * + * {
8736
- --dco: 100%;
8737
- border-color: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
8825
+ --dco: var(--dt-color-red-300-a);
8826
+ border-color: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--dco)) !important;
8738
8827
  }
8739
8828
  .d-divide-red-400 > * + * {
8740
- --dco: 100%;
8741
- border-color: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
8829
+ --dco: var(--dt-color-red-400-a);
8830
+ border-color: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--dco)) !important;
8742
8831
  }
8743
8832
  .d-divide-red-500 > * + * {
8744
- --dco: 100%;
8745
- border-color: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
8833
+ --dco: var(--dt-color-red-500-a);
8834
+ border-color: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--dco)) !important;
8746
8835
  }
8747
8836
  .d-divide-tan-100 > * + * {
8748
- --dco: 100%;
8749
- border-color: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
8837
+ --dco: var(--dt-color-tan-100-a);
8838
+ border-color: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--dco)) !important;
8750
8839
  }
8751
8840
  .d-divide-tan-200 > * + * {
8752
- --dco: 100%;
8753
- border-color: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
8841
+ --dco: var(--dt-color-tan-200-a);
8842
+ border-color: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--dco)) !important;
8754
8843
  }
8755
8844
  .d-divide-tan-300 > * + * {
8756
- --dco: 100%;
8757
- border-color: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
8845
+ --dco: var(--dt-color-tan-300-a);
8846
+ border-color: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--dco)) !important;
8758
8847
  }
8759
8848
  .d-divide-tan-400 > * + * {
8760
- --dco: 100%;
8761
- border-color: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
8849
+ --dco: var(--dt-color-tan-400-a);
8850
+ border-color: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--dco)) !important;
8762
8851
  }
8763
8852
  .d-divide-tan-500 > * + * {
8764
- --dco: 100%;
8765
- border-color: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
8853
+ --dco: var(--dt-color-tan-500-a);
8854
+ border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
8766
8855
  }
8767
8856
  .d-bgg-from-neutral-white, .h\:d-bgg-from-neutral-white:hover, .f\:d-bgg-from-neutral-white:focus, .f\:d-bgg-from-neutral-white:focus-within, .fv\:d-bgg-from-neutral-white:focus-visible {
8768
8857
  --bgg-from-opacity: 100%;
8769
- --bgg-from: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-from-opacity));
8770
- --bgg-to: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%);
8858
+ --bgg-from: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-from-opacity));
8859
+ --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%);
8771
8860
  }
8772
8861
  .d-bgg-from-neutral-black, .h\:d-bgg-from-neutral-black:hover, .f\:d-bgg-from-neutral-black:focus, .f\:d-bgg-from-neutral-black:focus-within, .fv\:d-bgg-from-neutral-black:focus-visible {
8773
8862
  --bgg-from-opacity: 100%;
8774
- --bgg-from: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-from-opacity));
8775
- --bgg-to: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%);
8863
+ --bgg-from: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-from-opacity));
8864
+ --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%);
8776
8865
  }
8777
8866
  .d-bgg-from-black-100, .h\:d-bgg-from-black-100:hover, .f\:d-bgg-from-black-100:focus, .f\:d-bgg-from-black-100:focus-within, .fv\:d-bgg-from-black-100:focus-visible {
8778
8867
  --bgg-from-opacity: 100%;
8779
- --bgg-from: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-from-opacity));
8780
- --bgg-to: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%);
8868
+ --bgg-from: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-from-opacity));
8869
+ --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%);
8781
8870
  }
8782
8871
  .d-bgg-from-black-200, .h\:d-bgg-from-black-200:hover, .f\:d-bgg-from-black-200:focus, .f\:d-bgg-from-black-200:focus-within, .fv\:d-bgg-from-black-200:focus-visible {
8783
8872
  --bgg-from-opacity: 100%;
8784
- --bgg-from: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity));
8785
- --bgg-to: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%);
8873
+ --bgg-from: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-from-opacity));
8874
+ --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%);
8786
8875
  }
8787
8876
  .d-bgg-from-black-300, .h\:d-bgg-from-black-300:hover, .f\:d-bgg-from-black-300:focus, .f\:d-bgg-from-black-300:focus-within, .fv\:d-bgg-from-black-300:focus-visible {
8788
8877
  --bgg-from-opacity: 100%;
8789
- --bgg-from: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity));
8790
- --bgg-to: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%);
8878
+ --bgg-from: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-from-opacity));
8879
+ --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%);
8791
8880
  }
8792
8881
  .d-bgg-from-black-400, .h\:d-bgg-from-black-400:hover, .f\:d-bgg-from-black-400:focus, .f\:d-bgg-from-black-400:focus-within, .fv\:d-bgg-from-black-400:focus-visible {
8793
8882
  --bgg-from-opacity: 100%;
8794
- --bgg-from: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity));
8795
- --bgg-to: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%);
8883
+ --bgg-from: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-from-opacity));
8884
+ --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%);
8796
8885
  }
8797
8886
  .d-bgg-from-black-500, .h\:d-bgg-from-black-500:hover, .f\:d-bgg-from-black-500:focus, .f\:d-bgg-from-black-500:focus-within, .fv\:d-bgg-from-black-500:focus-visible {
8798
8887
  --bgg-from-opacity: 100%;
8799
- --bgg-from: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity));
8800
- --bgg-to: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%);
8888
+ --bgg-from: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-from-opacity));
8889
+ --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%);
8801
8890
  }
8802
8891
  .d-bgg-from-black-600, .h\:d-bgg-from-black-600:hover, .f\:d-bgg-from-black-600:focus, .f\:d-bgg-from-black-600:focus-within, .fv\:d-bgg-from-black-600:focus-visible {
8803
8892
  --bgg-from-opacity: 100%;
8804
- --bgg-from: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity));
8805
- --bgg-to: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%);
8893
+ --bgg-from: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-from-opacity));
8894
+ --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%);
8806
8895
  }
8807
8896
  .d-bgg-from-black-700, .h\:d-bgg-from-black-700:hover, .f\:d-bgg-from-black-700:focus, .f\:d-bgg-from-black-700:focus-within, .fv\:d-bgg-from-black-700:focus-visible {
8808
8897
  --bgg-from-opacity: 100%;
8809
- --bgg-from: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity));
8810
- --bgg-to: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%);
8898
+ --bgg-from: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-from-opacity));
8899
+ --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%);
8811
8900
  }
8812
8901
  .d-bgg-from-black-800, .h\:d-bgg-from-black-800:hover, .f\:d-bgg-from-black-800:focus, .f\:d-bgg-from-black-800:focus-within, .fv\:d-bgg-from-black-800:focus-visible {
8813
8902
  --bgg-from-opacity: 100%;
8814
- --bgg-from: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity));
8815
- --bgg-to: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%);
8903
+ --bgg-from: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-from-opacity));
8904
+ --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%);
8816
8905
  }
8817
8906
  .d-bgg-from-black-900, .h\:d-bgg-from-black-900:hover, .f\:d-bgg-from-black-900:focus, .f\:d-bgg-from-black-900:focus-within, .fv\:d-bgg-from-black-900:focus-visible {
8818
8907
  --bgg-from-opacity: 100%;
8819
- --bgg-from: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-from-opacity));
8820
- --bgg-to: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%);
8908
+ --bgg-from: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-from-opacity));
8909
+ --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%);
8821
8910
  }
8822
8911
  .d-bgg-from-purple-100, .h\:d-bgg-from-purple-100:hover, .f\:d-bgg-from-purple-100:focus, .f\:d-bgg-from-purple-100:focus-within, .fv\:d-bgg-from-purple-100:focus-visible {
8823
8912
  --bgg-from-opacity: 100%;
8824
- --bgg-from: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-from-opacity));
8825
- --bgg-to: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%);
8913
+ --bgg-from: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-from-opacity));
8914
+ --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%);
8826
8915
  }
8827
8916
  .d-bgg-from-purple-200, .h\:d-bgg-from-purple-200:hover, .f\:d-bgg-from-purple-200:focus, .f\:d-bgg-from-purple-200:focus-within, .fv\:d-bgg-from-purple-200:focus-visible {
8828
8917
  --bgg-from-opacity: 100%;
8829
- --bgg-from: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-from-opacity));
8830
- --bgg-to: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%);
8918
+ --bgg-from: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-from-opacity));
8919
+ --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%);
8831
8920
  }
8832
8921
  .d-bgg-from-purple-300, .h\:d-bgg-from-purple-300:hover, .f\:d-bgg-from-purple-300:focus, .f\:d-bgg-from-purple-300:focus-within, .fv\:d-bgg-from-purple-300:focus-visible {
8833
8922
  --bgg-from-opacity: 100%;
8834
- --bgg-from: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-from-opacity));
8835
- --bgg-to: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%);
8923
+ --bgg-from: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-from-opacity));
8924
+ --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%);
8836
8925
  }
8837
8926
  .d-bgg-from-purple-400, .h\:d-bgg-from-purple-400:hover, .f\:d-bgg-from-purple-400:focus, .f\:d-bgg-from-purple-400:focus-within, .fv\:d-bgg-from-purple-400:focus-visible {
8838
8927
  --bgg-from-opacity: 100%;
8839
- --bgg-from: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-from-opacity));
8840
- --bgg-to: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%);
8928
+ --bgg-from: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-from-opacity));
8929
+ --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%);
8841
8930
  }
8842
8931
  .d-bgg-from-purple-500, .h\:d-bgg-from-purple-500:hover, .f\:d-bgg-from-purple-500:focus, .f\:d-bgg-from-purple-500:focus-within, .fv\:d-bgg-from-purple-500:focus-visible {
8843
8932
  --bgg-from-opacity: 100%;
8844
- --bgg-from: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-from-opacity));
8845
- --bgg-to: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%);
8933
+ --bgg-from: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-from-opacity));
8934
+ --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%);
8846
8935
  }
8847
8936
  .d-bgg-from-purple-600, .h\:d-bgg-from-purple-600:hover, .f\:d-bgg-from-purple-600:focus, .f\:d-bgg-from-purple-600:focus-within, .fv\:d-bgg-from-purple-600:focus-visible {
8848
8937
  --bgg-from-opacity: 100%;
8849
- --bgg-from: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-from-opacity));
8850
- --bgg-to: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%);
8938
+ --bgg-from: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-from-opacity));
8939
+ --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%);
8851
8940
  }
8852
8941
  .d-bgg-from-blue-100, .h\:d-bgg-from-blue-100:hover, .f\:d-bgg-from-blue-100:focus, .f\:d-bgg-from-blue-100:focus-within, .fv\:d-bgg-from-blue-100:focus-visible {
8853
8942
  --bgg-from-opacity: 100%;
8854
- --bgg-from: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-from-opacity));
8855
- --bgg-to: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%);
8943
+ --bgg-from: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-from-opacity));
8944
+ --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%);
8856
8945
  }
8857
8946
  .d-bgg-from-blue-200, .h\:d-bgg-from-blue-200:hover, .f\:d-bgg-from-blue-200:focus, .f\:d-bgg-from-blue-200:focus-within, .fv\:d-bgg-from-blue-200:focus-visible {
8858
8947
  --bgg-from-opacity: 100%;
8859
- --bgg-from: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity));
8860
- --bgg-to: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%);
8948
+ --bgg-from: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-from-opacity));
8949
+ --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%);
8861
8950
  }
8862
8951
  .d-bgg-from-blue-300, .h\:d-bgg-from-blue-300:hover, .f\:d-bgg-from-blue-300:focus, .f\:d-bgg-from-blue-300:focus-within, .fv\:d-bgg-from-blue-300:focus-visible {
8863
8952
  --bgg-from-opacity: 100%;
8864
- --bgg-from: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity));
8865
- --bgg-to: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%);
8953
+ --bgg-from: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-from-opacity));
8954
+ --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%);
8866
8955
  }
8867
8956
  .d-bgg-from-blue-400, .h\:d-bgg-from-blue-400:hover, .f\:d-bgg-from-blue-400:focus, .f\:d-bgg-from-blue-400:focus-within, .fv\:d-bgg-from-blue-400:focus-visible {
8868
8957
  --bgg-from-opacity: 100%;
8869
- --bgg-from: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-from-opacity));
8870
- --bgg-to: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%);
8958
+ --bgg-from: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-from-opacity));
8959
+ --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%);
8871
8960
  }
8872
8961
  .d-bgg-from-blue-500, .h\:d-bgg-from-blue-500:hover, .f\:d-bgg-from-blue-500:focus, .f\:d-bgg-from-blue-500:focus-within, .fv\:d-bgg-from-blue-500:focus-visible {
8873
8962
  --bgg-from-opacity: 100%;
8874
- --bgg-from: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-from-opacity));
8875
- --bgg-to: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%);
8963
+ --bgg-from: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-from-opacity));
8964
+ --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%);
8876
8965
  }
8877
8966
  .d-bgg-from-magenta-100, .h\:d-bgg-from-magenta-100:hover, .f\:d-bgg-from-magenta-100:focus, .f\:d-bgg-from-magenta-100:focus-within, .fv\:d-bgg-from-magenta-100:focus-visible {
8878
8967
  --bgg-from-opacity: 100%;
8879
- --bgg-from: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-from-opacity));
8880
- --bgg-to: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%);
8968
+ --bgg-from: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-from-opacity));
8969
+ --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%);
8881
8970
  }
8882
8971
  .d-bgg-from-magenta-200, .h\:d-bgg-from-magenta-200:hover, .f\:d-bgg-from-magenta-200:focus, .f\:d-bgg-from-magenta-200:focus-within, .fv\:d-bgg-from-magenta-200:focus-visible {
8883
8972
  --bgg-from-opacity: 100%;
8884
- --bgg-from: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-from-opacity));
8885
- --bgg-to: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%);
8973
+ --bgg-from: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-from-opacity));
8974
+ --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%);
8886
8975
  }
8887
8976
  .d-bgg-from-magenta-300, .h\:d-bgg-from-magenta-300:hover, .f\:d-bgg-from-magenta-300:focus, .f\:d-bgg-from-magenta-300:focus-within, .fv\:d-bgg-from-magenta-300:focus-visible {
8888
8977
  --bgg-from-opacity: 100%;
8889
- --bgg-from: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-from-opacity));
8890
- --bgg-to: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%);
8978
+ --bgg-from: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-from-opacity));
8979
+ --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%);
8891
8980
  }
8892
8981
  .d-bgg-from-magenta-400, .h\:d-bgg-from-magenta-400:hover, .f\:d-bgg-from-magenta-400:focus, .f\:d-bgg-from-magenta-400:focus-within, .fv\:d-bgg-from-magenta-400:focus-visible {
8893
8982
  --bgg-from-opacity: 100%;
8894
- --bgg-from: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-from-opacity));
8895
- --bgg-to: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%);
8983
+ --bgg-from: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-from-opacity));
8984
+ --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%);
8896
8985
  }
8897
8986
  .d-bgg-from-magenta-500, .h\:d-bgg-from-magenta-500:hover, .f\:d-bgg-from-magenta-500:focus, .f\:d-bgg-from-magenta-500:focus-within, .fv\:d-bgg-from-magenta-500:focus-visible {
8898
8987
  --bgg-from-opacity: 100%;
8899
- --bgg-from: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-from-opacity));
8900
- --bgg-to: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%);
8988
+ --bgg-from: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-from-opacity));
8989
+ --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%);
8901
8990
  }
8902
8991
  .d-bgg-from-gold-100, .h\:d-bgg-from-gold-100:hover, .f\:d-bgg-from-gold-100:focus, .f\:d-bgg-from-gold-100:focus-within, .fv\:d-bgg-from-gold-100:focus-visible {
8903
8992
  --bgg-from-opacity: 100%;
8904
- --bgg-from: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-from-opacity));
8905
- --bgg-to: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%);
8993
+ --bgg-from: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-from-opacity));
8994
+ --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%);
8906
8995
  }
8907
8996
  .d-bgg-from-gold-200, .h\:d-bgg-from-gold-200:hover, .f\:d-bgg-from-gold-200:focus, .f\:d-bgg-from-gold-200:focus-within, .fv\:d-bgg-from-gold-200:focus-visible {
8908
8997
  --bgg-from-opacity: 100%;
8909
- --bgg-from: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity));
8910
- --bgg-to: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%);
8998
+ --bgg-from: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-from-opacity));
8999
+ --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%);
8911
9000
  }
8912
9001
  .d-bgg-from-gold-300, .h\:d-bgg-from-gold-300:hover, .f\:d-bgg-from-gold-300:focus, .f\:d-bgg-from-gold-300:focus-within, .fv\:d-bgg-from-gold-300:focus-visible {
8913
9002
  --bgg-from-opacity: 100%;
8914
- --bgg-from: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-from-opacity));
8915
- --bgg-to: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%);
9003
+ --bgg-from: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-from-opacity));
9004
+ --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%);
8916
9005
  }
8917
9006
  .d-bgg-from-gold-400, .h\:d-bgg-from-gold-400:hover, .f\:d-bgg-from-gold-400:focus, .f\:d-bgg-from-gold-400:focus-within, .fv\:d-bgg-from-gold-400:focus-visible {
8918
9007
  --bgg-from-opacity: 100%;
8919
- --bgg-from: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-from-opacity));
8920
- --bgg-to: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%);
9008
+ --bgg-from: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-from-opacity));
9009
+ --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%);
8921
9010
  }
8922
9011
  .d-bgg-from-gold-500, .h\:d-bgg-from-gold-500:hover, .f\:d-bgg-from-gold-500:focus, .f\:d-bgg-from-gold-500:focus-within, .fv\:d-bgg-from-gold-500:focus-visible {
8923
9012
  --bgg-from-opacity: 100%;
8924
- --bgg-from: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-from-opacity));
8925
- --bgg-to: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%);
9013
+ --bgg-from: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-from-opacity));
9014
+ --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%);
8926
9015
  }
8927
9016
  .d-bgg-from-green-100, .h\:d-bgg-from-green-100:hover, .f\:d-bgg-from-green-100:focus, .f\:d-bgg-from-green-100:focus-within, .fv\:d-bgg-from-green-100:focus-visible {
8928
9017
  --bgg-from-opacity: 100%;
8929
- --bgg-from: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-from-opacity));
8930
- --bgg-to: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%);
9018
+ --bgg-from: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-from-opacity));
9019
+ --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%);
8931
9020
  }
8932
9021
  .d-bgg-from-green-200, .h\:d-bgg-from-green-200:hover, .f\:d-bgg-from-green-200:focus, .f\:d-bgg-from-green-200:focus-within, .fv\:d-bgg-from-green-200:focus-visible {
8933
9022
  --bgg-from-opacity: 100%;
8934
- --bgg-from: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity));
8935
- --bgg-to: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%);
9023
+ --bgg-from: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-from-opacity));
9024
+ --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%);
8936
9025
  }
8937
9026
  .d-bgg-from-green-300, .h\:d-bgg-from-green-300:hover, .f\:d-bgg-from-green-300:focus, .f\:d-bgg-from-green-300:focus-within, .fv\:d-bgg-from-green-300:focus-visible {
8938
9027
  --bgg-from-opacity: 100%;
8939
- --bgg-from: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-from-opacity));
8940
- --bgg-to: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%);
9028
+ --bgg-from: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-from-opacity));
9029
+ --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%);
8941
9030
  }
8942
9031
  .d-bgg-from-green-400, .h\:d-bgg-from-green-400:hover, .f\:d-bgg-from-green-400:focus, .f\:d-bgg-from-green-400:focus-within, .fv\:d-bgg-from-green-400:focus-visible {
8943
9032
  --bgg-from-opacity: 100%;
8944
- --bgg-from: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-from-opacity));
8945
- --bgg-to: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%);
9033
+ --bgg-from: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-from-opacity));
9034
+ --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%);
8946
9035
  }
8947
9036
  .d-bgg-from-green-500, .h\:d-bgg-from-green-500:hover, .f\:d-bgg-from-green-500:focus, .f\:d-bgg-from-green-500:focus-within, .fv\:d-bgg-from-green-500:focus-visible {
8948
9037
  --bgg-from-opacity: 100%;
8949
- --bgg-from: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-from-opacity));
8950
- --bgg-to: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%);
9038
+ --bgg-from: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-from-opacity));
9039
+ --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%);
8951
9040
  }
8952
9041
  .d-bgg-from-red-100, .h\:d-bgg-from-red-100:hover, .f\:d-bgg-from-red-100:focus, .f\:d-bgg-from-red-100:focus-within, .fv\:d-bgg-from-red-100:focus-visible {
8953
9042
  --bgg-from-opacity: 100%;
8954
- --bgg-from: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-from-opacity));
8955
- --bgg-to: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%);
9043
+ --bgg-from: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-from-opacity));
9044
+ --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%);
8956
9045
  }
8957
9046
  .d-bgg-from-red-200, .h\:d-bgg-from-red-200:hover, .f\:d-bgg-from-red-200:focus, .f\:d-bgg-from-red-200:focus-within, .fv\:d-bgg-from-red-200:focus-visible {
8958
9047
  --bgg-from-opacity: 100%;
8959
- --bgg-from: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity));
8960
- --bgg-to: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%);
9048
+ --bgg-from: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-from-opacity));
9049
+ --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%);
8961
9050
  }
8962
9051
  .d-bgg-from-red-300, .h\:d-bgg-from-red-300:hover, .f\:d-bgg-from-red-300:focus, .f\:d-bgg-from-red-300:focus-within, .fv\:d-bgg-from-red-300:focus-visible {
8963
9052
  --bgg-from-opacity: 100%;
8964
- --bgg-from: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-from-opacity));
8965
- --bgg-to: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%);
9053
+ --bgg-from: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-from-opacity));
9054
+ --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%);
8966
9055
  }
8967
9056
  .d-bgg-from-red-400, .h\:d-bgg-from-red-400:hover, .f\:d-bgg-from-red-400:focus, .f\:d-bgg-from-red-400:focus-within, .fv\:d-bgg-from-red-400:focus-visible {
8968
9057
  --bgg-from-opacity: 100%;
8969
- --bgg-from: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-from-opacity));
8970
- --bgg-to: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%);
9058
+ --bgg-from: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-from-opacity));
9059
+ --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%);
8971
9060
  }
8972
9061
  .d-bgg-from-red-500, .h\:d-bgg-from-red-500:hover, .f\:d-bgg-from-red-500:focus, .f\:d-bgg-from-red-500:focus-within, .fv\:d-bgg-from-red-500:focus-visible {
8973
9062
  --bgg-from-opacity: 100%;
8974
- --bgg-from: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-from-opacity));
8975
- --bgg-to: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%);
9063
+ --bgg-from: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-from-opacity));
9064
+ --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%);
8976
9065
  }
8977
9066
  .d-bgg-from-tan-100, .h\:d-bgg-from-tan-100:hover, .f\:d-bgg-from-tan-100:focus, .f\:d-bgg-from-tan-100:focus-within, .fv\:d-bgg-from-tan-100:focus-visible {
8978
9067
  --bgg-from-opacity: 100%;
8979
- --bgg-from: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-from-opacity));
8980
- --bgg-to: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%);
9068
+ --bgg-from: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-from-opacity));
9069
+ --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%);
8981
9070
  }
8982
9071
  .d-bgg-from-tan-200, .h\:d-bgg-from-tan-200:hover, .f\:d-bgg-from-tan-200:focus, .f\:d-bgg-from-tan-200:focus-within, .fv\:d-bgg-from-tan-200:focus-visible {
8983
9072
  --bgg-from-opacity: 100%;
8984
- --bgg-from: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity));
8985
- --bgg-to: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%);
9073
+ --bgg-from: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-from-opacity));
9074
+ --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%);
8986
9075
  }
8987
9076
  .d-bgg-from-tan-300, .h\:d-bgg-from-tan-300:hover, .f\:d-bgg-from-tan-300:focus, .f\:d-bgg-from-tan-300:focus-within, .fv\:d-bgg-from-tan-300:focus-visible {
8988
9077
  --bgg-from-opacity: 100%;
8989
- --bgg-from: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity));
8990
- --bgg-to: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%);
9078
+ --bgg-from: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-from-opacity));
9079
+ --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%);
8991
9080
  }
8992
9081
  .d-bgg-from-tan-400, .h\:d-bgg-from-tan-400:hover, .f\:d-bgg-from-tan-400:focus, .f\:d-bgg-from-tan-400:focus-within, .fv\:d-bgg-from-tan-400:focus-visible {
8993
9082
  --bgg-from-opacity: 100%;
8994
- --bgg-from: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity));
8995
- --bgg-to: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%);
9083
+ --bgg-from: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-from-opacity));
9084
+ --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%);
8996
9085
  }
8997
9086
  .d-bgg-from-tan-500, .h\:d-bgg-from-tan-500:hover, .f\:d-bgg-from-tan-500:focus, .f\:d-bgg-from-tan-500:focus-within, .fv\:d-bgg-from-tan-500:focus-visible {
8998
9087
  --bgg-from-opacity: 100%;
8999
- --bgg-from: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-from-opacity));
9000
- --bgg-to: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%);
9088
+ --bgg-from: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-from-opacity));
9089
+ --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%);
9001
9090
  }
9002
9091
  .d-bgg-to-neutral-white, .h\:d-bgg-to-neutral-white:hover, .f\:d-bgg-to-neutral-white:focus, .f\:d-bgg-to-neutral-white:focus-within, .fv\:d-bgg-to-neutral-white:focus-visible {
9003
9092
  --bgg-to-opacity: 100%;
9004
- --bgg-to: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-to-opacity)) !important;
9093
+ --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--bgg-to-opacity)) !important;
9005
9094
  }
9006
9095
  .d-bgg-to-neutral-black, .h\:d-bgg-to-neutral-black:hover, .f\:d-bgg-to-neutral-black:focus, .f\:d-bgg-to-neutral-black:focus-within, .fv\:d-bgg-to-neutral-black:focus-visible {
9007
9096
  --bgg-to-opacity: 100%;
9008
- --bgg-to: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-to-opacity)) !important;
9097
+ --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--bgg-to-opacity)) !important;
9009
9098
  }
9010
9099
  .d-bgg-to-black-100, .h\:d-bgg-to-black-100:hover, .f\:d-bgg-to-black-100:focus, .f\:d-bgg-to-black-100:focus-within, .fv\:d-bgg-to-black-100:focus-visible {
9011
9100
  --bgg-to-opacity: 100%;
9012
- --bgg-to: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-to-opacity)) !important;
9101
+ --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--bgg-to-opacity)) !important;
9013
9102
  }
9014
9103
  .d-bgg-to-black-200, .h\:d-bgg-to-black-200:hover, .f\:d-bgg-to-black-200:focus, .f\:d-bgg-to-black-200:focus-within, .fv\:d-bgg-to-black-200:focus-visible {
9015
9104
  --bgg-to-opacity: 100%;
9016
- --bgg-to: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
9105
+ --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--bgg-to-opacity)) !important;
9017
9106
  }
9018
9107
  .d-bgg-to-black-300, .h\:d-bgg-to-black-300:hover, .f\:d-bgg-to-black-300:focus, .f\:d-bgg-to-black-300:focus-within, .fv\:d-bgg-to-black-300:focus-visible {
9019
9108
  --bgg-to-opacity: 100%;
9020
- --bgg-to: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
9109
+ --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--bgg-to-opacity)) !important;
9021
9110
  }
9022
9111
  .d-bgg-to-black-400, .h\:d-bgg-to-black-400:hover, .f\:d-bgg-to-black-400:focus, .f\:d-bgg-to-black-400:focus-within, .fv\:d-bgg-to-black-400:focus-visible {
9023
9112
  --bgg-to-opacity: 100%;
9024
- --bgg-to: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
9113
+ --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--bgg-to-opacity)) !important;
9025
9114
  }
9026
9115
  .d-bgg-to-black-500, .h\:d-bgg-to-black-500:hover, .f\:d-bgg-to-black-500:focus, .f\:d-bgg-to-black-500:focus-within, .fv\:d-bgg-to-black-500:focus-visible {
9027
9116
  --bgg-to-opacity: 100%;
9028
- --bgg-to: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
9117
+ --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--bgg-to-opacity)) !important;
9029
9118
  }
9030
9119
  .d-bgg-to-black-600, .h\:d-bgg-to-black-600:hover, .f\:d-bgg-to-black-600:focus, .f\:d-bgg-to-black-600:focus-within, .fv\:d-bgg-to-black-600:focus-visible {
9031
9120
  --bgg-to-opacity: 100%;
9032
- --bgg-to: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
9121
+ --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--bgg-to-opacity)) !important;
9033
9122
  }
9034
9123
  .d-bgg-to-black-700, .h\:d-bgg-to-black-700:hover, .f\:d-bgg-to-black-700:focus, .f\:d-bgg-to-black-700:focus-within, .fv\:d-bgg-to-black-700:focus-visible {
9035
9124
  --bgg-to-opacity: 100%;
9036
- --bgg-to: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
9125
+ --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--bgg-to-opacity)) !important;
9037
9126
  }
9038
9127
  .d-bgg-to-black-800, .h\:d-bgg-to-black-800:hover, .f\:d-bgg-to-black-800:focus, .f\:d-bgg-to-black-800:focus-within, .fv\:d-bgg-to-black-800:focus-visible {
9039
9128
  --bgg-to-opacity: 100%;
9040
- --bgg-to: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
9129
+ --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--bgg-to-opacity)) !important;
9041
9130
  }
9042
9131
  .d-bgg-to-black-900, .h\:d-bgg-to-black-900:hover, .f\:d-bgg-to-black-900:focus, .f\:d-bgg-to-black-900:focus-within, .fv\:d-bgg-to-black-900:focus-visible {
9043
9132
  --bgg-to-opacity: 100%;
9044
- --bgg-to: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-to-opacity)) !important;
9133
+ --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--bgg-to-opacity)) !important;
9045
9134
  }
9046
9135
  .d-bgg-to-purple-100, .h\:d-bgg-to-purple-100:hover, .f\:d-bgg-to-purple-100:focus, .f\:d-bgg-to-purple-100:focus-within, .fv\:d-bgg-to-purple-100:focus-visible {
9047
9136
  --bgg-to-opacity: 100%;
9048
- --bgg-to: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-to-opacity)) !important;
9137
+ --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--bgg-to-opacity)) !important;
9049
9138
  }
9050
9139
  .d-bgg-to-purple-200, .h\:d-bgg-to-purple-200:hover, .f\:d-bgg-to-purple-200:focus, .f\:d-bgg-to-purple-200:focus-within, .fv\:d-bgg-to-purple-200:focus-visible {
9051
9140
  --bgg-to-opacity: 100%;
9052
- --bgg-to: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-to-opacity)) !important;
9141
+ --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--bgg-to-opacity)) !important;
9053
9142
  }
9054
9143
  .d-bgg-to-purple-300, .h\:d-bgg-to-purple-300:hover, .f\:d-bgg-to-purple-300:focus, .f\:d-bgg-to-purple-300:focus-within, .fv\:d-bgg-to-purple-300:focus-visible {
9055
9144
  --bgg-to-opacity: 100%;
9056
- --bgg-to: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-to-opacity)) !important;
9145
+ --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--bgg-to-opacity)) !important;
9057
9146
  }
9058
9147
  .d-bgg-to-purple-400, .h\:d-bgg-to-purple-400:hover, .f\:d-bgg-to-purple-400:focus, .f\:d-bgg-to-purple-400:focus-within, .fv\:d-bgg-to-purple-400:focus-visible {
9059
9148
  --bgg-to-opacity: 100%;
9060
- --bgg-to: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-to-opacity)) !important;
9149
+ --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--bgg-to-opacity)) !important;
9061
9150
  }
9062
9151
  .d-bgg-to-purple-500, .h\:d-bgg-to-purple-500:hover, .f\:d-bgg-to-purple-500:focus, .f\:d-bgg-to-purple-500:focus-within, .fv\:d-bgg-to-purple-500:focus-visible {
9063
9152
  --bgg-to-opacity: 100%;
9064
- --bgg-to: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-to-opacity)) !important;
9153
+ --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--bgg-to-opacity)) !important;
9065
9154
  }
9066
9155
  .d-bgg-to-purple-600, .h\:d-bgg-to-purple-600:hover, .f\:d-bgg-to-purple-600:focus, .f\:d-bgg-to-purple-600:focus-within, .fv\:d-bgg-to-purple-600:focus-visible {
9067
9156
  --bgg-to-opacity: 100%;
9068
- --bgg-to: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-to-opacity)) !important;
9157
+ --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--bgg-to-opacity)) !important;
9069
9158
  }
9070
9159
  .d-bgg-to-blue-100, .h\:d-bgg-to-blue-100:hover, .f\:d-bgg-to-blue-100:focus, .f\:d-bgg-to-blue-100:focus-within, .fv\:d-bgg-to-blue-100:focus-visible {
9071
9160
  --bgg-to-opacity: 100%;
9072
- --bgg-to: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-to-opacity)) !important;
9161
+ --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--bgg-to-opacity)) !important;
9073
9162
  }
9074
9163
  .d-bgg-to-blue-200, .h\:d-bgg-to-blue-200:hover, .f\:d-bgg-to-blue-200:focus, .f\:d-bgg-to-blue-200:focus-within, .fv\:d-bgg-to-blue-200:focus-visible {
9075
9164
  --bgg-to-opacity: 100%;
9076
- --bgg-to: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
9165
+ --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--bgg-to-opacity)) !important;
9077
9166
  }
9078
9167
  .d-bgg-to-blue-300, .h\:d-bgg-to-blue-300:hover, .f\:d-bgg-to-blue-300:focus, .f\:d-bgg-to-blue-300:focus-within, .fv\:d-bgg-to-blue-300:focus-visible {
9079
9168
  --bgg-to-opacity: 100%;
9080
- --bgg-to: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
9169
+ --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--bgg-to-opacity)) !important;
9081
9170
  }
9082
9171
  .d-bgg-to-blue-400, .h\:d-bgg-to-blue-400:hover, .f\:d-bgg-to-blue-400:focus, .f\:d-bgg-to-blue-400:focus-within, .fv\:d-bgg-to-blue-400:focus-visible {
9083
9172
  --bgg-to-opacity: 100%;
9084
- --bgg-to: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-to-opacity)) !important;
9173
+ --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--bgg-to-opacity)) !important;
9085
9174
  }
9086
9175
  .d-bgg-to-blue-500, .h\:d-bgg-to-blue-500:hover, .f\:d-bgg-to-blue-500:focus, .f\:d-bgg-to-blue-500:focus-within, .fv\:d-bgg-to-blue-500:focus-visible {
9087
9176
  --bgg-to-opacity: 100%;
9088
- --bgg-to: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-to-opacity)) !important;
9177
+ --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--bgg-to-opacity)) !important;
9089
9178
  }
9090
9179
  .d-bgg-to-magenta-100, .h\:d-bgg-to-magenta-100:hover, .f\:d-bgg-to-magenta-100:focus, .f\:d-bgg-to-magenta-100:focus-within, .fv\:d-bgg-to-magenta-100:focus-visible {
9091
9180
  --bgg-to-opacity: 100%;
9092
- --bgg-to: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-to-opacity)) !important;
9181
+ --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--bgg-to-opacity)) !important;
9093
9182
  }
9094
9183
  .d-bgg-to-magenta-200, .h\:d-bgg-to-magenta-200:hover, .f\:d-bgg-to-magenta-200:focus, .f\:d-bgg-to-magenta-200:focus-within, .fv\:d-bgg-to-magenta-200:focus-visible {
9095
9184
  --bgg-to-opacity: 100%;
9096
- --bgg-to: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-to-opacity)) !important;
9185
+ --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--bgg-to-opacity)) !important;
9097
9186
  }
9098
9187
  .d-bgg-to-magenta-300, .h\:d-bgg-to-magenta-300:hover, .f\:d-bgg-to-magenta-300:focus, .f\:d-bgg-to-magenta-300:focus-within, .fv\:d-bgg-to-magenta-300:focus-visible {
9099
9188
  --bgg-to-opacity: 100%;
9100
- --bgg-to: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-to-opacity)) !important;
9189
+ --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--bgg-to-opacity)) !important;
9101
9190
  }
9102
9191
  .d-bgg-to-magenta-400, .h\:d-bgg-to-magenta-400:hover, .f\:d-bgg-to-magenta-400:focus, .f\:d-bgg-to-magenta-400:focus-within, .fv\:d-bgg-to-magenta-400:focus-visible {
9103
9192
  --bgg-to-opacity: 100%;
9104
- --bgg-to: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-to-opacity)) !important;
9193
+ --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--bgg-to-opacity)) !important;
9105
9194
  }
9106
9195
  .d-bgg-to-magenta-500, .h\:d-bgg-to-magenta-500:hover, .f\:d-bgg-to-magenta-500:focus, .f\:d-bgg-to-magenta-500:focus-within, .fv\:d-bgg-to-magenta-500:focus-visible {
9107
9196
  --bgg-to-opacity: 100%;
9108
- --bgg-to: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-to-opacity)) !important;
9197
+ --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--bgg-to-opacity)) !important;
9109
9198
  }
9110
9199
  .d-bgg-to-gold-100, .h\:d-bgg-to-gold-100:hover, .f\:d-bgg-to-gold-100:focus, .f\:d-bgg-to-gold-100:focus-within, .fv\:d-bgg-to-gold-100:focus-visible {
9111
9200
  --bgg-to-opacity: 100%;
9112
- --bgg-to: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-to-opacity)) !important;
9201
+ --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--bgg-to-opacity)) !important;
9113
9202
  }
9114
9203
  .d-bgg-to-gold-200, .h\:d-bgg-to-gold-200:hover, .f\:d-bgg-to-gold-200:focus, .f\:d-bgg-to-gold-200:focus-within, .fv\:d-bgg-to-gold-200:focus-visible {
9115
9204
  --bgg-to-opacity: 100%;
9116
- --bgg-to: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
9205
+ --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--bgg-to-opacity)) !important;
9117
9206
  }
9118
9207
  .d-bgg-to-gold-300, .h\:d-bgg-to-gold-300:hover, .f\:d-bgg-to-gold-300:focus, .f\:d-bgg-to-gold-300:focus-within, .fv\:d-bgg-to-gold-300:focus-visible {
9119
9208
  --bgg-to-opacity: 100%;
9120
- --bgg-to: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-to-opacity)) !important;
9209
+ --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--bgg-to-opacity)) !important;
9121
9210
  }
9122
9211
  .d-bgg-to-gold-400, .h\:d-bgg-to-gold-400:hover, .f\:d-bgg-to-gold-400:focus, .f\:d-bgg-to-gold-400:focus-within, .fv\:d-bgg-to-gold-400:focus-visible {
9123
9212
  --bgg-to-opacity: 100%;
9124
- --bgg-to: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-to-opacity)) !important;
9213
+ --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--bgg-to-opacity)) !important;
9125
9214
  }
9126
9215
  .d-bgg-to-gold-500, .h\:d-bgg-to-gold-500:hover, .f\:d-bgg-to-gold-500:focus, .f\:d-bgg-to-gold-500:focus-within, .fv\:d-bgg-to-gold-500:focus-visible {
9127
9216
  --bgg-to-opacity: 100%;
9128
- --bgg-to: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-to-opacity)) !important;
9217
+ --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--bgg-to-opacity)) !important;
9129
9218
  }
9130
9219
  .d-bgg-to-green-100, .h\:d-bgg-to-green-100:hover, .f\:d-bgg-to-green-100:focus, .f\:d-bgg-to-green-100:focus-within, .fv\:d-bgg-to-green-100:focus-visible {
9131
9220
  --bgg-to-opacity: 100%;
9132
- --bgg-to: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-to-opacity)) !important;
9221
+ --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--bgg-to-opacity)) !important;
9133
9222
  }
9134
9223
  .d-bgg-to-green-200, .h\:d-bgg-to-green-200:hover, .f\:d-bgg-to-green-200:focus, .f\:d-bgg-to-green-200:focus-within, .fv\:d-bgg-to-green-200:focus-visible {
9135
9224
  --bgg-to-opacity: 100%;
9136
- --bgg-to: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
9225
+ --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--bgg-to-opacity)) !important;
9137
9226
  }
9138
9227
  .d-bgg-to-green-300, .h\:d-bgg-to-green-300:hover, .f\:d-bgg-to-green-300:focus, .f\:d-bgg-to-green-300:focus-within, .fv\:d-bgg-to-green-300:focus-visible {
9139
9228
  --bgg-to-opacity: 100%;
9140
- --bgg-to: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-to-opacity)) !important;
9229
+ --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--bgg-to-opacity)) !important;
9141
9230
  }
9142
9231
  .d-bgg-to-green-400, .h\:d-bgg-to-green-400:hover, .f\:d-bgg-to-green-400:focus, .f\:d-bgg-to-green-400:focus-within, .fv\:d-bgg-to-green-400:focus-visible {
9143
9232
  --bgg-to-opacity: 100%;
9144
- --bgg-to: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-to-opacity)) !important;
9233
+ --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--bgg-to-opacity)) !important;
9145
9234
  }
9146
9235
  .d-bgg-to-green-500, .h\:d-bgg-to-green-500:hover, .f\:d-bgg-to-green-500:focus, .f\:d-bgg-to-green-500:focus-within, .fv\:d-bgg-to-green-500:focus-visible {
9147
9236
  --bgg-to-opacity: 100%;
9148
- --bgg-to: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-to-opacity)) !important;
9237
+ --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--bgg-to-opacity)) !important;
9149
9238
  }
9150
9239
  .d-bgg-to-red-100, .h\:d-bgg-to-red-100:hover, .f\:d-bgg-to-red-100:focus, .f\:d-bgg-to-red-100:focus-within, .fv\:d-bgg-to-red-100:focus-visible {
9151
9240
  --bgg-to-opacity: 100%;
9152
- --bgg-to: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-to-opacity)) !important;
9241
+ --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--bgg-to-opacity)) !important;
9153
9242
  }
9154
9243
  .d-bgg-to-red-200, .h\:d-bgg-to-red-200:hover, .f\:d-bgg-to-red-200:focus, .f\:d-bgg-to-red-200:focus-within, .fv\:d-bgg-to-red-200:focus-visible {
9155
9244
  --bgg-to-opacity: 100%;
9156
- --bgg-to: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
9245
+ --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--bgg-to-opacity)) !important;
9157
9246
  }
9158
9247
  .d-bgg-to-red-300, .h\:d-bgg-to-red-300:hover, .f\:d-bgg-to-red-300:focus, .f\:d-bgg-to-red-300:focus-within, .fv\:d-bgg-to-red-300:focus-visible {
9159
9248
  --bgg-to-opacity: 100%;
9160
- --bgg-to: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-to-opacity)) !important;
9249
+ --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--bgg-to-opacity)) !important;
9161
9250
  }
9162
9251
  .d-bgg-to-red-400, .h\:d-bgg-to-red-400:hover, .f\:d-bgg-to-red-400:focus, .f\:d-bgg-to-red-400:focus-within, .fv\:d-bgg-to-red-400:focus-visible {
9163
9252
  --bgg-to-opacity: 100%;
9164
- --bgg-to: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-to-opacity)) !important;
9253
+ --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--bgg-to-opacity)) !important;
9165
9254
  }
9166
9255
  .d-bgg-to-red-500, .h\:d-bgg-to-red-500:hover, .f\:d-bgg-to-red-500:focus, .f\:d-bgg-to-red-500:focus-within, .fv\:d-bgg-to-red-500:focus-visible {
9167
9256
  --bgg-to-opacity: 100%;
9168
- --bgg-to: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-to-opacity)) !important;
9257
+ --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--bgg-to-opacity)) !important;
9169
9258
  }
9170
9259
  .d-bgg-to-tan-100, .h\:d-bgg-to-tan-100:hover, .f\:d-bgg-to-tan-100:focus, .f\:d-bgg-to-tan-100:focus-within, .fv\:d-bgg-to-tan-100:focus-visible {
9171
9260
  --bgg-to-opacity: 100%;
9172
- --bgg-to: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-to-opacity)) !important;
9261
+ --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--bgg-to-opacity)) !important;
9173
9262
  }
9174
9263
  .d-bgg-to-tan-200, .h\:d-bgg-to-tan-200:hover, .f\:d-bgg-to-tan-200:focus, .f\:d-bgg-to-tan-200:focus-within, .fv\:d-bgg-to-tan-200:focus-visible {
9175
9264
  --bgg-to-opacity: 100%;
9176
- --bgg-to: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
9265
+ --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--bgg-to-opacity)) !important;
9177
9266
  }
9178
9267
  .d-bgg-to-tan-300, .h\:d-bgg-to-tan-300:hover, .f\:d-bgg-to-tan-300:focus, .f\:d-bgg-to-tan-300:focus-within, .fv\:d-bgg-to-tan-300:focus-visible {
9179
9268
  --bgg-to-opacity: 100%;
9180
- --bgg-to: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
9269
+ --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--bgg-to-opacity)) !important;
9181
9270
  }
9182
9271
  .d-bgg-to-tan-400, .h\:d-bgg-to-tan-400:hover, .f\:d-bgg-to-tan-400:focus, .f\:d-bgg-to-tan-400:focus-within, .fv\:d-bgg-to-tan-400:focus-visible {
9183
9272
  --bgg-to-opacity: 100%;
9184
- --bgg-to: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
9273
+ --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--bgg-to-opacity)) !important;
9185
9274
  }
9186
9275
  .d-bgg-to-tan-500, .h\:d-bgg-to-tan-500:hover, .f\:d-bgg-to-tan-500:focus, .f\:d-bgg-to-tan-500:focus-within, .fv\:d-bgg-to-tan-500:focus-visible {
9187
9276
  --bgg-to-opacity: 100%;
9188
- --bgg-to: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-to-opacity)) !important;
9277
+ --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--bgg-to-opacity)) !important;
9189
9278
  }
9190
9279
  .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
9191
9280
  --fco: 100% !important;