@dialpad/dialtone-css 8.47.0 → 8.49.0

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.
@@ -3764,34 +3764,34 @@ legend .d-label--md {
3764
3764
  }
3765
3765
  .d-checkbox:checked {
3766
3766
  --check-radio-color-background: var(--check-radio-color-background-checked);
3767
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='%23fff'/%3E%3C/svg%3E");
3767
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='%23fff'/></svg>");
3768
3768
  }
3769
3769
  .d-checkbox:checked[disabled] {
3770
3770
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3771
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
3771
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/></svg>");
3772
3772
  }
3773
3773
  .d-checkbox--disabled:checked {
3774
3774
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3775
3775
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3776
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
3776
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/></svg>");
3777
3777
  }
3778
3778
  .d-checkbox--indeterminate,
3779
3779
  .d-checkbox:indeterminate {
3780
3780
  --check-radio-color-background: var(--check-radio-color-background-checked);
3781
3781
  --check-radio-color-border: var(--check-radio-color-border-checked);
3782
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='%23fff'/%3E%3C/svg%3E");
3782
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='%23fff'/></svg>");
3783
3783
  }
3784
3784
  .d-checkbox--indeterminate[disabled],
3785
3785
  .d-checkbox:indeterminate[disabled] {
3786
3786
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3787
3787
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3788
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
3788
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
3789
3789
  }
3790
3790
  .d-checkbox--indeterminate.d-checkbox--disabled,
3791
3791
  .d-checkbox:indeterminate.d-checkbox--disabled {
3792
3792
  --check-radio-color-background: var(--check-radio-color-background-disabled);
3793
3793
  --check-radio-color-border: var(--check-radio-color-border-disabled);
3794
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
3794
+ background-image: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/></svg>");
3795
3795
  }
3796
3796
  .d-checkbox[disabled],
