@policystudio/policy-studio-ui-vue 1.0.29 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/.eslintrc.js +36 -35
  2. package/.storybook/preview.js +7 -1
  3. package/README.md +6 -2
  4. package/babel.config.js +1 -1
  5. package/dist/css/psui_styles.css +1580 -185
  6. package/package.json +16 -5
  7. package/postcss.config.js +1 -1
  8. package/src/assets/scss/base.scss +3 -0
  9. package/src/assets/scss/components/PsAccordion.scss +28 -11
  10. package/src/assets/scss/components/PsButton.scss +39 -18
  11. package/src/assets/scss/components/PsCardInfos.scss +1 -1
  12. package/src/assets/scss/components/PsCheckbox.scss +4 -5
  13. package/src/assets/scss/components/PsChips.scss +13 -8
  14. package/src/assets/scss/components/PsClimateZoneBadge.scss +1 -1
  15. package/src/assets/scss/components/PsCostEffectBar.scss +22 -27
  16. package/src/assets/scss/components/PsDataTable.scss +17 -0
  17. package/src/assets/scss/components/PsDialog.scss +5 -2
  18. package/src/assets/scss/components/PsDotLoader.scss +45 -0
  19. package/src/assets/scss/components/PsDraggable.scss +64 -0
  20. package/src/assets/scss/components/PsDropdown.scss +9 -24
  21. package/src/assets/scss/components/PsDropdownList.scss +19 -0
  22. package/src/assets/scss/components/PsInlineSelector.scss +40 -25
  23. package/src/assets/scss/components/PsInput.scss +8 -3
  24. package/src/assets/scss/components/PsInputSelect.scss +6 -3
  25. package/src/assets/scss/components/PsInputTextArea.scss +5 -2
  26. package/src/assets/scss/components/PsMiniTag.scss +3 -3
  27. package/src/assets/scss/components/PsRadioButton.scss +5 -5
  28. package/src/assets/scss/components/PsSwitch.scss +4 -4
  29. package/src/assets/scss/components/PsTabHeader.scss +14 -0
  30. package/src/assets/scss/components/PsToast.scss +3 -3
  31. package/src/assets/scss/components/PsToggle.scss +6 -2
  32. package/src/assets/scss/components/PsTooltip.scss +50 -18
  33. package/src/components/accordion/PsAccordion.vue +7 -23
  34. package/src/components/accordion/PsAccordionItem.vue +42 -26
  35. package/src/components/badges-and-tags/PsCardInfos.vue +12 -0
  36. package/src/components/badges-and-tags/PsChartLegend.vue +13 -0
  37. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +7 -0
  38. package/src/components/badges-and-tags/PsCostEffectBar.vue +6 -0
  39. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -1
  40. package/src/components/badges-and-tags/PsMiniTag.vue +6 -0
  41. package/src/components/badges-and-tags/PsProgressBar.vue +17 -9
  42. package/src/components/buttons/PsButton.vue +27 -2
  43. package/src/components/chips/PsChips.vue +33 -13
  44. package/src/components/controls/PsCheckbox.vue +32 -16
  45. package/src/components/controls/PsDraggable.vue +39 -150
  46. package/src/components/controls/PsInlineSelector.vue +34 -16
  47. package/src/components/controls/PsRadioButton.vue +28 -15
  48. package/src/components/controls/PsSlider.vue +1 -1
  49. package/src/components/controls/PsSwitch.vue +20 -11
  50. package/src/components/controls/PsToggle.vue +33 -12
  51. package/src/components/datatable/PsDataTable.vue +21 -1
  52. package/src/components/datatable/PsDataTableItem.vue +1 -1
  53. package/src/components/forms/PsDropdown.vue +73 -101
  54. package/src/components/forms/PsDropdownList.vue +82 -0
  55. package/src/components/forms/PsInput.vue +28 -1
  56. package/src/components/forms/PsInputSelect.vue +21 -0
  57. package/src/components/forms/PsInputTextArea.vue +54 -41
  58. package/src/components/notifications/PsDialog.vue +15 -0
  59. package/src/components/notifications/PsToast.vue +12 -0
  60. package/src/components/playground/PsScrollBar.vue +54 -0
  61. package/src/components/tabs/PsTabHeader.vue +31 -5
  62. package/src/components/tooltip/PsDialogTooltip.vue +107 -24
  63. package/src/components/tooltip/PsRichTooltip.vue +12 -9
  64. package/src/components/tooltip/PsTooltip.vue +27 -11
  65. package/src/components/ui/PsDotLoader.vue +15 -0
  66. package/src/components/ui/PsIcon.vue +30 -0
  67. package/src/index.js +39 -7
  68. package/src/stories/Accordion.stories.js +12 -48
  69. package/src/stories/Button.stories.js +30 -7
  70. package/src/stories/Chips.stories.js +16 -4
  71. package/src/stories/Colors.stories.mdx +1 -0
  72. package/src/stories/Dropdown.stories.js +81 -14
  73. package/src/stories/InlineSelector.stories.js +1 -1
  74. package/src/stories/Playground.stories.js +16 -0
  75. package/src/stories/Switch.stories.js +8 -2
  76. package/src/stories/Toast.stories.js +16 -16
  77. package/src/stories/Tooltip.stories.js +6 -6
  78. package/src/stories/Typography.stories.mdx +22 -18
  79. package/src/util/GeneralFunctions.js +8 -0
  80. package/src/util/imageLoader.js +1 -1
  81. package/tailwind.config.js +8 -3
  82. package/vetur/attributes.json +1376 -0
  83. package/vetur/tags.json +632 -0
  84. package/src/components/forms/PsDropdownCopy.vue +0 -212
@@ -1284,6 +1284,12 @@ video {
1284
1284
  border-color: rgba(252, 235, 235, var(--divide-opacity));
1285
1285
  }
1286
1286
 