3797
3797
  .d-checkbox--disabled {
@@ -3828,8 +3828,17 @@ legend .d-label--md {
3828
3828
  }
3829
3829
  .d-rich-text-editor__code-block {
3830
3830
  padding: var(--dt-space-400);
3831
+ font: var(--dt-typography-code-md);
3831
3832
  background: var(--dt-color-surface-secondary);
3832
3833
  }
3834
+ .d-rich-text-editor code:not(.d-rich-text-editor__code-block > code) {
3835
+ padding: var(--dt-space-200);
3836
+ color: var(--dt-color-foreground-warning);
3837
+ font: var(--dt-typography-code-md);
3838
+ background-color: var(--dt-color-surface-secondary-opaque);
3839
+ border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
3840
+ border-radius: var(--dt-size-radius-200);
3841
+ }
3833
3842
  .d-rich-text-editor > .ProseMirror {
3834
3843
  box-shadow: none;
3835
3844
  }
@@ -3853,7 +3862,10 @@ legend .d-label--md {
3853
3862
  .d-rich-text-editor > .ProseMirror blockquote {
3854
3863
  margin-left: 0;
3855
3864
  padding-left: var(--dt-space-400);
3856
- border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);
3865
+ border-left: var(--dt-size-border-300) solid var(--dt-color-border-subtle);
3866
+ }
3867
+ .d-rich-text-editor-bubble-menu__button-stack {
3868
+ padding: var(--dt-space-300);
3857
3869
  }
3858
3870
  .d-suggestion-list__container {
3859
3871
  max-height: var(--dt-size-875);
@@ -5820,37 +5832,37 @@ legend .d-label--md {
5820
5832
  .d-o0, .h\:d-o0:hover, .f\:d-o0:focus, .f\:d-o0:focus-within, .fv\:d-o0:focus-visible {
5821
5833
  opacity: 0 !important;
5822
5834
  }
5823
- .d-o5 {
5835
+ .d-o5, .h\:d-o5:hover, .f\:d-o5:focus, .f\:d-o5:focus-within, .fv\:d-o5:focus-visible {
5824
5836
  opacity: 0.05 !important;
5825
5837
  }
5826
5838
  .d-o10, .h\:d-o10:hover, .f\:d-o10:focus, .f\:d-o10:focus-within, .fv\:d-o10:focus-visible {
5827
5839
  opacity: 0.1 !important;
5828
5840
  }
5829
- .d-o20 {
5841
+ .d-o20, .h\:d-o20:hover, .f\:d-o20:focus, .f\:d-o20:focus-within, .fv\:d-o20:focus-visible {
5830
5842
  opacity: 0.2 !important;
5831
5843
  }
5832
5844
  .d-o25, .h\:d-o25:hover, .f\:d-o25:focus, .f\:d-o25:focus-within, .fv\:d-o25:focus-visible {
5833
5845
  opacity: 0.25 !important;
5834
5846
  }
5835
- .d-o30 {
5847
+ .d-o30, .h\:d-o30:hover, .f\:d-o30:focus, .f\:d-o30:focus-within, .fv\:d-o30:focus-visible {
5836
5848
  opacity: 0.3 !important;
5837
5849
  }
5838
- .d-o40 {
5850
+ .d-o40, .h\:d-o40:hover, .f\:d-o40:focus, .f\:d-o40:focus-within, .fv\:d-o40:focus-visible {
5839
5851
  opacity: 0.4 !important;
5840
5852
  }
5841
5853
  .d-o50, .h\:d-o50:hover, .f\:d-o50:focus, .f\:d-o50:focus-within, .fv\:d-o50:focus-visible {
5842
5854
  opacity: 0.5 !important;
5843
5855
  }
5844
- .d-o60 {
5856
+ .d-o60, .h\:d-o60:hover, .f\:d-o60:focus, .f\:d-o60:focus-within, .fv\:d-o60:focus-visible {
5845
5857
  opacity: 0.6 !important;
5846
5858
  }
5847
- .d-o70 {
5859
+ .d-o70, .h\:d-o70:hover, .f\:d-o70:focus, .f\:d-o70:focus-within, .fv\:d-o70:focus-visible {
5848
5860
  opacity: 0.7 !important;
5849
5861
  }
5850
5862
  .d-o75, .h\:d-o75:hover, .f\:d-o75:focus, .f\:d-o75:focus-within, .fv\:d-o75:focus-visible {
5851
5863
  opacity: 0.75 !important;
5852
5864
  }
5853
- .d-o80 {
5865
+ .d-o80, .h\:d-o80:hover, .f\:d-o80:focus, .f\:d-o80:focus-within, .fv\:d-o80:focus-visible {
5854
5866
  opacity: 0.8 !important;
5855
5867
  }
5856
5868
  .d-o90, .h\:d-o90:hover, .f\:d-o90:focus, .f\:d-o90:focus-within, .fv\:d-o90:focus-visible {
@@ -9174,6 +9186,7 @@ ul {
9174
9186
  .d-recipe-message-input {
9175
9187
  display: flex;
9176
9188
  flex-direction: column;
9189
+ overflow: hidden;
9177
9190
  line-height: var(--dt-font-line-height-400);
9178
9191
  border: var(--dt-size-border-100) solid;
9179
9192
  border-color: var(--dt-color-border-default);
@@ -9187,9 +9200,19 @@ ul {
9187
9200
  border-color: var(--dt-color-border-bold);
9188
9201
  box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
9189
9202
  }
9203
+ .d-recipe-message-input__button-stack {
9204
+ padding: var(--dt-space-400);
9205
+ background-color: var(--dt-color-surface-secondary);
9206
+ }
9207
+ .d-recipe-message-input__button-stack-icon {
9208
+ font-weight: var(--dt-font-weight-bold);
9209
+ }
9190
9210
  .d-recipe-message-input__editor-wrapper {
9191
9211
  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
9192
9212
  }
9213
+ .d-recipe-message-input__link-popover {
9214
+ width: 36rem;
9215
+ }
9193
9216
  .d-recipe-message-input__remaining-char {
9194
9217
  margin-right: var(--dt-space-300);
9195
9218
  color: var(--dt-color-foreground-critical);
@@ -9254,6 +9277,27 @@ ul {
9254
9277
  display: flex;
9255
9278
  align-items: center;
9256
9279
  }
9280
+ .d-recipe-message-input--button-group-divider {
9281
+ width: var(--dt-size-100);
9282
+ height: calc(var(--dt-size-550) + var(--dt-size-300));
9283
+ margin-right: var(--dt-space-300);
9284
+ margin-left: var(--dt-space-300);
9285
+ background: var(--dt-color-border-subtle);
9286
+ }
9287
+ .d-recipe-message-input__link-dialog-title {
9288
+ font: var(--dt-typography-headline-md-compact);
9289
+ }
9290
+ .d-recipe-message-input__link-dialog-buttons {
9291
+ justify-content: space-between;
9292
+ }
9293
+ .d-recipe-message-input__link-input {
9294
+ margin-top: var(--dt-space-350);
9295
+ padding-top: var(--dt-space-200);
9296
+ padding-bottom: var(--dt-space-200);
9297
+ background-color: var(--dt-color-surface-secondary);
9298
+ border: var(--dt-space-100) solid;
9299
+ border-color: var(--dt-color-border-default);
9300
+ }
9257
9301
  .d-recipe-settings-menu-button {
9258
9302
  width: var(--dt-size-550);
9259
9303
  height: var(--dt-size-600);
@@ -9899,8 +9943,8 @@ body {
9899
9943
  border-color: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--bco)) !important;
9900
9944
  }
9901
9945
  .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 {
9902
- --bco: var(--dt-color-border-ai-a);
9903
- border-color: hsl(var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l) / var(--bco)) !important;
9946
+ --bco: 100%;
9947
+ border-color: var(--dt-color-border-ai) !important;
9904
9948
  }
9905
9949
  .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 {
9906
9950
  --bco: var(--dt-color-border-accent-a);
@@ -10491,426 +10535,426 @@ body {
10491
10535
  border-color: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--dco)) !important;
10492
10536
  }
10493
10537
  .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 {
10494
- --bgg-from-opacity: 100%;
10495
- --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));
10496
- --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%);
10538
+ --bgg-from-opacity: var(--dt-color-neutral-white-a);
10539
+ --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)) !important;
10540
+ --bgg-to: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / 0%) !important;
10497
10541
  }
10498
10542
  .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 {
10499
- --bgg-from-opacity: 100%;
10500
- --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));
10501
- --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%);
10543
+ --bgg-from-opacity: var(--dt-color-neutral-black-a);
10544
+ --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)) !important;
10545
+ --bgg-to: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / 0%) !important;
10502
10546
  }
10503
10547
  .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 {
10504
- --bgg-from-opacity: 100%;
10505
- --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));
10506
- --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%);
10548
+ --bgg-from-opacity: var(--dt-color-black-100-a);
10549
+ --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)) !important;
10550
+ --bgg-to: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / 0%) !important;
10507
10551
  }
10508
10552
  .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 {
10509
- --bgg-from-opacity: 100%;
10510
- --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));
10511
- --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%);
10553
+ --bgg-from-opacity: var(--dt-color-black-200-a);
10554
+ --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)) !important;
10555
+ --bgg-to: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / 0%) !important;
10512
10556
  }
10513
10557
  .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 {
10514
- --bgg-from-opacity: 100%;
10515
- --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));
10516
- --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%);
10558
+ --bgg-from-opacity: var(--dt-color-black-300-a);
10559
+ --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)) !important;
10560
+ --bgg-to: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / 0%) !important;
10517
10561
  }
10518
10562
  .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 {
10519
- --bgg-from-opacity: 100%;
10520
- --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));
10521
- --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%);
10563
+ --bgg-from-opacity: var(--dt-color-black-400-a);
10564
+ --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)) !important;
10565
+ --bgg-to: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / 0%) !important;
10522
10566
  }
10523
10567
  .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 {
10524
- --bgg-from-opacity: 100%;
10525
- --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));
10526
- --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%);
10568
+ --bgg-from-opacity: var(--dt-color-black-500-a);
10569
+ --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)) !important;
10570
+ --bgg-to: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / 0%) !important;
10527
10571
  }
10528
10572
  .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 {
10529
- --bgg-from-opacity: 100%;
10530
- --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));
10531
- --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%);
10573
+ --bgg-from-opacity: var(--dt-color-black-600-a);
10574
+ --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)) !important;
10575
+ --bgg-to: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / 0%) !important;
10532
10576
  }
10533
10577
  .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 {
10534
- --bgg-from-opacity: 100%;
10535
- --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));
10536
- --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%);
10578
+ --bgg-from-opacity: var(--dt-color-black-700-a);
10579
+ --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)) !important;
10580
+ --bgg-to: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / 0%) !important;
10537
10581
  }
10538
10582
  .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 {
10539
- --bgg-from-opacity: 100%;
10540
- --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));
10541
- --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%);
10583
+ --bgg-from-opacity: var(--dt-color-black-800-a);
10584
+ --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)) !important;
10585
+ --bgg-to: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / 0%) !important;
10542
10586
  }