1287
+ .psui-divide-red-15 > :not(template) ~ :not(template){
1288
+ --divide-opacity: 1;
1289
+ border-color: #EAC5C5;
1290
+ border-color: rgba(234, 197, 197, var(--divide-opacity));
1291
+ }
1292
+
1287
1293
  .psui-divide-red-20 > :not(template) ~ :not(template){
1288
1294
  --divide-opacity: 1;
1289
1295
  border-color: #D65C5A;
@@ -1629,6 +1635,12 @@ video {
1629
1635
  background-color: rgba(252, 235, 235, var(--bg-opacity));
1630
1636
  }
1631
1637
 
1638
+ .psui-bg-red-15{
1639
+ --bg-opacity: 1;
1640
+ background-color: #EAC5C5;
1641
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
1642
+ }
1643
+
1632
1644
  .psui-bg-red-20{
1633
1645
  --bg-opacity: 1;
1634
1646
  background-color: #D65C5A;
@@ -1841,6 +1853,12 @@ video {
1841
1853
  background-color: rgba(252, 235, 235, var(--bg-opacity));
1842
1854
  }
1843
1855
 
1856
+ .hover\:psui-bg-red-15:hover{
1857
+ --bg-opacity: 1;
1858
+ background-color: #EAC5C5;
1859
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
1860
+ }
1861
+
1844
1862
  .hover\:psui-bg-red-20:hover{
1845
1863
  --bg-opacity: 1;
1846
1864
  background-color: #D65C5A;
@@ -2053,6 +2071,12 @@ video {
2053
2071
  background-color: rgba(252, 235, 235, var(--bg-opacity));
2054
2072
  }
2055
2073
 
2074
+ .active\:psui-bg-red-15:active{
2075
+ --bg-opacity: 1;
2076
+ background-color: #EAC5C5;
2077
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
2078
+ }
2079
+
2056
2080
  .active\:psui-bg-red-20:active{
2057
2081
  --bg-opacity: 1;
2058
2082
  background-color: #D65C5A;
@@ -2265,6 +2289,12 @@ video {
2265
2289
  background-color: rgba(252, 235, 235, var(--bg-opacity));
2266
2290
  }
2267
2291
 
2292
+ .focus\:psui-bg-red-15:focus{
2293
+ --bg-opacity: 1;
2294
+ background-color: #EAC5C5;
2295
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
2296
+ }
2297
+
2268
2298
  .focus\:psui-bg-red-20:focus{
2269
2299
  --bg-opacity: 1;
2270
2300
  background-color: #D65C5A;
@@ -2477,6 +2507,12 @@ video {
2477
2507
  background-color: rgba(252, 235, 235, var(--bg-opacity));
2478
2508
  }
2479
2509
 
2510
+ .psui-group:hover .group-hover\:psui-bg-red-15{
2511
+ --bg-opacity: 1;
2512
+ background-color: #EAC5C5;
2513
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
2514
+ }
2515
+
2480
2516
  .psui-group:hover .group-hover\:psui-bg-red-20{
2481
2517
  --bg-opacity: 1;
2482
2518
  background-color: #D65C5A;
@@ -2689,6 +2725,12 @@ video {
2689
2725
  background-color: rgba(252, 235, 235, var(--bg-opacity));
2690
2726
  }
2691
2727
 
2728
+ .even\:psui-bg-red-15:nth-child(even){
2729
+ --bg-opacity: 1;
2730
+ background-color: #EAC5C5;
2731
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
2732
+ }
2733
+
2692
2734
  .even\:psui-bg-red-20:nth-child(even){
2693
2735
  --bg-opacity: 1;
2694
2736
  background-color: #D65C5A;
@@ -2901,6 +2943,12 @@ video {
2901
2943
  background-color: rgba(252, 235, 235, var(--bg-opacity));
2902
2944
  }
2903
2945
 
2946
+ .first\:psui-bg-red-15:first-child{
2947
+ --bg-opacity: 1;
2948
+ background-color: #EAC5C5;
2949
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
2950
+ }
2951
+
2904
2952
  .first\:psui-bg-red-20:first-child{
2905
2953
  --bg-opacity: 1;
2906
2954
  background-color: #D65C5A;
@@ -3113,6 +3161,12 @@ video {
3113
3161
  background-color: rgba(252, 235, 235, var(--bg-opacity));
3114
3162
  }
3115
3163
 
3164
+ .disabled\:psui-bg-red-15:disabled{
3165
+ --bg-opacity: 1;
3166
+ background-color: #EAC5C5;
3167
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
3168
+ }
3169
+
3116
3170
  .disabled\:psui-bg-red-20:disabled{
3117
3171
  --bg-opacity: 1;
3118
3172
  background-color: #D65C5A;
@@ -3325,6 +3379,12 @@ video {
3325
3379
  background-color: rgba(252, 235, 235, var(--bg-opacity));
3326
3380
  }
3327
3381
 
3382
+ .checked\:psui-bg-red-15:checked{
3383
+ --bg-opacity: 1;
3384
+ background-color: #EAC5C5;
3385
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
3386
+ }
3387
+
3328
3388
  .checked\:psui-bg-red-20:checked{
3329
3389
  --bg-opacity: 1;
3330
3390
  background-color: #D65C5A;
@@ -3550,6 +3610,11 @@ video {
3550
3610
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
3551
3611
  }
3552
3612
 
3613
+ .psui-from-red-15{
3614
+ --gradient-from-color: #EAC5C5;
3615
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
3616
+ }
3617
+
3553
3618
  .psui-from-red-20{
3554
3619
  --gradient-from-color: #D65C5A;
3555
3620
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -3730,6 +3795,11 @@ video {
3730
3795
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
3731
3796
  }
3732
3797
 
3798
+ .psui-via-red-15{
3799
+ --gradient-via-color: #EAC5C5;
3800
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
3801
+ }
3802
+
3733
3803
  .psui-via-red-20{
3734
3804
  --gradient-via-color: #D65C5A;
3735
3805
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -3885,6 +3955,10 @@ video {
3885
3955
  --gradient-to-color: #FCEBEB;
3886
3956
  }
3887
3957
 
3958
+ .psui-to-red-15{
3959
+ --gradient-to-color: #EAC5C5;
3960
+ }
3961
+
3888
3962
  .psui-to-red-20{
3889
3963
  --gradient-to-color: #D65C5A;
3890
3964
  }
@@ -4054,6 +4128,11 @@ video {
4054
4128
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
4055
4129
  }
4056
4130
 
4131
+ .hover\:psui-from-red-15:hover{
4132
+ --gradient-from-color: #EAC5C5;
4133
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
4134
+ }
4135
+
4057
4136
  .hover\:psui-from-red-20:hover{
4058
4137
  --gradient-from-color: #D65C5A;
4059
4138
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -4234,6 +4313,11 @@ video {
4234
4313
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
4235
4314
  }
4236
4315
 
4316
+ .hover\:psui-via-red-15:hover{
4317
+ --gradient-via-color: #EAC5C5;
4318
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
4319
+ }
4320
+
4237
4321
  .hover\:psui-via-red-20:hover{
4238
4322
  --gradient-via-color: #D65C5A;
4239
4323
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -4389,6 +4473,10 @@ video {
4389
4473
  --gradient-to-color: #FCEBEB;
4390
4474
  }
4391
4475
 
4476
+ .hover\:psui-to-red-15:hover{
4477
+ --gradient-to-color: #EAC5C5;
4478
+ }
4479
+
4392
4480
  .hover\:psui-to-red-20:hover{
4393
4481
  --gradient-to-color: #D65C5A;
4394
4482
  }
@@ -4558,6 +4646,11 @@ video {
4558
4646
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
4559
4647
  }
4560
4648
 
4649
+ .focus\:psui-from-red-15:focus{
4650
+ --gradient-from-color: #EAC5C5;
4651
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
4652
+ }
4653
+
4561
4654
  .focus\:psui-from-red-20:focus{
4562
4655
  --gradient-from-color: #D65C5A;
4563
4656
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -4738,6 +4831,11 @@ video {
4738
4831
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
4739
4832
  }
4740
4833
 
4834
+ .focus\:psui-via-red-15:focus{
4835
+ --gradient-via-color: #EAC5C5;
4836
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
4837
+ }
4838
+
4741
4839
  .focus\:psui-via-red-20:focus{
4742
4840
  --gradient-via-color: #D65C5A;
4743
4841
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -4893,6 +4991,10 @@ video {
4893
4991
  --gradient-to-color: #FCEBEB;
4894
4992
  }
4895
4993
 
4994
+ .focus\:psui-to-red-15:focus{
4995
+ --gradient-to-color: #EAC5C5;
4996
+ }
4997
+
4896
4998
  .focus\:psui-to-red-20:focus{
4897
4999
  --gradient-to-color: #D65C5A;
4898
5000
  }
@@ -5225,6 +5327,12 @@ video {
5225
5327
  border-color: rgba(252, 235, 235, var(--border-opacity));
5226
5328
  }
5227
5329
 
5330
+ .psui-border-red-15{
5331
+ --border-opacity: 1;
5332
+ border-color: #EAC5C5;
5333
+ border-color: rgba(234, 197, 197, var(--border-opacity));
5334
+ }
5335
+
5228
5336
  .psui-border-red-20{
5229
5337
  --border-opacity: 1;
5230
5338
  border-color: #D65C5A;
@@ -5443,6 +5551,12 @@ video {
5443
5551
  border-color: rgba(252, 235, 235, var(--border-opacity));
5444
5552
  }
5445
5553
 
5554
+ .disabled\:psui-border-red-15:disabled{
5555
+ --border-opacity: 1;
5556
+ border-color: #EAC5C5;
5557
+ border-color: rgba(234, 197, 197, var(--border-opacity));
5558
+ }
5559
+
5446
5560
  .disabled\:psui-border-red-20:disabled{
5447
5561
  --border-opacity: 1;
5448
5562
  border-color: #D65C5A;
@@ -5661,6 +5775,12 @@ video {
5661
5775
  border-color: rgba(252, 235, 235, var(--border-opacity));
5662
5776
  }
5663
5777
 
5778
+ .hover\:psui-border-red-15:hover{
5779
+ --border-opacity: 1;
5780
+ border-color: #EAC5C5;
5781
+ border-color: rgba(234, 197, 197, var(--border-opacity));
5782
+ }
5783
+
5664
5784
  .hover\:psui-border-red-20:hover{
5665
5785
  --border-opacity: 1;
5666
5786
  border-color: #D65C5A;
@@ -5879,6 +5999,12 @@ video {
5879
5999
  border-color: rgba(252, 235, 235, var(--border-opacity));
5880
6000
  }
5881
6001
 
6002
+ .checked\:psui-border-red-15:checked{
6003
+ --border-opacity: 1;
6004
+ border-color: #EAC5C5;
6005
+ border-color: rgba(234, 197, 197, var(--border-opacity));
6006
+ }
6007
+
5882
6008
  .checked\:psui-border-red-20:checked{
5883
6009
  --border-opacity: 1;
5884
6010
  border-color: #D65C5A;
@@ -7245,6 +7371,16 @@ video {
7245
7371
  cursor: not-allowed;
7246
7372
  }
7247
7373
 
7374
+ .psui-cursor-grab{
7375
+ cursor: -webkit-grab;
7376
+ cursor: grab;
7377
+ }
7378
+
7379
+ .psui-cursor-grabbing{
7380
+ cursor: -webkit-grabbing;
7381
+ cursor: grabbing;
7382
+ }
7383
+
7248
7384
  .psui-block{
7249
7385
  display: block;
7250
7386
  }
@@ -7898,17 +8034,17 @@ video {
7898
8034
 
7899
8035
  .psui-text-p{
7900
8036
  font-size: 16px;
7901
- line-height: 120%;
8037
+ line-height: 130%;
7902
8038
  }
7903
8039
 
7904
8040
  .psui-text-h1{
7905
8041
  font-size: 28px;
7906
- line-height: 120%;
8042
+ line-height: 130%;
7907
8043
  }
7908
8044
 
7909
8045
  .psui-text-h2{
7910
8046
  font-size: 24px;
7911
- line-height: 120%;
8047
+ line-height: 130%;
7912
8048
  }
7913
8049
 
7914
8050
  .psui-text-h3{
@@ -10508,6 +10644,24 @@ video {
10508
10644
  color: rgba(252, 235, 235, var(--placeholder-opacity));
10509
10645
  }
10510
10646
 
10647
+ .psui-placeholder-red-15::-moz-placeholder{
10648
+ --placeholder-opacity: 1;
10649
+ color: #EAC5C5;
10650
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
10651
+ }
10652
+
10653
+ .psui-placeholder-red-15:-ms-input-placeholder{
10654
+ --placeholder-opacity: 1;
10655
+ color: #EAC5C5;
10656
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
10657
+ }
10658
+
10659
+ .psui-placeholder-red-15::placeholder{
10660
+ --placeholder-opacity: 1;
10661
+ color: #EAC5C5;
10662
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
10663
+ }
10664
+
10511
10665
  .psui-placeholder-red-20::-moz-placeholder{
10512
10666
  --placeholder-opacity: 1;
10513
10667
  color: #D65C5A;
@@ -11144,6 +11298,24 @@ video {
11144
11298
  color: rgba(252, 235, 235, var(--placeholder-opacity));
11145
11299
  }
11146
11300
 
11301
+ .focus\:psui-placeholder-red-15:focus::-moz-placeholder{
11302
+ --placeholder-opacity: 1;
11303
+ color: #EAC5C5;
11304
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
11305
+ }
11306
+
11307
+ .focus\:psui-placeholder-red-15:focus:-ms-input-placeholder{
11308
+ --placeholder-opacity: 1;
11309
+ color: #EAC5C5;
11310
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
11311
+ }
11312
+
11313
+ .focus\:psui-placeholder-red-15:focus::placeholder{
11314
+ --placeholder-opacity: 1;
11315
+ color: #EAC5C5;
11316
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
11317
+ }
11318
+
11147
11319
  .focus\:psui-placeholder-red-20:focus::-moz-placeholder{
11148
11320
  --placeholder-opacity: 1;
11149
11321
  color: #D65C5A;
@@ -11863,6 +12035,12 @@ video {
11863
12035
  color: rgba(252, 235, 235, var(--text-opacity));
11864
12036
  }
11865
12037
 
12038
+ .psui-text-red-15{
12039
+ --text-opacity: 1;
12040
+ color: #EAC5C5;
12041
+ color: rgba(234, 197, 197, var(--text-opacity));
12042
+ }
12043
+
11866
12044
  .psui-text-red-20{
11867
12045
  --text-opacity: 1;
11868
12046
  color: #D65C5A;
@@ -12075,6 +12253,12 @@ video {
12075
12253
  color: rgba(252, 235, 235, var(--text-opacity));
12076
12254
  }
12077
12255
 
12256
+ .hover\:psui-text-red-15:hover{
12257
+ --text-opacity: 1;
12258
+ color: #EAC5C5;
12259
+ color: rgba(234, 197, 197, var(--text-opacity));
12260
+ }
12261
+
12078
12262
  .hover\:psui-text-red-20:hover{
12079
12263
  --text-opacity: 1;
12080
12264
  color: #D65C5A;
@@ -12287,6 +12471,12 @@ video {
12287
12471
  color: rgba(252, 235, 235, var(--text-opacity));
12288
12472
  }
12289
12473
 
12474
+ .active\:psui-text-red-15:active{
12475
+ --text-opacity: 1;
12476
+ color: #EAC5C5;
12477
+ color: rgba(234, 197, 197, var(--text-opacity));
12478
+ }
12479
+
12290
12480
  .active\:psui-text-red-20:active{
12291
12481
  --text-opacity: 1;
12292
12482
  color: #D65C5A;
@@ -12499,6 +12689,12 @@ video {
12499
12689
  color: rgba(252, 235, 235, var(--text-opacity));
12500
12690
  }
12501
12691
 
12692
+ .focus\:psui-text-red-15:focus{
12693
+ --text-opacity: 1;
12694
+ color: #EAC5C5;
12695
+ color: rgba(234, 197, 197, var(--text-opacity));
12696
+ }
12697
+
12502
12698
  .focus\:psui-text-red-20:focus{
12503
12699
  --text-opacity: 1;
12504
12700
  color: #D65C5A;
@@ -12711,6 +12907,12 @@ video {
12711
12907
  color: rgba(252, 235, 235, var(--text-opacity));
12712
12908
  }
12713
12909
 
12910
+ .psui-group:hover .group-hover\:psui-text-red-15{
12911
+ --text-opacity: 1;
12912
+ color: #EAC5C5;
12913
+ color: rgba(234, 197, 197, var(--text-opacity));
12914
+ }
12915
+
12714
12916
  .psui-group:hover .group-hover\:psui-text-red-20{
12715
12917
  --text-opacity: 1;
12716
12918
  color: #D65C5A;
@@ -12923,6 +13125,12 @@ video {
12923
13125
  color: rgba(252, 235, 235, var(--text-opacity));
12924
13126
  }
12925
13127
 
13128
+ .first\:psui-text-red-15:first-child{
13129
+ --text-opacity: 1;
13130
+ color: #EAC5C5;
13131
+ color: rgba(234, 197, 197, var(--text-opacity));
13132
+ }
13133
+
12926
13134
  .first\:psui-text-red-20:first-child{
12927
13135
  --text-opacity: 1;
12928
13136
  color: #D65C5A;
@@ -13135,6 +13343,12 @@ video {
13135
13343
  color: rgba(252, 235, 235, var(--text-opacity));
13136
13344
  }
13137
13345
 
13346
+ .disabled\:psui-text-red-15:disabled{
13347
+ --text-opacity: 1;
13348
+ color: #EAC5C5;
13349
+ color: rgba(234, 197, 197, var(--text-opacity));
13350
+ }
13351
+
13138
13352
  .disabled\:psui-text-red-20:disabled{
13139
13353
  --text-opacity: 1;
13140
13354
  color: #D65C5A;
@@ -13347,6 +13561,12 @@ video {
13347
13561
  color: rgba(252, 235, 235, var(--text-opacity));
13348
13562
  }
13349
13563
 
13564
+ .checked\:psui-text-red-15:checked{
13565
+ --text-opacity: 1;
13566
+ color: #EAC5C5;
13567
+ color: rgba(234, 197, 197, var(--text-opacity));
13568
+ }
13569
+
13350
13570
  .checked\:psui-text-red-20:checked{
13351
13571
  --text-opacity: 1;
13352
13572
  color: #D65C5A;
@@ -16961,6 +17181,143 @@ html {
16961
17181
  -webkit-font-smoothing: antialiased;
16962
17182
  }
16963
17183
 
17184
+ .psui-el-draggable {
17185
+ width: 100%;
17186
+ display: flex;
17187
+ flex-wrap: wrap;
17188
+ justify-content: flex-start;
17189
+ grid-gap: 0.5rem;
17190
+ gap: 0.5rem;
17191
+ }
17192
+
17193
+ .psui-el-draggable .psui-el-draggable-wrapper {
17194
+ width: 100%;
17195
+ border-radius: 0.5rem;
17196
+ --bg-opacity: 1;
17197
+ background-color: #E6ECF2;
17198
+ background-color: rgba(230, 236, 242, var(--bg-opacity));
17199
+ padding: 0.5rem;
17200
+ display: flex;
17201
+ align-items: center;
17202
+ flex-direction: column;
17203
+ padding: 8px 8px 0px 8px;
17204
+ }
17205
+
17206
+ .psui-el-draggable .psui-el-draggable-title {
17207
+ width: 100%;
17208
+ display: flex;
17209
+ border-radius: 0.125rem;
17210
+ align-items: center;
17211
+ cursor: -webkit-grab;
17212
+ cursor: grab;
17213
+ vertical-align: middle;
17214
+ }
17215
+
17216
+ .psui-el-draggable .psui-el-draggable-title:active {
17217
+ cursor: -webkit-grabbing;
17218
+ cursor: grabbing;
17219
+ }
17220
+
17221
+ .psui-el-draggable .psui-el-draggable-title{
17222
+ padding: 6px 16px;
17223
+ }
17224
+
17225
+ .psui-el-draggable .psui-el-draggable-title h2 {
17226
+ width: 100%;
17227
+ --text-opacity: 1;
17228
+ color: #28323B;
17229
+ color: rgba(40, 50, 59, var(--text-opacity));
17230
+ font-weight: 700;
17231
+ text-transform: uppercase;
17232
+ font-size: 12px;
17233
+ }
17234
+
17235
+ .psui-el-draggable .psui-el-draggable-title i {
17236
+ font-family: 'Material Icons Round';
17237
+ font-weight: normal;
17238
+ font-style: normal;
17239
+ font-size: 24px;
17240
+ line-height: 1;
17241
+ letter-spacing: normal;
17242
+ text-transform: none;
17243
+ display: inline-block;
17244
+ white-space: nowrap;
17245
+ word-wrap: normal;
17246
+ direction: ltr;
17247
+ -webkit-font-feature-settings: 'liga';
17248
+ -webkit-font-smoothing: antialiased;
17249
+ --text-opacity: 1;
17250
+ color: #A2ACB7;
17251
+ color: rgba(162, 172, 183, var(--text-opacity));
17252
+ font-size: 18px;
17253
+ }
17254
+
17255
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper {
17256
+ width: 100%;
17257
+ display: flex;
17258
+ flex-wrap: wrap;
17259
+ }
17260
+
17261
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper li {
17262
+ width: 100%;
17263
+ margin-bottom: 0.5rem;
17264
+ box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.1);
17265
+ background-color: #ffffff;
17266
+ border-radius: 0.25rem;
17267
+ display: flex;
17268
+ align-items: center;
17269
+ padding: 7px 16px;
17270
+ }
17271
+
17272
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper li:hover {
17273
+ --text-opacity: 1;
17274
+ color: #798490;
17275
+ color: rgba(121, 132, 144, var(--text-opacity));
17276
+ cursor: -webkit-grab;
17277
+ cursor: grab
17278
+ }
17279
+
17280
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper li:active {
17281
+ cursor: -webkit-grabbing;
17282
+ cursor: grabbing
17283
+ }
17284
+
17285
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper .psui-el-draggable-item-wrapper {
17286
+ -webkit-user-select: none;
17287
+ -moz-user-select: none;
17288
+ -ms-user-select: none;
17289
+ user-select: none;
17290
+ width: 100%;
17291
+ display: flex;
17292
+ align-items: center
17293
+ }
17294
+
17295
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper .psui-el-draggable-item-icon {
17296
+ display: flex;
17297
+ justify-content: flex-end;
17298
+ margin-left: auto;
17299
+ }
17300
+
17301
+ .psui-el-draggable .psui-el-draggable-list-items-wrapper .psui-el-draggable-item-icon i {
17302
+ font-family: 'Material Icons Round';
17303
+ font-weight: normal;
17304
+ font-style: normal;
17305
+ font-size: 24px;
17306
+ line-height: 1;
17307
+ letter-spacing: normal;
17308
+ text-transform: none;
17309
+ display: inline-block;
17310
+ white-space: nowrap;
17311
+ word-wrap: normal;
17312
+ direction: ltr;
17313
+ -webkit-font-feature-settings: 'liga';
17314
+ -webkit-font-smoothing: antialiased;
17315
+ --text-opacity: 1;
17316
+ color: #D6DDE5;
17317
+ color: rgba(214, 221, 229, var(--text-opacity));
17318
+ font-size: 18px;
17319
+ }
17320
+
16964
17321
  .psui-el-input-select {
16965
17322
  width: 100%;
16966
17323
  display: flex;
@@ -16970,6 +17327,7 @@ html {
16970
17327
  color: #A2ACB7;
16971
17328
  color: rgba(162, 172, 183, var(--text-opacity));
16972
17329
  box-sizing: border-box;
17330
+ transition: ease 130ms;
16973
17331
  }
16974
17332
 
16975
17333
  .psui-el-input-select.disabled {
@@ -17019,7 +17377,7 @@ html {
17019
17377
  content: 'arrow_drop_down';
17020
17378
  font-family: 'Material Icons Round';
17021
17379
  font-size: 24px;
17022
- top: 26px;
17380
+ top: 38px;
17023
17381
  right: 15px;
17024
17382
  z-index: -20;
17025
17383
  }
@@ -17067,12 +17425,12 @@ html {
17067
17425
  --text-opacity: 1;
17068
17426
  color: #28323B;
17069
17427
  color: rgba(40, 50, 59, var(--text-opacity));
17070
- font-size: 16px;
17071
- line-height: 130%;
17072
17428
  align-items: center;
17073
17429
  width: 100%;
17074
17430
  font-weight: 700;
17075
- pointer-events: none
17431
+ pointer-events: none;
17432
+ font-size: 16px;
17433
+ line-height: 32px;
17076
17434
  }
17077
17435
 
17078
17436
  .psui-el-input-select .psui-el-input-helper {
@@ -17080,7 +17438,7 @@ html {
17080
17438
  color: #798490;
17081
17439
  color: rgba(121, 132, 144, var(--text-opacity));
17082
17440
  font-size: 12px;
17083
- line-height: 120%;
17441
+ line-height: 24px;
17084
17442
  }
17085
17443
 
17086
17444
  .psui-el-input-select.layout-mini select {
@@ -17178,6 +17536,7 @@ html {
17178
17536
  .psui-el-input-textarea .psui-el-input-textarea-wrapper {
17179
17537
  display: flex;
17180
17538
  flex-direction: column;
17539
+ transition: ease 130ms;
17181
17540
  }
17182
17541
 
17183
17542
  .psui-el-input-textarea .psui-el-input-textarea-wrapper label {
@@ -17188,7 +17547,9 @@ html {
17188
17547
  font-size: 16px;
17189
17548
  line-height: 130%;
17190
17549
  padding-top: 0.25rem;
17191
- padding-bottom: 0.25rem
17550
+ padding-bottom: 0.25rem;
17551
+ font-size: 16px;
17552
+ line-height: 32px;
17192
17553
  }
17193
17554
 
17194
17555
  .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea {
@@ -17242,7 +17603,7 @@ html {
17242
17603
  display: flex;
17243
17604
  font-weight: 400;
17244
17605
  font-size: 12px;
17245
- line-height: 120%;
17606
+ line-height: 24px;
17246
17607
  padding: 5px 0px;
17247
17608
  }
17248
17609
 
@@ -17252,24 +17613,22 @@ html {
17252
17613
 
17253
17614
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog {
17254
17615
  position: fixed;
17255
- display: none;
17256
17616
  opacity: 0;
17257
17617
  transition-property: opacity;
17258
- transition-duration: 500ms;
17618
+ transition-duration: 300ms;
17259
17619
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17620
+ transition-delay: 0.4s;
17260
17621
  }
17261
17622
 
17262
17623
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content {
17263
17624
  display: flex;
17264
17625
  flex-direction: column;
17265
- border-radius: 0.375rem;
17266
- box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17267
- z-index: 20;
17268
17626
  --bg-opacity: 1;
17269
17627
  background-color: #798490;
17270
17628
  background-color: rgba(121, 132, 144, var(--bg-opacity));
17271
17629
  color: #ffffff;
17272
- padding: 5px 8px;
17630
+ padding: 5px 8px 4px 8px;
17631
+ border-radius: 4px;
17273
17632
  }
17274
17633
 
17275
17634
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content h2 {
@@ -17289,9 +17648,10 @@ html {
17289
17648
  --text-opacity: 1;
17290
17649
  color: #28323B;
17291
17650
  color: rgba(40, 50, 59, var(--text-opacity));
17292
- padding: 1rem;
17651
+ box-shadow: none;
17293
17652
  font-size: 12px;
17294
17653
  line-height: 120%;
17654
+ padding: 10px 16px 12px 16px;
17295
17655
  }
17296
17656
 
17297
17657
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-gray .psui-el-tooltip-content-wrapper {
@@ -17304,9 +17664,10 @@ html {
17304
17664
  background-color: #00465F;
17305
17665
  background-color: rgba(0, 70, 95, var(--bg-opacity));
17306
17666
  color: #ffffff;
17307
- padding: 1rem;
17667
+ box-shadow: none;
17308
17668
  font-size: 12px;
17309
17669
  line-height: 120%;
17670
+ padding: 10px 16px 12px 16px;
17310
17671
  }
17311
17672
 
17312
17673
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-blue .psui-el-tooltip-content-wrapper {
@@ -17321,9 +17682,10 @@ html {
17321
17682
  --text-opacity: 1;
17322
17683
  color: #AA3937;
17323
17684
  color: rgba(170, 57, 55, var(--text-opacity));
17324
- padding: 1rem;
17685
+ box-shadow: none;
17325
17686
  font-size: 12px;
17326
17687
  line-height: 120%;
17688
+ padding: 10px 16px 12px 16px;
17327
17689
  }
17328
17690
 
17329
17691
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-red .psui-el-tooltip-content-wrapper {
@@ -17338,9 +17700,9 @@ html {
17338
17700
  padding-left: 1.5rem;
17339
17701
  padding-right: 1.5rem;
17340
17702
  display: flex;
17341
- grid-gap: 0.75rem;
17342
- gap: 0.75rem;
17343
17703
  flex-direction: column;
17704
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
17705
+ gap: 8.8px;
17344
17706
  }
17345
17707
 
17346
17708
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white h2 {
@@ -17356,13 +17718,12 @@ html {
17356
17718
  --text-opacity: 1;
17357
17719
  color: #798490;
17358
17720
  color: rgba(121, 132, 144, var(--text-opacity));
17359
- font-size: 14px;
17360
- line-height: 130%;
17361
17721
  font-weight: 400;
17362
17722
  display: flex;
17363
17723
  flex-direction: column;
17364
- grid-gap: 0.75rem;
17365
- gap: 0.75rem;
17724
+ gap: 13.6px;
17725
+ font-size: 14px;
17726
+ line-height: 120%;
17366
17727
  }
17367
17728
 
17368
17729
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button {
@@ -17373,12 +17734,17 @@ html {
17373
17734
  --text-opacity: 1;
17374
17735
  color: #318FAC;
17375
17736
  color: rgba(49, 143, 172, var(--text-opacity));
17737
+ font-weight: 700;
17376
17738
  padding: 7px 16px;
17377
17739
  width: -webkit-fit-content;
17378
17740
  width: -moz-fit-content;
17379
17741
  width: fit-content;
17380
17742
  }
17381
17743
 
17744
+ .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button:focus {
17745
+ outline: none;
17746
+ }
17747
+
17382
17748
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark {
17383
17749
  --bg-opacity: 1;
17384
17750
  background-color: #00465F;
@@ -17388,9 +17754,9 @@ html {
17388
17754
  padding-left: 1.5rem;
17389
17755
  padding-right: 1.5rem;
17390
17756
  display: flex;
17391
- grid-gap: 0.75rem;
17392
- gap: 0.75rem;
17393
17757
  flex-direction: column;
17758
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
17759
+ gap: 8.8px;
17394
17760
  }
17395
17761
 
17396
17762
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark h2 {
@@ -17402,13 +17768,12 @@ html {
17402
17768
 
17403
17769
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper {
17404
17770
  color: #ffffff;
17405
- font-size: 14px;
17406
- line-height: 130%;
17407
17771
  font-weight: 400;
17408
17772
  display: flex;
17409
17773
  flex-direction: column;
17410
- grid-gap: 0.75rem;
17411
- gap: 0.75rem;
17774
+ gap: 13.6px;
17775
+ font-size: 14px;
17776
+ line-height: 120%;
17412
17777
  }
17413
17778
 
17414
17779
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
@@ -17417,12 +17782,17 @@ html {
17417
17782
  background-color: #318FAC;
17418
17783
  background-color: rgba(49, 143, 172, var(--bg-opacity));
17419
17784
  color: #ffffff;
17785
+ font-weight: 700;
17420
17786
  padding: 7px 16px;
17421
17787
  width: -webkit-fit-content;
17422
17788
  width: -moz-fit-content;
17423
17789
  width: fit-content;
17424
17790
  }
17425
17791
 
17792
+ .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button:focus {
17793
+ outline: none;
17794
+ }
17795
+
17426
17796
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color {
17427
17797
  --bg-opacity: 1;
17428
17798
  background-color: #64B5CE;
@@ -17432,9 +17802,9 @@ html {
17432
17802
  padding-left: 1.5rem;
17433
17803
  padding-right: 1.5rem;
17434
17804
  display: flex;
17435
- grid-gap: 0.75rem;
17436
- gap: 0.75rem;
17437
17805
  flex-direction: column;
17806
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
17807
+ gap: 8.8px;
17438
17808
  }
17439
17809
 
17440
17810
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2 {
@@ -17446,13 +17816,12 @@ html {
17446
17816
 
17447
17817
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper {
17448
17818
  color: #ffffff;
17449
- font-size: 14px;
17450
- line-height: 130%;
17451
17819
  font-weight: 400;
17452
17820
  display: flex;
17453
17821
  flex-direction: column;
17454
- grid-gap: 0.75rem;
17455
- gap: 0.75rem;
17822
+ gap: 13.6px;
17823
+ font-size: 14px;
17824
+ line-height: 120%;
17456
17825
  }
17457
17826
 
17458
17827
  .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
@@ -17461,25 +17830,45 @@ html {
17461
17830
  background-color: #318FAC;
17462
17831
  background-color: rgba(49, 143, 172, var(--bg-opacity));
17463
17832
  color: #ffffff;
17833
+ font-weight: 700;
17464
17834
  padding: 7px 16px;
17465
17835
  width: -webkit-fit-content;
17466
17836
  width: -moz-fit-content;
17467
17837
  width: fit-content;
17468
17838
  }
17469
17839
 
17840
+ .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button:focus {
17841
+ outline: none;
17842
+ }
17843
+
17470
17844
  .psui-el-inline-selector {
17471
17845
  width: auto;
17472
17846
  max-width: 100%;
17473
17847
  font-size: 20px;
17474
17848
  line-height: 120%;
17475
- overflow-x: hidden;
17476
17849
  position: relative;
17477
17850
  flex-shrink: 0;
17478
17851
  --text-opacity: 1;
17479
17852
  color: #318FAC;
17480
17853
  color: rgba(49, 143, 172, var(--text-opacity));
17854
+ box-sizing: border-box;
17481
17855
  }
17482
17856
 
17857
+ .psui-el-inline-selector ::-webkit-scrollbar {
17858
+ --bg-opacity: 1;
17859
+ background-color: #D6DDE5;
17860
+ background-color: rgba(214, 221, 229, var(--bg-opacity));
17861
+ display: block;
17862
+ width: 6px;
17863
+ }
17864
+
17865
+ .psui-el-inline-selector ::-webkit-scrollbar-thumb {
17866
+ --bg-opacity: 1;
17867
+ background-color: #00465F;
17868
+ background-color: rgba(0, 70, 95, var(--bg-opacity));
17869
+ border-radius: 0.25rem;
17870
+ }
17871
+
17483
17872
  .psui-el-inline-selector input {
17484
17873
  border-bottom-width: 1px;
17485
17874
  border-style: dashed;
@@ -17487,6 +17876,7 @@ html {
17487
17876
  border-color: #64B5CE;
17488
17877
  border-color: rgba(100, 181, 206, var(--border-opacity));
17489
17878
  transition: 300ms ease-in all;
17879
+ padding-bottom: 3px;
17490
17880
  }
17491
17881
 
17492
17882
  .psui-el-inline-selector input::-moz-placeholder {
@@ -17521,7 +17911,6 @@ html {
17521
17911
  display: block;
17522
17912
  opacity: 0;
17523
17913
  min-width: 100px;
17524
- min-height: 29px;
17525
17914
  }
17526
17915
 
17527
17916
  .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input {
@@ -17543,80 +17932,90 @@ html {
17543
17932
  }
17544
17933
 
17545
17934
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper {
17546
- transform-origin: top right;
17547
17935
  position: absolute;
17548
- overflow-y: auto;
17549
17936
  left: 0;
17550
- margin-top: 0.5rem;
17937
+ background-color: #ffffff;
17551
17938
  border-radius: 0.25rem;
17552
17939
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17553
- background-color: #ffffff;
17554
- padding: 1rem;
17555
- z-index: 40;
17556
- max-height: 50vh;
17940
+ z-index: 50;
17941
+ overflow-y: auto;
17942
+ max-height: 30vh;
17943
+ min-width: 300px;
17557
17944
  }
17558
17945
 
17559
17946
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown {
17560
- width: 100%;
17561
17947
  display: flex;
17562
- flex-wrap: wrap;
17563
17948
  background-color: #ffffff;
17564
17949
  }
17565
17950
 
17951
+ .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error {
17952
+ width: 100%;
17953
+ padding: 0.75rem;
17954
+ display: flex;
17955
+ flex-direction: column;
17956
+ }
17957
+
17958
+ .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3 {
17959
+ --text-opacity: 1;
17960
+ color: #D65C5A;
17961
+ color: rgba(214, 92, 90, var(--text-opacity))
17962
+ }
17963
+
17964
+ .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p {
17965
+ --text-opacity: 1;
17966
+ color: #798490;
17967
+ color: rgba(121, 132, 144, var(--text-opacity))
17968
+ }
17969
+
17566
17970
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul {
17567
17971
  width: 100%;
17972
+ background-color: #ffffff;
17568
17973
  }
17569
17974
 
17570
17975
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li {
17571
- width: 100%;
17976
+ display: flex;
17572
17977
  cursor: pointer;
17573
17978
  padding: 7.5px 16px;
17574
17979
  }
17575
17980
 
17576
17981
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover {
17577
- --text-opacity: 1;
17578
- color: #318FAC;
17579
- color: rgba(49, 143, 172, var(--text-opacity));
17580
17982
  --bg-opacity: 1;
17581
17983
  background-color: #E0EFF6;
17582
17984
  background-color: rgba(224, 239, 246, var(--bg-opacity));
17583
17985
  }
17584
17986
 
17987
+ .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover span p {
17988
+ --text-opacity: 1;
17989
+ color: #318FAC;
17990
+ color: rgba(49, 143, 172, var(--text-opacity));
17991
+ }
17992
+
17993
+ .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span {
17994
+ display: flex;
17995
+ align-items: center;
17996
+ width: 100%;
17997
+ }
17998
+
17585
17999
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span > p {
18000
+ display: inline-block;
17586
18001
  font-size: 16px;
17587
18002
  line-height: 130%;
17588
18003
  --text-opacity: 1;
17589
18004
  color: #515E6A;
17590
- color: rgba(81, 94, 106, var(--text-opacity))
18005
+ color: rgba(81, 94, 106, var(--text-opacity));
18006
+ flex-shrink: 0;
17591
18007
  }
17592
18008
 
17593
18009
  .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span p + p {
17594
18010
  --text-opacity: 1;
17595
18011
  color: #A2ACB7;
17596
18012
  color: rgba(162, 172, 183, var(--text-opacity));
18013
+ margin-left: auto;
18014
+ display: inline-block;
17597
18015
  font-size: 12px;
17598
18016
  line-height: 120%;
17599
18017
  }
17600
18018
 
17601
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error {
17602
- width: 100%;
17603
- padding: 0.75rem;
17604
- display: flex;
17605
- flex-direction: column;
17606
- }
17607
-
17608
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3 {
17609
- --text-opacity: 1;
17610
- color: #D65C5A;
17611
- color: rgba(214, 92, 90, var(--text-opacity))
17612
- }
17613
-
17614
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p {
17615
- --text-opacity: 1;
17616
- color: #798490;
17617
- color: rgba(121, 132, 144, var(--text-opacity))
17618
- }
17619
-
17620
18019
  .psui-el-mini-tag {
17621
18020
  display: flex;
17622
18021
  border-radius: 9999px;
@@ -17630,8 +18029,10 @@ html {
17630
18029
 
17631
18030
  .psui-el-mini-tag div {
17632
18031
  width: 100%;
17633
- padding: 3px 8px 3px 8px;
18032
+ font-weight: 700;
18033
+ padding: 1px 8px 0px 8px;
17634
18034
  font-size: 10px;
18035
+ letter-spacing: 0.5px;
17635
18036
  }
17636
18037
 
17637
18038
  .psui-el-mini-tag-layout-info {
@@ -17691,6 +18092,7 @@ html {
17691
18092
  padding-right: 1rem;
17692
18093
  border-radius: 0.375rem;
17693
18094
  font-weight: 700;
18095
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17694
18096
  }
17695
18097
 
17696
18098
  .psui-el-toast .psui-el-toast-icon {
@@ -17706,7 +18108,9 @@ html {
17706
18108
  .psui-el-toast .psui-el-toast-actions {
17707
18109
  display: flex;
17708
18110
  grid-gap: 1rem;
17709
- gap: 1rem
18111
+ gap: 1rem;
18112
+ font-size: 12px;
18113
+ line-height: 130%;
17710
18114
  }
17711
18115
 
17712
18116
  .psui-el-toast.fill-intense.layout-info {
@@ -17739,7 +18143,7 @@ html {
17739
18143
  color: rgba(49, 143, 172, var(--text-opacity));
17740
18144
  --bg-opacity: 1;
17741
18145
  background-color: #E0EFF6;
17742
- background-color: rgba(224, 239, 246, var(--bg-opacity))
18146
+ background-color: rgba(224, 239, 246, var(--bg-opacity));
17743
18147
  }
17744
18148
 
17745
18149
  .psui-el-toast.fill-soft.layout-success {
@@ -17781,29 +18185,48 @@ html {
17781
18185
  line-height: 130%
17782
18186
  }
17783
18187
 
17784
- .psui-el-dropdown-menu {
17785
- position: relative;
17786
- display: inline-block;
17787
- text-align: left;
17788
- background-color: #ffffff;
17789
- padding: 0px 20px;
17790
- width: 230px;
18188
+ .psui-el-dropdown-menu-list {
18189
+ width: 100%;
18190
+ font-weight: 700;
18191
+ margin-top: 0.75rem;
18192
+ margin-bottom: 0.75rem;
17791
18193
  }
17792
18194
 
17793
- .psui-el-dropdown-menu:hover {
17794
- cursor: pointer;
17795
- --bg-opacity: 1;
17796
- background-color: #ECF7FB;
17797
- background-color: rgba(236, 247, 251, var(--bg-opacity));
18195
+ .psui-el-dropdown-menu-list li {
18196
+ width: 100%;
17798
18197
  --text-opacity: 1;
17799
- color: #318FAC;
17800
- color: rgba(49, 143, 172, var(--text-opacity));
18198
+ color: #515E6A;
18199
+ color: rgba(81, 94, 106, var(--text-opacity));
18200
+ font-size: 14px;
18201
+ line-height: 130%;
18202
+ list-style-type: none;
18203
+ display: flex;
18204
+ flex-direction: column;
18205
+ cursor: pointer;
18206
+ padding: 7px 20px;
18207
+ font-weight: 700;
17801
18208
  }
17802
18209
 
17803
- .psui-el-dropdown-menu:first-child {
17804
- }
18210
+ .psui-el-dropdown-menu-list li:hover {
18211
+ --text-opacity: 1;
18212
+ color: #318FAC;
18213
+ color: rgba(49, 143, 172, var(--text-opacity));
18214
+ --bg-opacity: 1;
18215
+ background-color: #ECF7FB;
18216
+ background-color: rgba(236, 247, 251, var(--bg-opacity));
18217
+ }
18218
+
18219
+ .psui-el-dropdown-menu-list li span {
18220
+ width: 100%;
18221
+ }
18222
+
18223
+ .psui-el-dropdown-menu {
18224
+ position: relative;
18225
+ display: inline-block;
18226
+ text-align: left;
18227
+ }
17805
18228
 
17806
- .psui-el-dropdown-menu-button {
18229
+ .psui-el-dropdown-menu button {
17807
18230
  display: inline-flex;
17808
18231
  justify-content: center;
17809
18232
  align-items: center;
@@ -17817,37 +18240,30 @@ html {
17817
18240
  font-size: 0.875rem;
17818
18241
  }
17819
18242
 
17820
- .psui-el-dropdown-menu-button:focus {
18243
+ .psui-el-dropdown-menu button:focus {
17821
18244
  outline: none;
17822
18245
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
17823
18246
  }
17824
18247
 
17825
- .psui-el-dropdown-menu-dialog {
18248
+ .psui-el-dropdown-menu-dialog-wrapper {
17826
18249
  display: none;
17827
18250
  transform-origin: top right;
18251
+ background-color: #ffffff;
17828
18252
  position: fixed;
17829
- margin-top: 0.5rem;
17830
18253
  width: auto;
17831
- border-radius: 0.25rem;
17832
- box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
18254
+ border-radius: 0.375rem;
17833
18255
  z-index: 50;
17834
18256
  opacity: 0;
17835
- transition: opacity 150ms ease-in-out;
18257
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
18258
+ transition-property: all;
18259
+ transition-duration: 100ms;
18260
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
17836
18261
  }
17837
18262
 
17838
- .psui-el-dropdown-menu-dialog-category-divider {
18263
+ .psui-el-dropdown-menu-dialog-wrapper-dialog {
17839
18264
  width: 100%;
17840
18265
  }
17841
18266
 
17842
- .psui-el-dropdown-menu-dialog-category-divider h2 {
17843
- --text-opacity: 1;
17844
- color: #E6ECF2;
17845
- color: rgba(230, 236, 242, var(--text-opacity));
17846
- font-weight: 700;
17847
- white-space: nowrap;
17848
- margin-bottom: 1rem;
17849
- }
17850
-
17851
18267
  .psui-el-simple-progress-bar {
17852
18268
  position: relative;
17853
18269
  height: 0.5rem;
@@ -17911,7 +18327,7 @@ html {
17911
18327
  border-radius: 9999px;
17912
18328
  transition-property: all;
17913
18329
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17914
- transition-duration: 500ms;
18330
+ transition-duration: 300ms;
17915
18331
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17916
18332
  box-shadow: 0 0 98px 6px rgba(0, 0, 0, 0.2);
17917
18333
  left: 2px;
@@ -17933,7 +18349,7 @@ html {
17933
18349
  border-radius: 9999px;
17934
18350
  transition-property: all;
17935
18351
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17936
- transition-duration: 500ms;
18352
+ transition-duration: 300ms;
17937
18353
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17938
18354
  box-shadow: 0 0 98px 6px rgba(0, 0, 0, 0.2);
17939
18355
  left: 16px;
@@ -17977,7 +18393,7 @@ html {
17977
18393
  border-radius: 9999px;
17978
18394
  transition-property: all;
17979
18395
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17980
- transition-duration: 500ms;
18396
+ transition-duration: 300ms;
17981
18397
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
17982
18398
  left: 2px;
17983
18399
  top: 2px;
@@ -17998,7 +18414,7 @@ html {
17998
18414
  border-radius: 9999px;
17999
18415
  transition-property: all;
18000
18416
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18001
- transition-duration: 500ms;
18417
+ transition-duration: 300ms;
18002
18418
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
18003
18419
  left: 24px;
18004
18420
  top:2px;
@@ -18010,6 +18426,10 @@ html {
18010
18426
  --text-opacity: 1;
18011
18427
  color: #798490;
18012
18428
  color: rgba(121, 132, 144, var(--text-opacity));
18429
+ display: flex;
18430
+ --bg-opacity: 1;
18431
+ background-color: #F3F6F9;
18432
+ background-color: rgba(243, 246, 249, var(--bg-opacity));
18013
18433
  }
18014
18434
 
18015
18435
  .psui-el-radio.disabled .psui-el-checkmark {
@@ -18047,8 +18467,9 @@ html {
18047
18467
  }
18048
18468
 
18049
18469
  .psui-el-radio.size-small .psui-el-checkmark {
18050
- display: block;
18051
18470
  cursor: pointer;
18471
+ display: flex;
18472
+ align-items: center;
18052
18473
  height: 18px;
18053
18474
  }
18054
18475
 
@@ -18061,7 +18482,6 @@ html {
18061
18482
  --text-opacity: 1;
18062
18483
  color: #A2ACB7;
18063
18484
  color: rgba(162, 172, 183, var(--text-opacity));
18064
- vertical-align: text-bottom;
18065
18485
  font-family: 'Material Icons Round';
18066
18486
  font-size: 18px;
18067
18487
  }
@@ -18088,8 +18508,9 @@ html {
18088
18508
  }
18089
18509
 
18090
18510
  .psui-el-radio.size-big .psui-el-checkmark {
18091
- display: block;
18092
18511
  cursor: pointer;
18512
+ display: flex;
18513
+ align-items: center;
18093
18514
  height: 24px;
18094
18515
  }
18095
18516
 
@@ -18102,20 +18523,89 @@ html {
18102
18523
  --text-opacity: 1;
18103
18524
  color: #A2ACB7;
18104
18525
  color: rgba(162, 172, 183, var(--text-opacity));
18105
- vertical-align: text-bottom;
18106
18526
  font-family: 'Material Icons Round';
18107
18527
  font-size: 24px;
18108
18528
  }
18109
18529
 
18530
+ .psui-el-dotloader {
18531
+ display: flex;
18532
+ align-items: center;
18533
+ justify-content: center;
18534
+ height: 100%;
18535
+ padding: 0;
18536
+ }
18537
+
18538
+ .psui-el-dotloader .psui-el-dotloader-wrapper {
18539
+ position: relative;
18540
+ padding: 1rem;
18541
+ display: flex;
18542
+ height: 15px;
18543
+ }
18544
+
18545
+ .psui-el-dotloader .psui-el-dotloader-wrapper span {
18546
+ border-radius: 9999px;
18547
+ position: relative;
18548
+ float: left;
18549
+ left: 0;
18550
+ top: 0;
18551
+ margin-right: 0.25rem;
18552
+ background: #b7b7b7;
18553
+ height: 15px;
18554
+ width: 15px;
18555
+ opacity: 0.15;
18556
+ transform: scale(1);
18557
+ -webkit-animation: dots-animation 1s 0.2s ease-in-out infinite;
18558
+ animation: dots-animation 1s 0.2s ease-in-out infinite;
18559
+ }
18560
+
18561
+ .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(1) {
18562
+ -webkit-animation-delay: 0.2s;
18563
+ animation-delay: 0.2s;
18564
+ }
18565
+
18566
+ .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(2) {
18567
+ -webkit-animation-delay: 0.4s;
18568
+ animation-delay: 0.4s;
18569
+ }
18570
+
18571
+ .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(3) {
18572
+ -webkit-animation-delay: 0.6s;
18573
+ animation-delay: 0.6s;
18574
+ }
18575
+
18576
+ @-webkit-keyframes dots-animation {
18577
+ 0%, 70%, 100% {
18578
+ opacity: 0.15;
18579
+ transform: scale(1);
18580
+ }
18581
+
18582
+ 35% {
18583
+ opacity: 1;
18584
+ transform: scale(1);
18585
+ }
18586
+ }
18587
+
18588
+ @keyframes dots-animation {
18589
+ 0%, 70%, 100% {
18590
+ opacity: 0.15;
18591
+ transform: scale(1);
18592
+ }
18593
+
18594
+ 35% {
18595
+ opacity: 1;
18596
+ transform: scale(1);
18597
+ }
18598
+ }
18599
+
18110
18600
  .psui-el-dialog {
18111
18601
  display: flex;
18112
18602
  justify-content: flex-start;
18113
18603
  align-items: flex-start;
18114
18604
  padding-right: 0.75rem;
18115
18605
  padding-left: 0.5rem;
18116
- padding-top: 0.5rem;
18117
- padding-bottom: 0.5rem;
18118
18606
  border-radius: 0.375rem;
18607
+ padding-top: 8.8px;
18608
+ padding-bottom: 8.8px;
18119
18609
  }
18120
18610
 
18121
18611
  .psui-el-dialog-wrapper {
@@ -18145,10 +18635,9 @@ html {
18145
18635
  }
18146
18636
 
18147
18637
  .psui-el-dialog.layout-vertical {
18148
- padding-right: 0.5rem;
18149
- padding-left: 0.5rem;
18150
18638
  display: flex;
18151
18639
  align-items: flex-start;
18640
+ padding: 9.6px 9.6px 11.2px 9.6px;
18152
18641
  }
18153
18642
 
18154
18643
  .psui-el-dialog.layout-vertical .psui-el-dialog-wrapper {
@@ -18234,6 +18723,9 @@ html {
18234
18723
  --text-opacity: 1;
18235
18724
  color: #798490;
18236
18725
  color: rgba(121, 132, 144, var(--text-opacity));
18726
+ --bg-opacity: 1;
18727
+ background-color: #F3F6F9;
18728
+ background-color: rgba(243, 246, 249, var(--bg-opacity));
18237
18729
  }
18238
18730
 
18239
18731
  .psui-el-checkbox.disabled .psui-el-checkmark {
@@ -18279,8 +18771,9 @@ html {
18279
18771
  }
18280
18772
 
18281
18773
  .psui-el-checkbox.size-small .psui-el-checkmark {
18282
- display: block;
18774
+ display: flex;
18283
18775
  cursor: pointer;
18776
+ align-items: center;
18284
18777
  height: 18px;
18285
18778
  }
18286
18779
 
@@ -18293,7 +18786,6 @@ html {
18293
18786
  --text-opacity: 1;
18294
18787
  color: #A2ACB7;
18295
18788
  color: rgba(162, 172, 183, var(--text-opacity));
18296
- vertical-align: text-bottom;
18297
18789
  font-family:'Material Icons Round';
18298
18790
  font-size: 18px;
18299
18791
  }
@@ -18330,12 +18822,11 @@ html {
18330
18822
  .psui-el-checkbox.size-big .psui-el-checkmark {
18331
18823
  display: flex;
18332
18824
  cursor: pointer;
18333
- align-content: center;
18825
+ align-items: center;
18334
18826
  height: 24px;
18335
18827
  }
18336
18828
 
18337
18829
  .psui-el-checkbox.size-big .psui-el-checkmark span {
18338
- margin-top: 1px;
18339
18830
  margin-left: 8px;
18340
18831
  }
18341
18832
 
@@ -18406,6 +18897,19 @@ html {
18406
18897
  border-bottom: 0;
18407
18898
  }
18408
18899
 
18900
+ .psui-el-table-rich thead th {
18901
+ padding: 15px 16px;
18902
+ }
18903
+
18904
+ .psui-el-table-rich tbody th,
18905
+ .psui-el-table-rich tbody td,
18906
+ .psui-el-table-rich tbody tr {
18907
+ padding: 7px 16px;
18908
+ --text-opacity: 1;
18909
+ color: #28323B;
18910
+ color: rgba(40, 50, 59, var(--text-opacity));
18911
+ }
18912
+
18409
18913
  .psui-el-highlight-ripple-icon {
18410
18914
  position: static;
18411
18915
  box-sizing: border-box;
@@ -18526,7 +19030,7 @@ html {
18526
19030
  width: -webkit-fit-content;
18527
19031
  width: -moz-fit-content;
18528
19032
  width: fit-content;
18529
- padding: 4px 6px;
19033
+ padding: 0px 6px;
18530
19034
  }
18531
19035
 
18532
19036
  .psui-el-climate-zone-badge:hover {
@@ -18580,7 +19084,7 @@ html {
18580
19084
 
18581
19085
  .psui-el-chart-legend-total {
18582
19086
  font-size: 16px;
18583
- line-height: 120%;
19087
+ line-height: 130%;
18584
19088
  --text-opacity: 1;
18585
19089
  color: #28323B;
18586
19090
  color: rgba(40, 50, 59, var(--text-opacity));
@@ -18623,10 +19127,10 @@ html {
18623
19127
  .psui-el-card-infos-content {
18624
19128
  width: 100%;
18625
19129
  display: flex;
18626
- justify-content: center;
19130
+ justify-content: flex-end;
18627
19131
  align-items: center;
18628
19132
  font-size: 16px;
18629
- line-height: 120%;
19133
+ line-height: 130%;
18630
19134
  }
18631
19135
 
18632
19136
  .psui-el-card-infos-icon {
@@ -18649,7 +19153,9 @@ html {
18649
19153
  display: flex;
18650
19154
  align-content: center;
18651
19155
  border-radius: 0.375rem;
18652
- transition: cubic-bezier(.17,.67,.83,.67) 250ms;
19156
+ transition-property: all;
19157
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19158
+ transition-duration: 130ms;
18653
19159
  }
18654
19160
 
18655
19161
  .psui-el-button span {
@@ -18673,24 +19179,31 @@ html {
18673
19179
  align-items: center;
18674
19180
  align-content: center;
18675
19181
  padding: 9.5px 16px;
18676
- font-size: 16px;
18677
19182
  }
18678
19183
 
19184
+ .psui-el-button.size-big.icon-left {
19185
+ padding: 8px 16px;
19186
+ }
19187
+
18679
19188
  .psui-el-button.size-big.icon-left i {
18680
- font-size: 24px;
18681
- margin-right: 8px;
19189
+ font-size: 24px;
19190
+ margin-right: 8px;
19191
+ }
19192
+
19193
+ .psui-el-button.size-big.icon-right {
19194
+ padding: 8px 16px;
18682
19195
  }
18683
19196
 
18684
19197
  .psui-el-button.size-big.icon-right i {
18685
- font-size: 24px;
18686
- margin-left: 8px;
18687
- }
19198
+ font-size: 24px;
19199
+ margin-left: 8px;
19200
+ }
18688
19201
 
18689
19202
  .psui-el-button.size-medium {
18690
19203
  display: flex;
18691
19204
  align-items: center;
18692
19205
  align-content: center;
18693
- padding: 7px 16px;
19206
+ padding: 7px 13px;
18694
19207
  font-size: 14px;
18695
19208
  }
18696
19209
 
@@ -18716,7 +19229,7 @@ html {
18716
19229
  font-size: 14px;
18717
19230
  }
18718
19231
 
18719
- .psui-el-button.size-small.layout-onlytext:focus:not(.disabled) {
19232
+ .psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
18720
19233
  --bg-opacity: 1;
18721
19234
  background-color: #E0EFF6;
18722
19235
  background-color: rgba(224, 239, 246, var(--bg-opacity));
@@ -18759,7 +19272,7 @@ html {
18759
19272
  color: #ffffff;
18760
19273
  }
18761
19274
 
18762
- .psui-el-button.layout-solid:focus:not(.disabled) {
19275
+ .psui-el-button.layout-solid:active:not(.disabled) {
18763
19276
  --bg-opacity: 1;
18764
19277
  background-color: #64B5CE;
18765
19278
  background-color: rgba(100, 181, 206, var(--bg-opacity));
@@ -18789,7 +19302,7 @@ html {
18789
19302
  }
18790
19303
 
18791
19304
  .psui-el-button.layout-outline.hover,
18792
- .psui-el-button.layout-outline:focus {
19305
+ .psui-el-button.layout-outline:active {
18793
19306
  border-width: 1px;
18794
19307
  --border-opacity: 1;
18795
19308
  border-color: #318FAC;
@@ -18815,9 +19328,14 @@ html {
18815
19328
  color: rgba(49, 143, 172, var(--text-opacity));
18816
19329
  }
18817
19330
 
18818
- .psui-el-button.layout-ghost.hover,
18819
- .psui-el-button.layout-ghost:focus:not(.disabled) {
18820
- box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
19331
+ .psui-el-button.layout-ghost.hover {
19332
+ --bg-opacity: 1;
19333
+ background-color: #ECF7FB;
19334
+ background-color: rgba(236, 247, 251, var(--bg-opacity))
19335
+ }
19336
+
19337
+ .psui-el-button.layout-ghost:active:not(.disabled) {
19338
+ box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05)
18821
19339
  }
18822
19340
 
18823
19341
  .psui-el-button.layout-ghost.disabled {
@@ -18850,6 +19368,35 @@ html {
18850
19368
  color: rgba(100, 181, 206, var(--text-opacity))
18851
19369
  }
18852
19370
 
19371
+ .psui-el-button.layout-caution {
19372
+ --bg-opacity: 1;
19373
+ background-color: #FCEBEB;
19374
+ background-color: rgba(252, 235, 235, var(--bg-opacity));
19375
+ --text-opacity: 1;
19376
+ color: #D65C5A;
19377
+ color: rgba(214, 92, 90, var(--text-opacity));
19378
+ }
19379
+
19380
+ .psui-el-button.layout-caution.hover,
19381
+ .psui-el-button.layout-caution:active:not(.disabled) {
19382
+ --bg-opacity: 1;
19383
+ background-color: #FCEBEB;
19384
+ background-color: rgba(252, 235, 235, var(--bg-opacity));
19385
+ --text-opacity: 1;
19386
+ color: #AA3937;
19387
+ color: rgba(170, 57, 55, var(--text-opacity));
19388
+ }
19389
+
19390
+ .psui-el-button.layout-caution.disabled {
19391
+ --text-opacity: 1;
19392
+ color: #A2ACB7;
19393
+ color: rgba(162, 172, 183, var(--text-opacity));
19394
+ --bg-opacity: 1;
19395
+ background-color: #E6ECF2;
19396
+ background-color: rgba(230, 236, 242, var(--bg-opacity));
19397
+ cursor: default
19398
+ }
19399
+
18853
19400
  .psui-el-chips {
18854
19401
  display: inline-flex;
18855
19402
  position: relative;
@@ -19047,11 +19594,12 @@ html {
19047
19594
  padding-right: 0.5rem;
19048
19595
  }
19049
19596
 
19050
- .psui-el-chips.type-button.layout-rich label:hover {
19051
- --text-opacity: 1;
19052
- color: #798490;
19053
- color: rgba(121, 132, 144, var(--text-opacity));
19054
- }
19597
+ .psui-el-chips.type-button.layout-rich label:hover,
19598
+ .psui-el-chips.type-button.layout-rich label:hover .psui-el-chips-close {
19599
+ --text-opacity: 1;
19600
+ color: #798490;
19601
+ color: rgba(121, 132, 144, var(--text-opacity));
19602
+ }
19055
19603
 
19056
19604
  .psui-el-chips.type-button.layout-rich label:hover .psui-el-chips-icon-prepend {
19057
19605
  --bg-opacity: 1;
@@ -19064,11 +19612,17 @@ html {
19064
19612
  --bg-opacity: 1;
19065
19613
  background-color: #E0EFF6;
19066
19614
  background-color: rgba(224, 239, 246, var(--bg-opacity));
19067
- --text-opacity: 1;
19068
- color: #318FAC;
19069
- color: rgba(49, 143, 172, var(--text-opacity));
19070
19615
  }
19071
19616
 
19617
+ .psui-el-chips.type-button.layout-rich label:focus,
19618
+ .psui-el-chips.type-button.layout-rich label:focus .psui-el-chips-close,
19619
+ .psui-el-chips.type-button.layout-rich label:active,
19620
+ .psui-el-chips.type-button.layout-rich label:active .psui-el-chips-close {
19621
+ --text-opacity: 1;
19622
+ color: #318FAC;
19623
+ color: rgba(49, 143, 172, var(--text-opacity));
19624
+ }
19625
+
19072
19626
  .psui-el-chips.type-button.layout-rich label:focus .psui-el-chips-icon-prepend, .psui-el-chips.type-button.layout-rich label:active .psui-el-chips-icon-prepend {
19073
19627
  --bg-opacity: 1;
19074
19628
  background-color: #318FAC;
@@ -19086,6 +19640,11 @@ html {
19086
19640
  border-radius: 9999px;
19087
19641
  color: #ffffff;
19088
19642
  margin-right: 0.5rem;
19643
+ width: 1.5rem;
19644
+ height: 1.5rem;
19645
+ display: flex;
19646
+ align-items: center;
19647
+ justify-content: center;
19089
19648
  }
19090
19649
 
19091
19650
  .psui-el-chips.type-button.layout-rich .psui-el-chips-close {
@@ -19095,28 +19654,23 @@ html {
19095
19654
  display: flex;
19096
19655
  align-items: center;
19097
19656
  justify-content: center;
19657
+ margin-left: 0.5rem;
19098
19658
  }
19099
19659
 
19100
- .psui-el-chips.type-button.layout-rich .psui-el-chips-close span {
19101
- margin-left: 0.5rem;
19102
- }
19103
-
19104
19660
  .psui-el-toggle {
19105
19661
  display: flex;
19106
- border-radius: 0.125rem;
19107
19662
  --bg-opacity: 1;
19108
19663
  background-color: #F3F6F9;
19109
19664
  background-color: rgba(243, 246, 249, var(--bg-opacity));
19110
- grid-column-gap: 1px;
19111
- -moz-column-gap: 1px;
19112
- column-gap: 1px;
19665
+ align-items: center;
19113
19666
  padding: 2px;
19667
+ gap: 2px;
19668
+ border-radius: 4px;
19114
19669
  }
19115
19670
 
19116
19671
  .psui-el-toggle button {
19117
19672
  transition: cubic-bezier(.17,.67,.83,.67) 250ms;
19118
19673
  display: inline-flex;
19119
- border-radius: 0.125rem;
19120
19674
  font-size: 14px;
19121
19675
  line-height: 130%;
19122
19676
  --bg-opacity: 1;
@@ -19125,8 +19679,11 @@ html {
19125
19679
  --text-opacity: 1;
19126
19680
  color: #318FAC;
19127
19681
  color: rgba(49, 143, 172, var(--text-opacity));
19128
- padding-left: 0.5rem;
19129
- padding-right: 0.5rem;
19682
+ outline: 2px solid transparent;
19683
+ outline-offset: 2px;
19684
+ vertical-align: middle;
19685
+ border-radius: 4px;
19686
+ padding:1px 8px;
19130
19687
  }
19131
19688
 
19132
19689
  .psui-el-toggle button.status-active {
@@ -19162,6 +19719,10 @@ html {
19162
19719
  cursor: not-allowed
19163
19720
  }
19164
19721
 
19722
+ .psui-el-tab-header button:focus {
19723
+ outline: none;
19724
+ }
19725
+
19165
19726
  .psui-el-tab-header.status-disabled .psui-el-input-wrapper {
19166
19727
  --bg-opacity: 1;
19167
19728
  background-color: #E6ECF2;
@@ -19185,6 +19746,7 @@ html {
19185
19746
  color: #515E6A;
19186
19747
  color: rgba(81, 94, 106, var(--text-opacity));
19187
19748
  padding: 6px 12px;
19749
+ box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
19188
19750
  }
19189
19751
 
19190
19752
  .psui-el-tab-header.layout-standard button:not(:last-child) {
@@ -19205,6 +19767,7 @@ html {
19205
19767
  --text-opacity: 1;
19206
19768
  color: #318FAC;
19207
19769
  color: rgba(49, 143, 172, var(--text-opacity));
19770
+ box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
19208
19771
  }
19209
19772
 
19210
19773
  .psui-el-tab-header.layout-standard button.status-active {
@@ -19239,6 +19802,12 @@ html {
19239
19802
  padding: 11.5px 0;
19240
19803
  }
19241
19804
 
19805
+ .psui-el-tab-header.layout-underline button:hover {
19806
+ --text-opacity: 1;
19807
+ color: #318FAC;
19808
+ color: rgba(49, 143, 172, var(--text-opacity));
19809
+ }
19810
+
19242
19811
  .psui-el-tab-header.layout-underline button:not(:last-child) {
19243
19812
  margin-right: 20px;
19244
19813
  }
@@ -19272,6 +19841,12 @@ html {
19272
19841
  padding: 9px 12px;
19273
19842
  }
19274
19843
 
19844
+ .psui-el-tab-header.layout-folder button:hover {
19845
+ --text-opacity: 1;
19846
+ color: #318FAC;
19847
+ color: rgba(49, 143, 172, var(--text-opacity));
19848
+ }
19849
+
19275
19850
  .psui-el-tab-header.layout-folder button:not(:last-child) {
19276
19851
  margin-right: 4px;
19277
19852
  }
@@ -19313,18 +19888,28 @@ html {
19313
19888
  color: rgba(49, 143, 172, var(--text-opacity));
19314
19889
  }
19315
19890
 
19316
- .psui-el-accordion-item-content {
19317
- padding-bottom: 24px;
19318
- }
19319
-
19320
19891
  .psui-el-accordion-item-icon {
19892
+ font-family: 'Material Icons Round';
19893
+ font-weight: normal;
19894
+ font-style: normal;
19895
+ font-size: 24px;
19896
+ line-height: 1;
19897
+ letter-spacing: normal;
19898
+ text-transform: none;
19899
+ display: inline-block;
19900
+ white-space: nowrap;
19901
+ word-wrap: normal;
19902
+ direction: ltr;
19903
+ -webkit-font-feature-settings: 'liga';
19904
+ -webkit-font-smoothing: antialiased;
19321
19905
  font-size: 20px;
19322
19906
  width: 20px;
19907
+ transition: transform 0.4s ease-in-out;
19323
19908
  }
19324
19909
 
19325
19910
  .psui-el-accordion.layout-big .psui-el-accordion-item-header, .psui-el-accordion.layout-big .psui-el-accordion-item-content {
19326
- padding-left: 16px;
19327
- padding-right: 16px;
19911
+ padding-left: 1rem;
19912
+ padding-right: 1rem;
19328
19913
  }
19329
19914
 
19330
19915
  .psui-el-accordion.layout-big .psui-el-accordion-item-title {
@@ -19348,9 +19933,13 @@ html {
19348
19933
  .psui-el-accordion.layout-medium .psui-el-accordion-item-icon {
19349
19934
  --text-opacity: 1;
19350
19935
  color: #515E6A;
19351
- color: rgba(81, 94, 106, var(--text-opacity))
19936
+ color: rgba(81, 94, 106, var(--text-opacity));
19352
19937
  }
19353
19938
 
19939
+ .psui-el-accordion.layout-medium .psui-el-accordion-item.status-opened .psui-el-accordion-item-icon {
19940
+ transform: rotate(180deg);
19941
+ }
19942
+
19354
19943
  .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header, .psui-el-accordion .psui-el-accordion-item-header:hover {
19355
19944
  --text-opacity: 1;
19356
19945
  color: #318FAC;
@@ -19363,6 +19952,27 @@ html {
19363
19952
  color: rgba(49, 143, 172, var(--text-opacity));
19364
19953
  }
19365
19954
 
19955
+ .psui-el-accordion .psui-el-accordion-item-content {
19956
+ list-style-type: none;
19957
+ --text-opacity: 1;
19958
+ color: #515E6A;
19959
+ color: rgba(81, 94, 106, var(--text-opacity));
19960
+ margin-bottom: 1.25rem;
19961
+ }
19962
+
19963
+ .psui-el-accordion .accordion-fade-enter-active,
19964
+ .psui-el-accordion .accordion-fade-leave-active {
19965
+ will-change: height, margin-bottom;
19966
+ transition: height 0.4s ease, margin-bottom 0.4s ease-in-out;
19967
+ overflow: hidden;
19968
+ }
19969
+
19970
+ .psui-el-accordion .accordion-fade-enter,
19971
+ .psui-el-accordion .accordion-fade-leave-to {
19972
+ height: 0 !important;
19973
+ margin-bottom: 0 !important;
19974
+ }
19975
+
19366
19976
  .psui-el-input {
19367
19977
  /* Layout Default */
19368
19978
  /* ----------------------------------------- Layout Default */
@@ -19387,9 +19997,9 @@ html {
19387
19997
  --text-opacity: 1;
19388
19998
  color: #798490;
19389
19999
  color: rgba(121, 132, 144, var(--text-opacity));
20000
+ margin-top: 0.25rem;
19390
20001
  font-size: 12px;
19391
- line-height: 130%;
19392
- margin-top: 0.25rem
20002
+ line-height: 24px;
19393
20003
  }
19394
20004
 
19395
20005
  .psui-el-input-wrapper {
@@ -19402,14 +20012,15 @@ html {
19402
20012
  border-radius: 0.375rem;
19403
20013
  background-color: #ffffff;
19404
20014
  display: flex;
19405
- transition: cubic-bezier(.17,.67,.83,.67) 250ms
20015
+ transition: ease 130ms;
19406
20016
  }
19407
20017
 
19408
20018
  .psui-el-input label {
19409
20019
  font-weight: 700;
19410
20020
  --text-opacity: 1;
19411
20021
  color: #28323B;
19412
- color: rgba(40, 50, 59, var(--text-opacity))
20022
+ color: rgba(40, 50, 59, var(--text-opacity));
20023
+ line-height: 32px;
19413
20024
  }
19414
20025
 
19415
20026
  .psui-el-input input {
@@ -19461,7 +20072,7 @@ html {
19461
20072
 
19462
20073
  .psui-el-input.layout-default input {
19463
20074
  font-size: 16px;
19464
- line-height: 120%;
20075
+ line-height: 130%;
19465
20076
  padding: 11.5px 16px;
19466
20077
  }
19467
20078
 
@@ -20206,6 +20817,12 @@ html {
20206
20817
  border-color: rgba(252, 235, 235, var(--divide-opacity));
20207
20818
  }
20208
20819
 
20820
+ .sm\:psui-divide-red-15 > :not(template) ~ :not(template){
20821
+ --divide-opacity: 1;
20822
+ border-color: #EAC5C5;
20823
+ border-color: rgba(234, 197, 197, var(--divide-opacity));
20824
+ }
20825
+
20209
20826
  .sm\:psui-divide-red-20 > :not(template) ~ :not(template){
20210
20827
  --divide-opacity: 1;
20211
20828
  border-color: #D65C5A;
@@ -20551,6 +21168,12 @@ html {
20551
21168
  background-color: rgba(252, 235, 235, var(--bg-opacity));
20552
21169
  }
20553
21170
 
21171
+ .sm\:psui-bg-red-15{
21172
+ --bg-opacity: 1;
21173
+ background-color: #EAC5C5;
21174
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
21175
+ }
21176
+
20554
21177
  .sm\:psui-bg-red-20{
20555
21178
  --bg-opacity: 1;
20556
21179
  background-color: #D65C5A;
@@ -20763,6 +21386,12 @@ html {
20763
21386
  background-color: rgba(252, 235, 235, var(--bg-opacity));
20764
21387
  }
20765
21388
 
21389
+ .sm\:hover\:psui-bg-red-15:hover{
21390
+ --bg-opacity: 1;
21391
+ background-color: #EAC5C5;
21392
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
21393
+ }
21394
+
20766
21395
  .sm\:hover\:psui-bg-red-20:hover{
20767
21396
  --bg-opacity: 1;
20768
21397
  background-color: #D65C5A;
@@ -20975,6 +21604,12 @@ html {
20975
21604
  background-color: rgba(252, 235, 235, var(--bg-opacity));
20976
21605
  }
20977
21606
 
21607
+ .sm\:active\:psui-bg-red-15:active{
21608
+ --bg-opacity: 1;
21609
+ background-color: #EAC5C5;
21610
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
21611
+ }
21612
+
20978
21613
  .sm\:active\:psui-bg-red-20:active{
20979
21614
  --bg-opacity: 1;
20980
21615
  background-color: #D65C5A;
@@ -21187,6 +21822,12 @@ html {
21187
21822
  background-color: rgba(252, 235, 235, var(--bg-opacity));
21188
21823
  }
21189
21824
 
21825
+ .sm\:focus\:psui-bg-red-15:focus{
21826
+ --bg-opacity: 1;
21827
+ background-color: #EAC5C5;
21828
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
21829
+ }
21830
+
21190
21831
  .sm\:focus\:psui-bg-red-20:focus{
21191
21832
  --bg-opacity: 1;
21192
21833
  background-color: #D65C5A;
@@ -21399,6 +22040,12 @@ html {
21399
22040
  background-color: rgba(252, 235, 235, var(--bg-opacity));
21400
22041
  }
21401
22042
 
22043
+ .psui-group:hover .sm\:group-hover\:psui-bg-red-15{
22044
+ --bg-opacity: 1;
22045
+ background-color: #EAC5C5;
22046
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
22047
+ }
22048
+
21402
22049
  .psui-group:hover .sm\:group-hover\:psui-bg-red-20{
21403
22050
  --bg-opacity: 1;
21404
22051
  background-color: #D65C5A;
@@ -21611,6 +22258,12 @@ html {
21611
22258
  background-color: rgba(252, 235, 235, var(--bg-opacity));
21612
22259
  }
21613
22260
 
22261
+ .sm\:even\:psui-bg-red-15:nth-child(even){
22262
+ --bg-opacity: 1;
22263
+ background-color: #EAC5C5;
22264
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
22265
+ }
22266
+
21614
22267
  .sm\:even\:psui-bg-red-20:nth-child(even){
21615
22268
  --bg-opacity: 1;
21616
22269
  background-color: #D65C5A;
@@ -21823,6 +22476,12 @@ html {
21823
22476
  background-color: rgba(252, 235, 235, var(--bg-opacity));
21824
22477
  }
21825
22478
 
22479
+ .sm\:first\:psui-bg-red-15:first-child{
22480
+ --bg-opacity: 1;
22481
+ background-color: #EAC5C5;
22482
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
22483
+ }
22484
+
21826
22485
  .sm\:first\:psui-bg-red-20:first-child{
21827
22486
  --bg-opacity: 1;
21828
22487
  background-color: #D65C5A;
@@ -22035,6 +22694,12 @@ html {
22035
22694
  background-color: rgba(252, 235, 235, var(--bg-opacity));
22036
22695
  }
22037
22696
 
22697
+ .sm\:disabled\:psui-bg-red-15:disabled{
22698
+ --bg-opacity: 1;
22699
+ background-color: #EAC5C5;
22700
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
22701
+ }
22702
+
22038
22703
  .sm\:disabled\:psui-bg-red-20:disabled{
22039
22704
  --bg-opacity: 1;
22040
22705
  background-color: #D65C5A;
@@ -22247,6 +22912,12 @@ html {
22247
22912
  background-color: rgba(252, 235, 235, var(--bg-opacity));
22248
22913
  }
22249
22914
 
22915
+ .sm\:checked\:psui-bg-red-15:checked{
22916
+ --bg-opacity: 1;
22917
+ background-color: #EAC5C5;
22918
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
22919
+ }
22920
+
22250
22921
  .sm\:checked\:psui-bg-red-20:checked{
22251
22922
  --bg-opacity: 1;
22252
22923
  background-color: #D65C5A;
@@ -22472,6 +23143,11 @@ html {
22472
23143
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
22473
23144
  }
22474
23145
 
23146
+ .sm\:psui-from-red-15{
23147
+ --gradient-from-color: #EAC5C5;
23148
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
23149
+ }
23150
+
22475
23151
  .sm\:psui-from-red-20{
22476
23152
  --gradient-from-color: #D65C5A;
22477
23153
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -22652,6 +23328,11 @@ html {
22652
23328
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
22653
23329
  }
22654
23330
 
23331
+ .sm\:psui-via-red-15{
23332
+ --gradient-via-color: #EAC5C5;
23333
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
23334
+ }
23335
+
22655
23336
  .sm\:psui-via-red-20{
22656
23337
  --gradient-via-color: #D65C5A;
22657
23338
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -22807,6 +23488,10 @@ html {
22807
23488
  --gradient-to-color: #FCEBEB;
22808
23489
  }
22809
23490
 
23491
+ .sm\:psui-to-red-15{
23492
+ --gradient-to-color: #EAC5C5;
23493
+ }
23494
+
22810
23495
  .sm\:psui-to-red-20{
22811
23496
  --gradient-to-color: #D65C5A;
22812
23497
  }
@@ -22976,6 +23661,11 @@ html {
22976
23661
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
22977
23662
  }
22978
23663
 
23664
+ .sm\:hover\:psui-from-red-15:hover{
23665
+ --gradient-from-color: #EAC5C5;
23666
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
23667
+ }
23668
+
22979
23669
  .sm\:hover\:psui-from-red-20:hover{
22980
23670
  --gradient-from-color: #D65C5A;
22981
23671
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -23156,6 +23846,11 @@ html {
23156
23846
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
23157
23847
  }
23158
23848
 
23849
+ .sm\:hover\:psui-via-red-15:hover{
23850
+ --gradient-via-color: #EAC5C5;
23851
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
23852
+ }
23853
+
23159
23854
  .sm\:hover\:psui-via-red-20:hover{
23160
23855
  --gradient-via-color: #D65C5A;
23161
23856
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -23311,6 +24006,10 @@ html {
23311
24006
  --gradient-to-color: #FCEBEB;
23312
24007
  }
23313
24008
 
24009
+ .sm\:hover\:psui-to-red-15:hover{
24010
+ --gradient-to-color: #EAC5C5;
24011
+ }
24012
+
23314
24013
  .sm\:hover\:psui-to-red-20:hover{
23315
24014
  --gradient-to-color: #D65C5A;
23316
24015
  }
@@ -23480,6 +24179,11 @@ html {
23480
24179
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
23481
24180
  }
23482
24181
 
24182
+ .sm\:focus\:psui-from-red-15:focus{
24183
+ --gradient-from-color: #EAC5C5;
24184
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
24185
+ }
24186
+
23483
24187
  .sm\:focus\:psui-from-red-20:focus{
23484
24188
  --gradient-from-color: #D65C5A;
23485
24189
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -23660,6 +24364,11 @@ html {
23660
24364
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
23661
24365
  }
23662
24366
 
24367
+ .sm\:focus\:psui-via-red-15:focus{
24368
+ --gradient-via-color: #EAC5C5;
24369
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
24370
+ }
24371
+
23663
24372
  .sm\:focus\:psui-via-red-20:focus{
23664
24373
  --gradient-via-color: #D65C5A;
23665
24374
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -23815,6 +24524,10 @@ html {
23815
24524
  --gradient-to-color: #FCEBEB;
23816
24525
  }
23817
24526
 
24527
+ .sm\:focus\:psui-to-red-15:focus{
24528
+ --gradient-to-color: #EAC5C5;
24529
+ }
24530
+
23818
24531
  .sm\:focus\:psui-to-red-20:focus{
23819
24532
  --gradient-to-color: #D65C5A;
23820
24533
  }
@@ -24215,6 +24928,16 @@ html {
24215
24928
  cursor: not-allowed;
24216
24929
  }
24217
24930
 
24931
+ .sm\:psui-cursor-grab{
24932
+ cursor: -webkit-grab;
24933
+ cursor: grab;
24934
+ }
24935
+
24936
+ .sm\:psui-cursor-grabbing{
24937
+ cursor: -webkit-grabbing;
24938
+ cursor: grabbing;
24939
+ }
24940
+
24218
24941
  .sm\:psui-block{
24219
24942
  display: block;
24220
24943
  }
@@ -24868,17 +25591,17 @@ html {
24868
25591
 
24869
25592
  .sm\:psui-text-p{
24870
25593
  font-size: 16px;
24871
- line-height: 120%;
25594
+ line-height: 130%;
24872
25595
  }
24873
25596
 
24874
25597
  .sm\:psui-text-h1{
24875
25598
  font-size: 28px;
24876
- line-height: 120%;
25599
+ line-height: 130%;
24877
25600
  }
24878
25601
 
24879
25602
  .sm\:psui-text-h2{
24880
25603
  font-size: 24px;
24881
- line-height: 120%;
25604
+ line-height: 130%;
24882
25605
  }
24883
25606
 
24884
25607
  .sm\:psui-text-h3{
@@ -27478,6 +28201,24 @@ html {
27478
28201
  color: rgba(252, 235, 235, var(--placeholder-opacity));
27479
28202
  }
27480
28203
 
28204
+ .sm\:psui-placeholder-red-15::-moz-placeholder{
28205
+ --placeholder-opacity: 1;
28206
+ color: #EAC5C5;
28207
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28208
+ }
28209
+
28210
+ .sm\:psui-placeholder-red-15:-ms-input-placeholder{
28211
+ --placeholder-opacity: 1;
28212
+ color: #EAC5C5;
28213
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28214
+ }
28215
+
28216
+ .sm\:psui-placeholder-red-15::placeholder{
28217
+ --placeholder-opacity: 1;
28218
+ color: #EAC5C5;
28219
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28220
+ }
28221
+
27481
28222
  .sm\:psui-placeholder-red-20::-moz-placeholder{
27482
28223
  --placeholder-opacity: 1;
27483
28224
  color: #D65C5A;
@@ -28114,6 +28855,24 @@ html {
28114
28855
  color: rgba(252, 235, 235, var(--placeholder-opacity));
28115
28856
  }
28116
28857
 
28858
+ .sm\:focus\:psui-placeholder-red-15:focus::-moz-placeholder{
28859
+ --placeholder-opacity: 1;
28860
+ color: #EAC5C5;
28861
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28862
+ }
28863
+
28864
+ .sm\:focus\:psui-placeholder-red-15:focus:-ms-input-placeholder{
28865
+ --placeholder-opacity: 1;
28866
+ color: #EAC5C5;
28867
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28868
+ }
28869
+
28870
+ .sm\:focus\:psui-placeholder-red-15:focus::placeholder{
28871
+ --placeholder-opacity: 1;
28872
+ color: #EAC5C5;
28873
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
28874
+ }
28875
+
28117
28876
  .sm\:focus\:psui-placeholder-red-20:focus::-moz-placeholder{
28118
28877
  --placeholder-opacity: 1;
28119
28878
  color: #D65C5A;
@@ -28729,6 +29488,12 @@ html {
28729
29488
  color: rgba(252, 235, 235, var(--text-opacity));
28730
29489
  }
28731
29490
 
29491
+ .sm\:psui-text-red-15{
29492
+ --text-opacity: 1;
29493
+ color: #EAC5C5;
29494
+ color: rgba(234, 197, 197, var(--text-opacity));
29495
+ }
29496
+
28732
29497
  .sm\:psui-text-red-20{
28733
29498
  --text-opacity: 1;
28734
29499
  color: #D65C5A;
@@ -28941,6 +29706,12 @@ html {
28941
29706
  color: rgba(252, 235, 235, var(--text-opacity));
28942
29707
  }
28943
29708
 
29709
+ .sm\:hover\:psui-text-red-15:hover{
29710
+ --text-opacity: 1;
29711
+ color: #EAC5C5;
29712
+ color: rgba(234, 197, 197, var(--text-opacity));
29713
+ }
29714
+
28944
29715
  .sm\:hover\:psui-text-red-20:hover{
28945
29716
  --text-opacity: 1;
28946
29717
  color: #D65C5A;
@@ -29153,6 +29924,12 @@ html {
29153
29924
  color: rgba(252, 235, 235, var(--text-opacity));
29154
29925
  }
29155
29926
 
29927
+ .sm\:active\:psui-text-red-15:active{
29928
+ --text-opacity: 1;
29929
+ color: #EAC5C5;
29930
+ color: rgba(234, 197, 197, var(--text-opacity));
29931
+ }
29932
+
29156
29933
  .sm\:active\:psui-text-red-20:active{
29157
29934
  --text-opacity: 1;
29158
29935
  color: #D65C5A;
@@ -29365,6 +30142,12 @@ html {
29365
30142
  color: rgba(252, 235, 235, var(--text-opacity));
29366
30143
  }
29367
30144
 
30145
+ .sm\:focus\:psui-text-red-15:focus{
30146
+ --text-opacity: 1;
30147
+ color: #EAC5C5;
30148
+ color: rgba(234, 197, 197, var(--text-opacity));
30149
+ }
30150
+
29368
30151
  .sm\:focus\:psui-text-red-20:focus{
29369
30152
  --text-opacity: 1;
29370
30153
  color: #D65C5A;
@@ -29577,6 +30360,12 @@ html {
29577
30360
  color: rgba(252, 235, 235, var(--text-opacity));
29578
30361
  }
29579
30362
 
30363
+ .psui-group:hover .sm\:group-hover\:psui-text-red-15{
30364
+ --text-opacity: 1;
30365
+ color: #EAC5C5;
30366
+ color: rgba(234, 197, 197, var(--text-opacity));
30367
+ }
30368
+
29580
30369
  .psui-group:hover .sm\:group-hover\:psui-text-red-20{
29581
30370
  --text-opacity: 1;
29582
30371
  color: #D65C5A;
@@ -29789,6 +30578,12 @@ html {
29789
30578
  color: rgba(252, 235, 235, var(--text-opacity));
29790
30579
  }
29791
30580
 
30581
+ .sm\:first\:psui-text-red-15:first-child{
30582
+ --text-opacity: 1;
30583
+ color: #EAC5C5;
30584
+ color: rgba(234, 197, 197, var(--text-opacity));
30585
+ }
30586
+
29792
30587
  .sm\:first\:psui-text-red-20:first-child{
29793
30588
  --text-opacity: 1;
29794
30589
  color: #D65C5A;
@@ -30001,6 +30796,12 @@ html {
30001
30796
  color: rgba(252, 235, 235, var(--text-opacity));
30002
30797
  }
30003
30798
 
30799
+ .sm\:disabled\:psui-text-red-15:disabled{
30800
+ --text-opacity: 1;
30801
+ color: #EAC5C5;
30802
+ color: rgba(234, 197, 197, var(--text-opacity));
30803
+ }
30804
+
30004
30805
  .sm\:disabled\:psui-text-red-20:disabled{
30005
30806
  --text-opacity: 1;
30006
30807
  color: #D65C5A;
@@ -30213,6 +31014,12 @@ html {
30213
31014
  color: rgba(252, 235, 235, var(--text-opacity));
30214
31015
  }
30215
31016
 
31017
+ .sm\:checked\:psui-text-red-15:checked{
31018
+ --text-opacity: 1;
31019
+ color: #EAC5C5;
31020
+ color: rgba(234, 197, 197, var(--text-opacity));
31021
+ }
31022
+
30216
31023
  .sm\:checked\:psui-text-red-20:checked{
30217
31024
  --text-opacity: 1;
30218
31025
  color: #D65C5A;
@@ -34430,6 +35237,12 @@ html {
34430
35237
  border-color: rgba(252, 235, 235, var(--divide-opacity));
34431
35238
  }
34432
35239
 
35240
+ .md\:psui-divide-red-15 > :not(template) ~ :not(template){
35241
+ --divide-opacity: 1;
35242
+ border-color: #EAC5C5;
35243
+ border-color: rgba(234, 197, 197, var(--divide-opacity));
35244
+ }
35245
+
34433
35246
  .md\:psui-divide-red-20 > :not(template) ~ :not(template){
34434
35247
  --divide-opacity: 1;
34435
35248
  border-color: #D65C5A;
@@ -34775,6 +35588,12 @@ html {
34775
35588
  background-color: rgba(252, 235, 235, var(--bg-opacity));
34776
35589
  }
34777
35590
 
35591
+ .md\:psui-bg-red-15{
35592
+ --bg-opacity: 1;
35593
+ background-color: #EAC5C5;
35594
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
35595
+ }
35596
+
34778
35597
  .md\:psui-bg-red-20{
34779
35598
  --bg-opacity: 1;
34780
35599
  background-color: #D65C5A;
@@ -34987,6 +35806,12 @@ html {
34987
35806
  background-color: rgba(252, 235, 235, var(--bg-opacity));
34988
35807
  }
34989
35808
 
35809
+ .md\:hover\:psui-bg-red-15:hover{
35810
+ --bg-opacity: 1;
35811
+ background-color: #EAC5C5;
35812
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
35813
+ }
35814
+
34990
35815
  .md\:hover\:psui-bg-red-20:hover{
34991
35816
  --bg-opacity: 1;
34992
35817
  background-color: #D65C5A;
@@ -35199,6 +36024,12 @@ html {
35199
36024
  background-color: rgba(252, 235, 235, var(--bg-opacity));
35200
36025
  }
35201
36026
 
36027
+ .md\:active\:psui-bg-red-15:active{
36028
+ --bg-opacity: 1;
36029
+ background-color: #EAC5C5;
36030
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
36031
+ }
36032
+
35202
36033
  .md\:active\:psui-bg-red-20:active{
35203
36034
  --bg-opacity: 1;
35204
36035
  background-color: #D65C5A;
@@ -35411,6 +36242,12 @@ html {
35411
36242
  background-color: rgba(252, 235, 235, var(--bg-opacity));
35412
36243
  }
35413
36244
 
36245
+ .md\:focus\:psui-bg-red-15:focus{
36246
+ --bg-opacity: 1;
36247
+ background-color: #EAC5C5;
36248
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
36249
+ }
36250
+
35414
36251
  .md\:focus\:psui-bg-red-20:focus{
35415
36252
  --bg-opacity: 1;
35416
36253
  background-color: #D65C5A;
@@ -35623,6 +36460,12 @@ html {
35623
36460
  background-color: rgba(252, 235, 235, var(--bg-opacity));
35624
36461
  }
35625
36462
 
36463
+ .psui-group:hover .md\:group-hover\:psui-bg-red-15{
36464
+ --bg-opacity: 1;
36465
+ background-color: #EAC5C5;
36466
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
36467
+ }
36468
+
35626
36469
  .psui-group:hover .md\:group-hover\:psui-bg-red-20{
35627
36470
  --bg-opacity: 1;
35628
36471
  background-color: #D65C5A;
@@ -35835,6 +36678,12 @@ html {
35835
36678
  background-color: rgba(252, 235, 235, var(--bg-opacity));
35836
36679
  }
35837
36680
 
36681
+ .md\:even\:psui-bg-red-15:nth-child(even){
36682
+ --bg-opacity: 1;
36683
+ background-color: #EAC5C5;
36684
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
36685
+ }
36686
+
35838
36687
  .md\:even\:psui-bg-red-20:nth-child(even){
35839
36688
  --bg-opacity: 1;
35840
36689
  background-color: #D65C5A;
@@ -36047,6 +36896,12 @@ html {
36047
36896
  background-color: rgba(252, 235, 235, var(--bg-opacity));
36048
36897
  }
36049
36898
 
36899
+ .md\:first\:psui-bg-red-15:first-child{
36900
+ --bg-opacity: 1;
36901
+ background-color: #EAC5C5;
36902
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
36903
+ }
36904
+
36050
36905
  .md\:first\:psui-bg-red-20:first-child{
36051
36906
  --bg-opacity: 1;
36052
36907
  background-color: #D65C5A;
@@ -36259,6 +37114,12 @@ html {
36259
37114
  background-color: rgba(252, 235, 235, var(--bg-opacity));
36260
37115
  }
36261
37116
 
37117
+ .md\:disabled\:psui-bg-red-15:disabled{
37118
+ --bg-opacity: 1;
37119
+ background-color: #EAC5C5;
37120
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
37121
+ }
37122
+
36262
37123
  .md\:disabled\:psui-bg-red-20:disabled{
36263
37124
  --bg-opacity: 1;
36264
37125
  background-color: #D65C5A;
@@ -36471,6 +37332,12 @@ html {
36471
37332
  background-color: rgba(252, 235, 235, var(--bg-opacity));
36472
37333
  }
36473
37334
 
37335
+ .md\:checked\:psui-bg-red-15:checked{
37336
+ --bg-opacity: 1;
37337
+ background-color: #EAC5C5;
37338
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
37339
+ }
37340
+
36474
37341
  .md\:checked\:psui-bg-red-20:checked{
36475
37342
  --bg-opacity: 1;
36476
37343
  background-color: #D65C5A;
@@ -36696,6 +37563,11 @@ html {
36696
37563
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
36697
37564
  }
36698
37565
 
37566
+ .md\:psui-from-red-15{
37567
+ --gradient-from-color: #EAC5C5;
37568
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
37569
+ }
37570
+
36699
37571
  .md\:psui-from-red-20{
36700
37572
  --gradient-from-color: #D65C5A;
36701
37573
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -36876,6 +37748,11 @@ html {
36876
37748
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
36877
37749
  }
36878
37750
 
37751
+ .md\:psui-via-red-15{
37752
+ --gradient-via-color: #EAC5C5;
37753
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
37754
+ }
37755
+
36879
37756
  .md\:psui-via-red-20{
36880
37757
  --gradient-via-color: #D65C5A;
36881
37758
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -37031,6 +37908,10 @@ html {
37031
37908
  --gradient-to-color: #FCEBEB;
37032
37909
  }
37033
37910
 
37911
+ .md\:psui-to-red-15{
37912
+ --gradient-to-color: #EAC5C5;
37913
+ }
37914
+
37034
37915
  .md\:psui-to-red-20{
37035
37916
  --gradient-to-color: #D65C5A;
37036
37917
  }
@@ -37200,6 +38081,11 @@ html {
37200
38081
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
37201
38082
  }
37202
38083
 
38084
+ .md\:hover\:psui-from-red-15:hover{
38085
+ --gradient-from-color: #EAC5C5;
38086
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
38087
+ }
38088
+
37203
38089
  .md\:hover\:psui-from-red-20:hover{
37204
38090
  --gradient-from-color: #D65C5A;
37205
38091
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -37380,6 +38266,11 @@ html {
37380
38266
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
37381
38267
  }
37382
38268
 
38269
+ .md\:hover\:psui-via-red-15:hover{
38270
+ --gradient-via-color: #EAC5C5;
38271
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
38272
+ }
38273
+
37383
38274
  .md\:hover\:psui-via-red-20:hover{
37384
38275
  --gradient-via-color: #D65C5A;
37385
38276
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -37535,6 +38426,10 @@ html {
37535
38426
  --gradient-to-color: #FCEBEB;
37536
38427
  }
37537
38428
 
38429
+ .md\:hover\:psui-to-red-15:hover{
38430
+ --gradient-to-color: #EAC5C5;
38431
+ }
38432
+
37538
38433
  .md\:hover\:psui-to-red-20:hover{
37539
38434
  --gradient-to-color: #D65C5A;
37540
38435
  }
@@ -37704,6 +38599,11 @@ html {
37704
38599
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
37705
38600
  }
37706
38601
 
38602
+ .md\:focus\:psui-from-red-15:focus{
38603
+ --gradient-from-color: #EAC5C5;
38604
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
38605
+ }
38606
+
37707
38607
  .md\:focus\:psui-from-red-20:focus{
37708
38608
  --gradient-from-color: #D65C5A;
37709
38609
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -37884,6 +38784,11 @@ html {
37884
38784
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
37885
38785
  }
37886
38786
 
38787
+ .md\:focus\:psui-via-red-15:focus{
38788
+ --gradient-via-color: #EAC5C5;
38789
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
38790
+ }
38791
+
37887
38792
  .md\:focus\:psui-via-red-20:focus{
37888
38793
  --gradient-via-color: #D65C5A;
37889
38794
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -38039,6 +38944,10 @@ html {
38039
38944
  --gradient-to-color: #FCEBEB;
38040
38945
  }
38041
38946
 
38947
+ .md\:focus\:psui-to-red-15:focus{
38948
+ --gradient-to-color: #EAC5C5;
38949
+ }
38950
+
38042
38951
  .md\:focus\:psui-to-red-20:focus{
38043
38952
  --gradient-to-color: #D65C5A;
38044
38953
  }
@@ -38439,6 +39348,16 @@ html {
38439
39348
  cursor: not-allowed;
38440
39349
  }
38441
39350
 
39351
+ .md\:psui-cursor-grab{
39352
+ cursor: -webkit-grab;
39353
+ cursor: grab;
39354
+ }
39355
+
39356
+ .md\:psui-cursor-grabbing{
39357
+ cursor: -webkit-grabbing;
39358
+ cursor: grabbing;
39359
+ }
39360
+
38442
39361
  .md\:psui-block{
38443
39362
  display: block;
38444
39363
  }
@@ -39092,17 +40011,17 @@ html {
39092
40011
 
39093
40012
  .md\:psui-text-p{
39094
40013
  font-size: 16px;
39095
- line-height: 120%;
40014
+ line-height: 130%;
39096
40015
  }
39097
40016
 
39098
40017
  .md\:psui-text-h1{
39099
40018
  font-size: 28px;
39100
- line-height: 120%;
40019
+ line-height: 130%;
39101
40020
  }
39102
40021
 
39103
40022
  .md\:psui-text-h2{
39104
40023
  font-size: 24px;
39105
- line-height: 120%;
40024
+ line-height: 130%;
39106
40025
  }
39107
40026
 
39108
40027
  .md\:psui-text-h3{
@@ -41702,6 +42621,24 @@ html {
41702
42621
  color: rgba(252, 235, 235, var(--placeholder-opacity));
41703
42622
  }
41704
42623
 
42624
+ .md\:psui-placeholder-red-15::-moz-placeholder{
42625
+ --placeholder-opacity: 1;
42626
+ color: #EAC5C5;
42627
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
42628
+ }
42629
+
42630
+ .md\:psui-placeholder-red-15:-ms-input-placeholder{
42631
+ --placeholder-opacity: 1;
42632
+ color: #EAC5C5;
42633
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
42634
+ }
42635
+
42636
+ .md\:psui-placeholder-red-15::placeholder{
42637
+ --placeholder-opacity: 1;
42638
+ color: #EAC5C5;
42639
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
42640
+ }
42641
+
41705
42642
  .md\:psui-placeholder-red-20::-moz-placeholder{
41706
42643
  --placeholder-opacity: 1;
41707
42644
  color: #D65C5A;
@@ -42338,6 +43275,24 @@ html {
42338
43275
  color: rgba(252, 235, 235, var(--placeholder-opacity));
42339
43276
  }
42340
43277
 
43278
+ .md\:focus\:psui-placeholder-red-15:focus::-moz-placeholder{
43279
+ --placeholder-opacity: 1;
43280
+ color: #EAC5C5;
43281
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
43282
+ }
43283
+
43284
+ .md\:focus\:psui-placeholder-red-15:focus:-ms-input-placeholder{
43285
+ --placeholder-opacity: 1;
43286
+ color: #EAC5C5;
43287
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
43288
+ }
43289
+
43290
+ .md\:focus\:psui-placeholder-red-15:focus::placeholder{
43291
+ --placeholder-opacity: 1;
43292
+ color: #EAC5C5;
43293
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
43294
+ }
43295
+
42341
43296
  .md\:focus\:psui-placeholder-red-20:focus::-moz-placeholder{
42342
43297
  --placeholder-opacity: 1;
42343
43298
  color: #D65C5A;
@@ -42953,6 +43908,12 @@ html {
42953
43908
  color: rgba(252, 235, 235, var(--text-opacity));
42954
43909
  }
42955
43910
 
43911
+ .md\:psui-text-red-15{
43912
+ --text-opacity: 1;
43913
+ color: #EAC5C5;
43914
+ color: rgba(234, 197, 197, var(--text-opacity));
43915
+ }
43916
+
42956
43917
  .md\:psui-text-red-20{
42957
43918
  --text-opacity: 1;
42958
43919
  color: #D65C5A;
@@ -43165,6 +44126,12 @@ html {
43165
44126
  color: rgba(252, 235, 235, var(--text-opacity));
43166
44127
  }
43167
44128
 
44129
+ .md\:hover\:psui-text-red-15:hover{
44130
+ --text-opacity: 1;
44131
+ color: #EAC5C5;
44132
+ color: rgba(234, 197, 197, var(--text-opacity));
44133
+ }
44134
+
43168
44135
  .md\:hover\:psui-text-red-20:hover{
43169
44136
  --text-opacity: 1;
43170
44137
  color: #D65C5A;
@@ -43377,6 +44344,12 @@ html {
43377
44344
  color: rgba(252, 235, 235, var(--text-opacity));
43378
44345
  }
43379
44346
 
44347
+ .md\:active\:psui-text-red-15:active{
44348
+ --text-opacity: 1;
44349
+ color: #EAC5C5;
44350
+ color: rgba(234, 197, 197, var(--text-opacity));
44351
+ }
44352
+
43380
44353
  .md\:active\:psui-text-red-20:active{
43381
44354
  --text-opacity: 1;
43382
44355
  color: #D65C5A;
@@ -43589,6 +44562,12 @@ html {
43589
44562
  color: rgba(252, 235, 235, var(--text-opacity));
43590
44563
  }
43591
44564
 
44565
+ .md\:focus\:psui-text-red-15:focus{
44566
+ --text-opacity: 1;
44567
+ color: #EAC5C5;
44568
+ color: rgba(234, 197, 197, var(--text-opacity));
44569
+ }
44570
+
43592
44571
  .md\:focus\:psui-text-red-20:focus{
43593
44572
  --text-opacity: 1;
43594
44573
  color: #D65C5A;
@@ -43801,6 +44780,12 @@ html {
43801
44780
  color: rgba(252, 235, 235, var(--text-opacity));
43802
44781
  }
43803
44782
 
44783
+ .psui-group:hover .md\:group-hover\:psui-text-red-15{
44784
+ --text-opacity: 1;
44785
+ color: #EAC5C5;
44786
+ color: rgba(234, 197, 197, var(--text-opacity));
44787
+ }
44788
+
43804
44789
  .psui-group:hover .md\:group-hover\:psui-text-red-20{
43805
44790
  --text-opacity: 1;
43806
44791
  color: #D65C5A;
@@ -44013,6 +44998,12 @@ html {
44013
44998
  color: rgba(252, 235, 235, var(--text-opacity));
44014
44999
  }
44015
45000
 
45001
+ .md\:first\:psui-text-red-15:first-child{
45002
+ --text-opacity: 1;
45003
+ color: #EAC5C5;
45004
+ color: rgba(234, 197, 197, var(--text-opacity));
45005
+ }
45006
+
44016
45007
  .md\:first\:psui-text-red-20:first-child{
44017
45008
  --text-opacity: 1;
44018
45009
  color: #D65C5A;
@@ -44225,6 +45216,12 @@ html {
44225
45216
  color: rgba(252, 235, 235, var(--text-opacity));
44226
45217
  }
44227
45218
 
45219
+ .md\:disabled\:psui-text-red-15:disabled{
45220
+ --text-opacity: 1;
45221
+ color: #EAC5C5;
45222
+ color: rgba(234, 197, 197, var(--text-opacity));
45223
+ }
45224
+
44228
45225
  .md\:disabled\:psui-text-red-20:disabled{
44229
45226
  --text-opacity: 1;
44230
45227
  color: #D65C5A;
@@ -44437,6 +45434,12 @@ html {
44437
45434
  color: rgba(252, 235, 235, var(--text-opacity));
44438
45435
  }
44439
45436
 
45437
+ .md\:checked\:psui-text-red-15:checked{
45438
+ --text-opacity: 1;
45439
+ color: #EAC5C5;
45440
+ color: rgba(234, 197, 197, var(--text-opacity));
45441
+ }
45442
+
44440
45443
  .md\:checked\:psui-text-red-20:checked{
44441
45444
  --text-opacity: 1;
44442
45445
  color: #D65C5A;
@@ -48654,6 +49657,12 @@ html {
48654
49657
  border-color: rgba(252, 235, 235, var(--divide-opacity));
48655
49658
  }
48656
49659
 
49660
+ .lg\:psui-divide-red-15 > :not(template) ~ :not(template){
49661
+ --divide-opacity: 1;
49662
+ border-color: #EAC5C5;
49663
+ border-color: rgba(234, 197, 197, var(--divide-opacity));
49664
+ }
49665
+
48657
49666
  .lg\:psui-divide-red-20 > :not(template) ~ :not(template){
48658
49667
  --divide-opacity: 1;
48659
49668
  border-color: #D65C5A;
@@ -48999,6 +50008,12 @@ html {
48999
50008
  background-color: rgba(252, 235, 235, var(--bg-opacity));
49000
50009
  }
49001
50010
 
50011
+ .lg\:psui-bg-red-15{
50012
+ --bg-opacity: 1;
50013
+ background-color: #EAC5C5;
50014
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
50015
+ }
50016
+
49002
50017
  .lg\:psui-bg-red-20{
49003
50018
  --bg-opacity: 1;
49004
50019
  background-color: #D65C5A;
@@ -49211,6 +50226,12 @@ html {
49211
50226
  background-color: rgba(252, 235, 235, var(--bg-opacity));
49212
50227
  }
49213
50228
 
50229
+ .lg\:hover\:psui-bg-red-15:hover{
50230
+ --bg-opacity: 1;
50231
+ background-color: #EAC5C5;
50232
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
50233
+ }
50234
+
49214
50235
  .lg\:hover\:psui-bg-red-20:hover{
49215
50236
  --bg-opacity: 1;
49216
50237
  background-color: #D65C5A;
@@ -49423,6 +50444,12 @@ html {
49423
50444
  background-color: rgba(252, 235, 235, var(--bg-opacity));
49424
50445
  }
49425
50446
 
50447
+ .lg\:active\:psui-bg-red-15:active{
50448
+ --bg-opacity: 1;
50449
+ background-color: #EAC5C5;
50450
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
50451
+ }
50452
+
49426
50453
  .lg\:active\:psui-bg-red-20:active{
49427
50454
  --bg-opacity: 1;
49428
50455
  background-color: #D65C5A;
@@ -49635,6 +50662,12 @@ html {
49635
50662
  background-color: rgba(252, 235, 235, var(--bg-opacity));
49636
50663
  }
49637
50664
 
50665
+ .lg\:focus\:psui-bg-red-15:focus{
50666
+ --bg-opacity: 1;
50667
+ background-color: #EAC5C5;
50668
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
50669
+ }
50670
+
49638
50671
  .lg\:focus\:psui-bg-red-20:focus{
49639
50672
  --bg-opacity: 1;
49640
50673
  background-color: #D65C5A;
@@ -49847,6 +50880,12 @@ html {
49847
50880
  background-color: rgba(252, 235, 235, var(--bg-opacity));
49848
50881
  }
49849
50882
 
50883
+ .psui-group:hover .lg\:group-hover\:psui-bg-red-15{
50884
+ --bg-opacity: 1;
50885
+ background-color: #EAC5C5;
50886
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
50887
+ }
50888
+
49850
50889
  .psui-group:hover .lg\:group-hover\:psui-bg-red-20{
49851
50890
  --bg-opacity: 1;
49852
50891
  background-color: #D65C5A;
@@ -50059,6 +51098,12 @@ html {
50059
51098
  background-color: rgba(252, 235, 235, var(--bg-opacity));
50060
51099
  }
50061
51100
 
51101
+ .lg\:even\:psui-bg-red-15:nth-child(even){
51102
+ --bg-opacity: 1;
51103
+ background-color: #EAC5C5;
51104
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
51105
+ }
51106
+
50062
51107
  .lg\:even\:psui-bg-red-20:nth-child(even){
50063
51108
  --bg-opacity: 1;
50064
51109
  background-color: #D65C5A;
@@ -50271,6 +51316,12 @@ html {
50271
51316
  background-color: rgba(252, 235, 235, var(--bg-opacity));
50272
51317
  }
50273
51318
 
51319
+ .lg\:first\:psui-bg-red-15:first-child{
51320
+ --bg-opacity: 1;
51321
+ background-color: #EAC5C5;
51322
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
51323
+ }
51324
+
50274
51325
  .lg\:first\:psui-bg-red-20:first-child{
50275
51326
  --bg-opacity: 1;
50276
51327
  background-color: #D65C5A;
@@ -50483,6 +51534,12 @@ html {
50483
51534
  background-color: rgba(252, 235, 235, var(--bg-opacity));
50484
51535
  }
50485
51536
 
51537
+ .lg\:disabled\:psui-bg-red-15:disabled{
51538
+ --bg-opacity: 1;
51539
+ background-color: #EAC5C5;
51540
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
51541
+ }
51542
+
50486
51543
  .lg\:disabled\:psui-bg-red-20:disabled{
50487
51544
  --bg-opacity: 1;
50488
51545
  background-color: #D65C5A;
@@ -50695,6 +51752,12 @@ html {
50695
51752
  background-color: rgba(252, 235, 235, var(--bg-opacity));
50696
51753
  }
50697
51754
 
51755
+ .lg\:checked\:psui-bg-red-15:checked{
51756
+ --bg-opacity: 1;
51757
+ background-color: #EAC5C5;
51758
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
51759
+ }
51760
+
50698
51761
  .lg\:checked\:psui-bg-red-20:checked{
50699
51762
  --bg-opacity: 1;
50700
51763
  background-color: #D65C5A;
@@ -50920,6 +51983,11 @@ html {
50920
51983
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
50921
51984
  }
50922
51985
 
51986
+ .lg\:psui-from-red-15{
51987
+ --gradient-from-color: #EAC5C5;
51988
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
51989
+ }
51990
+
50923
51991
  .lg\:psui-from-red-20{
50924
51992
  --gradient-from-color: #D65C5A;
50925
51993
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -51100,6 +52168,11 @@ html {
51100
52168
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
51101
52169
  }
51102
52170
 
52171
+ .lg\:psui-via-red-15{
52172
+ --gradient-via-color: #EAC5C5;
52173
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
52174
+ }
52175
+
51103
52176
  .lg\:psui-via-red-20{
51104
52177
  --gradient-via-color: #D65C5A;
51105
52178
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -51255,6 +52328,10 @@ html {
51255
52328
  --gradient-to-color: #FCEBEB;
51256
52329
  }
51257
52330
 
52331
+ .lg\:psui-to-red-15{
52332
+ --gradient-to-color: #EAC5C5;
52333
+ }
52334
+
51258
52335
  .lg\:psui-to-red-20{
51259
52336
  --gradient-to-color: #D65C5A;
51260
52337
  }
@@ -51424,6 +52501,11 @@ html {
51424
52501
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
51425
52502
  }
51426
52503
 
52504
+ .lg\:hover\:psui-from-red-15:hover{
52505
+ --gradient-from-color: #EAC5C5;
52506
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
52507
+ }
52508
+
51427
52509
  .lg\:hover\:psui-from-red-20:hover{
51428
52510
  --gradient-from-color: #D65C5A;
51429
52511
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -51604,6 +52686,11 @@ html {
51604
52686
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
51605
52687
  }
51606
52688
 
52689
+ .lg\:hover\:psui-via-red-15:hover{
52690
+ --gradient-via-color: #EAC5C5;
52691
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
52692
+ }
52693
+
51607
52694
  .lg\:hover\:psui-via-red-20:hover{
51608
52695
  --gradient-via-color: #D65C5A;
51609
52696
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -51759,6 +52846,10 @@ html {
51759
52846
  --gradient-to-color: #FCEBEB;
51760
52847
  }
51761
52848
 
52849
+ .lg\:hover\:psui-to-red-15:hover{
52850
+ --gradient-to-color: #EAC5C5;
52851
+ }
52852
+
51762
52853
  .lg\:hover\:psui-to-red-20:hover{
51763
52854
  --gradient-to-color: #D65C5A;
51764
52855
  }
@@ -51928,6 +53019,11 @@ html {
51928
53019
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
51929
53020
  }
51930
53021
 
53022
+ .lg\:focus\:psui-from-red-15:focus{
53023
+ --gradient-from-color: #EAC5C5;
53024
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
53025
+ }
53026
+
51931
53027
  .lg\:focus\:psui-from-red-20:focus{
51932
53028
  --gradient-from-color: #D65C5A;
51933
53029
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -52108,6 +53204,11 @@ html {
52108
53204
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
52109
53205
  }
52110
53206
 
53207
+ .lg\:focus\:psui-via-red-15:focus{
53208
+ --gradient-via-color: #EAC5C5;
53209
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
53210
+ }
53211
+
52111
53212
  .lg\:focus\:psui-via-red-20:focus{
52112
53213
  --gradient-via-color: #D65C5A;
52113
53214
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -52263,6 +53364,10 @@ html {
52263
53364
  --gradient-to-color: #FCEBEB;
52264
53365
  }
52265
53366
 
53367
+ .lg\:focus\:psui-to-red-15:focus{
53368
+ --gradient-to-color: #EAC5C5;
53369
+ }
53370
+
52266
53371
  .lg\:focus\:psui-to-red-20:focus{
52267
53372
  --gradient-to-color: #D65C5A;
52268
53373
  }
@@ -52663,6 +53768,16 @@ html {
52663
53768
  cursor: not-allowed;
52664
53769
  }
52665
53770
 
53771
+ .lg\:psui-cursor-grab{
53772
+ cursor: -webkit-grab;
53773
+ cursor: grab;
53774
+ }
53775
+
53776
+ .lg\:psui-cursor-grabbing{
53777
+ cursor: -webkit-grabbing;
53778
+ cursor: grabbing;
53779
+ }
53780
+
52666
53781
  .lg\:psui-block{
52667
53782
  display: block;
52668
53783
  }
@@ -53316,17 +54431,17 @@ html {
53316
54431
 
53317
54432
  .lg\:psui-text-p{
53318
54433
  font-size: 16px;
53319
- line-height: 120%;
54434
+ line-height: 130%;
53320
54435
  }
53321
54436
 
53322
54437
  .lg\:psui-text-h1{
53323
54438
  font-size: 28px;
53324
- line-height: 120%;
54439
+ line-height: 130%;
53325
54440
  }
53326
54441
 
53327
54442
  .lg\:psui-text-h2{
53328
54443
  font-size: 24px;
53329
- line-height: 120%;
54444
+ line-height: 130%;
53330
54445
  }
53331
54446
 
53332
54447
  .lg\:psui-text-h3{
@@ -55926,6 +57041,24 @@ html {
55926
57041
  color: rgba(252, 235, 235, var(--placeholder-opacity));
55927
57042
  }
55928
57043
 
57044
+ .lg\:psui-placeholder-red-15::-moz-placeholder{
57045
+ --placeholder-opacity: 1;
57046
+ color: #EAC5C5;
57047
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57048
+ }
57049
+
57050
+ .lg\:psui-placeholder-red-15:-ms-input-placeholder{
57051
+ --placeholder-opacity: 1;
57052
+ color: #EAC5C5;
57053
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57054
+ }
57055
+
57056
+ .lg\:psui-placeholder-red-15::placeholder{
57057
+ --placeholder-opacity: 1;
57058
+ color: #EAC5C5;
57059
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57060
+ }
57061
+
55929
57062
  .lg\:psui-placeholder-red-20::-moz-placeholder{
55930
57063
  --placeholder-opacity: 1;
55931
57064
  color: #D65C5A;
@@ -56562,6 +57695,24 @@ html {
56562
57695
  color: rgba(252, 235, 235, var(--placeholder-opacity));
56563
57696
  }
56564
57697
 
57698
+ .lg\:focus\:psui-placeholder-red-15:focus::-moz-placeholder{
57699
+ --placeholder-opacity: 1;
57700
+ color: #EAC5C5;
57701
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57702
+ }
57703
+
57704
+ .lg\:focus\:psui-placeholder-red-15:focus:-ms-input-placeholder{
57705
+ --placeholder-opacity: 1;
57706
+ color: #EAC5C5;
57707
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57708
+ }
57709
+
57710
+ .lg\:focus\:psui-placeholder-red-15:focus::placeholder{
57711
+ --placeholder-opacity: 1;
57712
+ color: #EAC5C5;
57713
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
57714
+ }
57715
+
56565
57716
  .lg\:focus\:psui-placeholder-red-20:focus::-moz-placeholder{
56566
57717
  --placeholder-opacity: 1;
56567
57718
  color: #D65C5A;
@@ -57177,6 +58328,12 @@ html {
57177
58328
  color: rgba(252, 235, 235, var(--text-opacity));
57178
58329
  }
57179
58330
 
58331
+ .lg\:psui-text-red-15{
58332
+ --text-opacity: 1;
58333
+ color: #EAC5C5;
58334
+ color: rgba(234, 197, 197, var(--text-opacity));
58335
+ }
58336
+
57180
58337
  .lg\:psui-text-red-20{
57181
58338
  --text-opacity: 1;
57182
58339
  color: #D65C5A;
@@ -57389,6 +58546,12 @@ html {
57389
58546
  color: rgba(252, 235, 235, var(--text-opacity));
57390
58547
  }
57391
58548
 
58549
+ .lg\:hover\:psui-text-red-15:hover{
58550
+ --text-opacity: 1;
58551
+ color: #EAC5C5;
58552
+ color: rgba(234, 197, 197, var(--text-opacity));
58553
+ }
58554
+
57392
58555
  .lg\:hover\:psui-text-red-20:hover{
57393
58556
  --text-opacity: 1;
57394
58557
  color: #D65C5A;
@@ -57601,6 +58764,12 @@ html {
57601
58764
  color: rgba(252, 235, 235, var(--text-opacity));
57602
58765
  }
57603
58766
 
58767
+ .lg\:active\:psui-text-red-15:active{
58768
+ --text-opacity: 1;
58769
+ color: #EAC5C5;
58770
+ color: rgba(234, 197, 197, var(--text-opacity));
58771
+ }
58772
+
57604
58773
  .lg\:active\:psui-text-red-20:active{
57605
58774
  --text-opacity: 1;
57606
58775
  color: #D65C5A;
@@ -57813,6 +58982,12 @@ html {
57813
58982
  color: rgba(252, 235, 235, var(--text-opacity));
57814
58983
  }
57815
58984
 
58985
+ .lg\:focus\:psui-text-red-15:focus{
58986
+ --text-opacity: 1;
58987
+ color: #EAC5C5;
58988
+ color: rgba(234, 197, 197, var(--text-opacity));
58989
+ }
58990
+
57816
58991
  .lg\:focus\:psui-text-red-20:focus{
57817
58992
  --text-opacity: 1;
57818
58993
  color: #D65C5A;
@@ -58025,6 +59200,12 @@ html {
58025
59200
  color: rgba(252, 235, 235, var(--text-opacity));
58026
59201
  }
58027
59202
 
59203
+ .psui-group:hover .lg\:group-hover\:psui-text-red-15{
59204
+ --text-opacity: 1;
59205
+ color: #EAC5C5;
59206
+ color: rgba(234, 197, 197, var(--text-opacity));
59207
+ }
59208
+
58028
59209
  .psui-group:hover .lg\:group-hover\:psui-text-red-20{
58029
59210
  --text-opacity: 1;
58030
59211
  color: #D65C5A;
@@ -58237,6 +59418,12 @@ html {
58237
59418
  color: rgba(252, 235, 235, var(--text-opacity));
58238
59419
  }
58239
59420
 
59421
+ .lg\:first\:psui-text-red-15:first-child{
59422
+ --text-opacity: 1;
59423
+ color: #EAC5C5;
59424
+ color: rgba(234, 197, 197, var(--text-opacity));
59425
+ }
59426
+
58240
59427
  .lg\:first\:psui-text-red-20:first-child{
58241
59428
  --text-opacity: 1;
58242
59429
  color: #D65C5A;
@@ -58449,6 +59636,12 @@ html {
58449
59636
  color: rgba(252, 235, 235, var(--text-opacity));
58450
59637
  }
58451
59638
 
59639
+ .lg\:disabled\:psui-text-red-15:disabled{
59640
+ --text-opacity: 1;
59641
+ color: #EAC5C5;
59642
+ color: rgba(234, 197, 197, var(--text-opacity));
59643
+ }
59644
+
58452
59645
  .lg\:disabled\:psui-text-red-20:disabled{
58453
59646
  --text-opacity: 1;
58454
59647
  color: #D65C5A;
@@ -58661,6 +59854,12 @@ html {
58661
59854
  color: rgba(252, 235, 235, var(--text-opacity));
58662
59855
  }
58663
59856
 
59857
+ .lg\:checked\:psui-text-red-15:checked{
59858
+ --text-opacity: 1;
59859
+ color: #EAC5C5;
59860
+ color: rgba(234, 197, 197, var(--text-opacity));
59861
+ }
59862
+
58664
59863
  .lg\:checked\:psui-text-red-20:checked{
58665
59864
  --text-opacity: 1;
58666
59865
  color: #D65C5A;
@@ -62878,6 +64077,12 @@ html {
62878
64077
  border-color: rgba(252, 235, 235, var(--divide-opacity));
62879
64078
  }
62880
64079
 
64080
+ .xl\:psui-divide-red-15 > :not(template) ~ :not(template){
64081
+ --divide-opacity: 1;
64082
+ border-color: #EAC5C5;
64083
+ border-color: rgba(234, 197, 197, var(--divide-opacity));
64084
+ }
64085
+
62881
64086
  .xl\:psui-divide-red-20 > :not(template) ~ :not(template){
62882
64087
  --divide-opacity: 1;
62883
64088
  border-color: #D65C5A;
@@ -63223,6 +64428,12 @@ html {
63223
64428
  background-color: rgba(252, 235, 235, var(--bg-opacity));
63224
64429
  }
63225
64430
 
64431
+ .xl\:psui-bg-red-15{
64432
+ --bg-opacity: 1;
64433
+ background-color: #EAC5C5;
64434
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
64435
+ }
64436
+
63226
64437
  .xl\:psui-bg-red-20{
63227
64438
  --bg-opacity: 1;
63228
64439
  background-color: #D65C5A;
@@ -63435,6 +64646,12 @@ html {
63435
64646
  background-color: rgba(252, 235, 235, var(--bg-opacity));
63436
64647
  }
63437
64648
 
64649
+ .xl\:hover\:psui-bg-red-15:hover{
64650
+ --bg-opacity: 1;
64651
+ background-color: #EAC5C5;
64652
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
64653
+ }
64654
+
63438
64655
  .xl\:hover\:psui-bg-red-20:hover{
63439
64656
  --bg-opacity: 1;
63440
64657
  background-color: #D65C5A;
@@ -63647,6 +64864,12 @@ html {
63647
64864
  background-color: rgba(252, 235, 235, var(--bg-opacity));
63648
64865
  }
63649
64866
 
64867
+ .xl\:active\:psui-bg-red-15:active{
64868
+ --bg-opacity: 1;
64869
+ background-color: #EAC5C5;
64870
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
64871
+ }
64872
+
63650
64873
  .xl\:active\:psui-bg-red-20:active{
63651
64874
  --bg-opacity: 1;
63652
64875
  background-color: #D65C5A;
@@ -63859,6 +65082,12 @@ html {
63859
65082
  background-color: rgba(252, 235, 235, var(--bg-opacity));
63860
65083
  }
63861
65084
 
65085
+ .xl\:focus\:psui-bg-red-15:focus{
65086
+ --bg-opacity: 1;
65087
+ background-color: #EAC5C5;
65088
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
65089
+ }
65090
+
63862
65091
  .xl\:focus\:psui-bg-red-20:focus{
63863
65092
  --bg-opacity: 1;
63864
65093
  background-color: #D65C5A;
@@ -64071,6 +65300,12 @@ html {
64071
65300
  background-color: rgba(252, 235, 235, var(--bg-opacity));
64072
65301
  }
64073
65302
 
65303
+ .psui-group:hover .xl\:group-hover\:psui-bg-red-15{
65304
+ --bg-opacity: 1;
65305
+ background-color: #EAC5C5;
65306
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
65307
+ }
65308
+
64074
65309
  .psui-group:hover .xl\:group-hover\:psui-bg-red-20{
64075
65310
  --bg-opacity: 1;
64076
65311
  background-color: #D65C5A;
@@ -64283,6 +65518,12 @@ html {
64283
65518
  background-color: rgba(252, 235, 235, var(--bg-opacity));
64284
65519
  }
64285
65520
 
65521
+ .xl\:even\:psui-bg-red-15:nth-child(even){
65522
+ --bg-opacity: 1;
65523
+ background-color: #EAC5C5;
65524
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
65525
+ }
65526
+
64286
65527
  .xl\:even\:psui-bg-red-20:nth-child(even){
64287
65528
  --bg-opacity: 1;
64288
65529
  background-color: #D65C5A;
@@ -64495,6 +65736,12 @@ html {
64495
65736
  background-color: rgba(252, 235, 235, var(--bg-opacity));
64496
65737
  }
64497
65738
 
65739
+ .xl\:first\:psui-bg-red-15:first-child{
65740
+ --bg-opacity: 1;
65741
+ background-color: #EAC5C5;
65742
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
65743
+ }
65744
+
64498
65745
  .xl\:first\:psui-bg-red-20:first-child{
64499
65746
  --bg-opacity: 1;
64500
65747
  background-color: #D65C5A;
@@ -64707,6 +65954,12 @@ html {
64707
65954
  background-color: rgba(252, 235, 235, var(--bg-opacity));
64708
65955
  }
64709
65956
 
65957
+ .xl\:disabled\:psui-bg-red-15:disabled{
65958
+ --bg-opacity: 1;
65959
+ background-color: #EAC5C5;
65960
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
65961
+ }
65962
+
64710
65963
  .xl\:disabled\:psui-bg-red-20:disabled{
64711
65964
  --bg-opacity: 1;
64712
65965
  background-color: #D65C5A;
@@ -64919,6 +66172,12 @@ html {
64919
66172
  background-color: rgba(252, 235, 235, var(--bg-opacity));
64920
66173
  }
64921
66174
 
66175
+ .xl\:checked\:psui-bg-red-15:checked{
66176
+ --bg-opacity: 1;
66177
+ background-color: #EAC5C5;
66178
+ background-color: rgba(234, 197, 197, var(--bg-opacity));
66179
+ }
66180
+
64922
66181
  .xl\:checked\:psui-bg-red-20:checked{
64923
66182
  --bg-opacity: 1;
64924
66183
  background-color: #D65C5A;
@@ -65144,6 +66403,11 @@ html {
65144
66403
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
65145
66404
  }
65146
66405
 
66406
+ .xl\:psui-from-red-15{
66407
+ --gradient-from-color: #EAC5C5;
66408
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
66409
+ }
66410
+
65147
66411
  .xl\:psui-from-red-20{
65148
66412
  --gradient-from-color: #D65C5A;
65149
66413
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -65324,6 +66588,11 @@ html {
65324
66588
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
65325
66589
  }
65326
66590
 
66591
+ .xl\:psui-via-red-15{
66592
+ --gradient-via-color: #EAC5C5;
66593
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
66594
+ }
66595
+
65327
66596
  .xl\:psui-via-red-20{
65328
66597
  --gradient-via-color: #D65C5A;
65329
66598
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -65479,6 +66748,10 @@ html {
65479
66748
  --gradient-to-color: #FCEBEB;
65480
66749
  }
65481
66750
 
66751
+ .xl\:psui-to-red-15{
66752
+ --gradient-to-color: #EAC5C5;
66753
+ }
66754
+
65482
66755
  .xl\:psui-to-red-20{
65483
66756
  --gradient-to-color: #D65C5A;
65484
66757
  }
@@ -65648,6 +66921,11 @@ html {
65648
66921
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
65649
66922
  }
65650
66923
 
66924
+ .xl\:hover\:psui-from-red-15:hover{
66925
+ --gradient-from-color: #EAC5C5;
66926
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
66927
+ }
66928
+
65651
66929
  .xl\:hover\:psui-from-red-20:hover{
65652
66930
  --gradient-from-color: #D65C5A;
65653
66931
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -65828,6 +67106,11 @@ html {
65828
67106
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
65829
67107
  }
65830
67108
 
67109
+ .xl\:hover\:psui-via-red-15:hover{
67110
+ --gradient-via-color: #EAC5C5;
67111
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
67112
+ }
67113
+
65831
67114
  .xl\:hover\:psui-via-red-20:hover{
65832
67115
  --gradient-via-color: #D65C5A;
65833
67116
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -65983,6 +67266,10 @@ html {
65983
67266
  --gradient-to-color: #FCEBEB;
65984
67267
  }
65985
67268
 
67269
+ .xl\:hover\:psui-to-red-15:hover{
67270
+ --gradient-to-color: #EAC5C5;
67271
+ }
67272
+
65986
67273
  .xl\:hover\:psui-to-red-20:hover{
65987
67274
  --gradient-to-color: #D65C5A;
65988
67275
  }
@@ -66152,6 +67439,11 @@ html {
66152
67439
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
66153
67440
  }
66154
67441
 
67442
+ .xl\:focus\:psui-from-red-15:focus{
67443
+ --gradient-from-color: #EAC5C5;
67444
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
67445
+ }
67446
+
66155
67447
  .xl\:focus\:psui-from-red-20:focus{
66156
67448
  --gradient-from-color: #D65C5A;
66157
67449
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -66332,6 +67624,11 @@ html {
66332
67624
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 235, 0));
66333
67625
  }
66334
67626
 
67627
+ .xl\:focus\:psui-via-red-15:focus{
67628
+ --gradient-via-color: #EAC5C5;
67629
+ --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 197, 197, 0));
67630
+ }
67631
+
66335
67632
  .xl\:focus\:psui-via-red-20:focus{
66336
67633
  --gradient-via-color: #D65C5A;
66337
67634
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 92, 90, 0));
@@ -66487,6 +67784,10 @@ html {
66487
67784
  --gradient-to-color: #FCEBEB;
66488
67785
  }
66489
67786
 
67787
+ .xl\:focus\:psui-to-red-15:focus{
67788
+ --gradient-to-color: #EAC5C5;
67789
+ }
67790
+
66490
67791
  .xl\:focus\:psui-to-red-20:focus{
66491
67792
  --gradient-to-color: #D65C5A;
66492
67793
  }
@@ -66887,6 +68188,16 @@ html {
66887
68188
  cursor: not-allowed;
66888
68189
  }
66889
68190
 
68191
+ .xl\:psui-cursor-grab{
68192
+ cursor: -webkit-grab;
68193
+ cursor: grab;
68194
+ }
68195
+
68196
+ .xl\:psui-cursor-grabbing{
68197
+ cursor: -webkit-grabbing;
68198
+ cursor: grabbing;
68199
+ }
68200
+
66890
68201
  .xl\:psui-block{
66891
68202
  display: block;
66892
68203
  }
@@ -67540,17 +68851,17 @@ html {
67540
68851
 
67541
68852
  .xl\:psui-text-p{
67542
68853
  font-size: 16px;
67543
- line-height: 120%;
68854
+ line-height: 130%;
67544
68855
  }
67545
68856
 
67546
68857
  .xl\:psui-text-h1{
67547
68858
  font-size: 28px;
67548
- line-height: 120%;
68859
+ line-height: 130%;
67549
68860
  }
67550
68861
 
67551
68862
  .xl\:psui-text-h2{
67552
68863
  font-size: 24px;
67553
- line-height: 120%;
68864
+ line-height: 130%;
67554
68865
  }
67555
68866
 
67556
68867
  .xl\:psui-text-h3{
@@ -70150,6 +71461,24 @@ html {
70150
71461
  color: rgba(252, 235, 235, var(--placeholder-opacity));
70151
71462
  }
70152
71463
 
71464
+ .xl\:psui-placeholder-red-15::-moz-placeholder{
71465
+ --placeholder-opacity: 1;
71466
+ color: #EAC5C5;
71467
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
71468
+ }
71469
+
71470
+ .xl\:psui-placeholder-red-15:-ms-input-placeholder{
71471
+ --placeholder-opacity: 1;
71472
+ color: #EAC5C5;
71473
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
71474
+ }
71475
+
71476
+ .xl\:psui-placeholder-red-15::placeholder{
71477
+ --placeholder-opacity: 1;
71478
+ color: #EAC5C5;
71479
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
71480
+ }
71481
+
70153
71482
  .xl\:psui-placeholder-red-20::-moz-placeholder{
70154
71483
  --placeholder-opacity: 1;
70155
71484
  color: #D65C5A;
@@ -70786,6 +72115,24 @@ html {
70786
72115
  color: rgba(252, 235, 235, var(--placeholder-opacity));
70787
72116
  }
70788
72117
 
72118
+ .xl\:focus\:psui-placeholder-red-15:focus::-moz-placeholder{
72119
+ --placeholder-opacity: 1;
72120
+ color: #EAC5C5;
72121
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
72122
+ }
72123
+
72124
+ .xl\:focus\:psui-placeholder-red-15:focus:-ms-input-placeholder{
72125
+ --placeholder-opacity: 1;
72126
+ color: #EAC5C5;
72127
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
72128
+ }
72129
+
72130
+ .xl\:focus\:psui-placeholder-red-15:focus::placeholder{
72131
+ --placeholder-opacity: 1;
72132
+ color: #EAC5C5;
72133
+ color: rgba(234, 197, 197, var(--placeholder-opacity));
72134
+ }
72135
+
70789
72136
  .xl\:focus\:psui-placeholder-red-20:focus::-moz-placeholder{
70790
72137
  --placeholder-opacity: 1;
70791
72138
  color: #D65C5A;
@@ -71401,6 +72748,12 @@ html {
71401
72748
  color: rgba(252, 235, 235, var(--text-opacity));
71402
72749
  }
71403
72750
 
72751
+ .xl\:psui-text-red-15{
72752
+ --text-opacity: 1;
72753
+ color: #EAC5C5;
72754
+ color: rgba(234, 197, 197, var(--text-opacity));
72755
+ }
72756
+
71404
72757
  .xl\:psui-text-red-20{
71405
72758
  --text-opacity: 1;
71406
72759
  color: #D65C5A;
@@ -71613,6 +72966,12 @@ html {
71613
72966
  color: rgba(252, 235, 235, var(--text-opacity));
71614
72967
  }
71615
72968
 
72969
+ .xl\:hover\:psui-text-red-15:hover{
72970
+ --text-opacity: 1;
72971
+ color: #EAC5C5;
72972
+ color: rgba(234, 197, 197, var(--text-opacity));
72973
+ }
72974
+
71616
72975
  .xl\:hover\:psui-text-red-20:hover{
71617
72976
  --text-opacity: 1;
71618
72977
  color: #D65C5A;
@@ -71825,6 +73184,12 @@ html {
71825
73184
  color: rgba(252, 235, 235, var(--text-opacity));
71826
73185
  }
71827
73186
 
73187
+ .xl\:active\:psui-text-red-15:active{
73188
+ --text-opacity: 1;
73189
+ color: #EAC5C5;
73190
+ color: rgba(234, 197, 197, var(--text-opacity));
73191
+ }
73192
+
71828
73193
  .xl\:active\:psui-text-red-20:active{
71829
73194
  --text-opacity: 1;
71830
73195
  color: #D65C5A;
@@ -72037,6 +73402,12 @@ html {
72037
73402
  color: rgba(252, 235, 235, var(--text-opacity));
72038
73403
  }
72039
73404
 
73405
+ .xl\:focus\:psui-text-red-15:focus{
73406
+ --text-opacity: 1;
73407
+ color: #EAC5C5;
73408
+ color: rgba(234, 197, 197, var(--text-opacity));
73409
+ }
73410
+
72040
73411
  .xl\:focus\:psui-text-red-20:focus{
72041
73412
  --text-opacity: 1;
72042
73413
  color: #D65C5A;
@@ -72249,6 +73620,12 @@ html {
72249
73620
  color: rgba(252, 235, 235, var(--text-opacity));
72250
73621
  }
72251
73622
 
73623
+ .psui-group:hover .xl\:group-hover\:psui-text-red-15{
73624
+ --text-opacity: 1;
73625
+ color: #EAC5C5;
73626
+ color: rgba(234, 197, 197, var(--text-opacity));
73627
+ }
73628
+
72252
73629
  .psui-group:hover .xl\:group-hover\:psui-text-red-20{
72253
73630
  --text-opacity: 1;
72254
73631
  color: #D65C5A;
@@ -72461,6 +73838,12 @@ html {
72461
73838
  color: rgba(252, 235, 235, var(--text-opacity));
72462
73839
  }
72463
73840
 
73841
+ .xl\:first\:psui-text-red-15:first-child{
73842
+ --text-opacity: 1;
73843
+ color: #EAC5C5;
73844
+ color: rgba(234, 197, 197, var(--text-opacity));
73845
+ }
73846
+
72464
73847
  .xl\:first\:psui-text-red-20:first-child{
72465
73848
  --text-opacity: 1;
72466
73849
  color: #D65C5A;
@@ -72673,6 +74056,12 @@ html {
72673
74056
  color: rgba(252, 235, 235, var(--text-opacity));
72674
74057
  }
72675
74058
 
74059
+ .xl\:disabled\:psui-text-red-15:disabled{
74060
+ --text-opacity: 1;
74061
+ color: #EAC5C5;
74062
+ color: rgba(234, 197, 197, var(--text-opacity));
74063
+ }
74064
+
72676
74065
  .xl\:disabled\:psui-text-red-20:disabled{
72677
74066
  --text-opacity: 1;
72678
74067
  color: #D65C5A;
@@ -72885,6 +74274,12 @@ html {
72885
74274
  color: rgba(252, 235, 235, var(--text-opacity));
72886
74275
  }
72887
74276
 
74277
+ .xl\:checked\:psui-text-red-15:checked{
74278
+ --text-opacity: 1;
74279
+ color: #EAC5C5;
74280
+ color: rgba(234, 197, 197, var(--text-opacity));
74281
+ }
74282
+
72888
74283
  .xl\:checked\:psui-text-red-20:checked{
72889
74284
  --text-opacity: 1;
72890
74285
  color: #D65C5A;