10543
10587
  .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 {
10544
- --bgg-from-opacity: 100%;
10545
- --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));
10546
- --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%);
10588
+ --bgg-from-opacity: var(--dt-color-black-900-a);
10589
+ --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)) !important;
10590
+ --bgg-to: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / 0%) !important;
10547
10591
  }
10548
10592
  .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 {
10549
- --bgg-from-opacity: 100%;
10550
- --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));
10551
- --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%);
10593
+ --bgg-from-opacity: var(--dt-color-purple-100-a);
10594
+ --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)) !important;
10595
+ --bgg-to: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / 0%) !important;
10552
10596
  }
10553
10597
  .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 {
10554
- --bgg-from-opacity: 100%;
10555
- --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));
10556
- --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%);
10598
+ --bgg-from-opacity: var(--dt-color-purple-200-a);
10599
+ --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)) !important;
10600
+ --bgg-to: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / 0%) !important;
10557
10601
  }
10558
10602
  .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 {
10559
- --bgg-from-opacity: 100%;
10560
- --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));
10561
- --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%);
10603
+ --bgg-from-opacity: var(--dt-color-purple-300-a);
10604
+ --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)) !important;
10605
+ --bgg-to: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / 0%) !important;
10562
10606
  }
10563
10607
  .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 {
10564
- --bgg-from-opacity: 100%;
10565
- --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));
10566
- --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%);
10608
+ --bgg-from-opacity: var(--dt-color-purple-400-a);
10609
+ --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)) !important;
10610
+ --bgg-to: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / 0%) !important;
10567
10611
  }
10568
10612
  .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 {
10569
- --bgg-from-opacity: 100%;
10570
- --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));
10571
- --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%);
10613
+ --bgg-from-opacity: var(--dt-color-purple-500-a);
10614
+ --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)) !important;
10615
+ --bgg-to: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / 0%) !important;
10572
10616
  }
10573
10617
  .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 {
10574
- --bgg-from-opacity: 100%;
10575
- --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));
10576
- --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%);
10618
+ --bgg-from-opacity: var(--dt-color-purple-600-a);
10619
+ --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)) !important;
10620
+ --bgg-to: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / 0%) !important;
10577
10621
  }
10578
10622
  .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 {
10579
- --bgg-from-opacity: 100%;
10580
- --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));
10581
- --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%);
10623
+ --bgg-from-opacity: var(--dt-color-blue-100-a);
10624
+ --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)) !important;
10625
+ --bgg-to: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / 0%) !important;
10582
10626
  }
10583
10627
  .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 {
10584
- --bgg-from-opacity: 100%;
10585
- --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));
10586
- --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%);
10628
+ --bgg-from-opacity: var(--dt-color-blue-200-a);
10629
+ --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)) !important;
10630
+ --bgg-to: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / 0%) !important;
10587
10631
  }
10588
10632
  .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 {
10589
- --bgg-from-opacity: 100%;
10590
- --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));
10591
- --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%);
10633
+ --bgg-from-opacity: var(--dt-color-blue-300-a);
10634
+ --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)) !important;
10635
+ --bgg-to: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / 0%) !important;
10592
10636
  }
10593
10637
  .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 {
10594
- --bgg-from-opacity: 100%;
10595
- --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));
10596
- --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%);
10638
+ --bgg-from-opacity: var(--dt-color-blue-400-a);
10639
+ --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)) !important;
10640
+ --bgg-to: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / 0%) !important;
10597
10641
  }
10598
10642
  .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 {
10599
- --bgg-from-opacity: 100%;
10600
- --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));
10601
- --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%);
10643
+ --bgg-from-opacity: var(--dt-color-blue-500-a);
10644
+ --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)) !important;
10645
+ --bgg-to: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / 0%) !important;
10602
10646
  }
10603
10647
  .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 {
10604
- --bgg-from-opacity: 100%;
10605
- --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));
10606
- --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%);
10648
+ --bgg-from-opacity: var(--dt-color-magenta-100-a);
10649
+ --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)) !important;
10650
+ --bgg-to: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / 0%) !important;
10607
10651
  }
10608
10652
  .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 {
10609
- --bgg-from-opacity: 100%;
10610
- --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));
10611
- --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%);
10653
+ --bgg-from-opacity: var(--dt-color-magenta-200-a);
10654
+ --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)) !important;
10655
+ --bgg-to: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / 0%) !important;
10612
10656
  }
10613
10657
  .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 {
10614
- --bgg-from-opacity: 100%;
10615
- --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));
10616
- --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%);
10658
+ --bgg-from-opacity: var(--dt-color-magenta-300-a);
10659
+ --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)) !important;
10660
+ --bgg-to: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / 0%) !important;
10617
10661
  }
10618
10662
  .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 {
10619
- --bgg-from-opacity: 100%;
10620
- --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));
10621
- --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%);
10663
+ --bgg-from-opacity: var(--dt-color-magenta-400-a);
10664
+ --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)) !important;
10665
+ --bgg-to: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / 0%) !important;
10622
10666
  }
10623
10667
  .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 {
10624
- --bgg-from-opacity: 100%;
10625
- --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));
10626
- --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%);
10668
+ --bgg-from-opacity: var(--dt-color-magenta-500-a);
10669
+ --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)) !important;
10670
+ --bgg-to: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / 0%) !important;
10627
10671
  }
10628
10672
  .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 {
10629
- --bgg-from-opacity: 100%;
10630
- --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));
10631
- --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%);
10673
+ --bgg-from-opacity: var(--dt-color-gold-100-a);
10674
+ --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)) !important;
10675
+ --bgg-to: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / 0%) !important;
10632
10676
  }
10633
10677
  .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 {
10634
- --bgg-from-opacity: 100%;
10635
- --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));
10636
- --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%);
10678
+ --bgg-from-opacity: var(--dt-color-gold-200-a);
10679
+ --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)) !important;
10680
+ --bgg-to: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / 0%) !important;
10637
10681
  }
10638
10682
  .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 {
10639
- --bgg-from-opacity: 100%;
10640
- --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));
10641
- --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%);
10683
+ --bgg-from-opacity: var(--dt-color-gold-300-a);
10684
+ --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)) !important;
10685
+ --bgg-to: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / 0%) !important;
10642
10686
  }
10643
10687
  .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 {
10644
- --bgg-from-opacity: 100%;
10645
- --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));
10646
- --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%);
10688
+ --bgg-from-opacity: var(--dt-color-gold-400-a);
10689
+ --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)) !important;
10690
+ --bgg-to: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / 0%) !important;
10647
10691
  }
10648
10692
  .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 {
10649
- --bgg-from-opacity: 100%;
10650
- --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));
10651
- --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%);
10693
+ --bgg-from-opacity: var(--dt-color-gold-500-a);
10694
+ --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)) !important;
10695
+ --bgg-to: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / 0%) !important;
10652
10696
  }
10653
10697
  .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 {
10654
- --bgg-from-opacity: 100%;
10655
- --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));
10656
- --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%);
10698
+ --bgg-from-opacity: var(--dt-color-green-100-a);
10699
+ --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)) !important;
10700
+ --bgg-to: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / 0%) !important;
10657
10701
  }
10658
10702
  .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 {
10659
- --bgg-from-opacity: 100%;
10660
- --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));
10661
- --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%);
10703
+ --bgg-from-opacity: var(--dt-color-green-200-a);
10704
+ --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)) !important;
10705
+ --bgg-to: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / 0%) !important;
10662
10706
  }
10663
10707
  .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 {
10664
- --bgg-from-opacity: 100%;
10665
- --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));
10666
- --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%);
10708
+ --bgg-from-opacity: var(--dt-color-green-300-a);
10709
+ --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)) !important;
10710
+ --bgg-to: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / 0%) !important;
10667
10711
  }
10668
10712
  .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 {
10669
- --bgg-from-opacity: 100%;
10670
- --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));
10671
- --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%);
10713
+ --bgg-from-opacity: var(--dt-color-green-400-a);
10714
+ --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)) !important;
10715
+ --bgg-to: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / 0%) !important;
10672
10716
  }
10673
10717
  .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 {
10674
- --bgg-from-opacity: 100%;
10675
- --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));
10676
- --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%);
10718
+ --bgg-from-opacity: var(--dt-color-green-500-a);
10719
+ --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)) !important;
10720
+ --bgg-to: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / 0%) !important;
10677
10721
  }
10678
10722
  .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 {
10679
- --bgg-from-opacity: 100%;
10680
- --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));
10681
- --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%);
10723
+ --bgg-from-opacity: var(--dt-color-red-100-a);
10724
+ --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)) !important;
10725
+ --bgg-to: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / 0%) !important;
10682
10726
  }
10683
10727
  .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 {
10684
- --bgg-from-opacity: 100%;
10685
- --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));
10686
- --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%);
10728
+ --bgg-from-opacity: var(--dt-color-red-200-a);
10729
+ --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)) !important;
10730
+ --bgg-to: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / 0%) !important;
10687
10731
  }
10688
10732
  .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 {
10689
- --bgg-from-opacity: 100%;
10690
- --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));
10691
- --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%);
10733
+ --bgg-from-opacity: var(--dt-color-red-300-a);
10734
+ --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)) !important;
10735
+ --bgg-to: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / 0%) !important;
10692
10736
  }
10693
10737
  .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 {
10694
- --bgg-from-opacity: 100%;
10695
- --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));
10696
- --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%);
10738
+ --bgg-from-opacity: var(--dt-color-red-400-a);
10739
+ --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)) !important;
10740
+ --bgg-to: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / 0%) !important;
10697
10741
  }
10698
10742
  .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 {
10699
- --bgg-from-opacity: 100%;
10700
- --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));
10701
- --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%);
10743
+ --bgg-from-opacity: var(--dt-color-red-500-a);
10744
+ --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)) !important;
10745
+ --bgg-to: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / 0%) !important;
10702
10746
  }
10703
10747
  .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 {
10704
- --bgg-from-opacity: 100%;
10705
- --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));
10706
- --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%);
10748
+ --bgg-from-opacity: var(--dt-color-tan-100-a);
10749
+ --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)) !important;
10750
+ --bgg-to: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / 0%) !important;
10707
10751
  }
10708
10752
  .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 {
10709
- --bgg-from-opacity: 100%;
10710
- --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));
10711
- --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%);
10753
+ --bgg-from-opacity: var(--dt-color-tan-200-a);
10754
+ --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)) !important;
10755
+ --bgg-to: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / 0%) !important;
10712
10756
  }
10713
10757
  .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 {
10714
- --bgg-from-opacity: 100%;
10715
- --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));
10716
- --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%);
10758
+ --bgg-from-opacity: var(--dt-color-tan-300-a);
10759
+ --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)) !important;
10760
+ --bgg-to: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / 0%) !important;
10717
10761
  }
10718
10762
  .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 {
10719
- --bgg-from-opacity: 100%;
10720
- --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));
10721
- --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%);
10763
+ --bgg-from-opacity: var(--dt-color-tan-400-a);
10764
+ --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)) !important;
10765
+ --bgg-to: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / 0%) !important;
10722
10766
  }
10723
10767
  .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 {
10724
- --bgg-from-opacity: 100%;
10725
- --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));
10726
- --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%);
10768
+ --bgg-from-opacity: var(--dt-color-tan-500-a);
10769
+ --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)) !important;
10770
+ --bgg-to: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / 0%) !important;
10727
10771
  }
10728
10772
  .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 {
10729
- --bgg-to-opacity: 100%;
10773
+ --bgg-to-opacity: var(--dt-color-neutral-white-a);
10730
10774
  --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;
10731
10775
  }
10732
10776
  .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 {
10733
- --bgg-to-opacity: 100%;
10777
+ --bgg-to-opacity: var(--dt-color-neutral-black-a);
10734
10778
  --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;
10735
10779
  }
10736
10780
  .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 {
10737
- --bgg-to-opacity: 100%;
10781
+ --bgg-to-opacity: var(--dt-color-black-100-a);
10738
10782
  --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;
10739
10783
  }
10740
10784
  .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 {
10741
- --bgg-to-opacity: 100%;
10785
+ --bgg-to-opacity: var(--dt-color-black-200-a);
10742
10786
  --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;
10743
10787
  }
10744
10788
  .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 {
10745
- --bgg-to-opacity: 100%;
10789
+ --bgg-to-opacity: var(--dt-color-black-300-a);
10746
10790
  --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;
10747
10791
  }
10748
10792
  .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 {
10749
- --bgg-to-opacity: 100%;
10793
+ --bgg-to-opacity: var(--dt-color-black-400-a);
10750
10794
  --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;
10751
10795
  }
10752
10796
  .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 {
10753
- --bgg-to-opacity: 100%;
10797
+ --bgg-to-opacity: var(--dt-color-black-500-a);
10754
10798
  --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;
10755
10799
  }
10756
10800
  .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 {
10757
- --bgg-to-opacity: 100%;
10801
+ --bgg-to-opacity: var(--dt-color-black-600-a);
10758
10802
  --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;
10759
10803
  }
10760
10804
  .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 {
10761
- --bgg-to-opacity: 100%;
10805
+ --bgg-to-opacity: var(--dt-color-black-700-a);
10762
10806
  --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;
10763
10807
  }
10764
10808
  .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 {
10765
- --bgg-to-opacity: 100%;
10809
+ --bgg-to-opacity: var(--dt-color-black-800-a);
10766
10810
  --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;
10767
10811
  }
10768
10812
  .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 {
10769
- --bgg-to-opacity: 100%;
10813
+ --bgg-to-opacity: var(--dt-color-black-900-a);
10770
10814
  --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;
10771
10815
  }
10772
10816
  .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 {
10773
- --bgg-to-opacity: 100%;
10817
+ --bgg-to-opacity: var(--dt-color-purple-100-a);
10774
10818
  --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;
10775
10819
  }
10776
10820
  .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 {
10777
- --bgg-to-opacity: 100%;
10821
+ --bgg-to-opacity: var(--dt-color-purple-200-a);
10778
10822
  --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;
10779
10823
  }
10780
10824
  .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 {
10781
- --bgg-to-opacity: 100%;
10825
+ --bgg-to-opacity: var(--dt-color-purple-300-a);
10782
10826
  --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;
10783
10827
  }
10784
10828
  .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 {
10785
- --bgg-to-opacity: 100%;
10829
+ --bgg-to-opacity: var(--dt-color-purple-400-a);
10786
10830
  --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;
10787
10831
  }
10788
10832
  .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 {
10789
- --bgg-to-opacity: 100%;
10833
+ --bgg-to-opacity: var(--dt-color-purple-500-a);
10790
10834
  --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;
10791
10835
  }
10792
10836
  .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 {
10793
- --bgg-to-opacity: 100%;
10837
+ --bgg-to-opacity: var(--dt-color-purple-600-a);
10794
10838
  --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;
10795
10839
  }
10796
10840
  .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 {
10797
- --bgg-to-opacity: 100%;
10841
+ --bgg-to-opacity: var(--dt-color-blue-100-a);
10798
10842
  --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;
10799
10843
  }
10800
10844
  .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 {
10801
- --bgg-to-opacity: 100%;
10845
+ --bgg-to-opacity: var(--dt-color-blue-200-a);
10802
10846
  --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;
10803
10847
  }
10804
10848
  .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 {
10805
- --bgg-to-opacity: 100%;
10849
+ --bgg-to-opacity: var(--dt-color-blue-300-a);
10806
10850
  --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;
10807
10851
  }
10808
10852
  .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 {
10809
- --bgg-to-opacity: 100%;
10853
+ --bgg-to-opacity: var(--dt-color-blue-400-a);
10810
10854
  --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;
10811
10855
  }
10812
10856
  .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 {
10813
- --bgg-to-opacity: 100%;
10857
+ --bgg-to-opacity: var(--dt-color-blue-500-a);
10814
10858
  --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;
10815
10859
  }
10816
10860
  .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 {
10817
- --bgg-to-opacity: 100%;
10861
+ --bgg-to-opacity: var(--dt-color-magenta-100-a);
10818
10862
  --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;
10819
10863
  }
10820
10864
  .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 {
10821
- --bgg-to-opacity: 100%;
10865
+ --bgg-to-opacity: var(--dt-color-magenta-200-a);
10822
10866
  --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;
10823
10867
  }
10824
10868
  .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 {
10825
- --bgg-to-opacity: 100%;
10869
+ --bgg-to-opacity: var(--dt-color-magenta-300-a);
10826
10870
  --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;
10827
10871
  }
10828
10872
  .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 {
10829
- --bgg-to-opacity: 100%;
10873
+ --bgg-to-opacity: var(--dt-color-magenta-400-a);
10830
10874
  --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;
10831
10875
  }
10832
10876
  .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 {
10833
- --bgg-to-opacity: 100%;
10877
+ --bgg-to-opacity: var(--dt-color-magenta-500-a);
10834
10878
  --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;
10835
10879
  }
10836
10880
  .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 {
10837
- --bgg-to-opacity: 100%;
10881
+ --bgg-to-opacity: var(--dt-color-gold-100-a);
10838
10882
  --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;
10839
10883
  }
10840
10884
  .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 {
10841
- --bgg-to-opacity: 100%;
10885
+ --bgg-to-opacity: var(--dt-color-gold-200-a);
10842
10886
  --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;
10843
10887
  }
10844
10888
  .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 {
10845
- --bgg-to-opacity: 100%;
10889
+ --bgg-to-opacity: var(--dt-color-gold-300-a);
10846
10890
  --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;
10847
10891
  }
10848
10892
  .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 {
10849
- --bgg-to-opacity: 100%;
10893
+ --bgg-to-opacity: var(--dt-color-gold-400-a);
10850
10894
  --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;
10851
10895
  }
10852
10896
  .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 {
10853
- --bgg-to-opacity: 100%;
10897
+ --bgg-to-opacity: var(--dt-color-gold-500-a);
10854
10898
  --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;
10855
10899
  }
10856
10900
  .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 {
10857
- --bgg-to-opacity: 100%;
10901
+ --bgg-to-opacity: var(--dt-color-green-100-a);
10858
10902
  --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;
10859
10903
  }
10860
10904
  .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 {
10861
- --bgg-to-opacity: 100%;
10905
+ --bgg-to-opacity: var(--dt-color-green-200-a);
10862
10906
  --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;
10863
10907
  }
10864
10908
  .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 {
10865
- --bgg-to-opacity: 100%;
10909
+ --bgg-to-opacity: var(--dt-color-green-300-a);
10866
10910
  --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;
10867
10911
  }
10868
10912
  .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 {
10869
- --bgg-to-opacity: 100%;
10913
+ --bgg-to-opacity: var(--dt-color-green-400-a);
10870
10914
  --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;
10871
10915
  }
10872
10916
  .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 {
10873
- --bgg-to-opacity: 100%;
10917
+ --bgg-to-opacity: var(--dt-color-green-500-a);
10874
10918
  --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;
10875
10919
  }
10876
10920
  .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 {
10877
- --bgg-to-opacity: 100%;
10921
+ --bgg-to-opacity: var(--dt-color-red-100-a);
10878
10922
  --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;
10879
10923
  }
10880
10924
  .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 {
10881
- --bgg-to-opacity: 100%;
10925
+ --bgg-to-opacity: var(--dt-color-red-200-a);
10882
10926
  --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;
10883
10927
  }
10884
10928
  .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 {
10885
- --bgg-to-opacity: 100%;
10929
+ --bgg-to-opacity: var(--dt-color-red-300-a);
10886
10930
  --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;
10887
10931
  }
10888
10932
  .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 {
10889
- --bgg-to-opacity: 100%;
10933
+ --bgg-to-opacity: var(--dt-color-red-400-a);
10890
10934
  --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;
10891
10935
  }
10892
10936
  .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 {
10893
- --bgg-to-opacity: 100%;
10937
+ --bgg-to-opacity: var(--dt-color-red-500-a);
10894
10938
  --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;
10895
10939
  }
10896
10940
  .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 {
10897
- --bgg-to-opacity: 100%;
10941
+ --bgg-to-opacity: var(--dt-color-tan-100-a);
10898
10942
  --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;
10899
10943
  }
10900
10944
  .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 {
10901
- --bgg-to-opacity: 100%;
10945
+ --bgg-to-opacity: var(--dt-color-tan-200-a);
10902
10946
  --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;
10903
10947
  }
10904
10948
  .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 {
10905
- --bgg-to-opacity: 100%;
10949
+ --bgg-to-opacity: var(--dt-color-tan-300-a);
10906
10950
  --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;
10907
10951
  }
10908
10952
  .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 {
10909
- --bgg-to-opacity: 100%;
10953
+ --bgg-to-opacity: var(--dt-color-tan-400-a);
10910
10954
  --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;
10911
10955
  }
10912
10956
  .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 {
10913
- --bgg-to-opacity: 100%;
10957
+ --bgg-to-opacity: var(--dt-color-tan-500-a);
10914
10958
  --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;
10915
10959
  }
10916
10960
  .d-fco100, .h\:d-fco100:hover, .f\:d-fco100:focus, .f\:d-fco100:focus-within, .fv\:d-fco100:focus-visible {
@@ -14419,6 +14463,7 @@ body {
14419
14463
  --ttf-out: cubic-bezier(0.23, 1, 0.32, 1);
14420
14464
  --ttf-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
14421
14465
  --td0: 0s;
14466
+ --td25: 25ms;
14422
14467
  --td50: 50ms;
14423
14468
  --td100: 100ms;
14424
14469
  --td150: 150ms;